﻿
* {
        margin: 0;
        padding: 0;
}
a img {border:none;}

a{text-decoration:none;}

body {
        background-color: #000000;
        background-image: url(../img/bg.gif);
        background-repeat: repeat; /* text-align: center;*/
        font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
        font-size: 11px;
        color: #000000;
        background-attachment: fixed;
		text-align: center;
}

#maincontainer, #footer {
        width: 770px;
       /* position: absolute;
        left: 50%; 
        margin-left: -385px;*/
		margin: 0 auto;
        
        background-position: bottom left !important;
        text-align: left;
}

#headercontainer, #headercontainer_no_sub {
        position: static;
        background-repeat: no-repeat;
        height: 164px;
        width: 770px;
        padding-top: 59px;
}
#headercontainer {
        background-image: url(../img/header.png);
}
#headercontainer_no_sub {
        background-image: url(../img/header_nosub.png);
}

#contentcontainer {
        background-color: #FFFFFF;
        padding-top: 30px;
        padding-right: 20px;
        padding-left: 225px;
        padding-bottom: 10px;
}


#mainmenu ul {
        list-style: none;
        background-color: #000;
        height: 25px;
        margin-bottom: 0;
}
#mainmenu ul li {
        float: left;
        text-align: left;
        vertical-align: middle;
        padding-top: 5px;
}
#mainmenu li a, #mainmenu li span {
        text-decoration: none;
        color: #BFBFBF;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-weight: bold;
        font-size: 8pt;
        padding-left: 16px;
        margin-left: 20px;
        background-image: url(../img/arrow.png);
        background-repeat: no-repeat;
        background-position: left 3px;
}
#mainmenu li span {
        background-image: url(../img/arrow_white.png);
        color: #FFFFFF;
}
#mainmenu li a:hover {
        background-image: url(../img/arrow_white.png);
        color: #FFFFFF;
}
#mainmenu li a:hover {
        background-repeat: no-repeat;
}

#footer {
        height: 20px;
        width: 770px;
        color: #fff;
        background-color: transparent;
        text-align: right;
        padding-top: 10px; 
        clear: both;

}
#footer ul {
        float:right;
        list-style: none;
        font-size: 10px;
        text-align: right;
}
#footer ul li {
        float: left;
        padding-left: 10px;
        padding-right: 9px;
        background-image: url(../img/metanav_line.png);
        background-position: left 3px;
        background-repeat: no-repeat;
        text-align: right;
        white-space: nowrap;
}
#footer ul li.first {
        background-image: none;
}
#footer ul li a {
        color: #fff;
        text-decoration: none;
}
#footer ul li a:hover {
        text-decoration: underline;
}

#headercontainer h1, #headercontainer_no_sub h1 {
        font-size: 28pt;
        color: #fff;
        font-weight: bold;
        margin: 0;
        padding: 0;
        padding-top: 26px;
        padding-right: 34px;
        text-align: right;
}
#headercontainer h2, #headercontainer_no_sub h2 {
        font-size: 14pt;
        color: #fff;
        font-weight: normal;
        margin: 0;
        padding: 0;
        padding-right: 34px;
        text-align: right;
}

#sidebar {
        float: left;
        width: 149px;
        /*height: 202px;*/
        background-image: url(../img/subnav_bg.gif);
        background-position: left top;
        background-repeat: no-repeat;
        background-color: #FFF;
        padding: 20px;
        padding-top: 10px;
        padding-right: 30px;
}
#sidebar a {
        color: #6B7A8B;
        text-decoration: none;
}
#sidebar h3 {
        font-size: 10px;
        color: #6B7A8B;
        text-transform: uppercase;
        font-weight: normal;
}

ul#subnav,
ul#navigationlevel1
 {
        margin-top: 5px;
        list-style: none;
        font-size: 10px;
}
ul#subnav li,
ul#navigationlevel1 li {
        padding-top: 3px;
        background-image: url(../img/subnavli_bg.gif);
        background-repeat: repeat-x;
        background-position: center bottom;
        width: 155px;
		
	
}
ul#subnav li a,
ul#navigationlevel1 li a {
        display: block;
        background-image: url(../img/bullet_small.gif);
        padding-left: 14px;
        padding-bottom: 4px;
        background-position: 0px 4px;
        background-repeat: no-repeat;
		
		
}
ul#subnav li span, ul#subnav li a:hover,
ul#navigationlevel1 li span, ul#navigationlevel1 li a:hover {
        display: block;
        background-image: url(../img/subnavitem_o.gif);
        padding-left: 14px;
        padding-bottom: 4px;
        background-position: 0px 4px;
        background-repeat: no-repeat;
        color: #0052A5;
}


ul#subnav li ul,
ul#navigationlevel1 li ul {
        margin-left: 14px;
        list-style-type: none;
}
ul#subnav li ul li,
ul#navigationlevel1 li ul li {
        background-image: url(../img/subnavli_bg.gif);
        background-repeat: repeat-x;
        background-position: center top;
        padding-left: 0px;
        width: 140px;
}
ul#subnav li ul li a,
ul#navigationlevel1 li ul li a {
        display: block;
        background-image: url(../img/subnavitem_leer.gif);
        padding-left: 14px;
        padding-bottom: 4px;
}
ul#subnav li ul li span, 
ul#subnav li ul li a:hover,
ul#navigationlevel1 li ul li span,
ul#navigationlevel1 li ul li a:hover {
        display: block;
        background-image: url(../img/bullet_small.gif);
        padding-left: 14px;
        padding-bottom: 4px;
        background-position: 0px 4px;
        background-repeat: no-repeat;
        color: #0052A5;
}



#contentcontainer h3 {
        margin: 0;
        font-size: 18px;
        background-image: url(../img/title_bg.gif);
        background-position: left top;
        background-repeat: no-repeat;
        padding-left: 42px;
        padding-top: 3px;
        padding-bottom: 10px;
        line-height: 24px;
}
#contentcontainer h3 span {
        display: block;
        font-size: 16px;
        color: #0052A5; /*dunkelblau subline */
}
#contentcontainer h4 {
        font-size: 11px;
        color: #000;
        font-weight: bold;
        line-height: 20px;
        margin-top: 1.33em;
        padding-bottom: 0px;
}

#contentcontainer h4.features span {
        float: left;
        width: 260px;
}
#contentcontainer p, #contentcontainer h5 {
        padding-top: 10px;
        font-size: 11px;
        line-height: 20px;
        color: #6B7A8B;
}
#contentcontainer p#backlink {
        margin: 0;
        font-size: 10px;
        margin-bottom: 15px;
   clear: both;
}
#contentcontainer p#backlink a:link, #contentcontainer p#backlink a:visited, #contentcontainer p#backlink a:hover, #contentcontainer p#backlink a:active {
        color: #0052A5;
        font-weight: normal;
        padding-left: 15px;
        background-image: url(../img/bullet_small_back.gif);
        background-repeat: no-repeat;
        background-position: left center;
}
#contentcontainer a:link, #contentcontainer a:visited {
        color: #0052A5;
        font-weight: bold;
        text-decoration: none;
}
#contentcontainer a:hover, #contentcontainer a:active {
        color: #0052A5;
        font-weight: bold;
        text-decoration: none;
}
#contentcontainer p.intro {
        font-size: 11px;
        line-height: 20px;
        margin-top: 3px;
        margin-bottom: 14px;
}
#contentcontainer ul {
        margin-top: 15px;
        width: 240px;
        font-size: 11px;
        line-height: 18px;
        color: #6B7A8B;
        list-style-type: none;
        margin-bottom: 10px;
}
#contentcontainer ul#features {
        float: left;
        border: 0px solid red;
}
#contentcontainer ul#benefits {
        margin-left: 265px;
        border: 0px solid blue;
}
#contentcontainer ul li {
        background-image: url(../img/bullet_pfeil_features.gif);
        background-repeat: no-repeat;
        background-position: top left;
        padding-left: 15px;
        margin-bottom: 5px;
}
#columncontent ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
        margin-bottom: 10px;
        padding-left: 5px;
}


.left {
        float: left;
        margin-right: 8px;
        padding-top: 6px;
}
.right {
        float: right;
        margin-left: 8px;
        margin-right: 20px;
}
.block {
        display: block;
        margin-right: auto;
        margin-left: auto;
        text-align: center;
        margin-bottom: 15px;
        margin-top: 15px;
}
img.bottom {
        margin-bottom: -90px;
        margin-right: -20px;
}

#contentcontainer table.sizes {
        width: 90%;
        border-collapse: collapse;
        margin-top: 15px;
}
#contentcontainer table.sizes th {
        font-size: 10px;
        border: 1px solid #BDCDDF;
        background-color: #EFF2F2;
        white-space: nowrap;
        font-weight: normal;
        height: 25px;
        padding: 4px;
        vertical-align: top;
}
#contentcontainer table.sizes th a:link, #contentcontainer table.sizes th a:visited, #contentcontainer table.sizes th a:hover, #contentcontainer table.sizes th a:active {
        font-weight: normal;
}
#contentcontainer table.sizes td {
        padding: 4px;
        border: 1px solid #BDCDDF;
        color: #6B7A8B;
        font-size: 10px;
}



ul#sitemaptree {
        color: #0052A5;
        width: 350px;
        margin-top: 15px;
        font-size: 11px;
        list-style: none;
}
ul#sitemaptree ul.level2, ul#sitemaptree ul.level3 {
        margin: 0px;
        margin-top: 5px;
}
ul#sitemaptree.level1 li {
        padding-left: 14px;
        font-size: 12px;
        background-image: url(../img/arrow.png);
        background-repeat: no-repeat;
        background-position: 0px 5px;
}
ul#sitemaptree.level1 li a, ul#sitemaptree.level1 li a:link {
        color: #000000;
}
ul#sitemaptree.level1 li a:hover {
        color: #4A4946;
}
ul#sitemaptree.level1 li ul.level2 li {
        background-image: url(../img/bullet_small.gif);
        padding-left: 12px;
        font-size: 12px;
        background-position: 0px 7px;
        background-repeat: no-repeat;
}
ul#sitemaptree.level1 li ul.level2 li a, ul#sitemaptree.level1 li ul.level2 li a:link {
        color: #6B7A8B;
}
ul#sitemaptree.level1 li ul.level2 li a:hover {
        color: #0052A5;
}
ul#sitemaptree.level1 li ul.level2 li ul.level3 li {
        background-image: url(../img/bullet_sitemap_arrow.gif);
        padding-left: 16px;
        font-size: 12px;
        background-position: 0px 5px;
        background-repeat: no-repeat;
}
ul#sitemaptree.level1 li ul.level2 li ul.level3 li a, ul#sitemaptree.level1 li ul.level2 li ul.level3 li a:link {
        font-weight: normal;
}
ul#sitemaptree a {
        color: #0052A5;
}



ol#alphabet {
        list-style: none;
        border: 1px dotted #0052A5;
        padding: 5px;
        margin-bottom: 15px;
   margin-top: 25px;
        text-align: center;
}
ol#alphabet li {
        display: inline;
        padding-left: 0.3em;
        padding-right: 0.3em;
}
ol#alphabet a, ol#alphabet a:link, ol#alphabet a:visited, ol#alphabet a:hover, ol#alphabet a:active {
   color: #0052A5;
}
ol#alphabet li span {
   font-weight: bold;
   color: #DDDDDD;
}
dl.letter dt {
   font-weight: bold;
}
dl.letter dd {
        margin-bottom: 10px;
   color: #6B7A8B;
}
#contentcontainer p.jumplink-alphabet {
        margin: 0;
        font-size: 10px;
        margin-bottom: 25px;
   margin-top: -10px;
}
#contentcontainer p.jumplink-alphabet a:link, #contentcontainer p.jumplink-alphabet a:visited, #contentcontainer p.jumplink-alphabet a:hover, #contentcontainer p.jumplink-alphabet a:active {
        color: #0052A5;
        font-weight: normal;
        padding-left: 17px;
   padding-top: 0px;
   padding-bottom: 0px;
        background-image: url(../img/bullet_arrow_top.gif);
        background-repeat: no-repeat;
        background-position: left 0px;
}
#contentcontainer table.index {
   width: 200px;
   border-collapse: collapse;
   margin-top: 10px;
}
#contentcontainer table.index caption {
   text-align: left;
   white-space: nowrap;
   margin-top: 10px;
   font-style: italic;
}
#contentcontainer table.index th, #contentcontainer table.index td {
   border: 1px solid #BCBCBC;
   padding: 3px;
}
#contentcontainer table.index th {
   background-color: #EEEEEE;
}


#contentcontainer div.vcard p abbr {
        border: none;
}
#contentcontainer div.vcard p a {
        font-weight: bold;
}


object, embed {
        margin-top:10px;
        margin-bottom:10px;
        margin-left: 40px;
}
.heroes_flvplayer{
		margin-left: 0px !important; 
}
.one-tred-overview {
        margin: 0px;
}


body div#contentcontainer {
   background-position: right bottom;
   background-repeat: no-repeat;
}
body#linkstools div#contentcontainer {
   background-image: url(../img/tools.png);
}
body#produkte div#contentcontainer {
   background-image: url(../img/reifen.png);
}
body#technologie div#contentcontainer {
   background-image: url(../img/technologie_bottom.jpg);
}
body#home div#contentcontainer {
   background-image: url(../img/reifen_left.png);
}
body#sitemap div#contentcontainer {
   background-image: url(../img/sitemap.gif);
}



table.sizes thead a {
   display:block;
}

table.sizes thead a span {
   display: none;
}

table.sizes thead a:hover span {
   display: block;
   width: 241px;
   height: 115px;
   padding: 30px 15px 15px 12px;
   background-image: url(../img/explaination_bg.png);
   background-repeat: no-repeat;
   position: absolute;
   left: 50%;
   top: 50%;
   color: #6B7A8B;
   text-align: left;
   white-space: normal;
   font-size: 10px;
   line-height: 15px;
   margin-top: -210px;
}

table.sizes thead a#th-groesse:hover span {
   margin-left: -150px;
}

table.sizes thead a#th-breite:hover span {
   margin-left: -30px;
}

table.sizes thead a#th-hoehe:hover span {
   margin-left: 30px;
}

table.sizes thead a#th-felge:hover span {
   margin-left: 90px;
}

table.sizes thead a#th-li:hover span {
   margin-left: 160px;
}

table.sizes thead a#th-si:hover span {
   margin-left: 190px;
}

table.sizes thead a#th-details:hover span {
   margin-left: 250px;
}

table.sizes thead a:hover span strong {
   color: #000000;
   font-weight: bold;
   font-size: 11px;
   line-height: 20px;
}

#contentcontainer table.sizes th.numeric, #contentcontainer table.sizes td.numeric {
   text-align: right;
   padding-right: 20px;
}


#contentcontainer p.border_bottom {
	padding-bottom: 15px;

	background-image: url(../img/subnavli_bg.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}
#contentcontainer h4.linktool {
	padding-top:10px;
}

/* Hide from IE5-mac. Only IE-win sees this. \*/
* html #contentcontainer {
        height: 1%;
        padding-left: 0px;
        }

* html #sidebar {
        margin-right:-3px;
        }
* html #maincontainer{
        padding-bottom: 0px;
        background-color: #FFFFFF;
        }
* html #footer{

        }
        

input.btn {
    color: #515F6D;
    font-size: 10px;
    font-family: Verdana, sans-serif;
    padding: 2px 5px 2px 5px;
    height: 20px;
    text-align: left;
    margin-top: 10px;
}

form#anmeldung {
    margin-top:30px;
    padding:25px;
    width:400px;
	border:1px solid #D2D7DC;
 
}

form#anmeldung h4 {
    font-size: 14px;
    margin-bottom: 10px;
	color:#0052A5;;
}

form#anmeldung input{
	width:260px;
	border:1px solid #6B7A8B;
	margin:0;}
	

form#anmeldung input#strasse,
form#anmeldung input#nom-strasse,
form#anmeldung input#zeu-strasse {width:224px;}
form#anmeldung input#hnr,
form#anmeldung input#nom-hnr,
form#anmeldung input#zeu-hnr {width:30px;}
form#anmeldung input#plz,
form#anmeldung input#nom-plz,
form#anmeldung input#zeu-plz {width:53px;}
form#anmeldung input#ort,
form#anmeldung input#nom-ort,
form#anmeldung input#zeu-ort {width:200px;}

form#anmeldung textarea{
	width:260px;
	border:1px solid #6B7A8B;
	margin:3px;
	margin-left:105px;}
  
 
form#anmeldung td {padding:2px;}
form#anmeldung th{
	text-align:left;
	font-size:11px;
	 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
     color: #6B7A8B;
     font-weight: normal;}
	 
form#anmeldung input.fileupload{
	margin-left:105px;}
	
form#anmeldung input.small, a.small {
    background-image: url(../img/btn_blank_120px.gif);
    width: 120px;
	height:20px;
	background-repeat:no-repeat;
	border:none;
	color:#6B7A8B;
	font-size:10px;
	margin-right:4px;
}
	
form#anmeldung input.checkbox{
	border:none;
	width:15px;}
    
    
form#anmeldung fieldset {border:none;width:auto;margin:0;padding:0;}   
form#anmeldung fieldset legend {border:none;width:auto;}
form#anmeldung textarea#text {margin-left:3px;}
	
table.jury{
	color:#6B7A8B;
	font-size:11px;}
	
table.jury tr td{
	padding:15px;}
	
#contentcontainer p.error {
	color:#E90404;
  font-weight: bold;
}
#contentcontainer p.message{color:green;font-weight: bold;}


img.img-sidebar{
/*	position:absolute;
	top:310px;*/
	margin-top: 20px;
}
	
img.home{
	top:680px;}
	
.hide { display: none; }
.accordion { width: 520px; }
.scnd-jury { margin-top: -113px; }
.acc-jury { margin-bottom: 20px; }
.first-jury-open { margin-bottom: 100px; }