/* CSS Document *//*Schriftgrößen*/
body {
  font-family: arial, verdana, sans-serif;
  font-size: medium;
}

* html body{
  font-size: small;/* für IE 5/Win */
  f\ont-size: medium;/* für andere IE */
}

body {
  overflow-y: scroll;
}/* vertikalen scrollbalken erzwingen, css3-Element*/
/* * html body{
  margin:     0;
  padding:    0;
}*/
/* allgemeine Grundeinstellungen */

h1{
  font-size: 150%;
}

h2{
  font-size: 130%;
}

h3{
  font-size: 120%;
}

p{
  font-size: 95%;
}

ol, ul{
  list-style: none;
}

li {
  margin-left: 0;
  padding-left: 0;

}

a:link{color: black;}
a:visited{color: black;}
a:hover{color: red;}
a:active{color: red;}

/************Hintergründe zum Testen ************     
#header{background-color: rgb(206,182,153);}
#top_nav li {background-color: rgb(209,233,210);}
#mid_nav_de ul, #mid_nav_en ul{background-color: rgb(209,204,255);}
#mid_nav_de li, #mid_nav_en li{background-color: rgb(209,204,255);}
#mid_nav_en a, #mid_nav_de a {background-color: rgb(125,204,255);}
#main_nav{background-color: rgb(255,204,255);}
#main_nav ul{background-color: rgb(255,149,255);}
#content{background-color: rgb(102,51,255);}
#footer{background-color: rgb(209,204,255);}*/
/************Ende Hintergründe zum Testen *************/
/*************Rahmen *******************************
#main_nav,
#content
{
  border:   thin rgb(0,0,0) solid;
} */

#header{
  border-bottom: 9px #DBDCDC solid;
  background: url(images/adac_logo.png) 97% bottom no-repeat;
}
/*************Ende Rahmen ********************************/

html{
  background: rgb(217, 222, 228);
}

body, ul{
  margin: 0;
  padding: 0;
  background: white;
}

body{
  max-width: 60em;
  min-width: 48.5em;
  margin-left: 1em;
/*width:          960px;*//*fixe Breite für 1024x768*/
}
/*Seite zentrieren */

body{
/*  text-align: center; */
  margin: 0px auto;
}

wrapper, #top_nav ul, #mid_nav_en a, #mid_nav_de a, #col_left, #col_right, #main_nav, #main_nav, div.bild_links img, div.bild_rechts img{}

#header{
  height: 108px;
  overflow: hidden;
/* width:      100%; */
/*background: url(images/top_back.jpg) repeat-x ;*/

}

/* Header und Logo */
#header #logo{
  float: left;
/*  outline: red solid 1px; */
}

#logo {
 margin: 10px 0 0 1% ;
}

#header img {
  border: none;
}

/* Ende Header und Logo */

/* Sprachenanzeige */
#mid_nav_de, #mid_nav_en{
  display: none;
  float: right;
  text-align: right;
  padding-top: 120px;
}

#mid_nav_de li, #mid_nav_en li{
  display: inline;/* nicht anzeigen, Seiten sind nur in englisch*/
  list-style: none;
  padding: 0;
  margin: 0;
/*padding-right:      1em;*/
}

#mid_nav_de #de a, #mid_nav_en #en a{
/* font-weight: bold; */
  padding: 0;
}

li#de img, li#en img {
  border: none;
  padding: 0;
  margin: 0;
}

#nav_Lang img {
  border: none;
  padding: 0;
  margin: 4px 5px 0 5px;
}
/* Ende Sprachenanzeige */


/**********************/
/* die Spaltenbreiten */

#col_left{
  float: left;
  width: 70%;
  text-align: left;
  /* outline: thin red solid;*/
}

#col_right{
  display: none;
  
  width: 20%;
  float: right;
  text-align: left;
  margin-left: -5px;
}

/* Ende Spaltenbreiten */
/***********************/

/**********************/
/*das Logo vor der Navigation und das Bild Kolke/Todt */
#rsob {
display: block;
margin: 0 auto;
width:100%
height: auto;
}

/* Ende Logo vor der Navigation */
/***********************/

/**********************/
/*die Hauptnavigation */

#main_nav{
  float: left;
  width: 20%;
  padding: 5px 0 5px 0;
  margin-top: 5px;
}

#main_nav ul{
  list-style: none;
  padding: 0;
  margin: 0;
  margin-left: 5px;
}

#main_nav ul li {
/* Listpunkte senkrecht anordnen */
  margin-left: 0;
  margin-top: 5px;
  padding-left: 0;
  background: rgb(222,222,222) url(images/hintergrund_2.jpg)
}

#main_nav ul li a{
/* Link innerhalb der Listpunkte */
  display: block;
  text-decoration: none;
  padding: 8px 5px 8px 20px;
  margin: 0;
  /*line-height: 3em;
  outline: red solid thin;*/ 
}

#main_nav ul li a:hover {
/*  position: relative;
  text-decoration: underline;
 background: rgb(218,38,39) url(images/navi_bg_im_hover.jpg)  repeat-x;
  color: black;
  top: 2px;
  left: 2px;
  width: 100%;
  border-right: thick rgb(0, 0, 0) solid; */
}

/* das aktive List-Item hervorheben */
#pg_index #seite_1,#pg_seite_1 #seite_1,#pg_seite_2 #seite_2,#pg_seite_3 #seite_3,#pg_seite_4 #seite_4,#pg_seite_5 #seite_5,#pg_seite_6 #seite_6,#pg_seite_7 #seite_7,#pg_index_en #seite_1_en,#pg_seite_2_en #seite_2_en,#pg_seite_3_en #seite_3_en,#pg_seite_4_en #seite_4_en,#pg_seite_5_en #seite_5_en,#pg_seite_6_en #seite_6_en,#pg_seite_7_en #seite_7_en a {
  
  border-left: 5px #848584 solid;

}

/* den aktiven Link hervorheben */
#pg_index #seite_1 a, #pg_seite_1 #seite_1 a, #pg_seite_2 #seite_2 a, #pg_seite_3 #seite_3 a, #pg_seite_4 #seite_4 a, #pg_seite_5 #seite_5 a, #pg_seite_6 #seite_6 a, #pg_seite_7 #seite_7 a, #pg_index_en #seite_1_en a, #pg_seite_2_en #seite_2_en a, #pg_seite_3_en #seite_3_en a, #pg_seite_4_en #seite_4_en a, #pg_seite_5_en #seite_5_en a, #pg_seite_6_en #seite_6_en a, #pg_seite_7_en #seite_7_en a {

  font-weight: bold;  
}

/*Ende Hauptnavigation */
/***********************/


/*Inhalte */

H1{
  margin: 5px 0 12px 10px;
}

H2{
  margin: 35px 0 9px 13px;
}

H3{
  font-size: 90%;
  margin: 25px 0 9px 25px;
}

p{
  margin: 5px 0 9px 18px;
}


div.content{
  padding: 10px;
/* border:     thin rgb(255,0,0) solid; */
}

#col_right .content, td.tdDownload img {
  font-size: 80%;
}

#col_right .content h3 {
  padding-left: 10px;
}
/* Tabellen */

table {
  border: solid 1px #000000;
  border-collapse: collapse;
}

td, th {
  border: solid 1px #646464;
}

th {
  font-weight: bold;
  text-align: center;
}

#tblHersteller td{
  padding: 2px 5px;
}

#tblHersteller {
  margin-left: 25px;
}

td.tdDownload{
  text-align: center;
}

td.tdDownload a{
  font-size: 80%;
  padding: 2px 5px 2px 5px;
}

.bild_links, div.bild_links {/*Bild links, ohne Beschriftung*/
  float: left;
  margin: 5px 10px 5px 5px;
}

.bild_rechts, div.bild_rechts {/*Bild rechts, ohne Beschriftung*/
  float: right;
  margin: 5px 10px 5px 10px;
}

div.bild_links, div.bild_rechts {
  background-color: #EAEAEA;
  padding: 5px;
}

div.bild_links p, div.bild_rechts p {
  color: rgb(0, 0, 0);
  width: 182px;
}

/* die Stickers auf Seite 2 */
div#stickers .bild_links{
margin-right: 2px;
}



/* Ende Bilder */

#footer{
  clear: both;
  width: 100%;
  text-align: center;
  height: 10px;
  background: #EEEEEE url();
  margin-bottom: 10px;
}

#col_left ul li{
  margin: 5px 5px 5px 30px;
  padding: 0px 5px 5px 20px;
  list-style-type: none;
  background: url(images/bullet.gif) no-repeat 0px 3px;
}