/* Chaos by ennokunze.de 03/06 v1 */

/* Body */
body {
background: url(/inc/img/bg.gif) #DD9;
}

body {
font: normal 62.5%/1.8em Verdana, Arial, Helvetica, sans-serif;
padding: 0;
margin: 10px 0 0 0;
position: relative;
min-height: 101%;
text-align: center;
overflow: auto;
}

#wrapit {
margin-left: auto;
margin-right: auto;
margin-bottom: 20px;
background-color: #E4E4B1;
width: 960px;
text-align: left;
border: 1px solid #fff;
}

#wrapit p {
text-align: center;
color: #333;
}


/* Kopf */
#headBox {
background: url(/inc/img/v_fc0.gif) #fc0;
color: #fbfbf4;
padding: 2px 0 0 0;
margin: 0 0 10px 0;
font: bold 1.2em Verdana;
padding: 0;
border-bottom: 1px solid #dd9;
}

div.variBoxLeft {
width: 480px;
float: left;
padding: 2px 10px;
}

div.variBoxRight {
width: 470px;
width/* */:/**/450px;
width: /**/450px;
text-align: right;
float: left;
padding: 2px 0;
font-size: 1em;
}

div.variBoxLeft h1, div.variBoxRight h1, div.variBoxRight a, div.variBoxRight {
display: inline;
font-size: 11px;
color: #7b7b28
}

#headBox img {
position: relative;
top: 2px;
margin: 0 0 20px 0;
}

#headBox span#bc {
padding: 2px 0 2px 10px;
font: normal 0.8em Verdana;
color: #333;
background-color: #fbfbf4;
display: block;
text-align: left;
}

/* mittlere Box: Nav, Inhalt, Info */
/* Navigation */
#navBox {
width: 200px;
float: left;
padding: 0 20px 0 0;
font-weight: bold;
}

#navBox ul, #navBox li {
margin: 0 0 8px 0;
padding: 0;
list-style-type: none;
}

#navBox a {
display: block;
padding: 1px 0 0 10px;
width: 196px;
width/* */:/**/186px;
width: /**/186px;
color: #333;
background-color: #fbfbf4;
text-decoration: none;
font-size: 1.1em;
border-left: 4px solid #fc0;
}

#navBox a:hover {
color: #fbfbf4;
text-decoration: none;
background: url(/inc/img/v_fc0.gif) repeat-x #fc0;
border-left: 4px solid #fbfbf4;
}

#navBox ul ul li {
margin: 0;
border-bottom: 1px solid #e4e4b1;
background-color: #e4e4b1;
}

#navBox ul ul a {
display: block;
padding: 2px 0 2px 20px;
width: 200px;
width/* */:/**/180px;
width: /**/180px;
color: #333;
background-color: #fff;
text-decoration: none;
margin: 0;
font-size: 1.1em;
border: 0;
font-weight: normal;
}

#navBox ul ul a:hover, #navBox ul ul#mainNavSub a:hover {
color: #333;
background: #fff;
font-weight: normal;
text-decoration: underline;
border: 0;
}

#navBox ul#mainNav a.current {
background: url(/inc/img/v_fc0.gif) repeat-x #fc0;
color: #fbfbf4;
}

#navBox ul#mainNavSub a.current {
font-weight: normal;
background: #fff;
color: #333;
text-decoration: underline;
}

/* Inhalt */
#contentBox {
width: 535px;
width/* */:/**/540px;
width: /**/540px;
float: left;
background-color: #FBFBF4;
margin: 0 20px 20px 0;
min-height: 400px;
height: auto;
_height: 400px;
border-bottom: 1px solid #fc0;
padding: 0 0 20px 0;
}

#contentBox h1 {
display: block;
font: bold 1.7em verdana;
color: #fff;
margin: 0 0 20px 0;
padding: 0 0 0 30px;
background: url(/inc/img/v_fc0.gif) repeat-x #fc0;
text-transform: uppercase;
}

#contentBox h2 {
display: block;
font: bold 1.1em verdana;
color: #333;
padding: 0 0 0 30px;
margin: 0 0 10px 0;
}

#contentBox ul li {
margin: 0 0 10px 0;
background-color: #f5f5f5;
border-top: 1px solid #e4e4b1;
padding: 6px 3px;
}

#contentBox ol li {
margin: 0 0 10px 0;
background-color: #f5f5f5;
border-top: 1px solid #e4e4b1;
padding: 6px 3px;
}

#contentBox ul li ol li {
margin: 0;
background-color: #f5f5f5;
border-top: 1px solid #f5f5f5;
padding: 6px 3px;
}



#contentBox p, #contentBox ul {
padding: 0 20px 10px 30px;
font: normal 1.1em verdana;
color: #333;
text-align: left;
margin: 0;
line-height: 1.6em;
list-style-type: none;
}

#contentBox ol {
padding: 0 20px 10px 50px;
font: normal 1.1em verdana;
color: #333;
text-align: left;
margin: 0;
line-height: 1.6em;
}


#contentBox dl.dbAngebote {
padding: 0 20px 10px 30px;
font: normal 1.1em verdana;
color: #333;
text-align: left;
margin: 0;
line-height: 1.6em;
list-style-type: none;
clear: both;
}



#contentBox dl.imgDlLinks {
float: left;
clear: none;
}

#contentBox dl.imgDlRechts {
float: right;
clear: none;
}

#contentBox dl.w300 {
width: 300px;
}

#contentBox dl.w250 {
width: 250px;
}

#contentBox dl.w200 {
width: 200px;
}

#contentBox dl.imgDlLinks, #contentBox dl.imgDlRechts {
margin: 0 20px 5px 15px;
overflow: hidden;
background-color: #eee;
line-height: 1.6em;
}

#contentBox dl.imgDlLinks dt, #contentBox dl.imgDlRechts dt {
margin: 0;
padding: 0;
}

#contentBox dl.imgDlLinks dd, #contentBox dl.imgDlRechts dd {
padding: 0 4px 2px 4px;
margin: 0;
border-bottom: solid 1px #fff;
}

#contentBox dl dd.lic {
padding: 0 4px 1px 4px;
color: #ccc;
text-align: right;
}

#contentBox dl.dbAngebote dt {
float: left;
margin: 2px 0 0 0;
width: 30%;
padding: 6px 0;
font-weight: bold;
border-top: 1px solid #e4e4b1;
}

#contentBox dl.dbAngebote dd {
float: left;
width: 65%;
padding: 6px 0 6px 20px;
border-top: 1px solid #e4e4b1;
margin: 2px 0 0 0;
background-color: #f5f5f5;
}

#contentBox p.picLine {
border-bottom: 1px solid #e4e4b1;
border-top: 1px solid #e4e4b1;
padding: 3px;
width: 100%;
text-align: center;
margin: 20px 0;
font: bold 1.2em verdana;
}

#contentBox p.picLine a {
margin: 0 3px;
}

#contentBox p.picImage {
margin: 0 50px;
}

#contentBox form {
padding: 0 0 0 30px;
}







/* Info */
#infoBox {
width: 180px;
float: left;
}

#infoBox h2, #infoBox h1 {
display: block;
background-color: #fbfbf4;
color: #333;
font: bold 1.1em verdana;
height: 20px;
height/* */:/**/16px;
height: /**/16px;
margin: 0;
padding: 4px 0 0 10px;
border-left: 4px solid #fc0;
}

#infoBox p, #infoBox form {
border-bottom: 1px solid #fbfbf4;
margin: 0 0 20px 0;
padding: 10px 5px 10px 14px;
font-size: normal 1.1em verdana;
background-color: #dd9;
text-align: left;
line-height: 1.4em;
}

#infoBox p img, #contentBox img {
float: left;
margin: 0 8px 2px 0;
}


fieldset {
border:0;
margin:0;
padding:0;
}



/* Fussbereich */
#footerBox {
clear: left;
padding: 0 0 10px 245px;
margin: 0;
font: normal 1em Verdana;
color: #eee;
display: block;
}

#footerBox p {
margin: 0;
padding: 0;
text-align: left;
color: #7b7b28;
}




/* unabhängige Klassen etc */
/* Links */
#bc a, #bc a:visited, #bc a:active {
color: #333;
text-decoration:underline;
}

#bc a:hover {
text-decoration:none;
}

a, a:visited, a:active {
color: #7b7b28;
text-decoration:underline;
}

a:hover {
color: #7b7b28;
text-decoration:none;
}

/* Formulare */
input {
border: 1px solid #fff;
color: #fff;
font: bold 1em Verdana,Arial,Helvetica,sans-serif;
background-color: #7b7b28;
margin: 0;
}


.inp {
border: 1px solid #7B7B28;
color: #333;
font: bold 1em Verdana,Arial,Helvetica,sans-serif;
background-color: #fbfbf4;
margin: 0;
}

.inp:focus, .inp:hover, textarea:hover {
border:1px solid #fc0;
}

inpup:focus, teytarea:focus {
color: #f00;
}


/* Sonstiges */
#footerBox img, img {
border: 0;
}

#contentBox hr {
border: 0;
color: #7b7b28;
background-color: #7b7b28;
margin: 30px 30px;
height: 1px;
width: 480px;
}





/* Krams und Hacks */
.cl:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.cl {
display: inline-table;
visibility: hidden;
}

/* Hides from IE-mac \*/
* html .cl {
height: 1%;
}
.cl {
display: block;
}
/* End hide from IE-mac */