/*  
Theme Name: Norddeutsches Vogelmuseum
Description: Wordpress Theme im Auftrag von Birgit Wingrat fuer vogelmuseum.info. Autor: Oliver Hulisz, <a href="http://72dpi.de">72dpi.de</a>.
Version: 1.0
Author: Oliver Hulisz
Author URI: http://72dpi.de/
*/

body{
	margin:0;
	padding:0;
	color: #333;
	font-family: Arial, Helvetica, sans-serif;
	font-size:85%;
	background-color: #f4f4f4;
}

a:link, a:visited, a:active {
	color: #385304;
}

a:hover {
	color: #70834C;
}

/* Main Grid
-------------------------------------------------------------------------- */

#wrap{
	margin: 0;
	padding: 0;
	width: 850px;
	background-color: #fff;
}

#header{
	padding: 0;
	margin: 0;
	height: 80px;
	background-color: #A8C100;
}

#visual {
	padding: 0;
	margin: 0;
	/*height: 240px;
	background: #f5f5f5 url(/wp-content/static/visuals/visual_dummy.jpg);*/
}

#content{
	float: right;
	width: 535px;
	padding: 0 30px 25px 0;
}

#sidebar{
	float: left;
	padding: 0 0 50px 0;
	width: 255px;
	background-color: #A8C100;
}

/* color change on region
------------------------------------------------------------------ */
		
		body#blue #header, body#blue #sidebar {
			background-color: #8CBFC9;
		}
		
		body#yellow #header, body#yellow #sidebar {
			background-color: #DEB400;
		}
		
		body#golden #header, body#golden #sidebar {
			background-color: #B29900;
		}
		
		body#orange #header, body#orange #sidebar {
			background-color: #D98F00;
		}
		
		body#petrol #header, body#petrol #sidebar {
			background-color: #6DA680;
		}
		
		
			body #wrap {
				background: #fff url(images/page_bg_green.jpg) 0 0 repeat-y;
			}
			
			body#blue #wrap {
				background: #fff url(images/page_bg_blue.jpg) 0 0 repeat-y;
			}
			
			body#yellow #wrap {
				background: #fff url(images/page_bg_yellow.jpg) 0 0 repeat-y;
			}
			
			body#golden #wrap {
				background: #fff url(images/page_bg_golden.jpg) 0 0 repeat-y;
			}
			
			body#orange #wrap {
				background: #fff url(images/page_bg_orange.jpg) 0 0 repeat-y;
			}
			
			body#petrol #wrap {
				background: #fff url(images/page_bg_petrol.jpg) 0 0 repeat-y;
			}
		


/* Header
-------------------------------------------------------------------------- */


#header h1 {
	float: left;
	margin: 0;
	padding: 0;
}

#servicenav {
	float: left;
}

	#servicenav ul {
		padding: 0 0 0 35px;
		margin: 0;
		list-style-type: none;
		line-height: 0;
	}
	
		#servicenav ul li {
			display: inline;
			font-size: 12px;
			text-transform: uppercase;
		}
		
			#servicenav ul li a {
				float: left;
				background: url(images/servicenav_divider.gif) 0 0 repeat-y;	
				color: #fff;
				padding: 32px 15px 5px 15px;
				text-decoration: none;
			}
			
			#servicenav ul li#home a { /* Home bekommt keine Trennleiste links */
				background: none;	
			}
			
				#servicenav ul li a:hover { /* Hover-Status der Global Navigation */
					color: #385406;
				}
				
				#servicenav li.current a, #globalnav li.level1active a { /* Aktiv-Status Hauptmenu */
					color: #385406;
				}
				


/* Sidebar (Main Menu)
-------------------------------------------------------------------------- */

#sidebar ul {
	list-style-type:none;
	margin: 20px 0 0 15px;
	padding: 0 0 1px 0;
	background: url(images/mainmenu_divider.gif) left bottom no-repeat;
}

	#sidebar ul li {
		font-size: 15px;
		padding: 7px 0 5px 0;
		background: url(images/mainmenu_divider.gif) left top no-repeat;
		text-transform: uppercase;
		letter-spacing: 1px;
		line-height: 110%;
	}
	
		#sidebar ul li a {
			color: #fff;
			text-decoration: none;
		}
		
		#sidebar ul li a:hover, #sidebar ul li#level1active ul li a:hover {
			color: #385406;
			text-decoration: none;
			
		}
		
			#sidebar ul li#level1active a {
				color: #385406;
			}
	
				#sidebar ul li#level1active ul {
					margin: 3px 0;
					padding: 0;
					background: none;
				}
				
				#sidebar ul li#level1active ul li {
						background: url(images/li_bullet_mainmenu_white.gif) 0 50% no-repeat;
						padding: 0 0 0 17px;
						line-height: 120%;
				}
				
					#sidebar ul li#level1active ul li a {
							color: #fff;
					}
					
				
						#sidebar ul li#level1active ul li#level2active {
							background: url(images/li_bullet_mainmenu_green.gif) 0 50% no-repeat;
						}
						
							#sidebar ul li#level1active ul li#level2active a {
								color: #385406;
							}
							
								#sidebar ul li ul li ul {
									display: none;
								}


#searchform {
	margin: 0 0 0 0;
	padding: 20px 0 0 0;
}		

	#searchform fieldset {
		border: none;
		margin: 0;
		padding: 5px 0 0 12px;
	}	
	
		#searchform legend {
			/*
			color: #f2f2f2;
			text-transform: uppercase;
			font-size: 15px;
			*/
			display: none;
		}		
		
			#searchform #searchsubmit {
				vertical-align: top;
			}				

/* Content
-------------------------------------------------------------------------- */


#content h1 {
	font-size: 1.6em;
	color: #385304;
}

#content h2 {
	font-size: 1.3em;
	color: #385304;
	margin: 1em 0 .5em 0;
	padding: 0;
}

	#content h2 span { /* Darstellung lateinischer Name*/
		font-weight: normal;
		font-style:italic;
	}

#content h3 {
	font-size: 1.2em;
	color: #385304;
	margin: 1.3em 0 .3em 0;
	padding: 0;
}

#content p, #content li {
	font-size: .9em;
	font-weight: normal;
	line-height: 130%;
	margin: 0 0 1em 0;
	padding: 0 0 0 0;
	color: #385406;
}

	#content p.hits {
		background: url(images/page.gif) 0 3px no-repeat;
		padding: 0 0 0 15px !important;
		margin: 3px 0 3px 5px;
	}

#content ul {
	margin: 0 0 15px 0;
	padding: 0;
	list-style-type: none;
}

	#content ul li {
		background: url(images/copytextbullet.gif) 0 6px no-repeat;
		margin-bottom: 0.2em;
		padding: 0.1em 0 0.1em 11px;
	}
	

#content p.meta {
	margin: .3em 0 3em 0 !important;
	padding: 0;
	font-size: .85em;
	font-weight: normal;
	line-height: 130%;
}

#content p.right {
	text-align: right;
}


/* -- Aufteilung Contentbereich ------------------------------------------------- */

DIV.region {
	margin-top: 10px;
}

	DIV.regionSidebar {
		width: 140px;
		float: right;
	}
	
		DIV.regionSidebar img {
			margin-bottom: 15px;
		}
	

	DIV.regionContent {
		width: 375px;
		float: left;
	}
	
		DIV.regionContent h2, #greenBox DIV.regionContent h2 {
			margin-top: 0 !important;
		}
		
#specialBox {
	margin: 20px 0 30px 0;
	background-color: #8CBFC9;
	padding: 10px 10px 5px 10px;
	}		

#specialBox DIV.regionSidebar {
		width: 140px;
		float: right;
	}

#specialBox DIV.regionContent {
		width: 360px;
		float: left;
	}
	
#specialBox DIV.region {
	margin-top: 0;
}
	
	#specialBox p.whitebox {
		background-color: #fff;
		padding: 5px;
	}

/* -- Sprungmarken im Contentbereich -------------------------------------------- */

#pagenav {
	width: auto;
	margin: 20px 0;
	border-top: 2px dotted #749100;
	border-bottom: 2px dotted #749100;
	border-right: 1px solid #fff;
}

	#pagenav ul {
		float: left;
		margin: 5px 22px 2px 0;
		padding: 0;
		list-style-type: none;
		font-size: 1em;
	}
	
		#pagenav ul.right {
			float: right;
			margin: 5px 0 5px 25px;
		}
		
		#pagenav p {
			margin: 5px 0 0 0;
			text-transform: uppercase;
			line-height: 145%;
		}
		
				#pagenav p a:link, #pagenav p a:visited, #pagenav p a:active {
					text-decoration: none;
					color: #70834C;
				}
				
					a.jumpback {
						background: url(images/li_bullet.gif) 0 50% no-repeat;
						padding: 0 0 0 15px;
					}
		
		#pagenav ul li {
			background: url(images/li_bullet.gif) 0 50% no-repeat;
			padding: 0 0 0 15px;
			text-transform: uppercase;
		}
		
				#pagenav ul li.current {
					background: url(images/li_bullet_hover.gif) 0 50% no-repeat;
				}
		
			#pagenav ul li a { /* keine Unterstreichung bei den Sprungmarken */
				text-decoration: none;
				color: #70834C;
			}
			
				#pagenav ul li a:hover { /* keine Unterstreichung bei den Sprungmarken */
					color: #385304;
				}
		
			#pagenav ul li:hover {
				background: url(images/li_bullet_hover.gif) 0 50% no-repeat;
			}


/* Footer
-------------------------------------------------------------------------- */

#footer {
	clear: both;
	border-top: 1px solid #999;
	background-color: #fff;
	
}

	#footer p {
		margin: 0;
		padding: 10px;
		font-size: 1em;
		color: #999;
	}
	

/* Other
-------------------------------------------------------------------------- */


img {
	border: none;
}

img.fullwidth {
	margin-bottom: 30px !important;
}

input.text, textarea {
	width: 26em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
}

label {
	display: block;
}


span.edit {
	padding: 5px;
	background-color: #f5f5f5;
	border-left: 1px solid #ddd;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #999;
	border-right: 1px solid #999;
	font-size: 11px;
}

	span.edit a {
		color: #666;
		text-decoration: none;
	}

#browse {
	clear: both;
	padding: 25px 0;
	font-size: .9em;
}

#browse .browseLeft {
	float: left;
}

#browse .browseRight {
	float: right;
}


/* Dirty Little Helpers
-------------------------------------------------------------------------- */

/*-- BREAK to terminate floats --*/
br.clear { visibility:hidden; clear:both; line-height:0px; background:#fff; height:0px; font-size:0px; padding:0; margin:0; }

/*-- class to adjust height of container box to actual height of contained floating elements ------------------*/
/* see <http://www.positioniseverything.net/easyclearing.html> */
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix { display:inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height:1%; }
.clearfix { display:block; }
/* End hide from IE-mac */