/*
		grundwissen-wasserschildkroeten.de
		css zum template
*/

html, body 
		{ 
		font-family:Arial, Helvetica, sans-serif; 
		font-size: 12px; 
		color: #000; 
		background: #fff; 
		/*#5f6a72;*/ 
		text-align: center; 
		margin: 0;	
		padding: 0;	
		}

h1 
		{ 
		border-bottom: 2px solid #6699cc; 
		font-size: 18px;
		}
		
h2 
		{ 
		border-bottom: 1px dotted #6699cc; 
		font-size: 16px;
		}
		
.newsreader h2 
		{ 
		font-size: 14px; 
		}
		
h3 
		{ 		
		font-size: 14px;		
		color: #5f6a72;
		/*border-left: 5px solid #6699cc; */
		/*border-bottom: 1px solid #6699cc; */
		}
		
h4 
		{ 
		font-size: 1em; 
		}
		
h5 
		{ 
		font-size: 0.9em; 
		}
		
h6 
		{ 
		font-size: 0.75em; 
		}
		
h1, h2, h3, h4, h5, h6 
		{ 
		margin-left: 6px; 
		margin-right: 20px; 
		font-family: sans-serif; 
		}
/*	
	.feedback { /*border: 1px solid #000; border-left: 6px solid #6699cc; padding: 5px 20px; }
	.feedback_item { margin-bottom: 20px; border: 1px solid #fff; border-left: 6px solid #6699cc; }
	.fb_sender { padding: 10px; color: #5f6a72; background: #d0d0d0; }
	.fb_header { font: 1.1em bold Tahoma; padding: 0 0 0 3px;}
	.fb_text { margin: 10px; }
	.fb_comment { margin: 20px; }	
*/

.floatleft { float: left; width: auto; margin: 0 10px 10px 10px; padding: 6px; border-top: 1px solid #999; border-right: 2px solid #555;border-bottom: 2px solid #555; border-left: 1px solid #999; text-align: center;}

   
.trenner 
		{ 
		width: 100%; 
		margin: 25px 0; 
		padding: 0; 
		/*border: 1px solid #6699cc; */
		border: 1px solid #c0c0c0;
		}

.blockquote 
		{ 
		border-left: 10px solid #6699cc; 
		background: #f0f0f0; 
		margin: 0 20px 0 26px; 
		}		
		
a:link, a:visited, a:active 
		{ 
		text-decoration: underline; 
		color: #6699cc; 
		}
		
a:hover 
		{ 
		text-decoration: none; 
		color: #6699cc; 
		}

p, li 
		{ 
		margin: 0 0 5px 5px; 
		line-height: 150%; 
		}
		
#content p 
		{
		padding: 10px; 
		}
		
#content p img 
		{ 
		height: 150; 
		width: 200px; 
		}
		
#content li 
		{
		margin-right: 25px; 
		}
		
#nav p 
		{
		padding: 0 10px; 
		}
		
img 
		{ 
		margin: 2px 6px; 
		padding: 1px; 
		border: 1px solid #6699cc; 
		}
		
.gbtitle img {
		border: 0;
		}
	
/* DIVs */
#main_wrapper { background: url(img/bg.gif) #6699cc; }
#seite { /*border: 2px solid #000;*/ margin: 0 0 0 40px; padding: 0; background: #fff; text-align: justify;}
#bread_crumbs { text-align: right; background: #f0f0f0; margin: 0 2px 2px 2px; font-size: 0.8em; border-right: 10px solid #6699cc; border-top: 1px solid #6699cc; border-bottom: 1px solid #6699cc;}
#tm { text-align: right; padding: 20px 0 10px 0;}
#header {  border: 2px solid #6699cc; background: url(img/logo.jpg) no-repeat; padding: 210px 0 0 0;}
#content_wrapper {width: 956px; margin: 0; padding: 0; /*border: 2px solid #000;*/}
#inline_wrapper {margin-left: 10px;}
#nav { font-size: 0.9em; width: 240px; float: right; border-left: 1px dotted #6699cc; background: #f0f0f0; /*border: 2px solid #000;*/ }
#content { /*border: 2px solid #000;*/ width: auto; margin-right: 245px; color: #000000; background: #fff; }
#footer { background: #f0f0f0; padding: 10px; border-left: 10px solid #6699cc; }
	
   
#nav ul { list-style-type: none; text-align: left; margin: 2px; padding: 2px; }
#nav ul li a { background: transparent url(img/list-off.gif) left center no-repeat; padding-left: 15px; text-align: left; /*font: normal 11px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;*/ text-decoration: none; color: #999; }
#nav ul li a:hover { background: transparent url(img/list-on.gif) left center no-repeat; color: #000; }
#nav ul li a#current { background: transparent url(img/list-active.gif) left center no-repeat; color: #666; }
  
/* MENU */
	.bg {background: url(images/button4.gif);}
	.menu {padding:0 0 0 32px; margin:0; list-style:none; height:40px; background:#fff url(images/button1a.gif) repeat-x; position:relative; font-family:arial, verdana, sans-serif; }
	.menu li.top {display:block; float:left; position:relative;}
	.menu li a.top_link {display:block; float:left; height:40px; line-height:33px; color:#bbb; text-decoration:none; font-size:11px; font-weight:bold; padding:0 0 0 12px; cursor:pointer;}
	.menu li a.top_link span {float:left; font-weight:bold; display:block; padding:0 24px 0 12px; height:40px;}
	.menu li a.top_link span.down {float:left; display:block; padding:0 24px 0 12px; height:40px; background:url(images/down.gif) no-repeat right top;}
	.menu li a.top_link:hover {color:#000; background: url(images/button4.gif) no-repeat;}
	.menu li a.top_link:hover span {background:url(images/button4.gif) no-repeat right top;}
	.menu li a.top_link:hover span.down {background:url(images/button4a.gif) no-repeat right top;}

	.menu li:hover > a.top_link {color:#000; background: url(images/button4.gif) no-repeat;}
	.menu li:hover > a.top_link span {background:url(<images/button4.gif) no-repeat right top;}
	.menu li:hover > a.top_link span.down {background:url(images/button4a.gif) no-repeat right top;}

	.menu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

	.menu a:hover {visibility:visible;}
	.menu li:hover {position:relative; z-index:200;}

	.menu ul, 
	.menu :hover ul ul, 
	.menu :hover ul :hover ul ul,
	.menu :hover ul :hover ul :hover ul ul,
	.menu :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

	.menu :hover ul.sub {left:2px; top:40px; right:2px; background: #fff; padding:3px 0; border:1px solid #999999; white-space:nowrap; width:200px; height:auto;}
	.menu :hover ul.sub li {display:block; height:20px; position:relative; float:left; width:250px;}
	.menu :hover ul.sub li a {font-weight:normal;display:block; font-size:11px; height:20px; width:192px; line-height:20px; text-indent:5px; color:#000; text-decoration:none; border:3px solid #fff; border-width:0 0 0 3px;}
	.menu :hover ul.sub li a.fly {background:#fff url(images/arrow.gif) 80px 7px no-repeat;}
	.menu :hover ul.sub li a:hover {background:#999999; color:#fff;}
	.menu :hover ul.sub li a.fly:hover {background:#999999 url(images/arrow_over.gif) 80px 7px no-repeat; color:#fff;}
	.menu :hover ul li:hover > a.fly {background:#999999 url(images/arrow_over.gif) 80px 7px no-repeat; color:#fff;} 

	.menu :hover ul :hover ul,
	.menu :hover ul :hover ul :hover ul,
	.menu :hover ul :hover ul :hover ul :hover ul,
	.menu :hover ul :hover ul :hover ul :hover ul :hover ul
	{left:90px; top:-4px; background: #fff; padding:3px 0; border:1px solid 999999; white-space:nowrap; width:93px; z-index:200; height:auto;}
	
/* LIGHTBOX */
	#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: 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-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(../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; outline: none;}	 	

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