/* Style Sheet */



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

body {

    margin: 32px 0px 50px 0px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
    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;
    z-index:2;
    }
    
#siegel {
        position:absolute;
        top:248px;
        left:675px;
    height:70px;
    width:70px;
    background-image: url(../images/layout/siegel.png);
    background-repeat: no-repeat;
    z-index:4;
    }
    
#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 {
    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;
    }
    
    
/* ----------------------------------- 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;
    }
    
/* 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:left;
    /*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:0;
    padding:0 0 0 0px;
    list-style-type:none;
}
#navigation ul li a {
    display:block;
    width:201px;
    height:19px;
    line-height:19px;
    margin:0;
    padding:0 0 0 10px;
    font-size:11px;
    color:#404040;
    background-position:200px 3px;
    border-bottom:1px solid #ccc;
    text-decoration:none;
    list-style-type:none;

}
#navigation ul li a:hover, #navigation ul li.active a {
    background-color:#f0f0f0;
    color:#404040;
    list-style-type:none;

}

/* Level 2 */
#navigation ul li.navmainStandardLevel_2 {
    margin-left:10px;
}
#navigation ul li.navmainStandardLevel_2 a {
    border-bottom:1px dotted #ccc;
    color:#404040;
    width:191px;
}
#navigation ul li.navmainStandardLevel_2 a:hover, #navigation ul li.navmainStandardLevel_2 a.active {
    background-position:0 0;
    color:#404040;
}

/* Level 3 */
#navigation ul li.navmainStandardLevel_3 {
    margin-left:20px;
}
#navigation ul li.navmainStandardLevel_3 a {
    background-image:none;
    border-bottom:0;
    color:#666;
    width:200px;
}
#navigation ul li.navmainStandardLevel_3 a:hover, #navigation ul li.navmainStandardLevel_3 a.active {
    background-image:url(../images/subsubnavi_over.gif);
    background-repeat:no-repeat;
    background-position:0 0;
    }

    
/* ----------------------------------- 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;
    }

    
/* ----------------------------------- 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:11px;
    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:463px;
    background: #ffffff;
    padding: 9px 0;
    margin:0 0 0 247px;
    background-image: url(../images/layout/.pneuhage.jpg);
    background-repeat: no-repeat;
    background-position: bottom left;
    border-top: solid 1px #E6E6E6;
    }
    
/* ----------------------------------- Suchfeld ----------------------------------- */  

#search {
    position:absolute;
    top:209px;
    left:25px;
    padding:31px 15px 0px 12px;
    height:53px;
    width:218px;
    background-image: url(../images/layout/bg-search.jpg);
    background-repeat: no-repeat;
    z-index:4;
    }
    
.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:11px;
    font-weight:bold;
    color:#808080;
    padding-right:20px;
}

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

.sitemapext_cat_2 {

}

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

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

#container {margin-bottom:30px;}
  .rtop, .rbottom{display:block; }
  .rtop *, .rbottom *{display: block; height: 1px; overflow: hidden; background-color:#dcdcdc;}
  .r1{margin: 0 5px;} 
  .r2{margin: 0 3px } 
  .r3{margin: 0 2px;} 
  .r4{margin: 0 1px; height: 2px;}
  
.print, .header, .illu, .footer, .navpfad, #col-left2sp, #navigation {

display:none;
height:0px;
        
}

.copy {

font-size:10px;
line-height:12px;

}

.c_sd_box_main {

display:none;
height:0px;

}

#addthis {

display:none;
height:0px;

}
