/* CSS Document */


*{margin:0;
padding:0;}

html { height: 100%; margin-bottom: 1px;  }
p, ul{ margin-bottom: 1em; }

td { font-family: Verdana, Arial, Helvetica, sans-serif;
}

#main li  {margin-left:1em; margin-bottom:3px;}
/*ul.margin_b li {margin-bottom:1em;}*/

h2 { font-size:1.3em; color:#0099CC;}

body {text-align:center;
margin:0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 75%;}


#wrap {
background:#999999;
padding: 0px;
width: 995px;
margin: 0 auto;
text-align: left;
background: #fff;
}

#navi {float:left; width:186px; height: 718px; background:#333333; color:#0099cc;  }

#navi ul {list-style-type:none; padding-left:10px; margin-top:20px; width:140px;}

#navi li {display:block; line-height:40px; border-bottom:1px dotted #3399CC; font-size:1.2em;}

#home #navi01 a, #andreas-bliemel #navi02 a, #kurse #navi03 a, #kontakt #navi05 a, #impressionen #navi04 a   {color:#0099cc; font-weight:bold;}


#content {float:left;  width: 809px; height: auto; background:
#336666; }

#main {float:left; width: 524px; height: 500px; background:
#666666; color:#FFFFFF; font-size:1em; padding-left: 20px; padding-right:15px; padding-top:30px;}

#kurse #main {height:1250px;}
#andreas-bliemel #main {height:660px;}
#andreas-bliemel #navi {height:878px;}
#kurse #navi {height:1468px; background:#333333;}

#slogan {float:left; width: 788px; height: 168px; background:
#333333;  padding-left: 20px; color:#ffffff;}

#footer {float:left; width: 559px; height: 20px; background:
#0099cc;  }

#footer .text {float:right; font-size:0.8em; padding-right:10px; padding-top:5px;}

#col_re {float:right; width: 250px; height: 550px;  background: url(img/bild1.jpg) no-repeat;}
#andreas-bliemel #col_re {float:right; width: 250px; height: 710px;  background: url(img/bild4.jpg) no-repeat;}
#kurse #col_re {float:right; width: 250px; height: 1300px;  background: url(img/bild2.jpg) no-repeat;}
#kontakt #col_re {float:right; width: 250px; height: 550px;  background: url(img/kontakt1.jpg) no-repeat;}
#impressum #col_re {float:right; width: 250px; height: 550px;  background: url(img/kontakt3.jpg) no-repeat;}
/*#impressionen #col_re {float:right; width: 250px; height: 550px;  background: url(img/impress.jpg) no-repeat;}*/

.margin-top {margin-top:3px;}

#impressionen #navi {height:763px}
#impressionen #main {width:779px; height:570px; padding-left:15px; padding-top:5px;}
#impressionen #footer {width:809px;}
img {border:none;}

.clear {clear:both;}

#navi li a:link {color:#0099cc; text-decoration:none; color:#FFFFFF;}
#navi li a:visited {color:#0099cc;text-decoration:none; color:#cccccc;}
#navi li a:hover, a:focus {text-decoration:underline; color:#0099cc; font-weight:bold;}
#navi li a:active {color:#0099cc;text-decoration:none; color:#FFFFFF;}


a:link {color:#0099cc; text-decoration:none;}
a:visited {color:#0099cc;text-decoration:none;}
a:hover, a:focus {text-decoration:underline; color:#FFFFFF;}
a:active {color:#0099cc;text-decoration:none; color:#FFFFFF;}

#impressum a:link {color:#FFFFFF; text-decoration:none;}
#impressum a:visited {color:#FFFFFF;text-decoration:none;}
#impressum a:hover, a:focus {text-decoration:underline; }
#impressum a:active {color:#FFFFFF;text-decoration:none;}


#footer a:link {color:#ffffff; text-decoration:none;}
#footer  a:visited {color:#ffffff;text-decoration:none;}
#footer a:hover, a:focus {text-decoration:underline; color:#FFFFFF;}
#footer a:active {color:#ffffff;text-decoration:none; color:#FFFFFF;}


.blau {color: #0099cc;}
.blaufett {color: #0099cc; font-weight:bold;}

#slogan h1 {font-size:2em; color:#FFFFFF; font-weight:normal; float:left; margin:0; padding:0; display:inline; margin-top:130px;}

#bild-start {float:left; width 147px; padding-right:10px; padding-bottom:10px;}
#bild-bliemel {float:left; width 147px; padding-right:10px; padding-bottom:5px; height:228px;}
#bild-bliemel2 {float:left; width 147px; padding-right:15px;  height:170px; font-size:0.8em;}
#bild-bliemel3 {float:left; width 147px;  height:170px; font-size:0.8em;}

#bild-kurse {float:left; width 147px; padding-right:10px; padding-bottom:10px;}


#text-start1 {float:left; width:350px; padding-left:10px;}

hr {border:dotted;
 margin-right:5%;
}