/*  
Theme Name: Ventimola
Description: Wordpress Theme im Auftrag von Birgit Wingrat fuer ventimola.de. 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;
		text-align: center;
		background: #D4E4DD;
		font-family: Arial, Helvetica, sans-serif;
		font-size: .75em;
		color: #45444A;
}

#accessibility {
	display: none;
}

#wrap{
	width: 860px;
	margin: 0 auto;
	padding: 0 0 50px 0;
	text-align: left;
	/* Platzierung der Visuals */
	background: #fff url(images/gradient.jpg) 0 486px no-repeat; 
}

#header {
	float: left;
	width: 300;
}

#visual {
	float: right;
	width: 555px;
	height: 486px;
	margin: 0 0 50px 0;
}

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

	#navigation {
		padding-left: 35px;
		float: left;
		width: 220px;
	}

	#contentwrap {
		clear: both;
		margin: 0;
		padding: 0;
	} 
	
		#sidebar {
			padding: 5px 0 0 35px;
			float: left;
			width: 193px;
		}
		
		#content {
			clear: both;
			float: right;
			width: 555px;
			margin: 0;
			padding: 0;
		} 


	a:link, a:visited {
		color: #197F48;
		text-decoration: none;
	}
	
	a:hover, li.current_page_item a {
		color: #D76310;
	}
	
	a:focus {
		outline: none;
	}
	
	a.toplink {
		display: block;
		padding-top: 3em;
	}
	
	img {
		border: none;
	}
	
	/* Gruene Textpassagen */
	.green {
		color: #197F48;
	}
	
	hr {
		display: none;
	}


/* Navigation ---------------------------------------------------------------------- */

#navigation {
	font-size: 1.1em;
	text-transform: uppercase;
}

	#navigation ul {
		list-style-type:none;
		margin:  10px 0 20px 0;
		padding: 0;
	}

	#navigation ul li {
		margin-bottom: 0.3em;
		padding: 0.5em 0;
		font-size: 1em;
		word-spacing: 3px;
	}
	
	
/* Content ---------------------------------------------------------------------- */

sup {
	font-size: .7em;
}

#content h1 {
	margin: 0 0 1em 0;
	padding: 0;
	font-size: 1.8em;
	font-weight: normal;
	color: #197F48;
}

#content h2 {
	margin: 1em 0 0 0;
	font-size: 1.8em;
	font-weight: normal;
	color: #197F48;
}

	/* Headline mit Plus-Zeichen, Homepage */
	#content h2.bullet {
		background: url(images/bullet_plus.gif) 0 2px no-repeat;
		padding-left: 30px;
	}


#content h3 {
	margin: 0;
	padding: 0;
	font-size: 1.2em;
	color: #197F48;
}

#content h4 {
	margin: 0;
	padding: 0;
	font-size: 1em;
	color: #197F48;
}

#content p {
	margin: .5em 30px 1em 0;
	padding: 0;
	font-size: 1em;
	font-weight: normal;
	line-height: 145%;
}

#content img {
	margin:1em 0;
}

#content hr {
	display: block;
	border: none;
	height: 30px;
}



#content ul {
	margin: .8em 0 1em 0;
	padding: 0;
	font-size: 1em;
	list-style-type: none;
}

		/* Listen auf der Homepage */
		#content ul.indent {
		margin-left: 18px;
	}
	
		#content ul.indent li {
			background: url(images/bullet_line.gif) 0 4px no-repeat;
		}

	/* Normale Listen */
	#content ul li {
		margin: 0 30px 0 0;
		padding: 0 0 .2em 14px;
		background: url(images/bullet.gif) 0 4px no-repeat;
		line-height: 145%;
	}
	

#content dl {
	/* Verwendung im Glossar */
}

	#content dl dt {
		font-weight: bold;
		font-size: 1.2em;
		color: #197F48;
		/* background: url(images/bullet_green.gif) 0 4px no-repeat; */
		padding: 0;
	}
	
		#content #contactForm dl dt, #content #contactForm dl dd { /* zurücksetzen der DL fuer das Formular */
			background: none;
			padding: 0;
		}

		
	#content dl dd {
		margin: .3em 30px 1.7em 0;
		line-height: 135%;
		padding: 0;
	}
	
		#content dl dd p {
			margin: .3em 0 1em 0;
		}






/* Sidebar ---------------------------------------------------------------------- */

#sidebar img {
	margin-top: 30px;
}

	#sidebar img:first-child {
		margin-top: 0;
	}
	
	#sidebar p {
		margin-top: 10px;
	}


/* Formulare
---------------------------------------------------------------------------------- */

#contactForm {
	margin: 50px 0 0 0;
	padding: 0;
}

label {
	display: block;
	padding: 3px 0;
	}
	
fieldset {
	border: none;
	margin: 0;
	padding: 0;
}	

input.text, textarea {
	padding: 8px;
	width: 400px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #eee;
	background-color: #D4E4DD;
	font-size: 14px;
	}
	
input.contactError, textarea.contactError {
	padding: 8px;
	width: 400px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border: 2px solid #D76310;
	background-color: #D4E4DD;
	font-size: 14px;
	}




/* Diverses ---------------------------------------------------------------------- */


small {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.meta {
	margin-top: 3em !important;
	color: #666;
	font-size: .9em;
}

	p.edit a {
		background-color: #f5f5f5;
		color: #666;
		border: 1px solid #D76310;
		padding: 3px;
		margin: 1em 0;
	}

#browse {
	clear: both;
	height: 15px;
	margin: 0 0 1em 10px;
	border-top: 1px solid #C2CEDD;
	background-color: #F8F8F8;
	padding: 5px;
	font-size: 1em;
	color: #ddd;
	font-family: Arial, Helvetica, sans-serif;
}

.browseLeft {
	float: left;
}

.browseRight {
	float: right;
}


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

#footer {
	clear: both;
}

	#footer p {
		margin: 0;
		padding: 20px 0 0 30px;
		font-size: 1em;
	}
	
	#footer a:link, #footer a:visited, #footer a:active {
		color: #227F1D;
		text-decoration: none;
	}
	
	#footer a:hover {
		color: #227F1D;
	}
	

/* Fixes  ---------------------------------------------------------------------- */	
	
hr.clearfix, br.clearfix {
	visibility: hidden; 
	clear: both; 
	line-height: 0px; 
	background: #fff; 
	height: 0px; 
	font-size: 0px; 
	padding: 0; 
	margin: 0;
}