HTML {
height:100%;
}

body{	
font-size: 100%;
color:#022B41;
background: #F4EEC9 url(../gfx/home/bio-kokosoel-bg.png) top repeat-x;
margin:0;
padding:0;
border: 0px solid blue;
width:1000px;
}

#header{
	width:1000px;
	margin:0;
	padding:0;
	border: 0px solid blue;
}

#logo{
	position:absolute;
	top:90px;
	left:15px;
}

#contentWrapper{
	border: 0px solid #A4A4A4;
	margin:0 0 0 285px;
	overflow:hidden;
	min-height:350px;
}

#content{
	color:#484848;
	font: 12px Verdana;
	text-align:left;
	line-height:18px;
	border:0px solid black;
	width:550px;
	text-align:justify;
}

#content a{
	text-decoration:none;
	color:#C13B5C;
	font: 12px Verdana;
}

#content a:hover, #content a:focus{
	text-decoration:underline;
	color:#C13B5C;
	font: 12px Verdana;
}

#content ul{
	list-style-type:square;
	margin:20px;
	padding:0;
	border:0px solid yellow;
}

div.news_space{
	height:10px;
	border-bottom:1px dotted #C9C8C8;
	overflow:hidden;
	margin:0 0 15px 0;
}

div.news_space2{
	border-top:1px dotted #C9C8C8;
	font: 10px Verdana;
	margin:25px 0 0 0;
}

p.news_text{
	border:0px solid blue;
	font: 12px Verdana;
	margin:0 0 10px 0;
	padding:0;
}

img.pfeil{
	border:0;
	margin:0 10px 0 0;
}

#mainmenu{
	position:absolute;
	top:290px;
	left:35px;
	width:212px;
	height:76px;
	font: bold 16px Verdana;
	line-height:39px;
	
}

#mainmenu ul{
	list-style-type:none;
	margin:0;
	padding:00px;
	border-top: 1px solid #E2CB95;
}

#mainmenu ul li{
	margin:0;
	height:30px;
	border-bottom: 1px solid #E2CB95;
	line-height:30px;
}

#mainmenu ul li a{
	padding:0 0 0 40px;
	text-decoration:none;
	font: 12px Verdana;
	color:#575757;
	line-height:30px;
	background: url(../gfx/home/menu_button.gif) no-repeat;
	display:block;
}

#mainmenu ul li a:hover, #mainmenu ul li a:focus {
	padding:0 0 0 40px;
	text-decoration:none;
	font: 12px Verdana;
	color:#FFF;
	line-height:30px;
	background: url(../gfx/home/menu_button_mo.gif) no-repeat;
	display:block;
}

#mainmenu a.active{
	padding:0 0 0 40px;
	text-decoration:none;
	font: bold 12px Verdana;
	color:#C5002D;
	line-height:30px;
}

#footer{
	border-top: 1px solid #C13B5C;
	margin-top:40px;
	padding-top:5px;
	color:#5D5D5D;
	font: 10px Verdana;
	text-align:left;
	height:40px;
}

#footer a{
	text-decoration:none;
	color:#C5002D;
	font: 10px Verdana;
}

#footer a:hover{
	text-decoration:underline;
	color:#C5002D;
	font: 10px Verdana;
}

#clearDiv{
	clear:both;
	overflow:hidden;
	height:1px;
}

#infobar{
	position:absolute;
	top:80px;
	left:760px;
	border:0px solid yellow;
	font: 11px Verdana;
	color:#FFF;
}

#infobar ul{
	margin:0;
	padding:0;
	list-style-image: url(../gfx/home/icon_01.gif);
}

#infobar ul li{
	margin:0;
	padding:0;
	line-height:18px;
}

#infobar ul li a{
	text-decoration:none;;
	color:#FFF;
}


/* SCHRIFTEN */

h1{
	font: bold 24px Garamond;
	color:#C13B5C;
	margin:0 0 20px 0;
	padding:0;
	text-align:left;
}

h2{
	font: bold 16px Verdana;
	color:#C13B5C;
	margin:0;
	padding:0;
}

.slogan{
	font:bold 12px Verdana;
	color:#C5002D;
}

#logo h1{
	font: 27px Garamond;
	color:#FFF;
	margin:0;
	padding:0;
	text-transform:uppercase;
}

#logo a{
	color:#FFF;
	text-decoration:none;
}

p.intro{
	color:#B0670C;
	font-weight: bold;
}

span.logo_sub{
	float:right;
	color:#FFF;
	font:13px Verdana;
}

#content a.weblink{
	text-decoration:underline;
	font-weight: bold;
	color:#B0670C;
}

#content ul{
	list-style-image:url(../gfx/home/icon_02.gif);
}

/* Formulare */

input{
	background:#fff;
	border:1px solid #A4A4A4;
	color:#C5002D;
}

input.edit{
	width:350px;
}

textarea{
	background:#fff;
	border:1px solid #A4A4A4;
	color:#C5002D;
}

textarea.edit{
	width:350px;
	height:150px;
}

.hinweis{
	font:10px Verdana;
}

img.leistungen{
	float:right;
	border:1px solid #A4A4A4;
	padding:7px;
	margin:0 0 15px 15px;
}

img.leistungen2{
	float:left;
	border:1px solid #A4A4A4;
	padding:7px;
	margin:0 25px 15px 0;
}

#skyscraper{
	position:absolute;
	top:63px;
	left:870px;
	width:120px;
	height:600px;
	border:1px solid #E2CB95;
}

img.banner{
	margin-bottom:20px;
}