body {font-size: 12px;font-family:Arial, Helvetica, sans-serif;background:white url(grafik/back.gif) repeat-x;color: #535353;text-align:center;margin:0;padding:0;}

#startseite {width:980px;height:735px;margin:10px auto;}

#main {width:980px;margin:10px auto;}
#top {width:100%;height:100px;background:#ddd url(grafik/back_top.gif) repeat-x;border-top:1px solid white;border-left:1px solid white;border-right:1px solid white;}
#logo {width:200px;float:left;display:inline;}
#top-navi {width:780px;float:left;display:inline;}
#banner {width:100%;height:350px;margin:10px 0;}
#content {width:100%;}
#left-navi {float:left;display:inline;width:200px;border:1px solid #ccc;background:#f3f3f3;text-align:left;}
#right-content {float:left;display:inline;width:766px;background:#f3f3f3;border:1px solid #ccc;margin-left:10px;text-align:left;}
#bottom {width:980px; height:150px; margin:10px auto 0;background:#f3f3f3 url(grafik/bottom.jpg) no-repeat;border:1px solid #ccc;}
#open {width:500px; margin:10px 0 0 470px;text-align:left;}
#footer {width: 980px;margin:20px auto 20px;}

h1{ font-size: 130%;margin: 8px 20px 2px 20px;border-top:1px solid white;border-bottom:1px solid white;color:white;line-height:22px;background: url(grafik/back.gif) repeat-x;text-indent:10px;}
h2{ font-size: 110%;margin: 8px 20px 2px 20px;border-top:1px solid white;border-bottom:1px solid white;color:white;line-height:22px;background: url(grafik/back.gif) repeat-x;text-indent:10px;}
h3{ font-size: 110%;margin: 8px 20px 2px 20px;border-top:1px solid #67b523;;border-bottom:1px solid #67b523;;text-indent:10px;line-height:22px;}
h4{ font-size: 110%;margin: 10px 20px 2px 20px;}
p {margin:10px 20px 10px 20px;}
p.small {margin:10px 20px 10px 20px;font-size:80%;}
hr {border: 1px solid white;width: 90%;text-align:center;}
.cleaner {clear: both;}


a:link {color:#67b523; text-decoration: none} 
a:visited {color:#67b523; text-decoration: none}
a:active {color: black; text-decoration: none}
a:hover {color: black; text-decoration: none}
a.red:link {color:red;text-decoration:none;}
a.red:visited {color:red;text-decoration:none;}
a.red:hover {color:red;text-decoration:none;}
a.red:active {color:red;text-decoration:none;}
a.black:link {color:black;text-decoration:none;}
a.black:visited {color:black;text-decoration:none;}
a.black:hover {color:black;text-decoration:none;}
a.black:active {color:black;text-decoration:none;}

a.link:link{background: url(grafik/square2.gif) no-repeat left;padding-left: 18px;font-weight: bold;color: white;}
a.link:visited{background: url(grafik/square2.gif) no-repeat left;padding-left: 18px;font-weight: bold;color:white;}
a.link:active{background: url(grafik/square2.gif) no-repeat left;padding-left: 18px;font-weight: bold;color:black;}
a.link:hover{background: url(grafik/square2.gif) no-repeat left;padding-left: 18px;font-weight: bold;color:black;}


    
input,textarea{
	border : 1px solid Black;
}
.button-submit 
{
         border-right:1px solid #535353;
         border-bottom: 1px solid #535353;
         border-left:1px solid white;
         border-top: 1px solid white;
         color:white;
         font-weight:bold;
         background: url(grafik/back.gif) repeat-x;
}
.formsmall {font-size:80%;}

ul#navi1  
{
      list-style-type : none;
      padding : 0;
      margin-left:320px;     

}

ul#navi1 li  
{
      height: 60px;
      width:100px;
      line-height:60px;
      float :left;
      text-align : center;
      margin:35px 0 0 10px;
      position:relative;
      background:url(grafik/button.gif) no-repeat;
      font-weight:bold;
}

ul#navi1 li a 
{     
      font-weight:bold;
      text-decoration : none;
      text-align : center;
      color:#535353;
      display:block;
      
}
ul#navi1 li a:hover 
{     
      background:url(grafik/button2.gif) no-repeat;
      
}

ul#navi2  
{
      list-style-type : none;
      padding : 0;
      margin:0;     

}

ul#navi2 li  
{
      margin:10px 20px;
      font-weight:bold;
      
}

ul#navi2 li a 
{     
      color:#535353;
      background: url(grafik/square.gif) no-repeat left;
      padding-left: 17px;
      
}
ul#navi2 li a:hover 
{     
      background: url(grafik/square2.gif) no-repeat left;
      padding-left: 17px;
      
}

ul.square {list-style-type : none;}

ul.square li {margin:10px 0 10px 0;background: url(grafik/square.gif) no-repeat left;padding-left: 17px;}

.table {margin-left:20px;float:left;display:inline;}
.adresse {float:left;display:inline;font-size:120%;font-weight:bold;margin:20px 0 0 100px;}

.bild {float: left;text-align: left;margin:0 10px 5px 20px;}
.bild-info {width: 100%;}
.news-box{width:97%;text-align: left;margin:5px auto;color:white;background:#67b524;padding:5px 0 5px 0;}

table#kurs {margin:10px 20px 10px 16px;}
table#kurs th {background: url(grafik/back.gif) repeat-x;padding:5px;text-align:center;color:white;}
table#kurs td {background:white;padding:5px;text-align:center;font-weight:bold;}

