/*Globale Stile*/

* {
 margin:0;
 padding:0;
 }

html {
 text-align:center;
}

body {
 background-color:#CCCCCC;
 font-family:Geneva,Arial, Helvetica, sans-serif;
 font-size:75%;
 }

/*Seite*/
#page {
 width:70em;
 background-color:#FFFFFF;
 margin:1.5em auto;
 padding:1em 0 1em 0;
 }
/*Kopf*/
#banner {
 width:68em;
 border:0.2em solid #652D8A;
 background-color:#652D8A;
 margin:0 auto;
}
#banner img {
 width:68em;
 height:8.33em;
 }

#border {
 width:68em;
 border:0.2em solid #652D8A;
 margin:0 auto;
 }
 
/*Navigation oben*/
#topnav {
 width:68em;
 margin:1em auto;
  }
#topnav ul {
 list-style-type:none;
 }
#topnav ul li {
 display:inline;
 padding:0.5em;
 text-transform:uppercase;
 color:#652D8A;
 font-size:1em;
 
 }
#topnav ul li a {
 text-decoration:none;
 color:#FF6600;
 }
#topnav ul li a:hover,
#topnav ul li a:focus,
#topnav ul li a:active {
 color:#652D8A;
 text-decoration:underline;
 }
.line {
 width:68em;
 height:0.2em;
 margin:0 auto;
 background-color:#652D8B;
 }
.yellow a:hover  {
 background-image:url(../img/180.jpg);
 color:#000000;
 }

 
/*Linke Spalte*/
#left {
/*border-right:1px solid red;*/
width:15em;
float:left;
margin-top:1em;
margin-bottom:1em;
text-align:left;
margin-left:1em;
}
#left img {
 margin-bottom:0.5em;
 }
#left .img_title {

 color:#652D8A;
 font-weight:bold;
 }
#left .qualcomp {
 margin:3em 0em 3em 2.5em;
 }
#left h2 {
 color:#FF6633;
 margin:1em auto;
 }
#left .kontakt {
 font-size:1.2em;
 display:block;
 }
#left a {
 text-decoration:none;
 color:#330066;
 text-transform:uppercase;
 margin-top:1em;
 }
#left a:visited {
 text-decoration:none;
 color:#652D8A;
 }
#left a:hover {
 text-decoration:underline;
 color:#FF6600;
 }

#left a:focus,
#left a:active {
 color:#652D8A;
 text-decoration:none;
 }
/*Inhalt*/
#date {
 margin-left:16em;
 margin-top:1em;
 text-align:right;
 margin-bottom:1em;
 margin-right:2em;

}
#main {
 margin-left:15em;
 margin-top:3em;
 text-align:left;
 margin-bottom:1em;
 margin-right:1em;
 font-size:1.2em;
}
#main h1 {
 color:#FF6633;
 font-size:1.4em;
 margin-bottom:1em;
 text-decoration:none;
}
#main h2 {
 color:#FF6633;
 font-size:1.2em;
 margin-bottom:0.5em;
 text-decoration:none;
 }
#main .italic {
font-style:italic;
text-indent:2em;
 }
 
#main p {
 margin-top:1em;
 margin-bottom:1em;
 }
#main ul {
margin:1.5em 0 1em 0em;
 }
#main ol {
margin:1.5em 0 1em 1.4em;
 }
#main ol li {
 margin-bottom:1em;
 }
#main a {
 text-decoration:none;
 color:#330066;
 text-transform:uppercase;
 font-weight:bold;
 }
#main a:visited {
 text-decoration:none;
 color:#652D8A;
 }
#main a:hover {
 text-decoration:underline;
 color:#FF6600;
 }

#main a:focus, 
#main a:active {
 color:#652D8A;
 text-decoration:none;
 } 


.hook li{
 list-style-image:url(../img/haken.gif);
 margin-bottom:1em;
 margin-left:1.4em;
}
.arrow li {
 list-style-image:url(../img/pfeil1.gif);
 margin-bottom:1em;
 margin-left:1.6em;
}
.point li {
 
 margin-bottom:1em;
 margin-left:1.6em;
}
.fatgreat {
 font-size:1.2em;
 font-weight:normal;
 }

/*Fussbereich*/
#footer {
 width:68em;
 margin:1em auto;
  }
#footer ul {
 list-style-type:none;
 margin-bottom:1.5em;
 }
#footer ul li {
 display:inline;
 padding:0.5em;
 text-transform:uppercase;
 color:#652D8A;
 font-size:1em;
 
 }
#footer ul li a {
 text-decoration:none;
 color:#652D8A;
 }
#footer ul li a:hover,
#footer ul li a:focus,
#footer ul li a:active { 
 color:#FF6600;
 text-decoration:underline;
 }

/*Formulare*/
.anmeldung {
background-color:#FF6633;
width:34em;
margin-left:0em;
border:0.2em solid #652D8A;
}
th {
text-indent:4em;
font-weight:normal;
}
.kontaktform {
background-color:#FF6633;
width:38em;
margin-left:0em;
border:0.2em solid #652D8A;
height:42em;
padding-left:1em;
}
.indent {
margin-left:2em;
}