/* Style Sheet */



/* ----------------------------------- Body ------------------------------------------ */

body {

    margin: 32px 0px 50px 0px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 12px;
    line-height: 18px;
    text-align: left;
    color: #404040;
    background-color: #506BB2;
    background-image: url(../images/layout/bg.jpg);
    background-repeat: repeat-x;
    }
    
    

/* ----------------------------------- Layout mit runden Ecken ----------------------------------- */

#layout {
        width:769px;
        /*height:800px;*/
    position:relative;
    left: 50%; 
    margin-left: -385px;
    }
    
#siegel a {
        position:absolute;
        display:block;
        top:190px;
        left:552px;
    height:98px;
    width:195px;
    background-image: url(../images/layout/fan_werden.jpg);
    background-repeat: no-repeat;
    }
    
#siegel a:hover {
        background-image: url(../images/layout/fan_werden_s.jpg);
    }

    
#spiegel {
        width:769px;
        height:58px;
    position:relative;
    left: 50%; 
    margin-left: -385px;
    z-index:2;
    background-image: url(../images/layout/spiegel.jpg);
    background-repeat: no-repeat;
    }

.oben, .oben div, .unten, .unten div {
    background-image: url(../images/layout/box.png);
    background-repeat: no-repeat;
    }

.links, .rechts {
    background-image: url(../images/layout/rahmen.png);
    background-repeat: repeat-y;
    }

/* Oben: Rahmen und rechte Ecke */
.oben {
    height: 19px;
    margin: 0 0 0 19px;
    background-position: 100% 0;
    }

/* Oben: linke Ecke */
.oben div {
    height: 19px;
    width: 19px;
    position: relative;
    left: -19px;
    background-position: 0 0;
    }

/* Unten: Rahmen und rechte Ecke */
.unten {
    height: 19px;
    margin: 0 0 0 19px;
    background-position: 100% 100%;
    }

/* Unten: linke Ecke */
.unten div {
    height: 19px;
    width: 19px;
    position: relative;
    left: -19px;
    background-position: 0 100%;
    }

/* Linker Rahmen */
.links {
    padding: 0 0 0 10px;
    background-position: 0 0;
    }

/* Rechter Rahmen */
.rechts {
    padding: 0 10px 0 0;
    background-position: 100% 0;
    }
    
/* ----------------------------------- Kopfzeile ----------------------------------- */
    
.header {
    height:71px;
    width:712px;
    background: #ffffff;
    padding: 9px 19px;
    margin:0;
    }
    
/* linke Spalte */  
.header #col-left {
    width:211px;
    background-color: #ffffff;
    display:block;
    float:left;
    padding:0 19px 0 0;
    margin:0;
    }

/* mittlere Spalte */   
.header #col-middle {
    width:214px;
    height:63px;
    display:block;
    float:left;
    background-image: url(../images/layout/bg-col.gif);
    background-repeat: repeat-y;
    padding:0 19px 0 19px;
    margin:0;
    }

/* rechte Spalte */ 
.header #col-right {
    width:211px;
    height:63px;
    display:block;
    float:right;
    font-size:11px;
    line-height:13px;
    padding:0 0 0 19px;
    margin:0;
    }
    
.header p {
    margin-top:0;
    margin-bottom:12px;
    padding:0;
}
    
/* ----------------------------------- Illustration ----------------------------------- */

.illu_bg {
    height:182px;
    width:300px;
    /* background-image: url(../images/illustrationen/illu-start-bg2.jpg); */
    background-repeat: repeat-x;
    position:absolute;
    top:140px;
    left:0px;
    z-index:1;
    }

.illu {
    position:relative;
    top:0;
    left:0;
    height:180px;
    width:748px;
    background: #ffffff;
    padding:0 0 19px 0;
    margin:0px 1px 0px 1px;
    }
    
.illu_news {
    position:relative;
    height:180px;
    width:748px;
    background: #ffffff;
    background-image: url(../images/illustrationen/illu-start4.jpg);
    background-repeat: no-repeat;
    padding:0 0 19px 0;
    margin:0px 1px 0px 1px;
    }
    
.flash {
    position:absolute;
    top:0;
    left:0;
}
    
    
/* ----------------------------------- Inhalt ----------------------------------- */

.inhalt {
    width:712px;
    background-color: #ffffff;
    padding:0 19px 0 19px;
    margin:0;
    background-image: url(../images/layout/.bg_inhalt.jpg);
    background-repeat: no-repeat;
    background-position: bottom left;
    }
    
/* linke Spalte 3sp */  
#col-left {
    width:211px;
    display:block;
    float:left;
    padding:0 19px 0 0;
    }

/* mittlere Spalte 3sp */   
#col-middle {
    width:214px;
    display:block;
    float:left;
    background-image: url(../images/layout/bg-col.gif);
    background-repeat: repeat-y;
    padding:0 19px 0 19px;
    }

/* rechte Spalte 3sp */ 
#col-right {
    width:211px;
    background-color: #ffffff;
    display:block;
    float:left;
    padding:0 0 0 19px;
    margin-bottom:10px;
    }
    
#col-left strong {
    color:#506AB4;
    font-weight:normal;
}
    
/* linke Spalte 2sp */  
#col-left2sp {
    width:230px;
    display:block;
    float:left;
    padding:0 0 50px 0;
    }
    
/* rechte Spalte 2sp */  
#col-right2sp {
    width:463px;
    display:block;
    float:right;
    /*background-image: url(../images/layout/.bg-col2sp.gif);*/
    background-position:right;
    background-repeat: repeat-y;
    padding:0 0 50px 19px;
    /*border: solid 1px #909090;*/
    }
    

    
/* ----------------------------------- Navigation ----------------------------------- */

/* Quicknavigation */

.quicknav {
    font-size:11px;
    line-height:11px;
    padding:0;
    margin-top:-2px;
}


/* ###################################################### */
/* ####################### NAVIGATION ################### */
/* ###################################################### */

/* Level 1 */
#navigation ul {
    float:left;     
    width:211px;
    margin:0;
    padding:0;
    background-color:transparent;
    list-style-type:none;
    /*border:solid 1px #c0c0c0;*/
}
#navigation ul li {
    width:211px;
    margin-top:-2px;
    margin-bottom:5px;
    list-style-type:none;
}

#navigation ul li.level1 a  {
    display:block;
    width:201px;
    font-size:16px;
    line-height:20px;
    font-weight:bold;
    color:#506AB4;
    margin-top:-2px;
    margin-bottom:5px;
    text-decoration:underline;
    list-style-type:none;

}

#navigation ul li.level1 a:hover {
    text-decoration:none;
}

#navigation ul li#active a {
    color:#E75A52;
    margin:0;
    padding:0;
    font-weight:bold;
    text-decoration:none;
}


/* Level 2 */

#navigation ul.level2 {
    float:left;     
    width:211px;
    padding-bottom:15px;
    background-color:transparent;
    list-style-type:none;
    /*border:solid 1px #c0c0c0;*/
}    

#navigation ul.level2 li a  {
    display:block;
    width:201px;
    font-size:12px;
    padding:1px 0 1px 0;
    color: #404040;
    /*border-bottom:1px solid #ccc;*/
    text-decoration:underline;
    list-style-type:none;

}

#navigation ul.level2 li a:hover, {
    text-decoration:none;
}

#navigation ul li#active a {
    color:#E75A52;
    font-weight:bold;
    text-decoration:none;
}

    
/* ----------------------------------- Links ----------------------------------- */

a:link, a:visited, a:hover  {
    color: #404040;
    }

a:hover {
    text-decoration:none;
}

a.teaser:link, a.teaser:visited, a.teaser:hover {
    text-decoration:none;
    }
    
    
/* ---------------------------- Tooltip --------------------------------------- */

#info a {
    float:right;    
}


a.tt{
    position:relative;
    z-index:24;
    color:#ffffff;
    background:#506AB4;
    width:12px;
    font-size:11px;
    font-weight:bold;
    line-height:12px;
    text-decoration:none;
    text-align:center;
}
a.tt span{ display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/
a.tt:hover{ z-index:25; color:; background:#506AB4;}
a.tt:hover span.tooltip{
    display:block;
    position:absolute;
    top:-20px; left:-250px;
    padding: 26px 0px 0px 0px;
    width:250px;
    color: #404040;
    }
a.tt:hover span.top{
    display: block;
    padding: 8px 26px 26px 34px;
    background: url(../images/layout/bubble.png) no-repeat top;
}
a.tt:hover span.middle{ /* different middle bg for stretch */
    display: block;
    font-weight:normal;
    text-align:left;
    font-size:12px;
        line-height:15px;
    padding: 0px 26px 0px 34px; 
    background: url(../images/layout/bubble_filler.png) repeat bottom; 
}
a.tt:hover span.bottom{
    display: block;
    padding:26px 26px 8px 26px;;
    background: url(../images/layout/bubble.png) no-repeat bottom;
}
      
/* ----------------------------------- Text ----------------------------------- */

h1,h2,h3,h4 {
    margin:0;
    padding:0;
}

/* Überschrift 1.Klasse */

h1 {
    font-size:16px;
    line-height:20px;
    color:#506AB4;
    margin-top:-2px;
    margin-bottom:5px;
}

/* Überschrift 2.Klasse */

h2 {
    font-size:12px;
    line-height:13px;
    margin-top:-1px;
    margin-bottom:10px;
    color:#606060;
}

/* Überschrift 3.Klasse */

h3 {
    font-size:13px;
    font-style:italic;
    color:#606060;
    margin-bottom:10px;
}

h4 {
    font-size:13px;
    line-height:16px;
    font-weight:normal; 
}

/* Absatz */

p {
    margin-top:0;
    margin-bottom:0;
    padding:0;
}

strong {
    color:#606060;
}

    
/* ----------------------------------- Fusszeile ----------------------------------- */ 

.navpfad {
    padding:0 0 10px 0;
    margin:0;
    }
    
.navpfad a {
    font-size:11px;
    font-weight:normal;
    }
    
.footer {
    width:712px;
    background: #ffffff;
    padding: 9px 0;
    margin:0 0 0 0;
    background-image: url(../images/layout/.pneuhage.jpg);
    background-repeat: no-repeat;
    background-position: bottom left;
    border-top: solid 1px #E6E6E6;
    }
    
.footer_left {
     width:248px;
     float:left;
     display:block;
     margin-top:5px; 
      }

.footer_right {
     width:463px;
     float:left;
     display:block; 
     
 }
    
/* ----------------------------------- Suchfeld ----------------------------------- */  

#search {
    position:absolute;
    top:101px;
    left:14px;
    padding:31px 15px 0px 12px;
    height:53px;
    width:218px;
    background-image: url(../images/layout/bg-search.jpg);
    background-repeat: no-repeat;
    }
    
.searchfield {
    float:left;
    font-size:10px;
    line-height:12px;
    color:#404040;
    border:none;
    height:12px;
    width:127px;
    background:none;
    background-image: url(../images/layout/trans.gif);
    }
    
.searchbutton {
    border:none;
    height:12px;
    width:200px;
    margin-left:10px;
    background:none;
    background-image: url(../images/layout/trans.gif);
    }
    
a.searchbutton {
    text-decoration:none;   
    }
    
.go_search {
    border:none;
    height:18px;
    width:37px;
    }
    
    
    
/* ----------------------------------- Sitemap ----------------------------------- */  

    
.sitemapext_cat_0 a {
    font-size:12px;
    font-weight:bold;
    color:#808080;
    padding-right:40px;
}

.sitemapext_cat_1 a {
    font-size:11px;
    font-weight:normal;
    color:#808080;
}

.sitemapext_cat_2 {

}

/*-------------------------------------------- Diverse ----------------------------------------*/

.dummy {
    margin:0;
    padding:0;
    width:0;
    height:0;
}

.copy {

display:none;
height:0px;

}

span.codedirection { unicode-bidi:bidi-override; direction: rtl; }

/*-------------------------------------------- Teaser ----------------------------------------*/

a.link_news_header, .date {
font-weight:bold;
color:#506AB4;
}

.teaser_img {
margin:10px 10px 0 0;
}



/**** IMAGE GALLERY ****/

.image {
    border:0;
    }



table.gallery {
    margin: 0px 0px 0px 0px;
    width: 410px;
}

table.gallery td.gallery-navigation {
    /*font-size: 0.6875em;*/    
}

table.gallery tr.thumbnails td {
    padding: 0;
}

table.gallery dd {
}

div.download {
    padding: 3px 0 3px 10px;
    background: url(../images/link_pfeil_klein.gif) no-repeat 0px 7px;

}

div.downloadImg {

    padding: 0;
    margin-top:10px;
    background: url(../images/navi_pfeil_rechts.gif) no-repeat 10px 7px;
}

dl.gallery-detail {
    margin: 0px 0px 0px 0px;
}

dl.gallery-detail dt {
    text-align: left;
    padding: 0;
}


td.gallery_image{
    height: 220px;
    padding:0px;
    
}
td.gallery_image div.link_image{
    padding:0;  
    background-position:top center; 
    min-height:120px; 
    margin-bottom:5px; 
    overflow:hidden;
    border:0;
}
td.gallery_image .bottom_links{
     height:40px; margin-top:10px;
}
td.gallery_image .bottom_links{
    margin-bottom: 0px; 
    text-align:left; 
    width:200px; 
}
td.gallery_image .links{
    margin-bottom: 0px;
}

/* Artikelbewertung */

#bewertung #sterne {
   height: 17px;
   width: 65%;
   display: block;
   line-height: 17px;
   font-size: 12px;
   float: right;
   text-align: right;
}

#bewertung #sterne a {
   width: 17px;
   height: 17px;
   display: block;
   float: left;
   margin-right: 3px;
   text-indent: -8000px;
   text-align: justify;
   background-image: url(../images/stars.png);
}

#bewertung #sterne a.stern_full {
   background-position: 0 0;
}

#bewertung #sterne a.stern_empty {
   background-position: 0 17px;
}

#bewertung #sterne a:hover {
   background-position: 0 34px;
}

/* ###################################################### */
/* ##################### COMMENTS SD #################### */
/* ###################################################### */

#commentform {
    background-color: #efefef;
    padding:10px;
}

a.c_sd_link {
color: #506AB4;
text-decoration: none;
background-image: url('/cms/upload/bullets/pfeil_next.gif');
background-position: center left;
background-repeat: no-repeat;
padding-left: 20px;
}
a.c_sd_link:hover {
text-decoration: underline;
}

div.c_sd_box_main {
clear:both;
width: 100%;
border-radius: 5px;
margin-left: 0px;
margin-top: 10px;
padding-left: 0px;
padding-top: 10px;
}

div.c_sd_box_comment_tree {
margin-bottom: 20px;
}

div.c_sd_commentbox_1,
div.c_sd_commentbox_2,
div.c_sd_commentbox_3,
div.c_sd_commentbox_4,
div.c_sd_commentbox_5,
div.c_sd_commentbox_6,
div.c_sd_commentbox_7,
div.c_sd_commentbox_8,
div.c_sd_commentbox_9 {
clear: both;
width: 100%;
margin-top: 20px;
}

div.c_sd_commentbox_1 {
border: 0px solid #000000;
background-color: #efefef;
}

div.c_sd_commentbox_backend_options {
width: 100%;
text-align: right;
}
div.c_sd_headline_comments {
color: #506AB4;
font-weight: 900;
font-size: 14px;
}
table.c_sd_commentbox {
width: 100%;
border-collapse: collapse;
}
td.c_sd_commentbox_1_a {
width: 80%;
font-weight: 900;
padding: 3px;
}
td.c_sd_commentbox_1_b {
width: 20%;
text-align: right;
padding: 3px;
}
td.c_sd_commentbox_2 {
color: #555555;
padding: 3px;
border-top: 1px dotted #999999;
border-bottom: 1px solid #999999;
}
td.c_sd_commentbox_3 {
text-align: right;
padding: 3px;
}

/* #### newsletter ###### */

#contactForm {

background-color: #efefef;
padding:10px;
border:dotted 1px #c0c0c0;

}


/* ###### Maps ##### */

#infobox_div{
   width:300px;
   height:auto;
}

#infobox_div .infobox_link{
   text-decoration:underline;
}

#infobox_div .infobox_b{
   color:#000000;
}

#infobox_div .infobox_link_headline{
   text-decoration:none;
}

#infobox_div .infobox_img{
   float:left;
   border:1px solid #ccc;
   width:150px;
}




#infobox_div_img{
   width:300px;
   height:160px;
}

#infobox_div_img .infobox_link{
   text-decoration:underline;
}

#infobox_div_img .infobox_b{
   color:#000000;
}

#infobox_div_img .infobox_link_headline{
   text-decoration:none;
}

#infobox_div_img .infobox_img{
   float:left;
   border:1px solid #ccc;
   width:150px;
}



#info_route{

}

#info_route .info_route_b{
   color:#000000;
}

#info_route .info_route_to{
   text-decoration:none;
   color:#000000;
}

#info_route .info_route_from{
   text-decoration:underline;
   color:#000000;
}

#info_route .info_route_button{
   margin-top:5px;
   border:1px solid black;
   padding:1px;
   background-color:#fff;
}

#info_route .suchform table{
   border:0px;
   width:300px;
}

#info_route .suchform td{
   border:0px;
}