body { background-color: white; }

#page { width: 100%; font-family: Tahoma, Lucida Grande, Helvetica, Arial; text-align: left; font-weight: normal; color: #000000; font-variant: normal; }

#head { position: absolute; top: 10px; left: 0px; width: 131px; height: 36px; }

#right_space { position: absolute; top: 0px; left: 980px; width: 100px; }

#name { position: absolute; top: 0px; left: 0px; width: 950px; height: 35px; padding-top: 40px; padding-left: 50px; font-size: 19px; font-weight: bold; letter-spacing: 1px; color: #000000; }

#menu { position: absolute; top: 115px; left: 50px; width: 250px; text-align: left; font-size: 10px; line-height: 12px; font-weight: bold; letter-spacing: 1px; color: #999999;}

#menu2 { position: absolute; top: 7%; right: 20px; width: 250px; text-align: left; font-family: Tahoma, Lucida Grande, Helvetica, Arial; font-size: 10px; line-height: 15px; font-weight: bold; letter-spacing: 1px; color: #999999;}

.menu_element_small { position: relative; }
.menu_element_smaller { position: relative; font-size: 9px; line-height: 12px; }

.menu_element_bold { position: relative; letter-spacing: 1px; color: #999999; }

#menu_element_big_3 { position: absolute; top: 0px; left: 0px; font-size: 14px; }

#menu_element_big_2 { position: absolute; top: 30px; left: 0px; font-size: 14px; }
#menu_element_small_2 { position: absolute; top: 46px; left: 0px; }

#menu_element_big_1 { position: absolute; top: 74px; left: 0px; font-size: 14px; }
#menu_element_small_1 { position: absolute; top: 90px; left: 0px; }

#menu_element_big_4 { position: absolute; top: 118px; left: 0px; font-size: 14px; }
#menu_element_small_4 { position: absolute; top: 134px; left: 0px; }

#menu_element_big_5 { position: absolute; top: 162px; left: 0px; font-size: 14px; line-height: 16px; }
#menu_element_small_5 { position: absolute; top: 195px; left: 0px; font-size: 10px;}

#menu_element_big_6 { position: absolute; top: 222px; left: 0px; font-size: 14px; line-height: 16px; }
#menu_element_small_6 { position: absolute; top: 238px; left: 0px; font-size: 10px;}

#menu_element_big_7 { position: absolute; top: 266px; left: 0px; font-size: 14px; line-height: 16px; }
#menu_element_small_7 { position: absolute; top: 282px; left: 0px; font-size: 10px;}

#menu_element_big_8 { position: absolute; top: 320px; left: 0px; font-size: 14px; line-height: 16px; }
#menu_element_small_8 { position: absolute; top: 336px; left: 0px; font-size: 10px;}

#menu_element_big_9 { position: absolute; top: 364px; left: 0px; font-size: 14px; line-height: 16px; }
#menu_element_small_9 { position: absolute; top: 380px; left: 0px; font-size: 10px;}

#menu_element_big_10 { position: absolute; top: 408px; left: 0px; font-size: 14px; line-height: 16px; }
#menu_element_small_10 { position: absolute; top: 441px; left: 0px; font-size: 10px;}

.menu_highlight { color: #999999; }
.menu_dark { color: #000000; }

.menu_highlight a:link { color: #999999; }
.menu_highlight a:visited { color: #999999; }



#text_space { position: absolute; top: 115px; left: 380px; width: 600px; font-family: Helvetica, Arial; font-size: 11px; line-height: 15px; padding-left: 10px; padding-right: 10px; padding-bottom: 30px; }

#text_space_wide { position: absolute; top: 115px; left: 380px; width: 700px; font-family: Helvetica, Arial; font-size: 11px; line-height: 15px; padding-left: 10px; padding-right: 10px; padding-bottom: 30px; }

#text_content_2col {
    width: 600px;
    -webkit-column-count: 2;
       -moz-column-count: 2;
         -o-column-count: 2;
            column-count: 2;
      -webkit-column-gap: 40px;
         -moz-column-gap: 40px;
           -o-column-gap: 40px;
              column-gap: 40px;  }

#text_content_3col {
    width: 700px;
    -webkit-column-count: 3;
       -moz-column-count: 3;
         -o-column-count: 3;
            column-count: 3;
      -webkit-column-gap: 10px;
         -moz-column-gap: 10px;
           -o-column-gap: 10px;
              column-gap: 10px;  }

#image_element { position: relative; margin-bottom: 10px; margin-right: 99px; }
.image_element_new { position: relative; margin-top: -30px; margin-left: -50px; }

.text_element { position: relative; font-size: 11px; line-height: 15px; margin-bottom: 20px; }
.text_element_link { position: relative; font-size: 11px; line-height: 15px; margin-bottom: 15px; }
.text_element_headline { font-size: 11px; line-height: 15px; font-weight: normal; margin-bottom: 14px; }
.text_element_imagetitle { position: relative; width: 510px; font-size: 9px; line-height: 13px; margin-bottom: 20px; }

.text_element_content { display: inline-block; }

.trigger { display: inline-block; }
.toggle_container { display: inline-block; }


#space_bild_news { top: 390px; left: 35px; position: absolute; margin: 25px; }

.space_bild_klein { position: relative; margin-bottom: 25px; }


/* For Transition*/

.box {
	             width: 300px;
		        height: 10px;
	  background-color: white;
				  font: bold 48px "Tahoma";
    -webkit-transition: font-size 0.5s ease-out; /* Safari and Chrome */
       -moz-transition: font-size 0.5s ease-out; /* Firefox 4 */
         -o-transition: font-size 0.5s ease-out; /* Opera */
            transition: font-size 0.5s ease-out;
}

.box:hover { 
	         font-size: 64px;
}


/* For Accordion Javascript*/

.accordionWrapper{display:inline-block; overflow:hidden;}
.accordionWrapper img{vertical-align:top; border:0; margin:0; padding:0}
.accordionWrapper div{display:inline; float:left; margin:auto;}
.accordionWrapper div.title{cursor:pointer; float:left; text-align:left;}
.accordionWrapper div.content{display:none; cursor: auto;}



a:focus { outline: none; }
a:link { color: #000000; text-decoration: none;  }
a:visited { color: #000000; text-decoration: none; }
a:active { color: #000000; text-decoration: none; }
a:hover { color: #999999; text-decoration: none; }




/* New Styles*/


#works_space { position: absolute; top: 12%; left: 10%; font-family: Helvetica, Arial; font-size: 11px; line-height: 15px; padding-left: 10px; padding-right: 10px; padding-bottom: 30px; }

.bigfont { font-family: Helvetica, Arial; text-align: left; font-size: 64px; line-height: 70px; font-weight: bold; color: #000000; font-variant: normal; margin-bottom: 30px;}


/* Bilder */	

.images_small_grid {
z-index: 2;
padding-bottom: 50px;
margin-left: auto;
margin-right: auto;
margin-bottom: 100px;
}	

.image_text_container {
padding: 0%;
width: 33%;
min-width: 400px;
height: 700px;
float: left;
margin-left: auto;
margin-right: auto;
}
  
.image_container {
width: 100%;
height: 70%;
margin-left: auto;
margin-right: auto;
overflow: hidden;
}

.image_small {
height: 100%;
}  

.text_container {
height: 30%;
margin-top: 10px;
margin-left: auto;
margin-right: auto;
}

.captions_works {
font-family: Helvetica, Arial;
font-size: 13px; 
line-height: 16px; 
height: 30%;
margin-top: 25px;
margin-bottom: 30px;
margin-left: auto;
margin-right: auto;
}

.text_works {
width: 60%;
font-family: Helvetica, Arial;
font-size: 13px; 
line-height: 16px; 
margin-top: 45px;
margin-bottom: 90px;
text-align: left;
}


/* Begin Lightbox 2 Stylesheets 	*/

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 350px; height: 350px; margin: 0 auto; }
#imageContainer{ padding: 3px; }

#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-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(bhd/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(bhd/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 12px Helvetica, Arial, sans-serif; font-weight: bold; background-color: #fff; margin: 0 auto; line-height: 15px; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #fff; }
#imageData #imageDetails{ width: 90%; float: left; text-align: left; }	
#imageData #caption{ font-weight: normal;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; color: #fff; font-size:9px; 	}			
#imageData #bottomNavClose{ width: 26px; float: right; padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #fff; }


/* 	End Lightox 2 Stylesheets 	*/