/* Basis dunkelgrau: #3C3E49 gruen: #8AB61E hellgrau: #484852*/

* {
	padding:0;
	margin:0;
}

html{
	height:100%;
	}
body{
	font-family:Helvetica, sans-serif;
	font-size:1em;
	color:#8AB61E;
	height:100%;
	padding:0;
	padding-left:15px;
	margin:0;
	background-color:#3C3E49;
	background-repeat:no-repeat;
	background-image:url(http://www.ou-vert.de/files/linien_waagerecht.jpg);
}
div#wrapper{
	margin:0;
	text-align:left;
	background-repeat:no-repeat;
	background-position:top left;
}
div#head{
	width:100%;
	margin-bottom:15px;
	height:190px;
	/*background-image:url(http://www.ou-vert.de/files/linien_waagerecht.jpg);*/
	background-repeat:no-repeat;
}

div#main{
	margin-left:206px;
	width:664px;
}
div#left{
	width:204px;
	padding-right:2px;
	float:left;
}

div#footer{
	height:22px;
	margin-top:22px;
	background-color:white;
	border-top:1px solid #002c72;
}
div#logo{
	width:186px;float:left;
	margin-top:98px;
}

div#tick{margin-left:206px;}
div#ex{
	height:270px;
	border-bottom:1px solid #ccc;
	background:url(http://ou-vert.de/images/blumen.jpg) left bottom no-repeat #5c3e3b;
	margin-left:-15px;
}
div.zitat{
	color:#f4a865;
	text-transform:none;
	padding-top:36px;
	width:500px;
	}
/* Layout *********************************************/
a:visited,
a{
	color:#8AB61E;
	text-decoration:none;
	outline:0;
}
a:hover, a.on{
	color:#fff;
}
a:active,a:focus{outline:0}
/*#main a{text-transform:lowercase;}*/
h1,h2,h3,h4,h5,p,li{
font-weight:normal;
text-transform:none;
font-size:1em;
margin-bottom:12px;
}
p.info{margin-bottom:32px}
h1,h2,h3,h4,h5{text-transform:uppercase;}
/*#main h2 a{text-transform:uppercase;}*/
/* Menue */

div#breadcrumb{
	vertical-align:middle;
	border-top:2px dotted #8AB61E;
	text-align:right;
	width:187px;
}


#left ul{
	text-align:right;
	width:187px;
	
	list-style-type:none;	
}
#left ul.menu{
	border-top:2px dotted #8AB61E;
	border-bottom:2px dotted #8AB61E;
	padding-top:5px;
	padding-bottom:5px;
}
#left ul#sub{
	border-bottom:2px dotted #8AB61E;
	padding-bottom:5px;
	margin-bottom:5px;
}
#left li{
	color:#8AB61E;
	display:inline;
	vertical-align:middle;
}
#left li a{
	display:block;
	vertical-align:middle;
	font-weight:normal;
	text-transform:uppercase;
	font-size:1em;
}
#left li a:hover, #left li a.on{
	color:white;
}
#left li a.on{border-top:2px dotted #8AB61E;}
#sub li a{
	font-size:76%;
}
#sub li.current a{
	color:white;
	text-transform:uppercase;
}
#breadcrumb p a{color:white;display:inline;vertical-align:top;}
#breadcrumb p a:hover{color:#ccc;}
#breadcrumb p{
	display:inline;
	color:white;
	vertical-align:top;
	text-transform:uppercase;
}

/* klassen */
.klein{text-transform:lowercase;}

.divider{
	border-top:2px dotted #8AB61E;
}
img{border:none;}

.weiss{color:white;}
.pink  {color:#e50083;}
.pinkhell {color:#e85284;}
.rosa {color:#ed7e7a;}
.orange {color:#f4a865;}
.gelb {color:#f39900;}

div#ex p{font-size:0.8em;}

div.hfeed li{list-style-type:none;text-transform:uppercase;}