@charset "utf-8";

body {
    font-size: 12px;
    font-family:Arial, Helvetica, sans-serif;
    color: #444444;
    line-height: 20px;
    background-color: #f2f2f2;
    background-position: top left;
    background-repeat: repeat-x;
    background-attachment: scroll;
    margin: 0;
    padding: 0;
}

a:link{color:#333333; text-decoration:none}
a:visited {color:#333333; text-decoration:none}
a:active {color:#333333; text-decoration:none}
a:hover {color:#3300CC; text-decoration: none}

a.pfeil {
    background: url(../Bilder/Index/oki.gif) 0 2px no-repeat;
    padding-left: 9px;
    text-decoration: underline;
}

img{
    border:0
}

h1 {
    font-size: 26px;
    margin: 0 0 6px 0;
    padding: 0 0 8px 0;
    border-bottom: 1px dashed #444444;
}

h2 {
    background-color: transparent;
    font-size: 16px;
    line-height: 16px;
}


.none {
    list-style-position: outside;
    list-style-image: none;
    padding-left: 0px;
    margin-left: 0px;
    padding-top: 0px;
    line-height: 12px;
}

.ballet {
    list-style-position: outside;
    list-style-image: url(../Bilder/Index/oka.gif);
    padding-left: 0px;
    padding-top: 0px;
    margin-left: 0px;
    line-height: 12px;
}

.bullet {
    list-style-position: outside;
    list-style-image: url(../Bilder/Index/oki.gif);
    padding-left: 15px;
    padding-top: 15px;
    margin-left: 0px;
}

.clear {
    clear: both;
}

.block0 {
    float: left;
    margin-top: 25px;
    width: 562px;
    float: left;
}

.block1 {
    float: left;
    margin-top: 25px;
    width: 266px;
    float: left;
}

.block2{
    float:left;
    margin-left:30px;
    margin-top:25px;
    width:266px;
}

.block3{
    float:left;
    margin-left:30px;
    margin-top:25px;
    width:308px;
}


.box6{
    width:170px;
    height:80px;
    float:right;
    text-align:left;
    margin-top:7px;
    margin-left:15px;
    font-family:Arial, Helvetica, sans-serif;
    color:#FFFFFF;
    font-size:16px;
    line-height:24px;
}

.box7{
    width:512px;
    height:210px;
    margin-left:25px;
    margin-top:20px;
    float:none;
}

.box8{
    width:380px;
    padding-left:22px;
    float:left
}

.box9{
    width:512px;
    height:230px;
    margin-left:25px;
    margin-top:10px;
    float:none;
}

.box10{
    width:330px;
    margin-left:22px;
    float:left
}

.box11{
    width:512px;
    height:230px;
    display:inline;
    float:none;
}


.boxbild{
    width:auto;
}

.text{
    float:left;
    font-family:Arial, Helvetica, sans-serif; color:#49779e;
    font-size:10px;
    text-align:left;
    vertical-align:top;
    margin-top:25px;
}

.text2{
    float:left;
    font-family:Arial, Helvetica, sans-serif; color:#FFFFFF;
    font-size:11.5px;
    text-align:left;
    vertical-align:top;
    margin-left:0;
}

#container{
    margin-left:40px;
}

#header{
    height: 249px;
}

#header_block {
    position: absolute;
    top: 0px;
    left: 251px;
    width: 250px;
    height: 249px;
    background-image: url(../Bilder/Index/black-70.png);
}

#header_logo {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 250px;
    height: 249px;
    background-image: url(../Bilder/Index/black-70.png);
}

#header_logo img {
    float: right;
    margin: 30px 40px 0 0;
}

#header_text {
    position: absolute;
    top: 36px;
    left: 40px;
    color: #FFFFFF;
    font-size: 14px;
}

#header_text a {
    color: #FFFFFF;
}

#header_text .titel {
    font-size: 28px;
}

#all{
    margin-top:220px;
    width:960px;
    height:1250px
}

#main{
    
}

#untmenu{
    padding: 7px 0 6px 40px;
    background-color: #FFFFFF;
}

/* Navigation links */
#nav_left {
    float: left;
    margin-right: 30px;
    padding: 25px 0;
    width: 250px;
    border-right: 1px solid #DDDDDD;
    min-height: 300px;
}

#nav_left ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

#nav_left ul li {
    padding: 0;
    margin: 0;
}

#nav_left a.parent {
    background: url(../Bilder/Index/okd.gif) no-repeat;
}

#nav_left ul a {
    padding-left: 40px;
    background-position: 30px 9px !important;
    line-height: 28px;
    display: block;
    border-bottom: 1px dotted transparent;
}
#nav_left ul ul a {
    padding-left: 60px;
    background-position: 50px 7px !important;
    line-height: 24px;
}
#nav_left ul ul ul a {
    padding-left: 80px;
    background-position: 70px 6px !important;
    line-height: 22px;
}
#nav_left ul ul ul ul a {
    background-position: 90px 6px !important;
    padding-left: 100px;
}

#nav_left ul a:hover, #nav_left ul a.act {
    background-color: #FFFFFF;
    border-bottom: 1px dotted #CCC;
}

/* Sitemap */
.sitemap {
    background-color: #FFFFFF;
}

.sitemap ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.sitemap ul ul {
    margin: 0 0 0 20px;
    padding: 0;
}

.sitemap ul li {
    padding: 0;
    margin: 0;
}

.sitemap a.parent {
    background: url(../Bilder/Index/okd.gif) 0px 5px no-repeat;
}

.sitemap ul a {
    display: block;
    padding-left: 10px;
}

#footer {
    clear:left;
    margin-top:3em;
    background:transparent;
    text-align:left;
    height:126px;
    background-image:url(../Bilder/Index/footer-bg.png);
    background-position:bottom left;
    background-repeat:repeat-x;
}

#footer2 {
    clear:left;
    margin-top:1300px;
    background:transparent;
    text-align:left;
    height:126px;
    background-image:url(../Bilder/Index/footer-bg.png);
    background-position:bottom left;
    background-repeat:repeat-x;
}

.footer-menu {
    margin-left:40px;
    width:800px;
}


#stadt {
    margin:0px;
    height:50px;
    width:480px;
    background-image:url(../Bilder/Index/stadt.png);
    background-position:bottom left;
    background-repeat:no-repeat;
    background-attachment:scroll
}

.frontbox-top {
    background-repeat: no-repeat;
    width: 308px;
    height: 57px;
    margin: 0;
    padding: 0;
}

.frontbox-top h2 {
    color: #FFFFFF;
    font-size: 20px;
    margin: 0;
    padding: 15px 0 0 15px;
    font-weight: normal;
}

.frontbox-text {
    background-image: url(../Bilder/Index/frontbox-text.gif);
    background-repeat: repeat-y;
    width: 308px;
    margin: 0;
    padding: 10px;
}

.frontbox-bottom{
    background-image:url(../Bilder/Index/frontbox-bottom.gif);
    background-repeat: no-repeat;
    width:308px;
    height:13px;
    margin:0;
    padding:0;
    padding-bottom: 20px;
}

.newsdatum{
    color: rgb(153, 153, 153);
    padding-left: 5px;
}

table.brands tr.logo {
    height: 50px;
}

table.brands td {
    width: 20%;
}

table.brands img {
    display: block;
    margin: 0 auto;
    max-width: 100px;
}

/* INPUT */
.input{
    margin-top:30px;
}

.ueber{
    font-size:14px;
    font-weight:bold;
}

.ico{
    margin-top:15px;
    margin-left:15px;
}

/* Tabs */
.tabtop{
    float:left;
    background-image:url(../Bilder/Index/tabtop.png);
    background-repeat:no-repeat;
    background-color:transparent;
    height:33px;
    width:572px;
    padding-left:0;
    margin-top:15px;
}

.tabbot{
    float:left;
    background-image:url(../Bilder/Index/tabbot.png);
    background-position:top;
    background-repeat:no-repeat;
    background-color:transparent;
    height:6px;
    width:572px;
    margin:0;
    padding:0
}

.tab{
    float:left;
    background-image:url(../Bilder/Index/tab.png);
    background-position:top;
    background-repeat:repeat-y;
    background-color:transparent;
    position: relative;
    width:572px;
    margin:0;
    padding:0
}

/* inhalt im tab */
.box{
    width:512px;
    margin-left:30px;
    margin-top:25px;
    margin-right:30px;
    min-height:100px;
    float:none;
}

.boxtext{
    margin-left:122px;
    margin-bottom:20px;
    min-height:100px;
}

.boxtextnorm{
    margin-bottom:20px;
}

.boxbild{
    float:left;
    height:auto;
    margin-bottom:30px;
}

.double{
    float:left;
    margin-right:22px;
    width:100px;
    height:auto;
    margin-bottom:30px;
}

label.error {
    display: none !important;
    color: red;
}

input, select, textarea {
    border: 1px solid #ccc;
}

input.required, select.required, textarea.required {
    background-color: #ffffdf;
}

input.error, select.error, textarea.error {
    border: 1px solid red;
    background-color: #ffefef;
}
