/*====================Verkehrskadetten Dortmund====================*/
/*  Globales Zurücksetzen der Innen- und Außenabstände für alle HTML-Elemente */
* { margin:0; padding: 0; }
/* Korrektur: Das Zurücksetzen der Abstände verursacht zu kleine Selectboxen. */
option { padding-left: 0.4em; }
/* Globale Korrektur des Italics Bugs des IE 5.x und IE 6  */
* html body * { overflow: visible; }
* html iframe, * html frame { overflow: auto; }
* html frameset { overflow:hidden; }
/* Erzwingen vertikaler Scrollbalken in Netscape, Firefox und Safari Browsern */
html { height: 100%; margin-bottom: 1px; }
fieldset, img { border: 0 solid; margin: 0px; padding: 0px;}
/* Neue Standardwerte für Listen & Zitate */
ul, ol, dl { margin: 0 0 1em 1em; }
li { margin-left: 0.6em; line-height: 1.2em; }
dt { font-weight: bold; }
dd { margin: 0 0 1em 2em; }
blockquote { margin: 0 0 1em 1.5em; }
/*-----------------------------------------------------------------------------*/

body{
background: #666666 url(bg.jpg) top left repeat-x;
font-family: Verdana,Arial,Tahoma,sans-serif;
font-size: 100.01%;
font-weight: normal;
color: #000000;
}

#seitenframe{
margin: 20px auto 20px auto;
width: 1000px;
background-color: #FF6600;/*wie hauptframe - nur bei fehlern sichtbar*/
}
#bannerframe{
height: 100px !important;
background: #000000 url(banner_bg.jpg) top right repeat-y;
}
#reiterframe{
height: 36px;
background: #FF6600 url(reiter_bg.jpg) bottom repeat-x;
}
#hauptframe{
float: right;/*Um Hintergrundfarbe zu ermöglichen*/
background-color: #EFEFFF;
width: 100%;
margin: 0px;
border: none;
padding: 0px;
}
#inhaltsframe{
width: 750px;
float: left;
}
#menueframe{
width: 250px;
float: right;
}
#fussframe{
clear: both;
border-top: 10px solid #FF6600;
background: #BBBBBB url(fussbg.jpg) top left repeat-x;
margin: 0px 0px 20px 0px;
height: 150px;
}
#inhalt{
margin: 10px;
}
#menue{
margin: 10px 0px 10px 0px;
}
#banner{
background: url(logo.jpg) top left no-repeat;
height: 100%;
font-size: 4em;
text-align: left;
color: #FFFFFF;
font-family: Georgia,Constantia,Times New Roman,Verdana;
padding: 0px;
margin: 0px;
}
/*-----------------------------------------------------------------------------*/
ul.reitertab{
float: left;
padding: 2px 0px 0px 10px;
margin: 0px;
list-style: none;
}
ul.reitertab li{
float: left;
list-style: none;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
color: #FFFFFF;
font-family: Arial,Verdana,sans-serif;
font-size: 1em;
}
ul.reitertab li a:link,
ul.reitertab li  a:visited {
text-decoration: none;
display: block;
color: #000000;
padding: 4px 6px 3px 6px;
margin: 8px 0px 0px 0px;
float:left;
width: auto;
font-weight: bold;
}
#reiterframe .reitertab a:hover,
#reiterframe .reitertab a:focus,
#reiterframe .reitertab a:active{
text-decoration: none;
display: block;
color: #FFFFFF;
background-color: #004f6e;
font-style:normal;
}
ul.reitertab li#aktiv,
ul.reitertab li#anmelden{
float: left;
list-style: none;
padding: 0px 0px 0px 16px;
margin: 0px 0px 0px 0px;
color: #FFFFFF;
font-family: Arial,Verdana,sans-serif;
font-size: 1em;
font-weight: bold;
background: #EFEFFF url(reiter_l.jpg) top left no-repeat;
}
ul.reitertab li#anmelden{
margin: 0px 120px 0px 50px;
padding: 0px 0px 0px 41px;
background: #EFEFFF url(reiter_lx.jpg) top left no-repeat;
}
ul.reitertab li#aktiv a:link,
ul.reitertab li#aktiv a:visited,
ul.reitertab li#anmelden a{
text-decoration: none;
display: block;
color: #000000;
padding: 12px 15px 3px 0px;
margin: 0px 0px 0px 0px;
float:left;
width: auto;
background: #EFEFFF url(reiter_r.jpg) top right no-repeat;
font-weight: bold;
}
ul.reitertab li#anmelden a:hover,
ul.reitertab li#anmelden a:focus,
ul.reitertab li#anmelden a:active{
color:#004f6e;
background: #EFEFFF url(reiter_r.jpg) top right no-repeat;
}
/*-----------------------------------------------------------------------------*/
.textkasten{
margin: 0px 0px 10px 0px;
width: 730px;
clear: both;
}
.text{
border: 1px solid #CCDDFF;
background-color: #FFFFFF;
padding: 10px;
font-size: 0.9em;
line-height: 1.5;
text-align: justify;
margin: 0px;
}
.text p{
margin: 5px 0px 0px 0px;
}
a,
a:link,
a:visited{
font-size: 1em;
text-decoration: underline;
color: #0000FF;
font-style:normal;
}
a:hover,
a:focus,
a:active{
color: #0000FF;
text-decoration: none;
font-style:italic;
}
.textkasten1, .textkasten2{
margin: 0px 0px 10px 0px;
width: 360px;
float: left;
}
.textkasten2{
float: right;
width: 359px;
}
.center{
text-align: center;
margin: 0px 0px 10px 0px;
}
.center a{
/*display: block !important;*/
}
.center a img{
margin: 5px 3px 5px 3px;
}
#praedikat{
margin: 0px;
padding: 0px;
position: relative;
left: 910px;
top: -115px;
font-size: 0.2em;
}

ul#termine {
background: #FED00A url(postit.jpg) bottom right no-repeat;
padding: 0px 0px 20px 0px;
margin: 0px 0px 8px 0px;
}
ul#termine li{
list-style: none;
padding: 10px 5px 5px 5px;
margin: 0px;
font-size: 0.9em;
}
ul#termine li i{
font-size: 0.8em;
}
ul#termine li b{
font-size: 1.1em;
}
img.startbild{
vertical-align:top;
}
img.randbild{
margin: 10px 5px 5px 20px;
padding:2px;
border: 1px solid #BCBCBC;
background-color: #FFFFFF;
}
h1{
color: #FFFFFF;
font-size: 1.5em;
font-weight: normal;
margin:  0px;
padding: 0px;
text-align: left;
text-indent:-9999px;
visibility:hidden;
}
h2{
background-color: #FF6600;
color: #FFFFFF;
font: italic normal 1.5em Georgia, sans-serif, Verdana;
line-height:1.5em;
margin: 0px;
padding: 0px;
text-align: center;
display:block;
}
h3{
background-color: #FFFFFF;
color: #004f6e;
font: italic normal 1.2em Georgia, sans-serif, Verdana;
line-height:1.3em;
margin: 0px;
padding: 0px;
text-align: left;
display:block;
border-bottom: 1px solid #BCBCBC;
}
h4{
background-color: #FFFFFF;
color: #004f6e;
font: italic normal 1.1em Georgia, sans-serif, Verdana;
margin: 0px;
padding: 0px;
text-align: left;
display:block;
border-bottom: 1px dashed #BCBCBC;
}
#menue h2{
color: #FFFFFF;
font-size: 1.2em;
font-weight: normal;
margin: 0px;
padding: 2px 0px 2px 10px;
text-align: left;
/*height: 50px;*/
background: #666666 url(kante.jpg) top right no-repeat;
}
#menue ul#seitenmenue{
margin: 8px 0px 3px 25px;
}
#menue ul#seitenmenue li{
list-style-image: url(liste.gif);
margin: 0px 0px 5px 0px;
}
#menue ul#seitenmenue li:hover{
list-style-image: url(listeaktiv.gif);
}
#menue ul#seitenmenue li a{
display: block;
text-decoration: none;
color: #000000;
font-size: 1em;
}
#menue ul#seitenmenue li a:hover{
font-weight: bold;
font-style:normal;
}
#fuss{
margin: 5px;
font-size: 0.8em;
color: #FFFFFF;
}
form{
border:1px solid #004f6e;
width:706px;
margin:0px;
padding:50px 0 10px 0;
border-top:0px none transparent;
}
fieldset{
padding: 0 10px 10px 40px;
border: 0px none transparent;
}
fieldset legend{
padding:0;
margin:0 0 10px 0;
color:#004f6e;
font: italic normal 1.3em Georgia, sans-serif, Verdana;
text-align: left;
}
fieldset ul{
margin:0px;
padding:0px;
list-style-type:none;
}
fieldset ul li{
float:left;
margin: 0 0 5px 0;
width:620px;
font-size:0.9em;
padding: 2px;
}
fieldset ul li:active, fieldset ul li:hover, fieldset ul li:focus{
background-color: #EFEFFF;
}
label, #anschrift{
float:left;
line-height:1.2em;
width:100px;
cursor:pointer;
padding: 0px 0 0 20px;
}
input.double,
input.big,
input.half,
input.medium,
input.small{
float:left;
height:21px;
width:200px;
border:1px solid #1795be;
padding: 2px 0px 0px 0px;
margin: 0 4px 0 0;
background:#FFFFFF;
font-size:1em;
}
input.half{
width:97px;
}
input.small{
width:41px;
}
input.medium{
width:153px;
}
textarea{
float:left;
height:100px;
width:400px;
border:1px solid #1795be;
padding:0px;
background:#FFFFFF;
font-size:1em;
}
input:active, input:hover, input:focus{
background-color: #d9f0f9;
}
em{
font-weight:bold;
font-size:1.2em;
color:#EE0000;
}
input.error{
color:#EE0000;
border-color:#EE0000;
background-color:#FFDCE5;
}
input.send{
margin:15px 0 0 120px;
float:left;
width: 100px;
height:22px;
font-weight:bold;
color:#FFFFFF;
text-align:center;
padding:0px;
border:1px solid #0B6487;
cursor:pointer;
background-color:#FF6600;
}
input.send:hover, input.send:active, input.send:focus{

}
.instruct{
visibility:hidden;
float: right;
padding: 2px 1px 0px 1px;
margin: 0px;
border:1px solid #FF6600;
background-color:#EFEFFF;
font-size:0.8em;
height:21px;
}
form li:focus .instruct, form li:hover .instruct, form input:focus .instruct{
visibility:visible;
}
label#email{
background: transparent url(icons/email.png) no-repeat left bottom;
}
label#name, .gbname{
background: transparent url(icons/user.png) no-repeat left bottom;
}
#anschrift{
background: transparent url(icons/house.png) no-repeat left top;
float: none;
padding: 0 0 12px 20px;
margin: 5px 0 0 0;
}
label#telefon{
background: transparent url(icons/telephone.png) no-repeat left bottom;
}
label#infoabend,.gbdate{
background: transparent url(icons/date.png) no-repeat left bottom;
}
label#schule{
background: transparent url(icons/report_edit.png) no-repeat left bottom;
}
label#kommentar,.gbtext{
background: transparent url(icons/comment.png) no-repeat left bottom;
}
a.aufzug{
font-size: 0.5em;
margin:  0px 0px 10px 0px;
padding: 3px 20px 1px 1px;
text-align: right;
float:right;
clear:both;
background: transparent url(icons/arrow_up.png) no-repeat right top;
height: 16px;
}
a.aufzug:hover,
a.aufzug:focus,
a.aufzug:active{
font-style:normal;
}
tabel{
background-color:transparent;
border: 1px solid #BCBCBC;
padding: 2px;
}
td{
background-color:#FFFFFF;
border: 1px solid #BCBCBC;
padding: 2px;
color: #000000;
font: normal normal 1em Verdana;
}
th{
background-color:#FFFFFF;
border: 1px solid #BCBCBC;
padding: 2px;
color: #004f6e;
font: italic normal 1.1em Georgia, sans-serif, Verdana;
}
.gbname{
margin: 0 0 5px 0;
padding: 0 0 0 20px;
}
.gbdate{
margin: 5px 0 5px 0;
padding: 0 0 0 20px;
font-size:0.8em;
}
.gbtext{
margin: 5px 0 0 0;
padding: 0 0 0 20px;
}