html, body {
height: 100%;
font: 83% "lucida sans", "Trebuchet MS", tahoma, sans-serif;
background: #99ffff url(bild/bg1.png) repeat-x;
color:#333;
margin:0;
padding:0;
}

#main {
width: 816px;
height:552px;
margin: 0px auto;
position: relative;
overflow: hidden;
border: 3px solid #fff;
}

#header {
width: 816px;
height:100px;
margin-top: 25px;
margin-bottom: 10px;
margin-left: auto;
margin-right: auto;
position: relative;
border: 0px solid #FB8D2D;
color: #fff;
} 

/* ------------------------- linker Inhalt */
#leftcol {
float:left; 
position:relative; top: 5px; left: 5px;
width:320px; height:540px;
border: 1px solid #000;
line-height: 1.6em;
font: 13px verdana, arial, Sans-serif;
background:#fff;
color:#000;
overflow: hidden;
}

/* ------------------------rechter Inhalt */
#rightcol {
float:right; 
position:relative; top: 5px; right: 5px;
width:320px; height:540px;
border: 1px solid #000;
line-height: 1.6em;
font: 13px verdana, arial, Sans-serif;
background:#fff;
color:#000;
overflow: hidden;
}


/* ------------------------- Navigator */
#maincol {
float: left; 
display:inline; 
position: relative; top: 0px; left: 10px;
width:150px; height: 660;
border-right: 1px solid #fff;
border-left: 1px solid #fff;
line-height: 1.6em;
background: #333;  
color:#ccc; 
}
#maincol a:link, #maincol a:visited {
text-decoration : none;
background : inherit;
color : #ccc;
}
#maincol a:hover {
text-decoration : none;
background : inherit;
color : #666;
}

/* ------------------------------------ Fuss */
#footer {
clear:both;
width: 816px;
height:20px;
margin: 5px auto;
position: relative; 
border-top: 0px solid #000;
color: #535353;
vertical-align: right;
}
#footer a:link, #footer a:visited {
text-decoration : none;
background : inherit;
color : #535353;
}
#footer a:hover {
text-decoration : none;
background : inherit;
color : #000;
}

/* --------------------------------- Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* --------------------------------- End hide from IE-mac */  


/* --------------------------- Header */
p {
padding: 0px 10px 0px 10px;
}

#header h1#logo {
position: absolute;
margin: 73px 0 0 125px;
padding: 0;
font: bold 20px 'lucida sans', Tahoma, 'trebuchet MS', Sans-serif; 
color: #fff;
letter-spacing: 2px;
text-transform: none;
top: 0; left: 5px;	
}

#header h2#slogan {
position: absolute;
top:28px; left: 210px;
color: #00ffff;
text-indent: 0px;
font: bold 16px 'lucida sans', Tahoma, 'trebuchet MS', Sans-serif;
text-transform: none;	
}

h1 {
padding: 20px;
font-size: 175%;
letter-spacing: 3px;
color:  #FB8D2D;
background: transparent;
}

h2 {font-family: helvetica, "Trebuchet MS", tahoma, "lucida sans", sans-serif;
margin-left:40px;
margin-top:15px;
padding: 0px;
font-size: 160%;
letter-spacing: 1px;
color:  #006666;
background: transparent;
}

h3 {font-family:  helvetica, "Trebuchet MS", tahoma, "lucida sans", sans-serif;
margin-left:0px;
margin-top:20px;
padding: 0px;
font-size: 140%;
text-align:center;
letter-spacing: 1px;
color:  #00ffff;
background: transparent;
}

h4 {font-family:  helvetica, "Trebuchet MS", tahoma, "lucida sans", sans-serif;
margin-left:0px;
margin-top:20px;
margin-bottom:10px;
padding: 0px;
font-size: 140%;
text-align:center;
letter-spacing: 1px;
color:  #00ffff;
background: transparent;
}

h5 {font-family:  helvetica, "Trebuchet MS", tahoma, "lucida sans", sans-serif;
padding: 10px;
font-size: 10px;
color:  #000;
background: transparent;
}

/* -------------------------------- Hauptmenue */
#navcontainer {
width: 100%;
}
#navcontainer ul {letter-spacing: 3px;
margin: 0;
padding-left: 0;
list-style-type: none;
font: 100% "verdana", "lucida sans", Arial, Helvetica, sans-serif;
}
#navcontainer a {
display: block;
padding: 3px;
height:21px;
background: #333;
border-bottom: 1px solid #eee;
}
#navcontainer a:link, #navlist a:visited {
padding-top: 12px;
padding-left: 20px;
padding-bottom: 5px;
color: #fff;
background: #666 url(bild/2.gif) left center no-repeat;
background-position: 0.4em;
text-decoration: none;
}

#navcontainer a:hover {
background: #ccc url(bild/1.gif) left center no-repeat;
background-position: 0.4em;
color: #666;
}

/* -------------------------- Links */
a:link, a:visited {
text-decoration : none;
background : inherit;
color : #006666; /* 0000ff */
}
a:hover {
text-decoration : none;
background : inherit;
color : #ff0000;
}
a:active {
text-decoration : none;
background : inherit;
color : #009999; /* 8A795D */
}

ul li {
/* list-style-image: url(bild/a.gif); */
}
	
input.datum {
font-size:9pt;
background:transparent;
color:#535353;
border:solid 0px;
margin-top:0px;
}

input.zeit {
font-size:9pt;
background:transparent;
color:#535353;
border:solid 0px;
margin-top:0px;
}
		
/* ----------------------------- classeintragungen */
.box {
margin-left:10px;
margin-right:10px;
margin-bottom: 0px;
border-top:1px solid #8A795D;
background : inherit;
color : #000;
}

.imgleft {
float : left;
border : 1px solid #333;
margin : 10px 5px 10px 0;
padding : 5px;
}

.imgcenter1 {
border : 1px solid #333;
margin : 10px 5px 10px 56px; 
padding : 5px;
}

.imgcenter2 {
border : 1px solid #333;
margin : 10px 5px 10px 78px; 
padding : 5px;
}

.imgcenter3 {
border : 1px solid #333;
margin : 10px 5px 10px 72px; 
padding : 5px;
}

.imgcenter4 {
border : 1px solid #333;
margin : 10px 5px 10px 72px; 
padding : 5px;
}