body{
font-family: Arial, sans-serif;
font-size: 12px;
background: #e4e4e4;
line-height: 1.4em;
color: #444;
}

a{
color: #e2001a;
text-decoration: none;
}

a:hover{
text-decoration: underline;
color: #555;
}

p{
padding: 5px 0 5px 0;
}

h1{
font-size: 1.7em;
font-weight: normal;
margin: 10px 0 20px 0;
color: #555;
}

h2{
font-size: 1.2em;
color: #555;
margin: 0 0 10px 0;
}

h3{
font-size: 1.2em;
color: #E2001A;
margin: 10px 0 5px 0;
}

ol{
padding: 0 0 0 20px;
}



/**********************************************************
***********************************************************
Klassen
**********************************************************/

.clear{
clear: both;
margin: 0;
padding: 0;
border: 0;
height: 1px;
line-height: 1px;
font-size: 1px;
}

.box{
margin: 0 15px 1px 15px;
background-color: #f2f2f3;

}

.box_head{
background: url(../img/stripe_grey.gif) repeat-x left bottom #67696b;
padding: 4px 5px 10px 5px;
}

	.lightgrey{
	background: url(../img/stripe_lightgrey.gif) repeat-x left bottom #738387;
	}

	.red{
	background: url(../img/stripe_red.gif) repeat-x left bottom #CF0C34;
	}

	.box_head h2{
	font-size: 1.1em;
	font-weight: bold;
	color: #ffffff;
	margin: 0;
	}

.inner{
padding: 5px 10px 5px 10px;
}

.row{
margin: 3px 0 3px 0;
clear: both;
height: 1%;
}

.ingenieur_search_input{
width: 120px;
}

.ingenieur_search_submit{
width: 15px;
background-color: #fff;
padding: 0;
margin: 0 0 0 2px;
}

#ingenieur_search label{
font-size: 1.2em;
text-transform: uppercase;
font-weight: bold;
}

#ingenieur_search{
padding: 5px 0 10px 0;
}

hr,.hr{
height: 1px;
border: none;
border-bottom: 1px solid #ccc;

}

.right{
text-align: right;
}

.center{
text-align: center;
}

.floatleft{
float: left;
}

div.hilight{
background-color: #EFE0E2;
}

	div.hilight label{
	color: #e2001a;
	}

	div.hilight input{
	border-color: #DFA7B0;
	}

#content input span{
float: left;
width: 150px;
display: block;
}

a.print{
background: url(../img/print.gif) no-repeat left center;
padding: 2px 15px 2px 15px;
margin: 0 0 0 165px;
float: left;
}

a.sitemap{
background: url(../img/sitemap.gif) no-repeat left center;
padding: 2px 15px 2px 15px;
}


.color_red{
color: #E2001A;
}

.grau{
color: #999;
}

.grau_klein{
color: #999;
font-size: 0.9em;
}

.col_left{
width: 194px;
float: left;
padding: 5px 0 5px 0;
color: #999999;
}

.col_middle{
width: 550px;
float: left;
text-align: right;
padding: 5px 10px 5px 10px;
border-right: 1px solid #ccc;
border-left: 1px solid #ccc;
}

.breit{
width: 758px !important;
}



.col_right{
width: 194px;
float: left;
text-align: center;
padding: 5px 0 5px 0;
}

/**********************************************************
***********************************************************
Formulare
**********************************************************/

input, select, textarea{
border: 1px solid #ccc;
width: 300px;
padding: 1px;
color: #555;
vertical-align: middle;
margin: 0;
}

label{
color: #777;
cursor: pointer;
margin: 5px 0 5px 0;
display: block;
}

.label{
width: 60px;
float: left;
overflow: hidden;
height: 1%;
}

.input{
width: 85px;
float: left;
overflow: hidden;
height: 1%;
}

.input input{
width: 80px;
display: inline;
}



input.checkbox{
width: auto;
border: none;
}

input.select{

}



/**********************************************************
***********************************************************
Layout
**********************************************************/

#body{
padding: 0 0 20px 0;
}

#container{
width: 960px;
margin: auto;
height: 1%;
}

#page{
background-color: #fff;
position: relative;
height: 1%;
}

#startseite{
position: absolute;
left: 10px;
top: 30px;
}

#col_container{
position: relative;
height: 1%;
}

#page_special{
overflow: hidden;
color: #888;
margin: 6px 15px 6px 15px;
text-align: right;
}

#page_special a{
color: #888;
}

#font_increase, #font_decrease{
font-weight: bold;
font-size: 1.2em;
}

#top{
position: relative;
margin: 0 15px 15px 15px;
height: 130px;
background: url(../img/banner.jpg) no-repeat left bottom #fff;
z-index: 103;
}

	#navigation_top{
	position: absolute;
	right: 0;
	bottom: 0;
	padding: 3px;
	background-color: #666;
	opacity: 0.8;
	-moz-opacity: 0.8;
	filter: alpha(opacity = 80);
	width: 500px;
	z-index: 102;
	overflow: hidden;
	}
	
	#navigation_top ul{
	margin: 2px 0 0 0;
	}

	#navigation_top ul li{
	float: left;
	border-left: 1px solid #fff;
	margin: 0 0 0 8px;
	padding: 0  0 0 8px;
	}

	#navigation_top ul li a{
	color: #fff;
	}

	#wappen{
	position: absolute;
	right: 20px;
	top: 75px;
	width: 69px;
	height: 84px;
	z-index: 104;
	}

#col_left{
width: 195px;
float: left;
}	
	
	#navigation_main{
	overflow: hidden;
	}

	#navigation_main ul{
	margin: 10px 0 10px 0;
	}
	
	#navigation_main ul li{
	background: url(../img/arrow.gif) no-repeat 10px 10px;
	padding: 5px 10px 5px 20px;
	font-weight: bold;
	border-bottom: 1px solid #fff;
	}

	#navigation_main ul li.last{
	border: none;
	}

		#navigation_main ul li.active a{
		color: #e2001a;
		}

		#navigation_main ul li.active ul li.active a{
		color: #e2001a !important;
		}

	#navigation_main ul li a{
	color: #666666;
	}

	#navigation_main ul li a:hover{
	color: #444 !important;
	}

		#navigation_main ul li ul li{
		border: none;
		background: url(../img/arrow.gif) no-repeat 0px 10px;
		padding: 4px 10px 4px 10px;
		font-weight: normal;
		}
	
	#navigation_main li.active li.active{
	background: url(../img/arrow_active.gif) no-repeat 0 10px !important;
	}

	#navigation_main li.active{
	font-weight: bold !important;
	background: url(../img/arrow_active.gif) no-repeat 10px 10px !important;
	}


	#navigation_main .active .active{
	background: url(../img/arrow_active.gif) no-repeat 0px 10px !important;
	}

	#navigation_main .submenu{
	display: none;
	}

	#navigation_main .active .submenu{
	display: block !important;
	}

	.show_submenu .submenu{
	
	}
	

	#navigation_main ul li.active ul li a{
	color: #666;
	}

	#navigation_main_special{
	margin: 30px 0 0 0;
	background: url(../img/arrow.gif) no-repeat 10px 10px;
	padding: 5px 10px 5px 20px;
	font-weight: bold;
	}

	#navigation_main_special a{
	color: #666 !important;
	}

	#navigation_main_special li{
	border: none !important;	
	}



#col_middle{
width: 570px;
float: left;
height: 1%;
}

#content{
height: 1%;
position: relative;
}

#content label{
display: block;
margin: 2px 0 2px 0;
}

#content label span{
width: 150px;
display: block;
float: left;
}

#content img{

}

#content ul{
clear: both;
padding: 0 0 0 20px;
margin: 10px 0 10px 0;
}

#content ol{
clear: both;
padding: 0 0 0 35px;
margin: 10px 0 10px 0;
}

#content ol li{
margin: 2px;
}

	#content table{
	width: 100%;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	background-color: #efefef;
	width: 100% !important;
	margin: 5px 0 5px 0;
	}

	#content table td{
	padding: 7px;
	border-left: 1px solid #fff;
	border-bottom: 1px solid #fff;
	}

	#content table tr{
	
	}



#content ul li{
background: url(../img/list_arrow.gif) no-repeat 0 0.5em;
padding-left: 12px;
margin: 5px;
}

#col_middle_wide{
width: 765px;
float: left;
height: 1%;
}

	#breadcrumbs{
	margin: 5px 0 15px 0;
	}
	
	.B_crumbBox{
	color: #999;
	}

	.B_crumbBox a{
	color: #999;
	}

#col_right{
width: 195px;
float: left;
color: #666;
margin: 30px 0 0 0;
}
	
	#navigation_intern{
	margin: 5px 0 5px 0;
	}

	#navigation_intern ul li{
	background: url(../img/arrow_login.gif) no-repeat 10px 10px #CF0C34;
	padding: 4px 10px 4px 20px;
	border-bottom: 1px solid #fff;
	}

	#navigation_intern ul li a{
	color: #fff;
	}

	#navigation_intern ul li.active{
	font-weight: bold;
	}

#bottom{
padding: 20px 0 0 0;
}

	#toplink{
	padding: 0 0 0 10px;
	background: url(../img/arrow_top.gif) no-repeat left center;
	}

	#backlink{
	padding: 0 0 0 10px;
	background: url(../img/arrow_back.gif) no-repeat left center;
	}

#bottom a{
color: #999;
}

#footer{
color: #888;
font-size: 0.9em;
}

#footer a{
color: #888;
}

/**********************************************************
***********************************************************
Inhalt
**********************************************************/

.pic_border{
margin: 15px;
border: 1px solid #CCCCCC;
padding: 2px;
}

.pic_noborder{
margin: 10px 15px 10px 15px;
}

.news{
margin: 0 0 10px 0;
padding: 0 0 10px 0;
background: url(../img/line_dotted.gif) repeat-x left bottom;
}

.news_last{
background: none;
}

.news_image{
float: left;
margin: 10px 10px 5px 0;
border: 1px solid #999;
padding: 1px;
}

	.termin_image img{
	margin: 1px;
	}

h2.date{
color: #e2001a;
margin: 0;
font-size: 1.1em;
}

.presse{
margin: 0 0 10px 0;
padding: 0 0 10px 0;
background: url(../img/line_dotted.gif) repeat-x left bottom;
}

.message_archiv{
padding: 10px;
background-color: #efefef;
margin: 5px 0 5px 0;
}

.archiv_image{
border: 5px solid #fff;
vertical-align: middle;
margin: 0 10px 0 0;
}


.termin{
background: url(../img/line_dotted.gif) repeat-x left bottom;
}

	.termin_date{
	float: left;
	width: 80px;
	padding: 5px;
	}

	.termin_title{
	float: left;
	width: 350px;
	padding: 5px;
	border-left: 1px dotted #ccc;
	border-right: 1px dotted #ccc;
	}

	.termin_ort{
	float: left;
	padding: 5px;
	}

	.future, .future a{
	color: #444;
	}

	.past, .past a{
	color: #999;
	}

	.soon, .soon a{
	color: #e2001a;
	}

a.action{
background: url(../img/arrow_active.gif) no-repeat right center;
padding: 1px 10px 1px 0;
}

button.action{
color: #fff;
background: url(../img/button_bg.gif) repeat-x left top;
padding: 2px 3px 2px 3px;
text-align: center;
cursor: pointer;
vertical-align: middle;
margin: 1px;
width: 82px;
}

button.long{
width: 100px;
}

button.action span{
background: url(../img/arrow_white.gif) no-repeat left center;
padding: 0 0 0 7px;
}

a.action_small{
background: url(../img/arrow_active.gif) no-repeat left center;
padding: 0 0 0 10px;
font-size: 0.9em;
}

a.action_small:hover{
background: url(../img/arrow.gif) no-repeat left center;
}

a.action:hover{
background: url(../img/arrow.gif) no-repeat right center;
}

.job{
background: url(../img/line_dotted.gif) repeat-x left bottom;
margin: 0 0 15px;
}

.job .date{
float: left;
width: 80px;
padding: 5px;
}

.job .description{
float: left;
padding: 5px;
width: 350px;
border-left: 1px dotted #ccc;
border-right: 1px dotted #ccc;
}

.job .info{
float: left;
padding: 5px;
}

#sitemap{
margin: 0 0 0 20px;
}

#sitemap ul{
background: url(../img/sitemap_dot.gif) repeat-y left top;
margin: 3px 0 0 0;

}

#content #sitemap ul{
padding: 0;
}

#sitemap ul ul{
margin: 3px 0 0 10px;
}

#sitemap ul li{
padding: 0 0 0 18px;
margin: 5px 0 0 0;
}

#sitemap ul li{
background: url(../img/sitemap_line_center.gif) no-repeat left 0;
}

#sitemap ul li ul li{
background: url(../img/sitemap_line_center.gif) no-repeat left center;
margin: 0 0 0 0;
}


#sitemap ul li.last{
background: url(../img/sitemap_line.gif) no-repeat left center;
margin: 0 0 0 0;
}

#sitemap ul li ul li{

}

#fontsizer{
float: left;
margin: 5px 0 5px 0;
border-left: 1px solid #999;
padding: 0 0 0 5px;
}

#print{
float: left;
margin: 5px 5px 5px 0;
}

#inka_box_search{
width: auto;
padding: 0;
}

#inka_box_search span{
background-position: center center;
padding: 0 3px 0 3px;
}

/***********
Suche
************/

#ajaxSearch_output{
position: absolute;
right: 0;
top: -15px;
width: 506px;
margin: 0 15px 0 0;
z-index: 100;
background-color: #AFAFAF;
opacity: 0.9;
-moz-opacity: 0.9;
}

#col_left,#col_middle,#col_right{

}

#ajaxSearch_output .inner{
padding: 0;
}

#ajaxSearch_output h2{
margin: 5px 0 10px 10px;
}

#ajaxSearch_output ol{
padding: 0 0 0 25px;
}

#current-search-results{

}

#ajaxSearch_output a{
color: #e2001a;

}

#ajaxSearch_output p{
margin: 0;
padding: 0;
}

.AS_ajax_resultsIntroFailure{
padding: 10px;
}

.AS_ajax_result{
margin: 1px;
padding: 5px 100px 5px 0;
border-bottom: 1px solid #CFCFCF;
}


.ajaxSearch_result{
background: url(../img/line_dotted.gif) repeat-x left bottom;
padding: 5px;
}

.AS_ajax_resultExtract{
font-size: 0.9em;
}

#ajaxSearch_submit{
width: 18px;
height: 15px;
border: none;
margin: 2px 0 0 3px;
}

#ajaxSearch_input{
width: 120px;
margin: 1px 0 1px 2px;
float: left;
}

#ajaxSearch_form{

}

#searchClose{
position: absolute;
}

#indicator{
position: absolute;
}

.ajaxSearch_highlight{
background-color: #EFE0E2;
}

.search_close{
padding: 0 0 0 10px;
margin: 0 0 0 5px;
background: url(../img/close.gif) no-repeat 0px 6px;
}

.AS_ajax_more{
padding: 5px 0 5px 0;
text-align: right;
background-color: #CFCFCF;
}

.shadow1{
padding: 1px;
margin: 2px;
background: url(../img/wappen_shadow.gif) no-repeat right top #DFDFDF;
}

ul.nolist li{
background-image: none !important;
padding: 0 !important;
}




#seminar_year_trigger .active{
font-weight: bold;
background-color: #E2001A;
border-color: #E2001A;
color: #fff;
border-right: 1px solid #BF0B23;
}

#seminar_year_trigger{
padding: 0 !important;
margin: 0 !important;
overflow: hidden;
font-size: 1.2em;
}

#seminar_year_trigger li{
float: left;
background: none;
background-image: none !important;
padding: 0 !important;
margin: 0 !important;
}

#seminar_year_trigger li a{
display: block;
padding: 5px 10px 5px 10px;
background-color: #ccc;
margin: 0 1px 0 0;
border-top: 2px solid #fff;
}

#seminar_year_trigger li a span{

}

#seminar_year_trigger li a.active{
border-top: none;
}

#seminar_year_trigger li a.active span{
border-top: 2px solid #E2001A;
}

#seminar_year_trigger li a.active span{
display: block;
}

table.seminar_table{
margin-top: 0 !important;
border-top: 1px solid #E2001A !important;
overflow: hidden;
display: none;
}

table.active{
display: block;
}

.seminar_table th{
padding: 5px 10px 5px 10px;
background-color: #dfdfdf;
}

.note{
padding: 15px;
background-color: #F2F2F3;
border: 1px solid #DFDFDF;
margin: 0 5px 10px 0;
}

tr.total td{
border-top: 1px solid #DFC3C5;
background-color: #EFE0E1;
}

.error{
background-color: #EFE0E2;
border: 1px solid #CFA8AE;
padding: 10px;
margin: 0 0 10px 0;
color: #9F1D3B;
}
