/*********************************************************************
STANDARDS
*********************************************************************/
BODY { background: #ffffff; margin:0px; padding:0px 14px 4px 14px; }
BODY, A, INPUT, SELECT, TEXTAREA { color:#666666; font-family: helvetica, arial, sans-serif; font-size:8.2pt; text-decoration:none; }
A:hover { color:#333333; text-decoration:underline; }
H1, H2, H3, H4, H4, H6, P, UL, LI, TABLE, TD { margin:0px; padding:0px;}
LI { list-style-type:none; }
.clear {
	clear:both;
	height:1px;
	font-size:1px;
	line-height:1px;
}

br.trenner {
	clear:both;
	height:1px;
	font-size:1px;
	line-height:1px;
	margin-top:30px;
}

.hidden { position:absolute; left:-1500px; top:-800px; width:450px; }
.uppercase {text-transform: uppercase;}
FORM { margin:0px; padding:0px; }
input,select {background:#efefef; margin: 2px 0px 2px 0px;}
hr {border:solid #ffffff 1px;
background-color:#58585a;height:1px;}

#headContainer { width:938px; height:103px; background: #58585a; padding:21px; margin: 0px; position:relative; }
#logo1 { position:absolute; width:238px; height:50px; top:52px; left:658px; }

#menuContainer { position: relative; top: 0px; left: 0px; width:980px; padding: 4px 0px 0px 0px; margin:4px 0px 20px 0px; z-index: 99; clear:both; display:block; background:url('../img/bg_dotted.gif') repeat-x; height: 19px;}
#menu { margin:0px; width:980px; padding: 0px; z-index: 99; }
#menu ul li { float: left; padding: 0; z-index: 100;}
#menu ul li a {text-decoration: none; color: transparent; display: block; height: 20px; padding: 0 0 0 0px; background-repeat:no-repeat;}
#menu ul li ul { display: none; padding: 0; width:152px; z-index: 99;}
#menu ul li a.startseite { width:180px; color: #58585a; text-transform: uppercase; font-size:8.2pt; font-family: helvetica, arial, sans-serif; text-align:left; }
#menu ul li a:hover.startseite { color: #000000; }
#menu ul li a.referenzen { width:182px; color: #58585a; text-transform: uppercase; font-size:8.2pt; font-family: helvetica, arial, sans-serif; text-align:left; }
#menu ul li a:hover.referenzen { color: #000000; }
#menu ul li a.leistungen { width:185px; color: #58585a; text-transform: uppercase; font-size:8.2pt; font-family: helvetica, arial, sans-serif; text-align:left; }
#menu ul li a:hover.leistungen { color: #000000; }
#menu ul li a.wir { width:165px; color: #58585a; text-transform: uppercase; font-size:8.2pt; font-family: helvetica, arial, sans-serif; text-align:left; }
#menu ul li a:hover.wir { color: #000000; }
#menu ul li a.kontakt { width:172px;  color: #58585a; text-transform: uppercase; font-size:8.2pt; font-family: helvetica, arial, sans-serif; text-align:left; }
#menu ul li a:hover.kontakt { color: #000000; }
#menu ul li a.schnittstellen { width:93px; color: #58585a; text-transform: uppercase; font-size:8.2pt; font-family: helvetica, arial, sans-serif; text-align:left;}
#menu ul li a:hover.schnittstellen { color: #000000; }
#menu ul li a.impressum { width:93px; color: #58585a; text-transform: uppercase; font-size:8.2pt; font-family: helvetica, arial, sans-serif; text-align:left;}
#menu ul li a:hover.impressum { color: #000000; }

#menu ul li:hover .sub_referenzen { display: block; position: absolute; top: 19px; left: 181px; width: 84px; float:none; padding:0px 0px 5px 0px}
* html #menu ul li.over .sub_referenzen { display: block; position: absolute; width: 184px; top: 19px; left: 132px; z-index:100;float:none; padding:0px 0px 0px 0px}
#menu ul li:hover .sub_leistungen { display: block; position: absolute; top: 19px; left: 364px; width: 84px; float:none; }
* html #menu ul li.over .sub_leistungen { display: block; position: absolute; width: 84px; top: 19px; left: 364px; z-index:100; float:none; }

#menu ul li ul li:hover .sub_sub_projekte { display: block; position: absolute; top: 55px; left: 84px; width: 84px; padding: 0px 0px 0px 5px; }
* html #menu ul li ul li.over .sub_sub_projekte { display: block; position: absolute; width: 84px; top: 49px; left: 133px; z-index:100; background: #58585a; padding: 3px 0px 0px 0px;}


#menu ul li ul .sub_head { margin:0;  background: #58585a; width: 84px; height: 26px; z-index:100; float:none; display:block; clear:both;}
#menu ul li ul .sub { background: #58585a; float:none; display:block; width:84px; padding: 0px; z-index:100;  text-align:left;  }
* html #menu ul li ul .sub { background: #58585a; float:none; display:block; width:84px; height:22px; padding: 0px; z-index:100;  text-align:left;  }
#menu ul li ul .foot { background: #58585a; height:35px; }
* html #menu ul li ul .foot { background: #58585a; height:27px; }
#menu ul li ul .sub a { height: 13px; padding: 4px 6px 0 6px; z-index:100; color: #C9C9C9; text-transform: uppercase; font-size:8.2pt; font-family: helvetica, arial, sans-serif; }
#menu ul li ul .sub a:hover { color:#fff;}
#footer_menu { position: relative; width:980px; padding: 4px 0px 0px 0px; margin:40px 0px 0px 0px; z-index: 99; clear:both; display:block; background:url('../img/bg_dotted.gif') repeat-x; height: 19px;}
#area_flag {/*background-attachment:scroll; background-color:transparent; background-image:url('../img/grey.gif'); background-position:4px 50%; background-repeat:repeat-y;  display:inline-block; 
float:left; height:350px; */ display:block; height: 102px; left:-3px; position:relative; width:30px;}
#area_flag img { border-bottom: solid 10px #FFFFFF }

#page { width:980px; background: #FFFFFF; padding:0px; margin:0px; }
#content { padding:0px; margin:0px; width:1007px;  height:350px; overflow: visible; text-align: left; display:block; }
#content h1 { font-size: 9pt; text-transform:uppercase; font-weight:bold; margin: 0px 0px 6px 0px;}
#content h2 { font-size: 8.2pt; color: #888888; margin: 0px 0px 6px 0px;}
#content h3,h4,h5,h6 { font-size: 8.2pt; color: #666666; margin: 0px 0px 6px 0px;}
#content strong,b { font-weight:normal; color: #222222; }
#content a { font-weight:normal; color: #000000; text-decoration:none; }
#content a:hover { font-weight:normal; color: #000000; text-decoration:underline; }
#content a:visited { color: #000000; text-decoration:none; }
#content ol { margin:0px 0px 0px 0px; padding:0px; }
#content ul { list-style-image: url('../img/bullet1.gif');  margin:0px 0px 0px 0px; padding:0px; }
#content ul li {list-style-image: url('../img/bullet1.gif');  margin:0px 0px 0px 15px; padding:0px; }
#content ol li {margin:0px 0px 0px 15px; padding:0px; }
#content div.container400left { float:left; width:450px; padding: 0px 40px 50px 0px;}
#content div.container400right { float:right; width:450px; padding: 0px 0px 50px 0px;}
#content div.container300left { float:left; width:300px; padding: 0px 10px 0px 0px; margin: 0px 10px 50px 0px;}
#content div.container300right { float:left; width:300px; padding: 0px 0px 50px 0px;}
#content div.container550right { float:right; width:550px; padding: 0px 0px 50px 0px;}
#content div.container620left { float:left; width:620px; padding: 0px 10px 0px 0px; margin: 0px 10px 50px 0px; border-right: 1px solid #666666;}
#content div.container_referenzteaser { line-height:9pt; float:left; width:300px; padding: 0px 0px 50px 0px;}
#content div.container_referenzdreier { line-height:9pt; float:left; width:290px; padding: 0px 10px 50px 0px;}
* html #content div.container_referenzdreier { line-height:9pt; float:left; width:289px; padding: 0px 10px 50px 0px;}
#content div.referenz_img {display:inline; float: left; width:100px;}
#content div.referenz_text {display:inline; float: left; width:190px;}
a.arrow {background:url('../img/arrow.gif') 0px 2px no-repeat  transparent;  padding-left:10px; height:14px;}
div.imgContainerCenter{margin:5px;}
div.imgContainerLeft{float:left; margin: 5px 5px 5px 0px;}
div.imgContainerRight{float:right; margin: 5px 0px 5px 5px;}
span.credit {font-size:6pt; font-style:italic;display:block; clear:both; width:auto;}
span.caption {font-size:6pt; font-weight:bold;display:block; clear:both; width:auto;}
#content div.teaser_text h1, h2 {}