/*
Theme Name: Gärten und Parks | Herwyn Ehlers
Theme URI: http://www.bluewolf-produktion
Description: Wordpress-Template
Version: 1.0
Author: Matthias Wolf
*/

*{padding:0;margin:0;outline:none;}
html,body{width:100%;height:100%;}
body{
 font: 12px "Century Gothic";
 color: #333;
}
#background{width:100%;height:100%;position:absolute;top:0px;left:0px;z-index:1;}
#background img{width:100%;height:100%;position:fixed;}
#whitedors{background:url(images/dots.png) repeat;width:100%;height:100%;position:absolute;z-index:10}

#wrapper{width:100%;position:absolute;z-index:20;}
#topbar{
 width: 100%;
 height: 22px;
 padding-top: 3px;
 background: #000;
 color: #999999;
 margin-bottom: 80px;
 font-weight: bold;
}
#topbar ul{list-style:none;width:250px;display:inline;}
#topbar li{display:inline;padding-right:6px;}
#topbar li a{color:#7a7a7a;text-decoration:none;}
#topbar li a:hover{text-decoration:underline;}
#topbar p{display:inline;float:right;}
#topbar p strong{color:#cdcdcd;}
.container{width:998px;margin:auto;}

#navibar{margin-bottom:50px;}
#logoarea{width:260px;height:100px;float:left;}
#navigation{width:738px;height:100px;float:left;list-style:none;background:url(images/white-30.png) repeat;}
#navigation a{color:#FEF1CB;text-decoration:none;font-size:14px;font-weight:bold;display:block;height:25px;padding:75px 23px 0 23px;float:left;}
#navigation a:hover,
.page-id-2 #navigation .n_01 a,
.page-id-7 #navigation .n_02 a{background:url(images/black-40.png) repeat;color:#fff;}

#logo a{background:url(images/gaerten-und-parks.png) no-repeat;width:260px;height:100px;display:block;text-indent:-999999px;}

#content{margin-bottom:55px;}

#contentSidebar{width:220px;padding:20px;float:left;background:url(images/white-80.png) repeat;margin-top:0px;}
#contentSidebar h4{font-size:18px;color:#003a90;margin-bottom:25px;}
#contentSidebar p{font-size:13px;line-height:130%;margin-bottom:20px;}

#contentMain{width:698px;float:left;padding:20px 20px 0px 20px;background:url(images/white-90.png) repeat;border-bottom:4px solid #003a90;position:relative;}

#contentMain h3{font-size:18px;color:#333;margin-bottom:5px;}
#contentMain h2{font-size:32px;color:#003a90;margin-bottom:20px;}
#contentMain p{margin-bottom:20px;line-height:150%; font-size:14px;}
#contentMain ul{font-size:14px;}
#contentMain li{font-size:14px;}

#contentMain img.border{border:1px solid #959595;padding:1px;}

.button{background:url(images/white-90.png) repeat;color:#333;text-decoration:none;padding:6px 12px;display:block;position:absolute;right:20px;top:-26px;}

.col{width:48%;}
.left{float:left;}
.right{float:right;}

#partner{width:718px;height:80px;padding:20px 0 0 20px;background:url(images/white-90.png) repeat;margin-left:260px;border-bottom:4px solid #003a90;margin-bottom:20px;position:relative;}
#partner img{padding-right:28px;}

/* Dropdown */
ul#navigation,ul#navigation ul{
	margin:0;list-style:none;padding:0;}
ul#navigation ul{
 display: none;
 position: absolute;
 left: 0;
 top: 100%;
 background-color: #FFFFFF;
 padding: 0 10px 10px;
}
ul#navigation li:hover>*{
	display:block;}
ul#navigation li{
	position:relative;display:block;white-space:nowrap;font-size:0;float:left;}
ul#navigation li:hover{
	z-index:1;}
ul#navigation{
	font-size:0;z-index:999;position:relative;display:inline-block;padding:0;
	*display:inline;}
* html ul#navigation li a{
	display:inline-block;}
ul#navigation>li{
	margin:0;}
ul#navigation a:active, ul#navigation a:focus{
	outline-style:none;}

ul#navigation ul li{
	float:none;margin:10px 0 0;}
ul#navigation ul a{
	text-align:left;padding:4px;background-color:#FFFFFF;background-image:none;border-width:0;border-radius:0px;-moz-border-radius:0px;-webkit-border-radius:0px;color:#000;text-decoration:none; width:200px;}
ul#navigation li:hover>a,ul#navigation li a.pressed{
 background-color: #f8ac00;
 color: #000000;
 text-shadow: #FFF 0 0 1px;
 text-decoration: none;
 background-image: none;
}
ul#navigation span{
	display:block;overflow:visible;padding-right:0px; width:200px;}
ul#navigation ul li:hover>a,ul#navigation ul li a.pressed{
	background-color:#FFFFFF;background-image:none;color:#868686;text-decoration:none;}

.alignleft {float:left;}
.alignright {float:right;}