/* CSS Document 
font-family: "Lucida Sans", "Lucida Grande", Verdana, sans-serif;


*/
html,body, p{margin:0;padding:0}
body{font-family: "Lucida Sans", "Lucida Grande", Verdana, sans-serif;
font-size: 80%; 
text-align:left;
color: #393939;
line-height:1.4em;
background: #fff url(graphics/concrete2.jpg);
}
a { outline: none;
}

p{ 
margin: 0px 0px 10px 0px;
}	
h1, h2, h3, h5, h4 {background-color: #fff;font-weight: bold;}	

h1 {font-size: 132%;color: #AC111C;margin: 0px 0 15px 0;text-transform: uppercase; }	
h2 {font-size: 112%;color: #393939;margin: 5px 0 3px 0; }
h3 {font-size: 103%;color:#AC111C;margin: 15px 0 0px 0; padding:0;text-transform: uppercase; }	
h4 {font-size: 99%;color: #393939;margin-top:3px;}
h5 {font-size: 95%;color: #393939;margin-top: 10px;padding-top:0px;}	
h6 {font-size: 77%; color: #666;font-weight: normal;margin: 8px 10px 18px 5px; padding:0 0 14px 0;clear:both;}	

/* -------------------- DIVs --------------------- */ 
div#container{
text-align:left;
width:970px;
margin:0 auto;
background-color:#fff;
margin-bottom:15px;
border:1px solid #444;
border-top:none;
padding-top:0;margin-top:0;
}

div#header{
height: 80px;
clear:both;
padding: 0;
margin: 20px 0 30px 0;
padding-bottom:20px;border-bottom: 1px dotted #eee;
}


div#logo{
	float:right;
	width: 190px;
	border:0;
	top:21px;
	z-index:20;
	border:0;
	height: 21px; margin: 15px 0 0px 180px;
}

div#logo a:link{border:0;text-decoration:none;}
div#logo img{border:0;text-decoration:none;}

div#content{
float:left;
width: 580px;
background-color: #fff;
margin: 0px 0px 5px 0px;
border-right: 0px solid #F2F8FB;border-left: 0px solid #F2F8FB;
padding: 0 0px 30px 70px;
}

div#content p{
text-align:left;
}



div#content  ul li{
list-style-image: url(graphics/tick.gif);margin-top:0px;
padding-top:0px;
}
#content img {border: 1px solid #DAD9C4; padding: 5px; background: #FCFCFC;margin-left:5px;
margin-top:10px;float:right;}



/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.stunicholls.com/menu/tree_frog_vertical.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html was modified to fit the requirements of wiermann-naturfotografie.


=================================================================== */

#nav {width:200px;float:right;margin: 0px 0 0 0;padding:0;text-transform: uppercase;line-height:2em; border:none;}
#nav ul li {
	padding:0;text-indent:1px;

	}

#menu {list-style-type:none; padding:0; margin: 0 0 0 0px; border:0px solid #F2F8FB; border-width:0 0px 0px 0; z-index:100;}
#menu ul {list-style-type:none; padding:0; margin:0;}
#menu li {float:left; background:#fff;position:relative; border-top:0px solid #669900;color:#444;}

#menu li.sub {background:#fff; margin:15px 0 15px 0;border-bottom: 1px solid #ccc;padding:0;margin:0;text-indent:0px;border:none;}

#menu li, #menu li a {font-family: "Lucida Sans", "Lucida Grande", Verdana, sans-serif;display:block; font-size:90%;line-height:2em;  width:190px; text-decoration:none;  cursor:pointer; font-weight:normal; text-indent:0px;}


#menu ul,#menu li.click ul ul,#menu li.click ul li.hover ul ul {display:none;font-size:80%;color:ccc;margin:0;padding:0;text-indent:0px;} /* subnavigation */ 

#menu li.hover {color:#AC111C; z-index:500;}
#menu li.click {color:#AC111C;}  /* on-status für Übernavigation*/ 

#menu li.click ul {display:block; color:ccc; margin:0;padding:0;text-indent:0px;}/* subnavigation transform none macht obige einstellung wieder rückgängig text-transform: none;*/ 

#menu li.click ul li.hover ul, #menu li.click ul li.hover ul li.hover ul {display:block; position:absolute; left:0px; top:-1px; }

#menu li.click ul li.fly {background:#fff;padding:0;color:ccc;}
#menu li.click ul li.hover {background: #fff; color:#AC111C;} /* Hover über den Submenüs hier hintergrundfarbe */

#menu li.click ul li.hover ul li {background:#fff;}
#menu li.click ul li.hover ul li.hover ul li {background:#fff;z-index:500;}

#menu li.click ul li.hover ul li.fly {background:#fff;}
#menu li.click ul li.hover ul li.hover {z-index:500;background:#fff;}
#menu li.click ul li.hover ul li.hover a {color:#AC111C;background:#fff;}

#menu li.click ul li.hover ul li.hover ul li.hover {background:#fff;}
#menu li.click ul li.hover ul li.hover ul li.hover a {color:#AC111C;background:#fff;}

.menu-sibling {background:#fff; border:none; padding:0;margin:0; text-indent:0;}

/* -------------------- LINKS ---------------------*/
ul li {
list-style-type: none;
margin:0;padding:0;
}
a:link {
	font-style: normal;
	color: #AC111C;
	border-bottom: 0px;
border-bottom-style: none;
border-bottom-color: #666;text-decoration: none;
	}

a:visited {
	font-style: normal;
	color: #393939;
	border-bottom: 0px dotted #2D61A8;
} 

a:hover{
	font-style: normal;
	color: #AC111C;
	text-decoration: none;border-bottom: 1px dotted #ccc;
} 
	
a:active{
	font-style: normal;
	color: #393939;
	text-decoration: none;border-bottom: 0px dotted #2D61A8;
} 
	
#topnav ul li a:link {
	font-style: normal;
	color: #666;
	text-decoration: none;
	border-bottom: 0px dotted #2D61A8;
	}


/* -------------------- FOOTER --------------------- */


#footer{color: #666;clear:both;text-align: center;font-size:80%;padding: 15px 0 15px 0px;margin: 0 0px 0 0px;border-top: 1px dotted #eee; height:20px;width:970px}

#footer a:link {color: #AC111C;}




/* -------------------- IMAGE LINKS--------------------- */

#logo img {
border: none;text-decoration:none;
padding: 0;
margin: 0;
}
#logo a:link, a:visited, a:hover, a:active{
border:0;text-decoration:none;
}

#content img a:link {
	font-style: normal;
	color: #AC111C;
	border-bottom-width: 0px;
border-bottom-style: dotted;
border-bottom-color: #666;text-decoration:none;
	}

####	Header Menu #####
	#######################

	Horizontal Drop-Down Menu based off :
	http://www.tanfa.co.uk/css/examples/menu/tutorial-h.asp
	
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~  */
#navContainer {width: auto;display:block;clear:both;border-right:1px solid #000;margin-top:30px;}


/* Remove List Formattings
~~~~~~~~~~~~~~~~~~~~  */
 ul.menu, li.menu {
	list-style-type: none;
	margin: 0 0 0 0;
	padding: 0px;padding-left:0;
}

/* Header menu */	 
#nav_menu {position: absolute; margin: 0px 0 0 50px;background:#fff;display:block;width:165px;font-weight:bold;}
#nav_menu li {display:block;}
ul#nav_menu  {z-index: 10; clear: both;display:block;}

#nav {
	/*height: 1em; */
	background: #fff;
	padding:0;list-style-type:none;float: right;font-size:125%;margin: 20px 0 0 80px;
}

#nav li {
	display:block;width:165px;
}

#nav ul {
	list-style-type: none; 
	margin: 0; 
	padding: 0; 
	float:left;font-size: 95%;color:ccc;width:165px;
	/*
	(Disappearing List-Background)padding: 0 .1em 0em .4em;
	http://www.positioniseverything.net/explorer/ie-listbug.html
	*/
	position: relative; /* Fix the Stupid IE6 Bug */
}
#nav ul li {display:block;list-style-type:none;float: left; color: #333; text-align: left; font-weight: normal;line-height:1.8em;}
#nav ul li a {display:block;background: #fff; padding: 0px 10px 3px 0px; color: #333; text-decoration: none;}

/* Root Level Link Formatting */
#nav ul li a:hover, #nav li a:focus {background: #fff; color: #AC111C; }
#nav li a:active, #nav ul li a.active {background: #fff;color: #AC111C; }

/* Current page Customisations*/
#nav li.menu-current a		{background: #fff;  }
#nav li.menu-current a		{font-weight: normal;color: #AC111C;} 

/* 2nd Child menu */
#nav .menu li ul {position: absolute; margin: 0; display: none;color:#ccc;padding:0;}
#nav .menu li ul li { text-align:left; margin: 0; padding: 0; color:#333;}
#nav .menu li ul a { background: #fff; color: #ccc; border: 0;color:#333;}


/* 2nd Child link hover */
#nav .menu li ul a:hover {color: #AC111C; background: #fff; border: 0;}
#nav .menu li a:hover {color: #AC111C; background: #fff; border: 0;}

/* Show and hide */
#nav .menu li:hover ul, #nav .menu li a:focus ul, #nav .menu li.subMenu ul {display: block;color: #AC111C;}
#nav .menu li ul ul { display: none;}
#nav .menu li:hover ul ul, #nav .menu li.subMenu ul ul {display: none;}
#nav .menu li:hover ul, #nav .menu li li:hover ul, #nav .menu li.subMenu ul, #nav .menu li li.subMenu ul {display: block;}


/* 3rd Child Menu Appreances */
#nav .menu li ul li ul li a 	{padding: 0.1em 0.4em; background: #fff; color: #333;}

/* Positioning the Pop-out Drops */
#nav li {float:left; background:#fff;position:relative;color:#555;font-size:90%;}

#nav ul ul ul {
	position: absolute;
	top: 1px;
	left: 100%;
}

.menu-expand{
	margin-top:8px;
}

/* end menu */