@charset 'utf-8';
@import url(reset.css);
@import url(lightbox.css);

/* ----------------------------------------------------- Basics */

body {
	background-color: #fff;
	background-color: transparent;
	color: #000;
	font-family: arial, helvetica, verdana, sans-serif;
	font-size: 11px;
	line-height: 16px;
	overflow: hidden;
}

.hidden {
	display: none;
}

/* -----------------------------------------------------  */

#border_top {
	position: absolute;
	top: 0px;
	left: 7px;
	height: 10px;
	width: 100%;
	background-color: #94a555;
	z-index: 100;
	filter: alpha(opacity = 70);
	opacity: 0.70;
	z-index: 100;
}

#border_left {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 7px;
	height: 2200px;
	background-color: #94a555;	
	filter: alpha(opacity = 70);
	opacity: 0.70;
	z-index: 100;
}

#border_bottom {
	position: absolute;
	top: 2190px;
	left: 7px;
	height: 10px;
	width: 100%;
	background-color: #94a555;
	z-index: 100;
	filter: alpha(opacity = 70);
	opacity: 0.70;
	z-index: 100;
}

#header {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 130px;
	height: 70px;
	z-index: 100;
}

#header h1 {
	width: 130px;
	height: 70px;
	overflow: hidden;
	/*background-image: url(../pics/logo.png);*/
	background-image: url(../pics/logo_und_navi_v2.png);
	text-indent: -999px;	
}

#navi {
	position: fixed;
	top: 70px;
	left: 0px;
	width: 130px;
	height: 51px;
	overflow: hidden;
	z-index: 100;
}

#navi li.biografie {
	width: 130px;
	height: 17px;
	/*background-image: url(../pics/button_biografie.png);*/	
	background-image: url(../pics/logo_und_navi_v2.png);
	background-position: 0px 50px;

	text-indent: -999px;	
}
#navi li.texte {
	width: 130px;
	height: 17px;
	/*background-image: url(../pics/button_texte.png);*/
	background-image: url(../pics/logo_und_navi_v2.png);
	background-position: 0 34px;	
	text-indent: -999px;	
}
#navi li.kontakt {
	width: 130px;
	height: 17px;
	/*background-image: url(../pics/button_kontakt.png);*/
	background-image: url(../pics/logo_und_navi_v2.png);
	background-position: 0 17px;	
	text-indent: -999px;	
}

#navi li a {
	display: block;
}

#content_wrapper {
	position: absolute; 
	height: 100%; 
	width: 100%; 
	overflow: hidden; 
	overflow-y: scroll;
}

#content {
	position: absolute;
	__display: none;
	top: 0px;
	left: 120px;
	width: 980px;
	height: 2200px;
	background-image: url(../pics/hintergrundbalken_komplett.png);
	__outline: 1px solid blue;
}

#content #hintergrund_linien {
	background-image: url(../pics/hintergrundlinien.png);
	height: 100%;
	left: -1000px;
	position: absolute;
	width: 10000px;
}

#content .content_col {
	position: absolute;
	__outline: 1px solid black;
	__background-color: yellow;
	overflow: visible;	
	__opacity: 0.50;
}
#content img.col_pic {
	-moz-box-shadow: 0 1px 6px #7F7F7F;
	-webkit-box-shadow: 0 1px 6px #7F7F7F;
	filter: alpha(opacity = 95);
	opacity: 0.95;
}
#content img.col_pic:hover {
	-moz-box-shadow: 0 2px 10px #5F5F5F;
	-webkit-box-shadow: 0 2px 10px #5F5F5F;
	margin-top: -1px;
	__margin-left: 1px;
	filter: alpha(opacity = 100);
	opacity: 1;
}

#content h2.col_headline,
#content h3.col_headline {
	position: absolute;
	text-indent: -9999px;	
}
	#content h3.col_headline a {
		display: block;
		height: 30px;
	}

	#content h2.col_headline a {
		display: block;
		height: 100%;
		width: 100%;
	}

#content img.col_pic {
	position: absolute;
}


#content #col_plastik{
	top: 1040px;
	left: 0px;
	width: 200px;
	height: 1160px;
}
	#content #col_plastik h2.col_headline{
		height: 38px;
		width: 77px;
		/*background-image: url(../pics/headline_plastik.png);*/
		background-image: url(../pics/headline_pics_v2.png);
		background-position: -10px 0px;		
	}


#content #col_grafik{
	top: 960px;
	left: 200px;
	width: 100px;
	height: 1240px;
}
	#content #col_grafik h2.col_headline{
		height: 41px;
		width: 77px;
		/*background-image: url(../pics/headline_grafik.png);*/
		background-image: url(../pics/headline_pics_v2.png);
		background-position: -10px -38px;			
	}
	
#content #col_landschaftszeichnungen{
	top: 0px;
	left: 300px;
	width: 110px;
	height: 1710px;
}
	#content #col_landschaftszeichnungen h2.col_headline{
		height: 44px;
		width: 104px;
		/*background-image: url(../pics/headline_landschaftszeichnungen.png);*/
		background-image: url(../pics/headline_pics_v2.png);
		background-position: -112px -79px;			
	}

#content #col_anatomische_zeichnungen{
	top: 0px;
	left: 410px;
	width: 240px;
	height: 2200px;
}
	#content #col_anatomische_zeichnungen h2.col_headline{
		height: 44px;
		width: 203px;
		/*background-image: url(../pics/headline_anatomische_zeichnungen.png);*/
		background-image: url(../pics/headline_pics_v2.png);
		background-position: -217px -79px;			
	}
	
#content #col_lehre{
	top: 0px;
	left: 650px;
	width: 100px;
	height: 1400px;
}
	#content #col_lehre h2.col_headline{
		height: 44px;
		width: 77px;
		/*background-image: url(../pics/headline_lehre.png);*/
		background-image: url(../pics/headline_pics_v2.png);
		background-position: -10px -79px;			
	}
	
#content #col_anatomische_projekte {
	top: 0px;
	left: 750px;
	width: 170px;
	height: 1080px;
}
	#content #col_anatomische_projekte h2.col_headline{
		height: 47px;
		width: 203px;
		/*background-image: url(../pics/headline_anatomische_projekte.png);*/
		background-image: url(../pics/headline_pics_v2.png);
		background-position: -215px -123px;			
	}
	#content #col_anatomische_projekte h3.col_headline.vogelanatomie{
		height: 32px;
		width: 203px;
		/*background-image: url(../pics/headline_vogelanatomie.png);*/
		background-image: url(../pics/headline_pics_v2.png);
		background-position: -216px -170px;			
	}	
	#content #col_anatomische_projekte h3.col_headline.pottwalprojekt{
		height: 32px;
		width: 203px;
		/*background-image: url(../pics/headline_pottwalprojekt.png);*/
		background-image: url(../pics/headline_pics_v2.png);
		background-position: -216px -202px;					
	}

/* ----------------------------------------------------- gallery_overlay */
	
div#gallery_overlay {
	position: absolute;
	top: 0px;
	left: 0px;	
	height: 100%;
	width: 100%;
	overflow: hidden;
	display: none;
	z-index: 1000;
}	

div#gallery_overlay_bg {
	position: absolute;
	top: 0px;
	left: 0px;	
	height: 100%;
	width: 100%;
	background-color: #000;
	filter: alpha(opacity = 85);
	opacity: 0.85;
	__background-image: url(../pics/transparent_png_script.php?r=0&g=0&b=0&o=85);
	__background-repeat: repeat;		
}

div#thumbleiste {
	position: absolute;
	/*outline: 1px solid red;*/
	top: 20px;
	bottom: 20px;
	right: 0px;
	width: 130px;
	overflow: auto;	
}
	div#thumbleiste a {
		display: block;
		overflow: hidden;
		width: 	100px;
		background-color: #000;
		margin-bottom: 8px;
		text-decoration: none;
		color: #000;
	}
	
	div#thumbleiste a.active {
		border-right: 6px solid #94a555;
		padding-right: 2px;			
	}		
		
		/* txt_content */
		div#thumbleiste a div {
			display: block;
			overflow: hidden;
			width: 100px;
			height: 70px;
			float: left;
			clear: both;
			background-color: #fff;
			filter: alpha(opacity = 55);
			opacity: 0.55;
			
		}	
		div#thumbleiste a div p{	
			margin: 5px;
			font-weight: bold;
			font-size: 11px;
			line-height: 15px;
			border-bottom: 3px solid #000;
			padding-bottom:4px;
			display: block;
		}		
		div#thumbleiste a div:hover {
			filter: alpha(opacity = 90);
			opacity: 0.9;
		}		
		div#thumbleiste a.active div {
			filter: alpha(opacity = 100);
			opacity: 1;
		}		
	
		/* img content */
		div#thumbleiste a img {
			__width: 100px;
			float: left;
			clear: both;
			filter: alpha(opacity = 55);
			opacity: 0.55;
		}		
		div#thumbleiste a img:hover {
			filter: alpha(opacity = 90);
			opacity: 0.9;
		}		
		div#thumbleiste a.active img {
			filter: alpha(opacity = 100);
			opacity: 1;
		}

div#bigpic_container {
	position: absolute;
	max-height: 700px; /* ist wichtig, damit die bilder auf großen monitoren nicht ueber-vergruessert werden */
	__outline: 1px solid red;
	top: 20px;
	bottom: 20px;
	left: 20px;
	right: 160px;
	__text-align: center;	
	__overflow: auto;
	overflow: hidden;
}

div#bigpic_container.loading {
	background-image: url(../pics/spinner_big.gif);
	background-image: url(../pics/ajax-loader.gif);
	background-repeat: no-repeat;
	background-position: 50% 40% ;
}

div#bigpic_container #bigpic_container_close_layer.click_me_to_close {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
	overflow: hidden;
	__background-color: red;	
}

div#bigpic_container #bigpic_wrapper {
	position: absolute;
	overflow: hidden;
	__outline: 1px solid yellow;
}

	div#bigpic_container #bigpic_wrapper #bigpic_div {
		position: relative;
		float: left;
		overflow: hidden;
	}
	
	div#bigpic_container #bigpic_wrapper #bigpic_div.txt_content {
		width: 650px;
		height: 500px;
		background-color: #fff;
		text-align: left;
		overflow: auto;
	}
	
		div#txt_wrapper {			
			margin-left: 20px;
			margin-right: 40px;
			margin-top: 15px;			
			margin-bottom: 20px;			
			/*
			position: relative;
			left: 20px;
			top: 15px;
			width: 572px;
			margin-bottom:45px;
			*/
		}
	
		div#bigpic_container #bigpic_wrapper #bigpic_div.txt_content h2 {
			overflow: hidden;
			font-weight: bold;
			font-size: 14px;
			line-height: 23px;
			border-bottom: 4px solid #000;
			padding-bottom: 4px;
			clear:both;
			float:left;	
			margin-bottom: 20px;
		}
		div#bigpic_container #bigpic_wrapper #bigpic_div.txt_content h3 {
			font-size: 14px;
			line-height: 20px;
			clear:both;
			float:left;		
			margin-bottom:9px;
			border-bottom:1px solid #000;
			padding-bottom:0;
		}		
		div#bigpic_container #bigpic_wrapper #bigpic_div.txt_content p {
			text-indent: 30px;
			font-size: 14px;
			line-height: 20px;
			float: left;
			clear: both;
			margin-left: 0px !important;			
		}	
		div#bigpic_container #bigpic_wrapper #bigpic_div.txt_content .margin_after {
			margin-bottom: 20px;	
		}
		div#bigpic_container #bigpic_wrapper #bigpic_div.txt_content .half_margin_after {
			margin-bottom: 6px;	
		}		
		div#bigpic_container #bigpic_wrapper #bigpic_div.txt_content .no_indent {
			text-indent: 0px;
		}
		div#bigpic_container #bigpic_wrapper #bigpic_div.txt_content .gesperrt {
			font-size: 10px;
			line-height: 14px;
			letter-spacing: 2px;
			text-transform: uppercase;
		}
		div#bigpic_container #bigpic_wrapper #bigpic_div.txt_content .sanft_gesperrt {
			font-size: 10px;
			line-height: 14px;
			letter-spacing: 0.1em;
			__text-transform: uppercase;
		}
		div#bigpic_container #bigpic_wrapper #bigpic_div.txt_content .smaller{
			font-size: 12px;
			line-height: 16px;		
		}
		div#bigpic_container #bigpic_wrapper #bigpic_div.txt_content table {
			float: left;
		}
		div#bigpic_container #bigpic_wrapper #bigpic_div.txt_content td {
			padding-right: 16px;
			padding-bottom: 6px;
			min-width: 70px;	
		}	
		div#bigpic_container #bigpic_wrapper #bigpic_div.txt_content sup {
			font-size:80%;
			line-height:11px;
			padding-right:2px;
			padding-left:2px;
			position:relative;
			top:-3px;
		}
		
		div#bigpic_container #bigpic_wrapper #bigpic_div.txt_content a,
		div#bigpic_container #bigpic_wrapper #bigpic_div.txt_content a:visited,
		div#bigpic_container #bigpic_wrapper #bigpic_div.txt_content a:active {
			color: #7F8F47;
			text-decoration: none;
			padding-bottom: 1px;
			border-bottom: 1px solid #94A555;
		}
		div#bigpic_container #bigpic_wrapper #bigpic_div.txt_content a:hover {
			color: #000;
		}
				


	
	div#bigpic_container #bigpic_wrapper #bigpic_div img {
		display: block;
		margin-bottom: 3px;
		cursor: pointer;
	}	

	div#bigpic_container #bigpic_wrapper #navi_line{
		position: relative;
		height: 40px;
		clear: both;
		top: 3px;
		__opacity: 0.8;
		__background-color: #FFEE9F;
	}
	div#bigpic_container #bigpic_wrapper #navi_line:hover{
		__opacity: 1;
	}
	
	div#bigpic_container #bigpic_wrapper #navi_line .buttons{		
		position: absolute;
		left: 0px;
		height: 40px;
		width: 80px;
		background-color: #fff;
		overflow: hidden;
	}	
	
		div#bigpic_container #bigpic_wrapper #navi_line .buttons a{
			font-family: arial, verdana, helvetiva, sans-serif;
			font-size: 17px;
			line-height: 37px;
			text-decoration: none;
			color: #93A554;
			display: block;
			float: left;
			clear: none;
			__outline: 1px solid green;
			width: 40px;
			text-align: center;
		}
		
		div#bigpic_container #bigpic_wrapper #navi_line .buttons a:hover{
			color: #000;
		}

	
	div#bigpic_container #bigpic_wrapper #navi_line .desc{
		position: absolute;
		left: 83px;
		right: 43px;
		height: 40px;	
		background-color: #fff;
		overflow: hidden;	
		text-align: center;		
	}	
	
		div#bigpic_container #bigpic_wrapper #navi_line .desc table {
			height: 100%;
			width: 100%;
		}
		
		div#bigpic_container #bigpic_wrapper #navi_line .desc td {
			vertical-align: middle;
			text-align: center;
			padding-left: 3px;
			padding-right: 3px;
		}
		
	
		div#bigpic_container #bigpic_wrapper #navi_line .desc p{
			font-family: arial, verdana, helvetiva, sans-serif;
			font-size: 11px;
			line-height: 14px;					
			display: block;
			margin-top: -3px;
		}
		
	div#bigpic_container #bigpic_wrapper #navi_line .close_button {
		position: absolute;
		right: 0px;
		height: 40px;
		width: 40px;
		background-color: #fff;
		overflow: hidden;		
	}
	
		div#bigpic_container #bigpic_wrapper #navi_line .close_button a{
			font-family: arial, verdana, helvetiva, sans-serif;
			font-size: 17px;
			line-height: 39px;
			text-decoration: none;
			color: #93A554;
			display: block;
			float: left;
			clear: none;
			__outline: 1px solid green;
			width: 40px;
			text-align: center;	
		}	
		
		div#bigpic_container #bigpic_wrapper #navi_line .close_button a:hover{
			color: #000;
		}		

		
#lightbox_with_thumbs_gallerys {
	display: none; 
	z-index: 2000; 
	position: absolute; 
	overflow: auto; 
	width: 50px; 
	height: 600px; 
	outline: 1px solid red; 
	background-color: yellow;
}
		
		
/* ----------------------------------------------------- JS enabled browsers */

.js div { }

/* ----------------------------------------------------- IE7 and below */

/*.ie7 */

body.ie7 {
	height: 100%;
	overflow: hidden;
}

body.ie7 #navi a {
	zoom: 1; /* ist notwendig, damit klickbar*/
}

body.ie7 div#bigpic_container #bigpic_wrapper #bigpic_div.txt_content p {
	width: 573px;
}

body.ie7 div#bigpic_container #bigpic_wrapper #bigpic_div.txt_content h3 {
	width: 573px;
}



/* ----------------------------------------------------- IE6 and below */

.ie6 div { }