/* Standards ***************************************************************** */
body{
	font-family: arial, helvetica, courier, serif, sans-serif, times new roman, times roman;
	font-size: small;
	font-size: 12px;
	text-align: left;
}
.tablenormal{
	width: 100%;
	padding: 0px;
	/*spacing: 0px; gib es nicht im csss*/
}
.tablenav{
	padding: 0px;
	/*spacing: 0px; gib es nicht im csss*/
	background-color: #eeeeee;
}
.table_title{
	background-color: #cccccc;
	width: auto;
	border-color: #cccccc;
	font-size: 12px;
	padding: 4px;
}
.separate_line{
	background-color: #003366;
	line-height: 1px;
	height: 2px;
	margin-bottom: 12px;
	margin-top: 10px;
}
.separate_line_text{
	color: #003366;
	font-size: 12px
}
.section_line{
	line-height: 1px;
	height: 1px;
	width: 80%;
	background-color: #003366;
	margin-top: 10px;
	margin-bottom: 10px;
}
.section_line_text{
	color: #003366;
	font-size: 12px
}

/* font */
textarea{
	font-family:  arial, helvetica, courier, serif, sans-serif, times new roman, times roman;
	font-size: 12px;
}
input{
	font-family:  arial, helvetica, courier, serif, sans-serif, times new roman, times roman;
	font-size: 12px;
}
select{
	font-family:  arial, helvetica, courier, serif, sans-serif, times new roman, times roman;
	font-size: 12px;
}
option{
	font-family:  arial, helvetica, courier, serif, sans-serif, times new roman, times roman;
	font-size: 12px;
}

.text{
	font-family:  arial, helvetica, courier, serif, sans-serif, times new roman, times roman;
	font-size: 13px;
	text-align: left;
}
.text_small{
	font-family:  arial, helvetica, courier, serif, sans-serif, times new roman, times roman;
	font-size: small;
	font-size: 11px;
	text-align: left;
}
.messageText{
	color: green;
	font-size: 12px;
}
.fontcolor_error{
	color: #FF001A;
}
.fontcolor_warning{
	color: #FF8C00;
}				
.fontcolor_info{
	color: #228B22;
}	
.font_stile_important{
	font-weight: bold;
}
.coment{
	font-size: smaller;
}
.blau{
	background-color: #D4E4EA;
	border-color: #D4E4EA;
}
.schrift_linie{
	color: 	#036790;
	font-size: 12px;
}
.grau{
	background-color: #eeeeee;
}
.help_text{
	font-size: 10px;
}

/* Navigation */
.nav{
	color: #000000;
	font-size: 12px;
	font-weight: normal;
	background-color: #eeeeee;
	padding: 3px;
	width: 100%;
	height: 100%;
	text-align: left;
}
.horinav{
	font-family: arial, helvetica, courier, serif, sans-serif, times new roman, times roman;
	font-size: 10px;
}
.show_horinav{
	font-family: arial, helvetica, courier, serif, sans-serif, times new roman, times roman;
	font-size: 12px;
	text-align: right;
	padding: 2px;
}
.title_nav{
	color: black;
	font-size: 16px;
	background-color: #cccccc;
	padding: 3px;
	width: 100%;
	text-align: left;
}

/* Images */
img{
     border:none;
}

/* Links */
a{
	font-family: arial, helvetica, courier, serif, sans-serif, times new roman, times roman;
	font-size: small;
	font-size: 12px;
}
.link_small{
	font-family: arial, helvetica, courier, serif, sans-serif, times new roman, times roman;
	font-size: small;
	font-size: 10px;
	
}
.links{
 	font-family: arial, helvetica, courier, serif, sans-serif, times new roman, times roman;
	font-size: 10px;
	text-align: right;
	margin-right: 4px;
	margin-bottom: 0px;
}

.links_connector_table{
 	font-family: arial, helvetica, courier, serif, sans-serif, times new roman, times roman;
	font-size: 10px;
	text-align: right;
	margin-right: 4px;
	margin-bottom: 4px;
	margin-top: 4px;
	width: 80%;
}
.logout{
	font-family: arial, helvetica, courier, serif, sans-serif, times new roman, times roman;
	font-size: small;
	font-size: 12px;
	color: #ffffff;
}
/* Header ***************************************************************** */
.logo{
	float: left;
	margin-left: 10px;
	margin-bottom: 10px
}

/* Moduls */
.moduls{
	float: right
}
.moduleactive {
	background-color: #B5D3E5;
	font-size: 12px;
	font-weight: bold;
	padding: 3px;
	margin-bottom: 0px
}
active:link_haupt{
	background-color: #B5D3E5;
	font-weight: bold;
}
.line_modul{
	line-height: 1px;
	background-color: #B0BAC8;
	margin-bottom: 10px;
}

/* Tabs */
.tableedit{
	width: 60%;
	padding: 1px;
	background-color: #cccccc;
}
.tabs{
	background-color: #9D0000;
	width: 10%;
	color: White;
	text-align: center;
	font-size:12px;
	padding: 1px;
}
.tabsnonactive{
	background-color: #E5E5E5;
	width: 10%;
	color: #0000ff;
	text-align: center;
	font-size:12px;
	padding: 3px;
}
.moduls_line_thin{
	border: none;
	background-color: #9D0000;
	font-size: 1px;
	line-height: 4px;
	margin: 0px;
	margin-bottom: 5px;
}

/* Screen ***************************************************************** */

/* Overview */
.title_overview{
	color: black;
	font-size: 16px;
	background-color: #cccccc;
	padding: 3px;
	width: 100%;
	text-align: left;
}
.table_overview{
	background-color: #cccccc;
	width: 100%;
	padding: 0px;
}
.tr_overview{
	background-color: #dddddd;
}
/* Diese zwei dinger werden bei der Darstellung der zweifarbigen overview Tabelle gebraucht */
.table_spalte{
	background-color: #eeeeee;	
	padding: 4px;
}
.table_spalte1{
	background-color: #dddddd;	
	padding: 4px;
}
/* Choice */
.table_choice{
	background-color: #cccccc;
	width: 100%;
	padding: 0px;

}

/* Edit */
.tableedit2{
	width: 100%;
	padding: 0px;
	border: 0px;
	background-color: #eeeeee;
}
.title_edit{
	color: black;
	font-size: 16px;
	background-color: #cccccc;
	padding: 3px;
	width: 80%;
	text-align: left;
}
.edit_body{
	font-size: 12px;
}

/* Show */
.tableconnect{
	padding: 2px;
	border: 0px;
	background-color: #ff0000;
}
.tableconnect2{
	padding: 2px;
	border: 0px;
	background-color: #ffffff;
}

/* Blank */
.blank_blocktext
{
	width: 700px;
	text-align: left;
	vertical-align: top;
	padding: 3px;
	font-weight: normal;
	font-size: 12px;
}
.blank_blocktitle
{
	width: 700px;
	vertical-align: top;
	padding: 3px;
	background-color: #EEEEEE;
	text-align: left;
	font-weight: bold;
	font-size: 12px;
}

.blank_table
{
	width: 700px;
	padding: 0;
	border: 0;
}

.blank_td{
	text-align: left;
	vertical-align: top;
	font-weight: normal;
	font-size: 12px;
	padding: 0;
	border: 0;
}


/* Login */
.table_login{
	width: 100%;
	height: 100%;
	padding: 0px;
}

.inner_table_login{
	width: 100%;
	height: 420px;
	padding: 0px;
	background-color: #0067A6;
}

.bottom_table_login{
	width: 100%;
	height: 420px;
	padding: 0px;
	background-color: #ffffff;
}


/* Login */
.top_table_main{
	width: 100%;
	height: 420px;
	padding: 0px;
	background-color: #ffffff;
}

.bottom_table_main{
	width: 100%;
	height: 420px;
	padding: 0px;
	background-color: #0067A6;
}


/* Not Categorized */
.title_edit_coment{
	width: 80%;
	background-color: #EEEEEE;
	padding: 3px;
	text-align: left;
	font-size: 12px;
}
.title_finish_coment{
	background-color: #EEEEEE;
	padding: 0px;
	text-align: left;
	font-size: 12px;
}
.finish_coment_table{
	padding: 3px;
	background-color: #eeeeee;
	text-align: left;
	width: 80%;
}
.finish_title_table{
	color: black;
	font-size: 16px;
	background-color: #cccccc;
	padding: 3px;
	width: 80%;
	text-align: left;
}
.table_add{
	background-color: #cccccc;
	width: 80%;
	padding: 0px;
}

.table_total_work_exp{
	background-color: #cccccc;
	padding: 1px;
	width: 10px;
}

.login_title{
	font-size: 16px;
}

.VergleichsPad{
	width: 70%;
	padding: 1px;
	background-color: #cccccc;
}
.VergleichsPad2{
	width: 100%;
	padding: 0px;
	border: 0px;
	background-color: #eeeeee;
}
.VergleichsPadSectionTitle{
	background-color: #8B8B8B;
	padding: 3px;
}
.VergleichsPadTr
{
	white-space: nowrap;
	width: 100%;
	height: 0px;
}
.VergleichsPadDruckAnsicht{
	background-color: #ffffff;	
	padding: 4px;
}
.table_Vergleichspad{
	background-color: #cccccc;
	white-space: nowrap;
	width: 100%;
	padding: 0px;
}
/* Grafik SVG */
.svgBackground{
	fill:#ffffff;
}
.graphBackground{
	fill:#f0f0f0;
}
/* graphs titles */
.mainTitle{
	text-anchor: middle;
	fill: #000000;
	font-size: 14px;
	font-family: "Arial", sans-serif;
	font-weight: normal;
}

.subTitle{
	text-anchor: middle;
	fill: #999999;
	font-size: 12px;
	font-family: "Arial", sans-serif;
	font-weight: normal;
}
.axis{
	stroke: #000000;
	stroke-width: 1px;
}
.guideLines{
	stroke: #666666;
	stroke-width: 1px;
	stroke-dasharray: 2;
}
.xAxisLabels{
	text-anchor: middle;
	fill: #000000;
	font-size: 10px;
	font-family: "Arial", sans-serif;
	font-weight: normal;
}
.yAxisLabels{
	text-anchor: end;
	fill: #000000;
	font-size: 10px;
	font-family: "Arial", sans-serif;
	font-weight: normal;
}
.xAxisTitle{
	text-anchor: middle;
	fill: #ff0000;
	font-size: 14px;
	font-family: "Arial", sans-serif;
	font-weight: normal;
}
.yAxisTitle{
	fill: #ff0000;
	text-anchor: middle;
	font-size: 14px;
	font-family: "Arial", sans-serif;
	font-weight: normal;
}
.dataPointLabel{
	fill: #000000;
	text-anchor:middle;
	font-size: 10px;
	font-family: "Arial", sans-serif;
	font-weight: normal;
}
.staggerGuideLine{
	fill: none;
	stroke: #000000;
	stroke-width: 0.5px;	
}

/* default fill styles for multiple datasets (probably only use a single dataset on this graph though) */

.key1,.fill1{
	fill: #0067A6;
	color: 
	fill-opacity: 0.5;
	stroke: none;
	stroke-width: 0.5px;	
}

.key2,.fill2{
	fill: Aqua;
	color: Aqua;
	fill-opacity: 0.5;
	stroke: none;
	stroke-width: 1px;	
}

.key3,.fill3{
	fill: Aqua;
	fill-opacity: 0.5;
	stroke: none;
	stroke-width: 1px;	
}

.key4,.fill4{
	fill: #ffcc00;
	fill-opacity: 0.5;
	stroke: none;
	stroke-width: 1px;	
}

.key5,.fill5{
	fill: #00ccff;
	fill-opacity: 0.5;
	stroke: none;
	stroke-width: 1px;	
}

.key6,.fill6{
	fill: #ff00ff;
	fill-opacity: 0.5;
	stroke: none;
	stroke-width: 1px;	
}

.key7,.fill7{
	fill: #00ffff;
	fill-opacity: 0.5;
	stroke: none;
	stroke-width: 1px;	
}

.key8,.fill8{
	fill: #ffff00;
	fill-opacity: 0.5;
	stroke: none;
	stroke-width: 1px;	
}

.key9,.fill9{
	fill: #cc6666;
	fill-opacity: 0.5;
	stroke: none;
	stroke-width: 1px;	
}

.key10,.fill10{
	fill: #663399;
	fill-opacity: 0.5;
	stroke: none;
	stroke-width: 1px;	
}
.key11,.fill11{
	fill: #339900;
	fill-opacity: 0.5;
	stroke: none;
	stroke-width: 1px;	
}

.key12,.fill12{
	fill: #9966FF;
	fill-opacity: 0.5;
	stroke: none;
	stroke-width: 1px;	
}

.keyText{
	fill: #000000;
	text-anchor:start;
	font-size: 10px;
	font-family: "Arial", sans-serif;
	font-weight: normal;
}

/* SVG Pie */

.dataPoint1{
	fill: #0067A6;
	color: 
	fill-opacity: 0.5;
	stroke: none;
	stroke-width: 0.5px;	
}

.dataPoint2{
	fill: Aqua;
	color: Aqua;
	fill-opacity: 0.5;
	stroke: none;
	stroke-width: 1px;	
}

.dataPoint3{
	fill: Aqua;
	fill-opacity: 0.5;
	stroke: none;
	stroke-width: 1px;	
}

.dataPoint4{
	fill: #ffcc00;
	fill-opacity: 0.5;
	stroke: none;
	stroke-width: 1px;	
}

.dataPoint5{
	fill: #00ccff;
	fill-opacity: 0.5;
	stroke: none;
	stroke-width: 1px;	
}

.dataPoint6{
	fill: #ff00ff;
	fill-opacity: 0.5;
	stroke: none;
	stroke-width: 1px;	
}

.dataPoint7{
	fill: #00ffff;
	fill-opacity: 0.5;
	stroke: none;
	stroke-width: 1px;	
}

.dataPoint8{
	fill: #ffff00;
	fill-opacity: 0.5;
	stroke: none;
	stroke-width: 1px;	
}

.dataPoint9{
	fill: #cc6666;
	fill-opacity: 0.5;
	stroke: none;
	stroke-width: 1px;	
}

.dataPoint10{
	fill: #663399;
	fill-opacity: 0.5;
	stroke: none;
	stroke-width: 1px;	
}
.dataPoint11{
	fill: #339900;
	fill-opacity: 0.5;
	stroke: none;
	stroke-width: 1px;	
}

.dataPoint12{
	fill: #9966FF;
	fill-opacity: 0.5;
	stroke: none;
	stroke-width: 1px;	
}