/* css (exkl. lightbox) von fachcolorbuehler.de */
/* (c) 2010 */

body {
	border: none;
	margin: 0 auto;
	background-color: #292929;
	font-family: Arial, Helvetica, sans-serif;
}

/* lightbox */

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

#lightbox a img{
	border: none;
	}

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#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: transparent url(../img/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}

#prevLink { 
	left: 0;
	float: left;
	}

#nextLink { 
	right: 0;
	float: right;
	}

#prevLink:hover, #prevLink:visited:hover {
	background: url(../img/prevlabel.gif) left 15% no-repeat;
	}

#nextLink:hover, #nextLink:visited:hover {
	background: url(../img/nextlabel.gif) right 15% no-repeat;
	}

#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
	}

#imageData{	
	padding:0 10px;
	color: #666;
	}

#imageData #imageDetails{ 
	width: 70%;
	float: left;
	text-align: left;
	}	

#imageData #caption{
	font-weight: normal;
	}

#imageData #numberDisplay{
	display: block;
	clear: left;
	padding-bottom: 1.0em;
	}			

#imageData #bottomNavClose{
	width: 66px;
	float: right;
	padding-bottom: 0.7em;
	}	

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

/* ende lightbox */
	

/* fachcolor buehler */
 
p {
 font-size: 12px;
 color: #252520;
 line-height: 1.6em;
 padding-top: 10px;
}

h1 {
 font-size: 30px;
 font-weight: normal;
 line-height: 2em;
 color: #000
}

h2 {
 font-size: 12px;
 color: #454545
}

h3 {
 font-size: 11px;
 color: #efb000;
 font-weight: normal;
 font-style: italic;
 line-height: 0.2em
}

td {
 font-size: 11px;
 color: #909090;
 line-height: 1em
}

td.nav {
	height: 200px;
	width: 30px;
}

img {
 border: 0
}

a {
	text-decoration: none;
	color: Maroon;
}

.whitelight {
 font-size: 12px;
 color: #ffffff;
 border-bottom: 7px
}

.whitesmall {
 font-size: 10px;
 color: #ffffff
}

.scndnav {
 font-size: 11px;
 color: #414141
}

.monosmall {
 font-family: monospace;
 font-size: 11px;
 color: #ffffff
}

table.bottomline {
	line-height: 1.3em;
	height: 40px;
	padding-bottom: 6px;
}

#picture  {
 display: block;
}

#technique {
 display: none;
}

.impressum {
	position: relative;
	top: 25px;
	left: 800px;
	width: 250px;
	font-size: 11px;
}

#cutline {
	position: absolute;
	top: 418px;
	text-align: right;
	width: 834px;
	font-size: 11px;
}

#contact {
	position: absolute;
	top: 58px;
	left: 220px;
	text-align: left;
	width: 834px;
	font-size: 12px;
}

#top {
	padding: 0;
	margin: 0 auto;
	width: 990px;
	clear: both;
	background: url("../img/header.jpg") no-repeat top;
	height: 224px;
}

#page {
	text-align: left;
	background-color: white;
	margin: 0 auto;
	width: 990px;
	position: relative;
	background: url("../img/border.jpg") repeat-y top;
	background-image: url(../img/border.jpg);
	}
	
#footer {
	padding: 20px 0 0 0;
	margin: 0 auto;
	width: 990px;
	clear: both;
	background: url("../img/footer.jpg") no-repeat bottom;
	height: 60px;
}

.maintext {
	padding-left: 40px;
	padding-top: 20px;
	padding-bottom: 20px;
	width: 500px;
	color: #555555;
	line-height: 1.4em;
	font-size: 12px;
}

#sidepic {
	position: absolute;
	top: 90px;
	left: 553px;
	width: 404px;
	font-size: 10px;
	line-height: 1.5em;
	color: Gray;
	height: 400;
}


/* ende fachcolor buehler */