body{background-color: #fff; margin:0;
			padding:0; font-family:Arial, sans-serif;
}

#startfoto{margin-top:140px;padding-left:1%;position:relative;text-align:center;}
a.start:link{color:#3E3B3B;text-decoration:none}
a.start:visited{color:#3E3B3B;text-decoration:none}
a.start:hover{color:#3E3B3B;text-decoration:none}



h1{text-align:left;font-size:140%; color:#fff;font-weight:normal;font-family:Arial, sans-serif;}
h2{text-align:left;font-size:65%; color:#fff;font-weight:bold;font-family:Arial, sans-serif;line-height: 16px;}
h3{text-align:left;font-size:80%; color:#645138;font-family:Arial, sans-serif;text-align: center}
h4{text-align:right;font-size:140%; color:#000;font-weight:normal;font-family:Arial, sans-serif;}


a:link{color:#fff;text-decoration:none;}
a:visited{color:#fff;text-decoration:none;}
a:hover{color:#8AD100;text-decoration:underline;}
.aktiver_link{color:#8AD100;text-decoration:underline;}

#warnzeichen {
position:absolute;
width: 100%;
padding-left: 2px; padding-top 100px;
top:250px;
background:#FFF;opacity:0.7;filter:alpha(opacity=70);
	text-align: center;
color:#000;
}





/* ########### STARTSEITE UND LINKS ###########  */

		/*Supersize Plugin Styles*/
		#supersize img, #supersize a{
			height:100%;
			width:100%;
			display:none;
		}
		#supersize .activeslide, #supersize .activeslide img{
			display:inline;
		}
/*END Supersize Plugin Styles*/


#contentindex {
	position:absolute;
	width: 100%;
	padding-left: 0px;
	top:20px;
}

#head_barthelmes_index {
padding-left: 35px;
float:left; 
width: 360px;
line-height: 72px;
background:#000;opacity:0.7;filter:alpha(opacity=70);}

#head_barthelmes {
padding-left: 35px;
float:left; 
width: 360px;
line-height: 43px;
background:#000;opacity:0.8;filter:alpha(opacity=80);}
#head_barthelmes a:link{color:#fff;text-decoration:none}
#head_barthelmes a:visited{color:#fff;text-decoration:none}
#head_barthelmes a:hover{color:#8AD100;text-decoration:underline}

#head_menue_index {
position:absolute;
display:block;
line-height: 68px;
left: 396px;
width: 55%;
color: #000;
padding-left: 30px; padding-top: 0px; padding-bottom: 0px;
background:#000;opacity:0.4;filter:alpha(opacity=40);}
#head_menue_index a:link{color:#fff;text-decoration:none}
#head_menue_index  a:visited{color:#fff;text-decoration:none}
#head_menue_index  a:hover{color:#8AD100;text-decoration:underline}
.welcome {text-align:left;font-size:50%; color:#fff;font-weight:normal;font-family:Arial, sans-serif;padding-right:50px;}

#head_menue {
position:absolute;
left: 396px;
width: 55%;
padding-left: 30px; padding-top: 0px; padding-bottom: 0px;
background:#7F7F7F;
}

#untermenue {
position:absolute;
top: 75px;
left: 568px;
width: 100%;
padding-left: 10px; padding-top: 0px; padding-bottom: 0px;
	background:#000;opacity:0.5;filter:alpha(opacity=50);}


#footer {
    clear:left;
margin-top: -20px; 
}


/*coooole farbe  background:#548236;opacity:0.6;filter:alpha(opacity=60);  */


#image {height:470px;width:1044px;margin-top:60px;margin-left:0px; background-color:#fff;}
#thumbnails {height:23px;width:1044px;text-align:left; background-color:#fff;padding-top: 30px;}
#content {margin-left:auto; margin-right:auto; margin-top:140px;width:1044px; height:470px; background-color:#fff;}
#mainimage{background-color:#F3F3F3;}



/* ########## PORTFOLIO ########## */
#content_portfolio {margin-left:auto; margin-right:auto; margin-top:140px;width:1044px; height:470px; background-color:#fff;}
#image_portfolio{height:500px;width:1044px;margin-top:60px;margin-left:0px; background-color:#fff;}

#thumbnails_portfolio{height:23px;width:1044px;text-align:left; background-color:#fff;padding-top: 0px; padding-left: 50px;}

/* ########## ARCHITECTURE ########## */
#content_architecture {margin-left:auto; margin-right:auto; margin-top:140px;width:1044px; height:470px; background-color:#fff;}
#image_architecture {height:430px;width:1044px;margin-top:60px;margin-left:0px; background-color:#fff;}
#thumbnails_architecture {height:23px;width:1044px;text-align:left; background-color:#fff;padding-top: 20px; padding-left: 160px;}

/* ##### TRAVELING ##### */
#content_trav {margin-left:auto; margin-right:auto; margin-top:40px;width:950px; height:500px; background-color:#fff;}
#traveling{position:absolute;height:400px;width:400px;margin-top:110px;margin-left:270px; background-color:#fff;}
#thumbnails_trav{height:30px;width:400px;text-align:center;margin-top:35px;}

/* ##### DOKUMENTATION ##### */
	#untermenue_dok {
position:absolute;
top: 75px;
left: 396px;
width: 440px;
height: 20px;
background:#F1F1F1;
padding-left: 143px;}
#untermenue_dok a:link{text-decoration:none; font-size:65%; color:#777777;font-weight:bold;font-family:Arial, sans-serif;}
#untermenue_dok a:visited{text-decoration:none; font-size:65%; color:#777777;font-weight:bold;font-family:Arial, sans-serif;}
#untermenue_dok a:hover{color:#8AD100;text-decoration:underline; font-size:65%; font-weight:bold;font-family:Arial, sans-serif;}
.aktiver_unterlink{font-size:65%; color:#8AD100;font-weight:bold;font-family:Arial, sans-serif; text-decoration:underline; }

#content_dok {margin-left:auto; margin-right:auto; margin-top:140px;width:1044px; height:470px; background-color:#fff;}
#thumbnails_dok {height:23px;width:400px;text-align:center;margin-top:0px;margin-left:220px;}
#thumbnails_staedel02 {height:23px;width:400px;text-align:center;margin-top:0px;margin-left:330px;}
#thumbnails_montez {height:23px;width:400px;text-align:center;margin-top:0px;margin-left:100px;}


/* ##### PHASES OF REALITY ##### */
#content_phases {margin-left:auto; margin-right:auto; margin-top:140px;width:950px; height:500px; background-color:#fff;}
#content_phases2 {margin-left:auto; margin-right:auto; margin-top:170px;width:550px; background-color:#fff;font-size:75%; line-height: 18px;}
.bold { color:#444444;font-weight:bold;}

/* ##### CLIENTS ##### */
#content_client {margin-left:auto; margin-right:auto; margin-top:140px;width:950px; height:400px; background-color:#fff;}
#image_client{height:370px;width:1000px;margin-top:60px;margin-left:0px; background-color:#fff;}
#thumbnails_client{height:23px;width:1044px;text-align:left; background-color:#fff;padding-top: 0px;padding-left: 100px;}
#clientlist {margin-left:auto; margin-right:auto; margin-top:30px;width:950px; height:100px; color:#999999; font-size:75%; line-height: 12px;text-align: justify;}

/* ##### CONTACT ##### */
#content_contact {margin-left:auto; margin-right:auto; margin-top:120px;width:950px; height:397px; background-color:#EFEFEF;}
#impressum{background-color:#EFEFEF;position:absolute;font-size:80%;text-align:left;color:#2B2B2B;line-height:120%;margin-top:30px;margin-left:350px;padding:10px;border:1pt solid#CCCCCC}
#foto_barthelmes{position:absolute;margin-top:140px;margin-left:580px;padding:10px}
p.steuer_nummer{color:#777777;}
a.kontakt:link{color:#9D7C20;text-decoration:none}
a.kontakt:visited{color:#9D7C20;text-decoration:none}
a.kontakt:hover{color:#BCAB2C;text-decoration:underline}













/* galleria  */

.galleria{list-style:none;width:950px}
.galleria li{display:block;width:23px;height:23px;overflow:hidden;float:left;margin:0 0px 0 0}
.galleria li a{display:none}
.galleria li div{position:absolute;display:none;top:0;left:180px}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
.galleria li.caption{display:block;font-family:arial,Helvetica,Geneva,sans-serif;font-size:medium;padding-top:.5em}
.caption{color:#887;font-family:arial,Helvetica,Geneva,sans-serif;font-size:12px;font-style:italic;height:auto}
* html .galleria li div span{width:400px} /* MSIE bug */