/* CSS Document */

html {
 min-height:100%;

}


body{
  min-height:100%;
  font-family: verdana,helvetica,arial,sans-serif;
  background-color:#fcfcfc;
  margin:0px;
  padding:0px;

}


a{

  outline:none;

  font-size:11px;

  text-decoration:none;

}

a:link{

  color:orange;

}

a:visited{

  color:darkorange;

}

a:hover{

  color:orangered;

  text-decoration:underline;

}

a:active{

  color:orange;

}


a, img{
	border-width:0px;
}



div p{

  color:black;

  font-size:11px;

}



div .spag-h1{

  font-size:16px;

  font-weight:bold;
  
  display:block;

}

div .spag-h2{

  font-size:12px;

  font-weight:bold;
  
  display:block;

}

div .spag-h3{

  font-size:11px;

  font-weight:bold;
  
  display:block;

}

img{
	border-width:0px;
}

input.button {

	border:solid 1px #728EB6;
	
	background-color:#728EB6;
	
	color:white;
	
	font-weight:bold;
	
	font-size:10px;
	
}

input {

	border:solid 1px #728EB6;
	
}

textarea {

	border:solid 1px #728EB6;
	
	overflow:auto;
	
}

input.content {
	width:130px;
	margin-right:10px;
	margin-bottom:5px;
}

textarea.content {
	width:330px;
	height:80px;
}

input.button {
	margin-top:5px;
	margin-right:10px;
	padding:2px 10px;
}
	
ul{

  margin:0px;

  padding:0px;

}

ul.nobullets{

  list-style:none;

}


/* --------------------------------------------- */
/* IDs  */
/* --------------------------------------------- */

#content{

  float:left;

  width:480px;

  padding:20px;

  margin:0px;

  background-color:white;

  font-size:11px;


}



#content a:before{

  content:url('link_pfeil.gif');
  border:0px;

}

#footer{

  clear:both;

  padding:0px;

  margin:0px auto 0px auto;

  background-color:#728eb6;

  width:950px;

  height:15px;

}

#footer span{

  color:white;

  font-size:10px;

  text-align:center;

  padding:1px 0px 0px 0px;

  display:block;

}

#header{

  width:950px;

  height:100px;

  padding:0px;

  margin:0px;

  background-image:url('logo.jpg');

  color:white;

}

#header a{

  font-size:10px;

  color:white;

  

}

#header_menue{

  background-color:transparent;

  margin:0px;

  border:0px;

  padding:80px 38px 0px 0px;

  text-align:right;

  line-height:20px;

}

#header_menue li{

  display:inline;

  font-size:11px;

}

#info{

  float:right;

  width:165px;

  background-color:#ececec;

  margin:0px;

  padding:0px 5px 0px 25px;

}


#info .spag-h2{

  color:white;

  text-transform:uppercase;

  background-color:#728eb6;

  margin:15px -5px 0px -15px;

  padding-left:15px;

  line-height:18px;

  display:block;
}

#info .spag-h3{

  margin-top:20px;
  
  margin-bottom:-5px;
  
  display:block;

}

#info li img{
	margin-top:10px;

}

#master{

  width:950px;

  min-height:100%;
  margin:0px auto;

  padding:0px;

  background-image:url('main_bg.gif');

}

#navigation{

 float:left;

 width:150px;
 height:252px;

 background-color:lightgrey;

 padding:10px;
 
 background-image:url('nav_back.jpg');

}

#navigation a{

	font-size:11px;
	font-weight:bold;
  	color:white;
	line-height:20px;
  	text-transform:uppercase;


}

#navigation li{

	margin-bottom:9px;


}


/* ------------------------------------- */
/* classes */
/* ------------------------------------- */


.content{

  color:black;

  font-size:11px;

}

.firstCell{
	color:#728EB6;
	text-align:right;
	font-weight:bold;
	padding-right:3px;

}

.headcell{
	padding: 3px 10px 3px 20px;
	color:white;
	text-transform:uppercase;
	font-weight:bold;
}

.navLevelTwo{

	padding-left:30px;
}

.orange{
	color:#ff6600;
}



/**********************************/

/* lightbox für fotogallery */

/**********************************/



#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(../images/blank.gif) no-repeat; /* Trick IE into showing hover */





}

/*

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

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

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

#nextLink:hover, #nextLink:visited:hover { background: url(../images/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: bold;	}

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

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



#navDisplay{ 

	display: block; 

	clear: left;

	margin:5px;

}

	

#overlay{

	position: absolute;

	top: 0;

	left: 0;

	z-index: 90;

	width: 100%;

	height: 500px;

	background-color: #000;

}

#gallery_lightbox a:before{
	content:url();
}

#gallery_lightbox a img{

	border-style:solid;

	border-width:1px;

	border-color:#999999;



}

#gallery_lightbox a:hover img{

	border-style:solid;

	border-width:1px;

	border-color:orangered;

}