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

a.start:link{color:#3E3B3B;text-decoration:none}
a.start:visited {color : #3e3b3b; text-decoration : none;}
a.start:hover {color : #3e3b3b; text-decoration : none;}

#fototitel {position : relative; color : #fff; font-size : 85%; text-align : center; padding-left : 100px;}

 table.c4 {table-layout:fixed}
 th.c3 {width:130px}
 th.c2 {width:200px}
 th.c1 {width:150px}


h1 {text-align : right; 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;
top : 250px;
background : #fff;
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 : 0;
top : 20px;
}

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

#head_barthelmes {
padding:0px 35px 0px 35px;
float : left;
width : 325px;
line-height : 24px;
height: 73px;
background : #333;
}

#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;
height: 73px;
left : 396px;
width : 59%;
color : #000;
padding-left : 30px;
padding-top : 0;
padding-bottom : 0;
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 {
font-weight : normal;
padding-right : 50px;
}

#head_menue {
position : absolute;
overflow: visible;
left : 396px;
width : 59%;
height: 73px;
padding-left : 30px;
padding-top : 0;
padding-bottom : 0;
background : #7f7f7f;
}

#head_navi {
position : absolute;
overflow: visible;
padding-top : 0;
padding-bottom : 0;
background : #7f7f7f;
}


#head_frankfurt {
overflow: hidden;
float: right;
padding-left : 15px;
padding-right : 20px;
padding-top : 5px;
padding-bottom : 0;
font-size : 75%;
text-align : right;
color: #444;
border-left:1px solid #bbb;
}

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

#links {
clear : left;
margin-top : -40px;
margin-left : 150px;
text-align : left;
font-size : 75%;
color : #999;
font-weight : normal;
font-family : Arial, sans-serif;
line-height : 12px;
} 

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


#image {
height : 470px;
width : 1044px;
margin-top : 60px;
margin-left : 0;
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 : 0 auto;
margin-top : 140px;
width : 1100px;
height : 470px;
background-color : #fff;
}

#image_portfolio {
height : 500px;
width : 1100px;
margin-top : 60px;
background-color : #fff;
}

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

/* ########## ARCHITECTURE ########## */
#content_architecture {
margin : 0 auto;
margin-top : 140px;
width : 1044px;
height : 470px;
background-color : #fff;
}

#image_architecture {
height : 430px;
width : 1050px;
margin-top : 60px;
background-color : #fff;
}

#thumbnails_architecture {
height : 23px;
width : 1050px;
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 : 0;
margin-left : 220px;
}

#thumbnails_staedel02 {
height : 23px;
width : 400px;
text-align : center;
margin-top : 0;
margin-left : 330px;
}

#thumbnails_montez {
height : 23px;
width : 400px;
text-align : center;
margin-top : 0;
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;}
#thumbnails_phases {height:23px;width:500px;text-align:center;margin-top:0px;margin-left:100px;}
.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 : 0;
background-color : #fff;
}

#thumbnails_client {
height : 23px;
width : 1044px;
text-align : left;
background-color : #fff;
padding-top : 0;
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 : 390px;
background-color : #efefef;
}

#schlagworte {
position : absolute;
margin-top : 242px;
margin-left : 33px;
padding : 0px;
font-size : 75%;
text-align : left;
color : #444;
}

#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;
}

#impressum2 {
background-color : #efefef;
position : absolute;
font-size : 80%;
text-align : left;
color : #2b2b2b;
line-height : 120%;
margin-top : 15px;
margin-left : 375px;
padding : 20px;
border : 1pt solid #cccccc;
}

#foto_barthelmes {
position : absolute;
margin-top : 133px;
margin-left : 610px;
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;
}



/* ##### BLOG ##### */


 #blog-content    {
margin-left: 30px;
margin-top : 110px;
width : 1000px;
}


#blogmenue {
float: left;
margin-top : 100px;
color : #555;
font-size : 80%;}
#blogmenue a:link { text-decoration:none; color: #666; } 
#blogmenue a:visited { text-decoration:none; color: #666; }
#blogmenue a:hover { text-decoration:underline; color: #8ad100; }
#blogmenue a:active { text-decoration:none; color: #666; }  


#blog-beitraege {
margin-left: 200px;
margin-top : 0px;
width : 800px;}
#blog-beitraege a:link { text-decoration:underline; color: #800000; } 
#blog-beitraege a:visited { text-decoration:underline; color: #800000; }
#blog-beitraege a:hover { text-decoration:underline; color: #8ad100; }
#blog-beitraege a:active { text-decoration:none; color: #800000; }  

#blog-titel {
padding-right : 15px;
margin-left : 0px;
margin-bottom : 20px;
background-color : #fff;
font-size : 75%;
color : #444;
font-weight : normal;
text-align : left;
line-height : 1px;
border : 0px solid #8ad100;
}

.headline_projects {
padding-left : 15px;
padding-right : 15px;
margin-bottom : 20px;
background-color : #8ad100;
font-size : 80%;
color : #fff;
font-weight : normal;
text-align : left;
line-height : 1px;
border : 1px solid #fff;}

.image-project {padding-bottom : 40px;}

.untertitel-project {
font-family : "Courier New";
font-size : 75%;
font-weight : normal;
color : #111111;
text-align : right;
margin-top : -10px;
} 

.untertitel-project-big {
font-family : "Courier New";
font-size : 90%;
font-weight : normal;
color : #111111;
text-align : right;
margin-top : -15px;
} 

.untertitel-blog-links {
font-family : "Courier New";
font-size : 80%;
font-weight : normal;
color : #111111;
text-align : left;
margin-top : -10px;
} 




/* galleria  */

.galleria{list-style:none;width:950px}
.galleria li{display:block;width:9px;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 */