/*charset "UTF-8";
 CSS Document */
/*	Author: markus bessler - webin	*/
/*	Website: ib-federlein	*/


html, body{
	margin:0;
	padding:0;
}
body{
	margin:0;
	padding:60px 0 0 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:85%;
	width:100%;
	background:#FFFFFF url(../pic_include/site_bg.jpg) center top no-repeat;
}
a:link, a:visited{
	text-decoration:none;
}
h4{
	padding:0;
	margin:4px 0 0 0;
}
h6{
	margin:0;
	padding:0;
	font-size:1em;
	font-weight:bold;
	color:#BF0D16;
}
*::-moz-selection {
background-color:#c1e7f1;
color:#FFFFFF;
}
#wrapper{
	width:880px;
	height:600px;
	margin:0 auto 0 auto;
	border-left:1px solid #c6d1df;
	position:relative;
}

#box_head{
	width:880px;
	min-height:220px;
	z-index:80;
	position:relative;
}
#box_head #logo{
	width:200px;
	height:40px;
	padding:90px 0 0 0;
}
#logo_zusatz{
	top:90px;
	left:-116px;
	
	position:absolute;
}
#box_menu{
	width:672px;
	height:214px;
	
	float:right;
	
	
	/*border:1px dotted #99FFCC;
	*/
}
.menue_single_container{
	width:126px;
	height:210px;
	padding-right:5px;
	float:left;
	position:relative;

	/*border:1px solid #0066FF;*/
}
.menue_single_container ul{
	margin:0 0 0 0;
	padding:0;
	
	
}
.menue_single_container ul li{
	margin:0;
	padding:0;
	
	list-style-type:none;
}
.menue_single_container ul a{
	display:block;
	color:#1a467d;
	width:113px;
	font-size:0.85em;
	border-bottom:1px solid #9FCBDD;
	padding:1px 0 1px 16px;
}
.menue_single_container ul li a:hover{
	background:url(../pic_include/list-hover.jpg) 6px 6px no-repeat;
}
.menue_single_container ul li a.active{
	background:url(../pic_include/list-active.jpg) 3px 3px no-repeat;
}
#mp1_bild, #mp2_bild, #mp3_bild, #mp4_bild, #mp5_bild{
	height:93px;
	
}
.fade{
	top:0px;
	left:0px;	
	z-index:90;
	position:absolute
}
.fade div{
	top:0px;
	left:0px;
	display:none;
	
	position:absolute;
}

#mp1_name, #mp2_name, #mp3_name, #mp4_name, #mp5_name{
	top:94px;
	left:0;
	position:absolute;

}
#box_main{
	left:0;
	top:200px;
	padding-bottom:50px;
	z-index:5;
	position:absolute;
}


#sidebox_left{
	/*top:200px;
	left:0;
	*/
	width:170px;
	font-size:0.8em;
	color:#7481ac;
	margin:0 0 0 8px;
	/*border:1px dotted #99CC00;*/
	
	float:left;
}
#sidebox_left h2, #sidebox_left h2 a{
	color:#b0ddec;
	font-size:1.1em;
	margin:0 0;
	padding:10px 0;	
}
#sidebox_left p{
	margin:0;
	padding:4px 0;

}
#sidebox_left .realized{
	margin:135px 0 0 0;	
}
#sidebox_left .realized a{
	color:#B0DDEC;
}
#box_content{
	width:650px;
	margin:0 0 0 205px;
	padding:60px 0 0 0;
	line-height:1.4em;
	font-size:0.95em;
	position:relative;
	/*border:1px dashed #CC6600;
	*/
}
#box_content table{
	font-size:1em;
}
#box_content #dots{
	top:0px;
	left:0px;
	width:2px;
	height:21px;
	background:url(../pic_include/dots.jpg) left top no-repeat;
	position:absolute;
}
#box_content p{
	margin:4px 0;
}
#box_content h1{
	top:0px;
	left:0;
	margin:0px;
	padding:0px;
/*	color:#bf0d16;
*/	color:#ed8917;
	font-size:1.1em;
	top:0px;
	display:block;
	position:absolute;
}
#box_content h2{
	color:#1a467d;
	font-size:1.1em;
	padding:10px 0 6px 0;
}
#box_content h3{
	width:650px;
	color:#1a467d;
	font-size:1.1em;
	margin:0 0 0 0;
	padding:10px 0 8px 0;
	/*border-bottom:1px solid #df868b;*/
	border-bottom:1px solid #ed8917;
}
#box_content h3:hover{
	cursor:pointer;
	background-color:#f9fdff;
}
#box_content a:link, #box_content a:visited{
	color:#1a467d;
	text-decoration:underline;
}
#box_content h3.blickpunkte, #box_content h3.referenzen, #box_content h3.historie{
	width:600px;
}
.indicatorClose{
	width:11px;
	height:11px;
	background:url(../pic_include/pfeil_zu.gif) left top no-repeat;
	float:left;	
}
.indicatorOpen{
	width:11px;
	height:11px;
	background:url(../pic_include/pfeil_auf.gif) left top no-repeat;
	float:left;	
}
#toggle_box{
	padding:0;
	z-index:5;
}
#toggle_box h3{
	background:url(../pic_include/mehr.gif) right bottom no-repeat;
	cursor:pointer;
}
.chart_mitarbeiter_gfx_box{
	position:relative;
	z-index:10;
}
.chart_mitarbeiter{
	height:15px;
	
}
.chart_mitarbeiter_txt{
	top:80px;
	left:420px;
	width:180px;
	padding:8px;
	z-index:20;
	font-size:0.9em;
	border:1px solid #9fcbdd;
	background-color:#ffffff;
	position:absolute;
	display:none;
}
.chart_mitarbeiter_txt h4{
	color:#1a467d;
	margin:0 0 4px 0;
	padding:0;
}
.border1{
	border-bottom:1px solid #c1e7f1; 
}
.border1 a{
	color:#7481ac;
}
.border1 a:hover{
	color:#505977;
}
.border_bottom1{
	border-bottom:1px dashed #c1e7f1;
}
.border_top1{
	border-top:1px dashed #c1e7f1;
}
.content_margin{
	margin-left:64px;
}
.hervorgehoben{
	color:#1a467d;
	font-weight:bold;
}
.hervorgehoben_small{
	color:#1a467d;
}
.submenu{
	display:none;
	background-color:#000000;

	/*width:127px;
	*/
}
.text1_togglebox{
	width:600px;
	padding-top:10px;
	position:relative;
}
.text1_togglebox ul{
	margin:15px 0 0 18px;
	padding:0;	
}
.addoninfo{
	font-size:0.8em;
	font-weight:normal;
	color:#000000;	
}
.sachbearbeitung{
	top:20px;
	left:30px;
	display:none;
	position:absolute;	
}
.TKZ{
	top:20px;
	left:290px;
	display:none;
	position:absolute;	
}
.ingenieure{
	top:20px;
	left:290px;
	display:none;
	position:absolute;
}
.dieter{
	top:-30px;
	left:400px;
	display:none;
	position:absolute;
}
.stempel li{
	margin:8px 0;
}
.schachbrett_box{
	right:0;
	top:0;
	margin:0 0 0 20px;
	width:340px;
	float:right;
}
.schachbrett{
	margin:0;
	padding:0;
	height:68px;
	width:68px;
	position:relative; 
	float:left;	
}
.schachbrett img{
	display:block;
}
.legende_schach{
	width:340px;
	height:29px;
	float:right;
}
img.fader{
	display:none;	
}
.c_both{
	clear:both;
}
.trenner1{
	height:1px;
	margin-top:3px;
	padding-top:3px;
	background-color:#ffffff;
	border-top:1px dotted #c1e7f1; 
	clear:both;
}
#referenzen_box{
	margin-top:10px;
	position:relative;	
}
#box_content a.referenz{
	display:block;
	margin-bottom:10px;
	text-decoration:none;
	padding:0 0 6px 0;	
}
#box_content a.referenz:hover{
	text-decoration:underline;	
}
h3.refH3{
	height:70px;	
}

#referenzen_box .referenzen_pic{
	top:0;
	right:280px;
	display:none;
	position:absolute;
}
#referenzen_box .referenzen_detail ul li{
}
.historybox{
	top:10px;
	height:140px;
	width:210px;
	padding:0 0 0 8px;
	line-height:1.2em;
	border-left:1px solid red;
	font-size:0.85em;
	display:none;
	position:absolute;
	
}
.historybox_txt{
	margin:3px 0;
	padding:2px 0;
	border-top:1px dotted #c1e7f1;
}
.red_border1{
	width:550px;
	margin:30px 0 10px 0;;
	padding:0 0 4px 0;
	border-bottom:1px solid #ed8917;	
}
#_adresse_mel, #_adresse_nes{
	top:140px;
	left:320px;
	width:250px;
	padding:5px;
	background-color:#ffffff;
	border:1px solid #DEF1F7;
	
	position:absolute;
	display:none;	
}
#adresse_mel, #adresse_nes, .anfahrt_dl, .auto, .telliste{
	width:250px;
	padding:5px;
	background-color:#ffffff;
	border:1px solid #DEF1F7;	
}

.fl_r{
	float:right;	
}
.fl_l{
	float:left;	
}
.c_both{
	clear:both;	
}
.leistungen_link{
	margin-bottom:10px;
	color:#004b7c;
	display:block;
}
.leistungen_link:hover{
	cursor:pointer;
}
#leistungen_box .referenzobjekt{
	margin-bottom:6px;
	padding-bottom:10px;
}
#leistungen_box .beschreibung{
	padding:0px;
	margin:0px;
}
#leistungen_box .beschreibung li{
	margin-left:16px;
	color:#1a467d;
	font-weight:bold;
	list-style-type:square;
}
.leistungen_pic, .referenzenliste_pic{
	top:0;
	right:0;
	z-index:20;
	display:none;
	position:absolute; 
}
.subsub{
	margin:0 0 0 40px;
	width:400px;	
}
#box_content .subsub h3{
	width:450px;	
}
.subtext1_togglebox{
	padding-top:8px;	
}
.infotext{
	font-size:0.85em;
	font-style:italic;
	line-height:1em;
}
#orange{
	color:#ed8917;
	/*background-color:#889397;	
	*/
}
#gelb{
	color:#f0e475;
	background-color:#535a5c;
}
#blau{
	color:#1a467d;
	/*background-color:#c7d8dd;
	*/
}
.ing:hover, .techzeich:hover, .kauf:hover{
	cursor:pointer;
}
.text1_togglebox table.weiterbildung{
	border-collapse:collapse;
}
.text1_togglebox table.weiterbildung td{
	padding:2px;
	font-size:0.95em;
	vertical-align:top;
	border:1px solid #C1E7F1;
}
.text1_togglebox table.weiterbildung thead{
	font-weight:bold;
	text-align:center;
	background-color: #C1E7F1;
}
#slider1{
	padding-right:13px;
}
#slider1 img{
	border:1px solid #C1E7F1;
}
table.mitgliedschaften tr td{
	padding:0 0 30px 0;
}
#box_content .subcat a{
	width:180px;
	height:18px;
	font-weight:normal;
	text-align:center;
	text-decoration:none;
	font-size:0.9em;
	border:1px dotted #B0DDEC;
	margin:4px 15px 4px 0;
	display:block;
	float:left;	
}
#box_content .subcat a:hover, #box_content .subcat a.active{
	background-color:#B0DDEC;
	color:#ffffff;
}
.galerieboxes_head{
	width:325px;
	float:left;
}
.galerieboxes{
	width:313px;
	border:1px solid #DEF1F7;
	padding:2px;
	margin-right:5px;
	float:left;
}


#box_content .nl_file{
	display:block;
	font-weight:bold;
}
#box_content .nl_file a{
	color:#ED8917;
}
.nl_ext_box{
	margin:0 0 4px 30px;
}
.nl_abo label{
	display:block;
	float:left;
	text-align:right;
	width:130px;
	padding:5px 10px;
}
.nl_abo input{
	heigth:20px;
	margin:5px 0;
	width:230px;
}
.nlItemsBox{
	z-index:0;
	float:left;
	height:260px;
	margin:10px 20px 0 0;
}
#box_content .nlItemsBox h3{
	border:none;
	font-size:9pt;
	font-weight: normal;
	width:130px;;
}

.bubbleInfo {
    position: relative;
 
}
.trigger{
	
}


.trigger img{
	position:absolute;
	width:120px;
	z-index:50;
	border:none;
}
.popup {
    position: absolute;
    z-index:1000;
}