/* fahrschule reuter   css dokument*/

body {margin: 0; font-size: 150.1%; 
text-align: center;  /* zentrierung im ie */}

ul, li, a, h1, h2, h3, h4, h5, h6, p, div, img {margin:0; padding:0;} 

.clearingleft {margin:0; padding:0; font-size:1px; clear: left;} /* schrift in kleinster groesse, da ie6 inhalt bei div braucht */
.clearingboth {margin:0; padding:0; font-size:1px; clear: both;} /* schrift in kleinster groesse, da ie6 inhalt bei div braucht */

.left{float: left; padding-top: 1px; padding-right: 10px;}



img {border:0; display: block;}

a{text-decoration: none; color: #e40089;}
a:hover{text-decoration: none; color: #c5a200;}

h1 {display: none;} /* fuer beschreibung der Bloecke, wenn css ausgeschaltet ist */
h2 {font: 1.88em Arial, Verdana;  line-height: 0.97em;  font-weight: bold; text-transform: uppercase; padding-bottom: 8px; padding-top: 15px;}
h3 {font: 1em Arial, Verdana;  line-height: 1.21em; font-weight: bold; color: #e62f8e;  text-transform: uppercase;padding:0;}
h4 {font: 0.69em Arial, Verdana; line-height: 1.21em; font-weight: bold;}
p {font: 0.71em Arial, Verdana; line-height: 1.46em; font-weight: normal;  padding-bottom: 20px; padding-left: 0;}
ul {list-style-image:url(../grafik/liste.gif); margin-left: 19px;}
li {font: 0.71em Arial, Verdana; line-height: 1.46em; font-weight: normal;}
.auszeichnung {font: 1em Arial, Verdana;  line-height: 1.21em; font-weight: bold; color: #e62f8e; }

.haken h3 {color: #000; background:url(../grafik/haken.gif) top left no-repeat; padding-top: 5px; padding-left: 0;  text-transform: none;}
.haken p, .erstehilfe p, .quadrat p {padding-left: 0;}
.haken ul {padding-left: 0;}

.klassen h3 {color: #000;  padding-left: 60px;  text-transform: none;}
.klassen p {padding-left: 60px;}

.keinabstand p{padding:0;}
.keinabstand h2{padding-bottom:0;}

.erstehilfe h3 {color: #000; 
background:url(../grafik/icon_erstehilfe.gif) top left no-repeat; padding-top: 3px; padding-left: 0;  text-transform: none;}

.faq p {font-weight: bold;  padding-bottom: 0px; padding-left: 0;}
.antwort {font: 0.71em Arial, Verdana; line-height: 1.46em; font-weight: normal; font-style: italic; padding-bottom: 20px;}

.fahrzeug {display: block; width: 400px; height: 187px; }
.fahrzeug h3 {color: #000;  padding-left: 0;  text-transform: none;}

.quadrat h3 {color: #000; padding-top: 5px; padding-left: 30px;  text-transform: none;}
.nummer {display: block; width: 22px; height: 30px; float: left;
background:url(../grafik/quadrat.gif) top left no-repeat; padding-top: 5px; padding-left: 2px;
color: #f945a3; font: 14px Arial, Verdana;  line-height: 14px; font-weight: bold;}


/* c o n t a i n e r  seitenaufbau*/
#container {display: block; width: 974px; 
position: relative; /* damit automodell vom container abhängig auf absolute gestellt werden kann */
margin: auto; /* standardkonforme horizontale zentrierung */
text-align: left; /* seiteninhalt wieder links ausrichten */
}

#col1 {display: block; width: 214px; margin-top: 3px; float: left; display: none;}
#col2 {display: block; width: 737px; margin-top: 8px; margin-left:0; margin-bottom: 10px;
background:url(../grafik/backtext.gif) 135px 177px repeat-y;}


/* b o x e n  */ 
.rahmenbox {display: block; width: 600px; margin-left: 0; }
.textbox {display: block; width: 700px;  margin-left: 0;}
.textboxinline {display: block; width: 423px;  margin-left: 295px;}
.textboxinline2 {display: block; width: 423px;  margin-left: 256px;}

.text {padding: 0 12px;}
.eingerueckt {padding-left: 177px;}

#bildbox {display: block; width: 137px; overflow: visible;  float: left; background-color: #f5f5f5; margin-left: 10px;} 
.abstand {font-size: 1px; line-height: 2px; display: block; height: 7px;}

.zweispaltigebox  {display: block; width: 300px; overflow: visible;  float: left; } 


/* s t a r t b o x  */
#startbox {display: block; width: 735px; background-color: #f5f5f5; margin-left: 10px;} 

/* n e w s k a s t e n  */
.kastencontainer {display: block;  width: 733px; margin-left: 0; padding-bottom: 10px;}
.kastencontainerlinks {display: block;  width: 214px; padding-top: 12px; position: relative;display: none;}
.kastencontainermitte {display: block;  width: 357px; margin-left: 400px; padding-top: 12px; position: relative; float: left;}
.kastencontainerrechts {display: block;  width: 357px;  padding-top: 12px; position: relative; }

.reiter {display: block; width: 425px; margin-left: 1px; 
position: absolute; z-index: 11}
.kasten {display: block;  width: 100%; 
position: absolute; top: 32px; z-index: 10;}
.kastenborder {display: block; padding: 27px;} /* padding bestimmt den breiten rand aussen */
.reiter h3 {font: 1em Arial, Verdana;  font-weight: bold; color: #e62f8e; text-transform: uppercase; padding: 2px 28px; }
.kasten a{text-decoration: none; color: #000; font-weight: bold;}
.kasten a:hover{text-decoration: none; color: #e40089;}
.kasten p {padding-bottom: 0;}
.icon {margin-top: 3px; padding-right: 7px; float: left; margin-bottom: 2px;}


/* l o g o k o p f  */
#header {display: block; width: 960px; margin:0; background-color: #f5f5f5;}
.border {display: block; padding: 7px; } /* padding bestimmt den breiten rand aussen */
.logo {background:url(../grafik/logo_back.gif) top left repeat-x; margin-left: 10px;}
.schatten {display: block; width: 952px; height: 3px; background:url(../grafik/schatten.gif) top left repeat-x; background-color: transparent; margin: 0 4px;}

.automodell {display: block; width: 129px; height: 120px; 
background:url(../grafik/automodell.png) top left no-repeat;
position: absolute; left: 240px; top: 24px; z-index: 20; display: none;} /* ist vom container abhängig auf absolute gestellt */

/* n e b e n m e n u e */
#nebenmenue {display: block; width: 974px; height: 1.69em; text-align: right; display: none;}
#nebenmenue ul{list-style: none none; margin:0; margin-right: 12px; } 
#nebenmenue ul li {float:right; margin-right: 1em; margin-top: 0.7em; /*float, damit die Punkte nebeneinanderstehen*/
font: 0.65em Arial, Verdana;  font-weight: normal;}

#nebenmenue a {color: #000; text-decoration: none;}
#nebenmenue a:hover {color: #d0008e;}
#nebenmenue a:focus {color: #d0008e;}
#nebenmenue a.current {color: #d0008e;}


/* m e n u e  */
#hauptmenue {margin-left: 1px; display: none;} 
#hauptmenue ul{list-style: none none; margin:0;} 
#hauptmenue ul li {display: block; margin-top: 6px;
font: 0.69em Arial, Verdana;  font-weight: bold; letter-spacing: 0.01em;}

#hauptmenue a {display: block; background:url(../grafik/button_weiss.gif) top left no-repeat; height:19px; padding-left: 12px; padding-top: 6px;
color: #000; text-decoration: none; }
#hauptmenue a:hover {display: block; background:url(../grafik/button_black.gif) top left no-repeat;  color: #fb65bf;}
#hauptmenue a:focus {display: block; background:url(../grafik/button_black.gif) top left no-repeat;  color: #fb65bf;}
#hauptmenue a.current {display: block; background:url(../grafik/button_black.gif) top left no-repeat; color: #fb65bf;}


/* s u b m e n u e  */
#submenue {margin-left: 225px; position: absolute; z-index: 2; width: 125px; padding-top:3px; display: none;} 
#submenue ul{list-style: none none; margin:0;} 
#submenue ul li {display: block; margin-top: 4px;
font: 0.69em Arial, Verdana;  font-weight: bold; letter-spacing: 0.01em;}

#submenue a {display: block; width: 125px; height:16px; 
background:url(../grafik/button2_weiss.gif) top left no-repeat; padding-left: 9px; padding-top: 3px;
color: #000; text-decoration: none; }
#submenue a:hover {display: block; background:url(../grafik/button2_black.gif) top left no-repeat;  color: #fb65bf;}
#submenue a:focus {display: block; background:url(../grafik/button2_black.gif) top left no-repeat;  color: #fb65bf;}
#submenue a.current {display: block; background:url(../grafik/button2_black.gif) top left no-repeat;  color: #fb65bf;}


/* die vier runden ecken mit schwarz  */
.ro {background:url(../grafik/rundebox_ro.gif) top right no-repeat;}
.lo {background:url(../grafik/rundebox_lo.gif) top left no-repeat;}
.ru {background:url(../grafik/rundebox_ru.gif) bottom right no-repeat;}
.lu {background:url(../grafik/rundebox_lu.gif) bottom left no-repeat;}

/* die vier runden ecken blanko  */
.roblanko {background:url(../grafik/rundebox_w_ro.gif) top right no-repeat;}
.loblanko {background:url(../grafik/rundebox_w_lo.gif) top left no-repeat;}
.rublanko {background:url(../grafik/rundebox_w_ru.gif) bottom right no-repeat;}
.lublanko {background:url(../grafik/rundebox_w_lu.gif) bottom left no-repeat;}

/* die unteren ecken mit schatten  */
.ruschatten {background:url(../grafik/rundebox_schatt_ru.gif) bottom right no-repeat;}
.luschatten {background:url(../grafik/rundebox_schatt_lu.gif) bottom left no-repeat;}

/* die vier Ecken des Kastens mit den grauen rahmen */
.kastenro {background:url(../grafik/kasten_ro.gif) top right no-repeat;}
.kastenlo {background:url(../grafik/kasten_lo.gif) top left no-repeat;}
.kastenru {background:url(../grafik/kasten_ru.gif) bottom right no-repeat;}
.kastenlu {background:url(../grafik/kasten_lu.gif) bottom left no-repeat;}

/* die runden ecken am ende einer textbox  */
.textru {background:url(../grafik/rundebox_ru.gif) bottom right no-repeat; margin-right: 2px; }
.textlu {background:url(../grafik/rundebox_lu.gif)  bottom left no-repeat; margin-left: 135px;}


/* t a b e l l e termine*/
table {border-spacing: 0; border:0; width: 900px; border:1px solid #000;}
th {background-color: #f5f5f5; font: 0.71em Arial, Verdana; line-height: 1.12em; font-weight: bold; padding: 2px 2px;}
.klein {font: 0.75em Arial, Verdana; line-height: 1.34em; font-weight: normal;}
td {width: 24px; height: 24px; font: 0.71em Arial, Verdana; line-height: 1.46em; font-weight: normal;  
border-left: 1px solid #000; border-bottom: 1px solid #000; padding: 1px 2px; text-align: center;}
.backgrey1 {background-color: #ccc;}
.ziffernrosa {background-color: #000; padding-top: 1px; padding-left: 2px;
color: #f945a3; font: 14px Arial, Verdana;  line-height: 16px; font-weight: bold;}
.backgrey2 {background-color: #e7e7e7;}
.backgrey3 {background-color: #a7a7a7;}
.backblack {color: #fff; background-color: #000;}
.schriftheller  {color: #999;}
.pink  {color: #f945a3;}


/* t a b e l l e kontaktformular */
#formular table {border-spacing: 0; border:0; width: 550px;}
#formular td {width: 155px; font: 0.71em Arial, Verdana; line-height: 1.46em; font-weight: normal; padding: 1px 2px 1px 0px; text-align: left; border: none;}

/* t a b e l l e preise */
#preise table {border-spacing: 0; border:0; width: 940px; border:1px solid #000;}
#preise th { 
font: 0.71em Arial, Verdana; line-height: 1.12em; font-weight: bold; text-align: left;
padding: 2px 4px 4px 2px;
border-left: 1px solid #000; border-bottom: 1px solid #000;}

#preise td {width: 200px;
font: 0.71em Arial, Verdana; line-height: 1.46em; font-weight: normal; text-align: left; 
padding: 2px 2px 2px 4px; 
border-left: 1px solid #000; border-bottom: 1px solid #000;}
#preise .spalte1 { text-align:left; background-color: #ccc;}
#preise h3 {padding-bottom: 10px;}



/* form  */
input[type=text] {width: 200px; font: 1.01em Arial, Verdana; line-height: 1.46em; font-weight: normal;
color: #333;
background-color: #ddd; border: 1px solid #797a7a;
padding: 2px 5px;}

textarea {width: 300px; font: 1.01em Arial, Verdana; line-height: 1.46em; font-weight: normal;
color: #333;
background-color: #ddd; border: 1px solid #797a7a;
padding: 2px 5px;}

/* seminarplan  */
.seminarplan {display: block; width: 500px; background-color: #fff; padding-bottom:8px; margin-bottom: 30px;}

.seminarplan h3{padding: 5px 8px 0;letter-spacing: 0.02em; }
.seminarplan h4{padding: 4px 8px 6px;letter-spacing: 0.02em;color: #000; letter-spacing: 0.05em;}
.seminarplan p{padding: 0 8px 3px; color: #000; letter-spacing: 0.05em;}