html {padding:0px;margin:0px;}
body {background-color: #ffffff;font-size: 11px;font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;color:#564b47;  text-align:center;margin:0px;padding:0px;overflow-x:hidden;}


h1 {font-size:14px;padding-top:10px;color:#564b47;background-color: transparent;}
a { color: #888888;font-size: 11px;background-color:transparent;text-decoration: none;}
a:hover {text-decoration:underline;}
pre { color: #888888;font-size: 11px;background-color:transparent;font-family: Courier, Monaco, Monospace;}



#kopf {background-color:transparent;height:170px;BACKGROUND: url(../images/head_01.jpg) repeat-x center center;}
#kopf2 {background-color:transparent;height:80px;BACKGROUND: url(../images/head_02.png) no-repeat;padding-bottom:90px;}
#kopf h1 {font-size: 10px;text-align: right;color: #777777;padding:5px 15px;margin:0px;border:1px solid #aaaaaa;border-bottom:0px;BACKGROUND-COLOR: #d4d4d4;}
#kopf p {padding:0px;margin:0px;border:0px solid #aaaaaa;}
#kopf p span {padding-left:225px;color:#777777;}
#kopf p span a {color:#0869AE;}

/*  menue links */
#links {width:220px;height:445px;padding:0px;padding-top:10px;float:left;margin-right:5px;border:0px solid #aaaaaa;border-top:0px solid #aaaaaa;}
#links p {padding-left:55px;margin:0px;font-variant:small-caps;color:#ffffff;line-height:1.5em;}
#links a {color:#aaaaaa;font-size:12px;text-decoration:none;}
#links a:hover, a:active {color:#0869AE;font-size:12px;text-decoration:none;}
#links .active {color:#0869AE;font-size:12px;text-decoration:none;font-weight:bold;}

/*  link imagefilm */
#links a.image {color:#0869AE;font-size:12px;text-decoration:none;}
#links a:hover, a:active.image {color:#0869AE;font-size:12px;text-decoration:none;}

/*  menue oben */
.chromestyle {FONT-WEIGHT:wight;font-family:verdana;font-size:12px;padding:0px 0px 0px 0px;width:100%;font-variant:small-caps;background-color:#ffffff;}
.chromestyle:unknown {CLEAR: both; DISPLAY: block; VISIBILITY: hidden; HEIGHT: 0px; content: "."}
.chromestyle UL {BORDER:#bbb 1px solid;border:0px;PADDING-RIGHT:25px;PADDING-LEFT:0px;BACKGROUND: url(../images/chromebg.gif) repeat-x center center;PADDING-BOTTOM:3px;MARGIN:0px;PADDING-TOP:30px;TEXT-ALIGN:right;}
.chromestyle UL LI {DISPLAY: inline}
.chromestyle UL LI A {PADDING-RIGHT:15px;PADDING-LEFT:15px;PADDING-BOTTOM:4px;MARGIN:0px;COLOR:#ffffff;PADDING-TOP:4px;TEXT-DECORATION:none;font-size:12px;}
.chromestyle UL LI A:hover {color:#ffffff;text-decoration:underline;font-size:12px;}
.chromestyle UL LI #active {color:#ffffff;font-size:12px;font-weight:bold;}

/*  newsletter Formular */
#form {font-size:12px;font-family:arial;padding:3px 10px 10px 5px;line-height: 1.6em;color:#777777;}
#form h1, h2, h3{font-size:14px;font-weight:bold;color:#e3001b;padding-top:10px;}
#email {font-family:Arial;color:#777777;font-size:12px;border: 1px solid #AFAFAF;background-color:#ffffff;padding:3px;width:150px;}
#send {font:11px Arial, Helvetica;color:#777777;border: 1px solid #0B69AF;background-color: #ffffff;width:80px;}
#reset {font:11px Arial, Helvetica;color:#777777;border: 1px solid #0B69AF;background-color: #ffffff;width:80px;}

/*  newsletter link */
#news {width:220px;height:445px;padding:0px;padding-top:10px;float:left;margin-right:5px;border:0px solid #aaaaaa;border-top:0px solid #aaaaaa;}
#news p {padding-left:75px;margin:0px;font-variant:small-caps;color:#ffffff;line-height:1.5em;}
#news a {color:#aaaaaa;font-size:14px;text-decoration:none;font-weight:bold;}
#news a:hover, a:active {color:#0869AE;text-decoration:none;}
#news .active {color:#0869AE;text-decoration:none;font-weight:bold;}

#footer {color:#aaaaaa;font-size:10px;margin-top:10px;font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;padding-right:12px;text-align:right;}
#footer a:hover {color:#888888;font-size:10px;text-decoration:underline;}

/*  content mitte */
#mittenormal {/* percentage width without the fix*/width:380px;height:420px;overflow: auto;/* IE overflow fix, position must be relative or absolute*/position: relative;float:left;border:0px solid #aaaaaa;border-top:0px;padding-top:0px;color:#777777;padding-left:0px;padding-right:15px;}
#mittenormal p {border-bottom:0px solid #cccccc;padding-left:8px;padding-top:0px;}

.mittenormal {line-height:1.8em;padding-left:10px;font-weight:bold;color:#aaaaaa;}

#mittenormal h1 {color:#888888;margin-top:35px;font-size:12px;padding-top:35px;font-weight:bold;text-align:left;padding-left:8px;color:#0869AE;}
#mittenormal h2 {color:#888888;margin-top:0px;font-size:12px;padding-top:0px;font-weight:bold;text-align:left;padding-left:8px;color:#0869AE;margin-left:5px;}
#mittenormal img {padding:2px;border:1px solid #cccccc;margin:4px;}
#mittenormal a { color: #0869AE;font-size:11px;background-color:transparent;text-decoration:none;}
#mittenormal a:hover {color:#888888;padding-top:0px;font-size:11px;font-weight:weight;text-align:right;}






/*  mitte normal News */
#mittenormal_news {/* percentage width without the fix*/width:380px;height:420px;overflow: auto;/* IE overflow fix, position must be relative or absolute*/position: relative;float:left;border:0px solid #aaaaaa;border-top:0px;padding-top:0px;color:#777777;padding-left:0px;padding-right:5px;margin:0px;}
#mittenormal_news p {line-height:1.6em;border:1px solid #cccccc;width:320px;padding:8px;}
#mittenormal_news p img {padding:2px;float:left;}
#mittenormal_news h1 {color:#888888;margin-top:5px;font-size:11px;paddin0g-top:10px;padding-bottom:0px;font-family:arial;font-weight:normal;text-align:center;}
#mittenormal_news h2 {color:#888888;margin-top:5px;font-size:11px;paddin0g-top:10px;padding-bottom:0px;font-family:arial;font-weight:normal;text-align:center;}
#mittenormal_news span {line-height:1.3em;color:#888888;margin-top:2px;font-size:11px;padding-top:0px;font-family:arial;font-weight:bold;text-align:left;}


#mittenormal_news img {padding:5px;}
#mittenormal_news a { color: #0869AE;font-size:11px;background-color:transparent;text-decoration:none;}
#mittenormal_news a:hover {color:#888888;padding-top:0px;font-size:11px;padding-top:10px;font-weight:weight;text-align:right;}






/*  content kundenliste */
#contentscroll {/* percentage width without the fix*/width:380px;height:420px;overflow: auto;/* IE overflow fix, position must be relative or absolute*/position: relative;float:left;border:0px solid #aaaaaa;border:0px;padding-top:0px;color:#777777;padding-left:0px;padding-right:15px;}
#contentscroll p {line-height:1.8em;border-bottom:0px solid #cccccc;}
.contentscroll {line-height:1.8em;padding-left:10px;font-weight:bold;color:#aaaaaa;}
#contentscroll h1 {color:#888888;padding-top:0px;font-size:10px;padding-top:10px;font-weight:weight;}
#contentscroll h1 img {padding:2px;border:1px solid #cccccc;}
#logo_liste {padding:4px;float:right;}
#img_s {border:1px solid #aaaaaa;margin:2px 5px 6px 2px;float:left;padding:2px;}
#section {border-bottom:1px solid #cccccc;padding-bottom:2px;margin-left:0px;margin-right:0px;}
#contentscroll a { color: #0869AE;font-size:11px;background-color:transparent;text-decoration:none;}
#contentscroll a:hover {color:#888888;font-size:11px;background-color:transparent;text-decoration:underline;}

/*  rechts */
#mycustomscroll {/* percentage width without the fix*/width:350px;height:455px;overflow: auto;/* IE overflow fix, position must be relative or absolute*/position: relative;margin-left:auto;padding:0px;border:0px solid #aaaaaa;font-size:11px;color:#777777;}
#mycustomscroll img {padding:5px;border:1px solid #0C6BAF;}
#mycustomscroll p {padding-left:5px;padding-top:0px;padding-right:25px;line-height:1.5em;}
#mycustomscroll h2 {font-size:14px;color:#777777;}
#mycustomscroll h1 {padding-left:10px;font-size:11px;color:#0869AE;}
#mycustomscroll span {color:#0869AE;font-weight:bold;font-variant:small-caps;padding-top:0px;font-size:14px;font-family:verdana;padding-left:0px;}

#subhead {color:#aaaaaa;font-weight:bold;font-variant:small-caps;padding:0px;font-size:14px;font-family:verdana;margin:0px;}
#newsletter1 {color:#aaaaaa;font-weight:bold;padding-top:2px;font-size:9px;font-family:verdana;}
#newsletter {color:#888888;font-weight:bold;padding-top:2px;font-size:11px;font-family:verdana;}

#subhead span{font-size:18px;}

#mycustomscroll a {color:#777777;font-size:11px;text-decoration:none;font-weight:normal;}
#mycustomscroll a:hover, a:active {color:#0869AE;text-decoration:none;}
#mycustomscroll .active {color:#0869AE;text-decoration:none;font-weight:bold;}
#mycustomscroll p h1 {color:#0869AE;font-weight:normal;font-size:12px;}



/*  imagefilm */
#image {/* percentage width without the fix*/width:425px;height:455px;overflow: auto;/* IE overflow fix, position must be relative or absolute*/position: relative;margin-left:auto;padding:0px;border:0px solid #aaaaaa;font-size:11px;color:#777777;overflow-x:hidden;}
#image img {padding:5px;border:1px solid #ffffff;}
#image p {padding-left:10px;padding-top:0px;padding-right:25px;line-height:1.5em;}
#image h2 {font-size:12px;color:#0C6BAF;padding-left:10px;padding-top:0px;margin-top:0px;margin-bottom:0px;}
#image h1 {padding-left:10px;font-size:11px;color:#0869AE;}
#image span {color:#0869AE;font-weight:bold;font-variant:small-caps;padding-top:0px;font-size:14px;font-family:verdana;padding-left:10px;}

#image a {color:#777777;font-size:11px;text-decoration:none;font-weight:normal;}
#image a:hover, a:active {color:#0869AE;text-decoration:none;}
#image .active {color:#0869AE;text-decoration:none;font-weight:bold;}
#image p h1 {color:#0869AE;font-weight:normal;font-size:12px;}

/*  content image0 */
#imagea {/* percentage width without the fix*/width:380px;height:420px;overflow: auto;/* IE overflow fix, position must be relative or absolute*/position: relative;float:left;border:0px solid #aaaaaa;border-top:0px;padding-top:0px;color:#777777;padding-left:0px;padding-right:15px;}
#imagea p {line-height:1.8em;border-bottom:0px solid #cccccc;}
.mittenormal {line-height:1.8em;padding-left:10px;font-weight:bold;color:#aaaaaa;}
#imagea h1 {color:#888888;margin-top:200px;font-size:10px;padding-top:10px;font-weight:weight;text-align:right;}
#imagea img {padding:5px;}
#imagea a { color: #0869AE;font-size:11px;background-color:transparent;text-decoration:none;}
#imagea a:hover {color:#888888;padding-top:0px;font-size:11px;padding-top:10px;font-weight:weight;text-align:right;}





/*  team-liste */
#team {padding-left:5px;line-height:1.4em;} 


/*  bilddatenbank */
#tab {padding-left:5px;padding:0px;margin:0px;border:1px solid #0869AE;}
#eins {width:50px;color:#0869AE;font-weight:bold;} 
#zwei {width:180px;padding:5px;padding-bottom:0px;padding-top:0px;margin:0px;} 
#drei {width:50px;padding:5px;padding-bottom:0px;padding-top:0px;margin:0px;} 



/* Lightbox */
#lightbox{position: absolute;left: 0;width: 100%;z-index: 100;text-align: center;line-height: 0;}
#lightbox a img{border: none;}
#outerImageContainer{position: relative;background-color: #fff;width: 250px;height: 250px;margin: 0 auto;}
#imageContainer{padding: 10px;}
#loading{position: absolute;top: 40%;left: 0%;height: 25%;width: 100%;text-align: center;line-height: 0;}
#hoverNav{position: absolute;top: 0;left: 0;height: 100%;width: 100%;z-index: 10;}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
#prevLink, #nextLink{width: 49%;height: 100%;background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */display: block;}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }
#imageDataContainer{font: 10px Verdana, Helvetica, sans-serif;background-color: #fff;margin: 0 auto;line-height: 1.4em;}
#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
#overlay{position: absolute;top: 0;left: 0;z-index: 90;width: 100%;height: 500px;background-color: #000;}
/* Min-Width */
.lbWidth { /* most browsers */position: absolute;top: 0px; left: 0px;width: 100%;min-width: 790px;}
* html .lbContent { /* IE6 */margin-left: -790px;position:relative;}
* html .lbMinWidth { /* IE6 */padding-left: 790px;}
/* Clearfix */	
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */ 
/* lightbox ende */