html {
height: 100%;
}
body {
background:#EBEBEB url(../img/body_bg.jpg) repeat-y scroll center top;
height: 100%;
color:#4C4C4C;
font-family:Arial,Verdana,Helvetica,sans-serif;
font-size:14px;
margin:0;
padding:0;
text-align:justify;
}
#nonFooter
{
position: relative;
min-height: 100%;
}

* html #nonFooter
{
height: 100%;
}

img{
padding: 10px
}

a:link{color:#6480AF;text-decoration:none}
a:active{color:#6480AF;text-decoration:none}
a:visited{color:#6480AF;text-decoration:none}
a:hover{color:#0058A5;text-decoration:underline}


.container {
margin: 0 auto;
padding:0 15px;
width:970px;
padding-bottom: 60px;
}

.header{
background:#FFFFFF url(../img/headerjeans.jpg) no-repeat scroll center top;
display:block;
height:120px;
}

.menu{
background:#FFE06C;
background:#CCCCCC url(../img/nav.gif) repeat-x scroll 0 0;
height:40px;
}
/*
.menu a{
background:transparent url(../img/menu_left.jpg) no-repeat scroll left top;
font-size:13px;
font-weight:bold;
height:39px;
line-height:39px;
float:left;
padding-left:14px;
margin: 0 3px;
}
.menu a span {
background:transparent url(../img/menu_right.jpg) no-repeat scroll right top;
display:block;
height:39px;
line-height:39px;
padding-right:14px;
}

.menu a.current{
background-position: left -78px;

}
.menu a.current span{
background-position: right -78px;
color:#fff;
}

.menu a:hover{
background-position: left -39px;
color:#1F5176
}
.menu a:hover span{
background-position: right -39px;
color:#000;
}
*/
.content{
width:640px;
padding: 10px 15px;
float: left;
padding-bottom:50px;
}
.sidebar{
float: right;
width:270px;
padding: 10px 15px;
}


.clear{
clear:both;
padding:0;
margin:0;
height: 1px;
overflow: hidden;
}
.footer{
margin:-70px auto 30px;
width:900px;
height:30px;
padding:10px;
border-top:1px solid #CCCCCC;
color:#4C4C4C;
text-align:center;
position:relative
}

.footer a:link,.footer a:active,.footer a:visited{color:#8C8989;text-decoration:none}
.footer a:hover{color:#0058A5;text-decoration:none}


.sidebar .block{
background:transparent url(../img/box_bottom.jpg) repeat scroll left bottom;
margin-bottom:10px;
}
.sidebar .block-inner{
background:transparent url(../img/box_top.jpg) no-repeat scroll left top;
padding:10px 15px 15px;
text-align:left
}
.sidebar .block-inner h2{
font-size:15px;
margin:0px 0px 5px 0px;
padding: 0px 10px 5px;
border-bottom:1px solid #FFDC09;
}


.balken{
font-size:15px;
height:30px;
line-height:30px;
padding-left: 50px;
font-weight:bold;
margin-top:30px;
}

.balken a{
float:right;
padding-right:15px;
}

.balken_news{
background:#FFFFFF url(../img/balken_news.jpg) no-repeat scroll left top;
}
.balken_termin{
background:#FFFFFF url(../img/balken_uhr.jpg) no-repeat scroll left top;
}
.balken_verein{
background:#FFFFFF url(../img/balken_verein.jpg) no-repeat scroll left top;
}
.balken_link{
background:#FFFFFF url(../img/balken_link.jpg) no-repeat scroll left top;
}

.balkenfooter{
text-align:right;
font-size:10px;
color:#C0C0C0;
}
.artikel{
font-size:14px;
}
.termin{
font-size:14px;
padding-left:50px;
}


.wibtnwrapper {
overflow:hidden;
width:100%;
}

a.wibtn:link, a.wibtn:visited, a.wibtn:active {
color:white;
font-size:13px;
}
a.wibtn:hover {
text-decoration: underline;
}

a.wibtn {
background:transparent url(http://kerpen.bluro.de/img/btn_left.jpg) no-repeat scroll left top;
display:block;
float:left;
height:30px;
line-height:30px;
padding-left:10px;
text-decoration:none;
}

a.wibtn span {
background:transparent url(http://kerpen.bluro.de/img/btn_right.jpg) no-repeat scroll right top;
display:block;
padding-right:10px;
}

/*
#sidebar {
background:transparent url(../img/sidebar_topy.gif) no-repeat scroll 0 0;
float:right;
margin:0;
padding:185px 0 10px;
position:relative;
width:213px;
}

#sidebar ul {
list-style:none;
background-color:#FFE06D;
padding:0 20px 20px;
}
ul, li {
margin:0;
padding:0;
}

#sidebar_bottom {
background:transparent url(../img/sidebar_bottom.gif) no-repeat scroll left top;
height:13px;
}

#header {
float:left;
height:323px;
margin:0;
padding:0;
width:745px;
}
*/

#nav{
padding:9px 0px 0px 15px;
}


ul.dropdown,ul.dropdown li,ul.dropdown ul {
 list-style: none;
 margin: 0;
 padding: 0;
}

ul.dropdown {
 position: relative;
 z-index: 597;
 float: left;
}

ul.dropdown li {
 float: left;
 line-height: 1.3em;
 vertical-align: middle;
 zoom: 1;
}

ul.dropdown li.hauptmenu{
font-size:14px;
}

ul.dropdown li.hauptmenu a:hover{
color:#4078A7;
}

ul.dropdown li.hover,ul.dropdown li:hover {
 position: relative;
 z-index: 599;
 cursor: default;
}

ul.dropdown ul {
 visibility: hidden;
 position: absolute;
 top: 100%;
 left: 0;
 z-index: 598;
 width: 100%;
}

ul.dropdown ul li {
 float: none;
}

ul.dropdown ul ul {
 top: 1px;
 left: 99%;
}

ul.dropdown li:hover > ul {
 visibility: visible;
}





ul.dropdown {
 font-weight: bold;
}

ul.dropdown li {
padding: 0px 10px;
border-style: solid;
border-width: 1px 1px 1px 0;
border-color: #fff #d9d9d9 #d9d9d9;
background-color: #FFDC05;
color: #000;
margin-right:5px;
height:30px;
line-height:30px;
}

ul.dropdown li.first {
border-color: #ccc #d9d9d9 #d9d9d9;
}

#menu1{
 background-color:transparent;
 border: 0px;
 background-image: url(../img/menu1.jpg); 
 background-position: 5px center;
 background-repeat: no-repeat;
 padding-left:40px;
 
}
#menu2{
 background-color:transparent;
 border: 0px;
 background-image: url(../img/menu2.jpg); 
 background-position: 5px center;
 background-repeat: no-repeat;
 padding-left:40px;
}
#menu3{
 background-color:transparent;
 border: 0px;
 background-image: url(../img/menu3.gif); 
 background-position: 5px center;
 background-repeat: no-repeat;
 padding-left:40px;
}
#menu4{
 background-color:transparent;
 border: 0px;
 background-image: url(../img/menu4.jpg); 
 background-position: 5px center;
 background-repeat: no-repeat;
 padding-left:40px;
}
#menu5{
 background-color:transparent;
 border: 0px;
 background-image: url(../img/menu5.jpg); 
 background-position: 5px center;
 background-repeat: no-repeat;
 padding-left:40px;
}
#menu6{
 background-color:transparent;
 border: 0px;
 background-image: url(../img/menu6.jpg); 
 background-position: 5px center;
 background-repeat: no-repeat;
 padding-left:40px;
}
#menu7{
 background-color:transparent;
 border: 0px;
 background-image: url(../img/menu7.jpg); 
 background-position: 5px center;
 background-repeat: no-repeat;
 padding-left:40px;
}

ul.dropdown li.hover,
ul.dropdown li:hover {
background-color: #eee;
color: #000;
}

ul.dropdown a{ display:block; line-height:30px; }
ul.dropdown a:link, ul.dropdown a:visited	{ color: #000; text-decoration: none; }
ul.dropdown a:hover		{ color: #000; }
ul.dropdown a:active	{ color: #ffa500; }




ul.dropdown ul {
width: 220px;
}

ul.dropdown ul li {
 font-weight: normal;
 overflow:hidden;
}



ul.dropdown *.dir {
 padding-right: 20px;
 background-image: url(../img/menu/nav-arrow-down.png);
 background-position: 100% 50%;
 background-repeat: no-repeat;
}



ul.dropdown-horizontal ul *.dir {
 padding-right: 15px;
 background-image: url(../img/menu/nav-arrow-right.png);
 background-position: 100% 50%;
 background-repeat: no-repeat;
}

ul.dropdown-upward *.dir {
 background-image: url(../img/menu/nav-arrow-top.png);
}

ul.dropdown-vertical *.dir,
ul.dropdown-upward ul *.dir {
 background-image: url(../img/menu/nav-arrow-right.png);
}

ul.dropdown-vertical-rtl *.dir {
 padding-right: 10px;
 padding-left: 15px;
 background-image: url(../img/menu/nav-arrow-left.png);
 background-position: 0 50%;
}


.headerbox{
text-align:justify;
background:transparent url(../img/box_bottom_grey.jpg) repeat scroll left bottom;
margin:10px;
}
.headerbox-inner{
background:transparent url(../img/box_top_grey.jpg) no-repeat scroll left top;
padding:15px;
}

input.suche{
background:#FEFAEA;
border-color:#BFBFBF #DEDEDE #DEDEDE #BFBFBF;
border-style:solid;
border-width:1px;
font-family:Tahoma;
font-size:14px;
line-height:22px;
height:22px;
overflow:auto;
padding:3px 10px 0px 10px;
width:160px;
margin:5px 0 0 20px;
float:left
}

.maphead{
border-bottom:1px solid #000000;
color:#000000;
font-size:14px;
font-weight:bold;
padding-bottom:3px;
}
.maptext{
padding-top:5px;
}





.osvergleich {
list-style-type:none;
margin:0;
padding:0;
font-size:12px;
}

.osvergleich li.gerade,.osvergleich li.ungerade{
border-bottom: 1px solid #F4F4F4;
}

.osvergleich li.gerade{
background:#FEFAEA;
}
.osvergleich li.ungerade{
background:#FFFFFF;
}
.osvergleich li.gerade:hover,.osvergleich li.ungerade:hover{
background:#E0EFFF;
}
.osvergleich li.kopf{
margin-top:20px;
padding-bottom:10px;
color:#6480AF;
font-size:16px;
font-weight:bold;
}
.osvergleich .description{
padding: 5px 20px;
float:left;
line-height:15px;
}

.osvergleich .subinfo{
padding:5px;
float:right;
width:200px;
font-size:12px;
text-align:right;
color:#D0D0D0;
}


.osvergleich li.last{
border-bottom: 0px solid #aaaaaa;
}

.osvergleich a{
color:#484848;
}
.osvergleich a:hover{
color:#999999
}
.osvergleich .paketname a:hover{
color:#fff;
font-weight:bold;
}



.formular{
width:520px;
display:inline;
float:left;
margin-left:30px;
margin-right:10px;
}

.formular ul{
list-style-type:none;
margin:0;
padding:0;
}

.formular ul span{
color:#999999;
display:block;
float:left;
font-weight:normal;
text-align:left;
}

.formular li{
color:#333333;
font-weight:bold;
margin:0;
padding:5px 0px;
text-align:right;
width:100%;
}

.formular ul li.lefter{
text-align:left;
}

.formular li.fehler{
clear:both;
color:#FF0000;
}
.formular li.fehler span{
color:#FF0000;
}

.formular li.last{
border-bottom:0px solid #BFBFBF;
}
.formulartxt{
padding:60px 0px 0px 40px;
float:right;
width:350px;
}

#spambox{
float:left;
font-size:9px;
width:225px;
padding-left:33px;
text-align:left;
}
#spambox input{
width:155px;
margin-right:50px;
}


input.kontakt, textarea.kontakt {
background:#F9F9F9;
background-repeat:no-repeat;
border-color:#BFBFBF #DEDEDE #DEDEDE #BFBFBF;
border-style:solid;
border-width:1px;
font-family:Tahoma;
font-size:14px;
line-height:22px;
height:22px;
overflow:auto;
padding:3px 10px 0px 10px;
width:390px;
}

textarea.kontakt{
height:100px;
}


input[type="text"]:focus,textarea:focus {
background:#EFF7FF none repeat scroll 0 0;
border:1px solid #A7CEDF;
color:#000;
}


.kontaktresult{
padding:20px;
}
.kontaktresult ul{
list-style-type:none;
margin:0;
padding:0;
}
.kontaktresult ul span{
color:#999999;
display:block;
font-weight:normal;
text-align:left;
padding:10px 0px 10px 50px
}

.kontaktresult li{
color:#333333;
font-weight:bold;
margin:0;
padding:5px 0px;
text-align:left;
width:100%;
}