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

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

/* ########### hellgruen 8ad100       ###########  */



a.bloglink: link {color : #111; text-decoration: none;}
a.bloglink: visited {color : #111; text-decoration: none;}
a.bloglink: hover {color : #111; text-decoration: underline;}
a.bloglink: active {color : #fff; text-decoration: none;}



.aktiver_bloglink {color : #005E42; 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 {
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;}

 table.c4 {table-layout:fixed}
 th.c3 {width:130px}
 th.c2 {width:200px}
 th.c1 {width:150px}
 
  table.p1 {table-layout:fixed; text-align: center; height:100%; width:100%; }



#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;
-moz-border-radius-topright:3px;
-khtml-border-radius-topright:3px;
-moz-border-radius-bottomright:3px;
-khtml-border-radius-bottomright:3px;
}

#head_navi {
font-family : Verdana, Arial, sans-serif;
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 : 70%;
text-align : right;
color: #444;
border-left:1px solid #bbb;
-moz-border-radius-topright:3px;
-khtml-border-radius-topright:3px;
-moz-border-radius-bottomright:3px;
-khtml-border-radius-bottomright:3px;
}

#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 : #666;
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 : 1050px;
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;
} 

/* ############### REPORTAGE ############### */


#reportage_content {
background-color : #red;
}



#reportage_leftvorschau {
position: absolute;
margin-top : 250px;
margin-left: 50px;
padding: 0px 15px 17px 12px;
font-size : 80%;
line-height : 180%;
background-color : #f1f1f1;
border:1px solid #f1f1f1;
-moz-border-radius:4px;
-khtml-border-radius:4px;
}

#reportage_leftvorschau a:link {text-decoration: none; color : #444; }
#reportage_leftvorschau a:visited {text-decoration: none; color : #444; }
#reportage_leftvorschau a:hover {text-decoration: underline; color : #8ad100; }


#reportage_shows {position: absolute; margin-top: 150px; margin-left: 280px;  width: auto; background-color: #fff; overflow: hidden;}

#reportage_image { width: 775px; background-color: #fff;  }

#thumbnails_reportage_leica { height: 23px; text-align: left; width: 670px; padding-top: 0; padding-left: 164px;} 
#thumbnails_reportage_mertz { height: 23px; width: 644px; text-align: left; padding-top: 0; padding-left: 202px;} 
#thumbnails_reportage_playmobil { height: 23px; width: 775px; text-align: left; padding-top: 0; padding-left: 0px;} 
#thumbnails_reportage_grob { height: 23px;  text-align: left; width: 775px; padding-top: 0; padding-left: 25px;} 
#thumbnails_reportage_steiff { height: 23px; width: 670px; text-align: left; padding-top: 0; padding-left: 140px;} 
#thumbnails_reportage_schwanen { height: 23px; width: 775px;  text-align: left; padding-top: 0; padding-left: 0px;} 
#thumbnails_reportage_heidelberg { height: 23px;  text-align: left; width: 670px;  padding-top: 0; padding-left: 195px;} 
#thumbnails_reportage_poco { height: 23px; width: 670px; text-align: left;  padding-top: 0; padding-left: 55px; } 


#traveling {
position : absolute;
height : 400px;
width : 400px;
margin-top : 150px;
margin-left : 400px;
background-color : #fff;
}

#thumbnails_trav {
height : 30px;
width : 400px;
text-align : center;
margin-top : 35px;
} 


#untermenue_reportage {
position : absolute;
top : 73px;
left : 396px;

height : 22px;
background : #f1f1f1;
padding-left : 35px;
border:1px solid #f1f1f1;
-moz-border-radius-bottomleft:3px;
-khtml-border-radius-bottomleft:3px;
-moz-border-radius-bottomright:3px;
-khtml-border-radius-bottomright:3px;

}

#untermenue_reportage a:link { text-decoration : none; font-size : 65%; color : #777777; font-weight : bold; font-family : Arial, sans-serif;}
#untermenue_reportage a:visited { text-decoration : none; font-size : 65%; color : #777777; font-weight : bold; font-family : Arial, sans-serif;}
#untermenue_reportage a:hover { color : #8ad100; text-decoration : underline; font-size : 65%; font-weight : bold; font-family : Arial, sans-serif;}


/* ##### DOKUMENTATION ##### */

#untermenue_dok {
position : absolute;
top : 75px;
left : 396px;
width : 440px;
height : 20px;
background : #f1f1f1;
padding-left : 143px;
}


#untermenue_dok {
position : absolute;
top : 75px;
left : 396px;
width : 340px;
height : 20px;
background : #f1f1f1;
padding-left : 35px;
}

#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 : 70px;
}

#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 {
position : absolute;
margin-left : 110px;
margin-top : 120px;
width : 820px;
height : 390px;
background-color : #efefef;
-moz-border-radius:4px;
-khtml-border-radius:4px;
}

#schlagworte {
position : absolute;
width: 250px;
margin-top : 40px;
margin-left : 13px;
padding : 0px;
font-size : 75%;
text-align : left;
color : #444;
}

#schlagworte a:link {color : #444; text-decoration: underline;}
#schlagworte a:visited {color : #444; text-decoration: underline;}
#schlagworte a:hover {color : #444; text-decoration: none;}
#schlagworte a:active {color : #444; text-decoration: none;}


#impressum2 {
background-color : #efefef;
position : absolute;
font-size : 75%;
text-align : left;
color : #444;
line-height : 120%;
margin-top : 19px;
margin-left : 435px;
padding : 20px;
border : 1pt solid #cccccc;
}

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

#bottom-impressum {
position : absolute;
font-size : 75%;
width: 250px;
margin-top : 275px;
margin-left : 49px;
}




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

.oben-blog {font-size:60%;color:#222222; line-height: 10%; text-align:left;}

#preload {
display: none
}

 #blog-content    {
margin-left: 60px;
margin-top : 125px;
width : 1000px;
height: 100%;
}

 #blog-left    {
float: left;
margin-top : 110px;
}

#littlebigcity    {
font-family : Verdana, Arial, sans-serif; letter-spacing: 0.3px;
font-weight: bold;
color: #007654;
font-size:75%;}
#littlebigcity  a:link { text-decoration: none; color: #007654; } 
#littlebigcity  a:visited { text-decoration: none; color: #007654;}
#littlebigcity  a:hover { text-decoration: underline; color: #007654;}
#littlebigcity a:active { text-decoration:none; color: #007654;}


#blogmenue {
font-family : Verdana, Arial, sans-serif; letter-spacing: 0.3px;
color : #444;
font-size : 65%;
line-height: 16px;
letter-spacing: 0.5px;}
#blogmenue a:link { text-decoration:none; color: #222; line-height: 20px; } 
#blogmenue a:visited { text-decoration:none; color: #222;line-height: 20px;  }
#blogmenue a:hover { text-decoration:underline; color: #007654; line-height: 20px; }
#blogmenue a:active { text-decoration:none; color: #222;line-height: 20px; } 
.bloglink-aktiv {color : #ccc; text-decoration : none; font-weight: normal; line-height: 20px; }



#blog-beitraege {
margin-left: 260px;
padding-top : 40px;
width : 900px;}


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


.headline_projects {
height : 40px;
}


.headline_text {
font-family : Verdana, Arial, sans-serif;
font-size : 70%;
color : #007654;
font-weight : bold;
text-decoration: normal; 
letter-spacing: 0.3px;
text-align : left;
height : 300%;
}

.headline_text a:link { text-decoration: overline; color: #007654; font-weight: bold;}
.headline_text a:visited { text-decoration: overline; color: #007654; font-weight: bold;}
.headline_text a:hover { text-decoration: underline; color: #007654; font-weight: bold;}
.headline_text a:active { text-decoration: none; color: #007654; font-weight: bold;}



/* ####

.headline_text {
padding: 3px 13px;
padding-bottom: 5px; 
margin-bottom : 20px;
background-color : #81C400;
font-family : Verdana, Arial, sans-serif;
font-size : 75%;
color : #fff;
font-weight : normal;
text-align : left;
height : 300%;
border : 1px solid #fff;
-moz-border-radius:5px;
-khtml-border-radius:5px;
}
.headline_text a:link { text-decoration: none; color: #fff;}
.headline_text a:visited { text-decoration: none; color: #fff; font-weight: normal;}
.headline_text a:hover { text-decoration: underline; color: #fff; font-weight: normal;}
.headline_text a:active { text-decoration: underline; color: #fff; font-weight: normal;}

farbe B8A80D    gruen 81C400  dunkelgruen 007654 ##### */


.image-project {padding-bottom : 40px;}
.image-project a:link { text-decoration:underline; color: #800000; font-weight: normal; } 
.image-project a:visited { text-decoration:underline; color: #800000; font-weight: normal;}
.image-project a:hover { text-decoration: none; color: #B8A80D; font-weight: normal;}
.image-project a:active { text-decoration:none; color: #800000; font-weight: normal;}

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

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

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



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

.blog-gross {
font-size : 130%;
font-family : "Courier New", Courier;

} 

.blog-gross2 {
font-size : 130%;
line-height: 160%;
font-family : "Courier New", Courier, Arial, sans-serif;
} 



/* ######## galleria ###########  */

.galleria {
list-style : none;
width : 1100px;
}

.galleria li {
display : block;
width : 23px;
height : 23px;
overflow : hidden;
float : left;
margin : 0 0 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 : 0.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;
}