body {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  background-color: white;
  font-size: 100.01%;
  margin: 0px;
}

textarea {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 100.01%;
  
}

/* mother-container, contains logo, navi, content and footer */
#mother {
  text-align: left;
  margin: auto; /*mittig*/
  width: 769px;
  border-right: 1px solid #999999;
  border-left: 1px solid #999999;
  color: black;
  background-color: white;
}

/* Container mit dem Logo */
#logo {
  
  height: 157px;
  width: 100%;
  color: black;
  background-color: white;
  background-image: url(../images/top.jpg);
  margin-bottom: 0px;
  background-repeat:no-repeat;
}


/* Haupt-Navigationsbereich */
#navi {
  font-size: 0.8em;
  float: left;
  width: 210px;
  color: black;
  background-color: #ffffff;
  background-image: url(../images/left.jpg);
  background-repeat:no-repeat;
}

#naviinhalt {

position:relative; top:100px; left:10px;
color:#999999;
font-weight:bold;

}

/* Inhaltsbereich */
#content {
  float: left;
  width: 539px;
  color: #8A8A8A;
  background-color: white;
  font-size: 0.84em;
  line-height:1.45em;
  
  
}

/* Inhaltsbereich */
#right {
  float: right;
  width: 19px;
 background-color: #ffffff;
  background-image: url(../images/right.jpg);
  background-repeat:no-repeat;
  
  
}



/* Fußzeile */
#footer {
  width: 769px;
  color: black;
  background-color: transparent;
  clear: both;
  height:70px;
  color: #999999;
  background-color: white;
    
}

#footer div {
  font-size: 0.7em;
  text-indent: 10px;
  padding:5px;

}



#toplink a:link{
  font-size: 1em;
  border:1px solid #799EA4;
  background-color:#CCDBDD;
  padding: 3px 3px 3px 3px;
  margin: 0px 0px 0px 23px;
  text-decoration:none;
 
}

#toplink a:visited{

  font-size: 1em;
  border:1px solid #799EA4;
  background-color:#CCDBDD;
  padding: 3px 3px 3px 3px;
  margin: 0px 0px 0px 23px;
  text-decoration:none;
  
}


#toplink a:hover {
   background-color:#ffffff;
  padding: 3px 3px 3px 3px;
  margin: 0px 0px 0px 23px;
   text-decoration:none;
  
}


.anmeldebutton{
  
 background-color:#CCDBDD;
 border: #000000 1px solid;
 
 
}

.kurstabellecaption {
	
	width:95%;
	background-color: #ffffff;
	border: #799EA4 1px solid;
}


.kurstabelle {
	
	width:95%;
	background-color: #CCDBDD;
	border-right: #799EA4 1px solid;
	border-left: #799EA4 1px solid;
}

.kurstabelleanmeldung {
	
	width:95%;
	background-color: #CCDBDD;
	border: #799EA4 1px solid;
	
}

.rahmen {
	border: #999999 1px solid;
	padding:3px;
}

.caption {
background-color: #799EA4;

}
.unsichtbar {
display:none;
}


.bild {

margin: 0px 10px 5px 0px;
}

.einzug {
margin-left:25px;
}

/************************************************
*************FIRST_LEVEL*************************
************************************************/
/*Style-Definition für die First-Level-Navigation*/


#fstLevel a
{
text-decoration: none;
display: block;
width: 153px;
padding: 4px 0px 4px 6px;
font-size: 110%;
font-weight: normal;
text-align: left;
color: #999999;

}

#fstLevel a:visited
{
text-decoration: none;
display: block;
width: 153px;
padding: 4px 0px 4px 6px;
font-size: 110%;
font-weight: normal;
text-align: left;
color: #999999;

}

#fstLevel a:focus
{
text-decoration: none;
display: block;
width: 153px;
border-bottom: 1px white dotted;
padding: 4px 0px 4px 6px;
font-size: 110%;
font-weight: normal;
text-align: left;
color: #999999;

}


#fstLevel a:hover
{
text-decoration: none;
display: block;
width: 153px;
padding: 4px 0px 4px 6px;
font-size: 110%;
font-weight: normal;
text-align: left;
color: #000000;


}

#fstLevelActive a
{
text-decoration: none;
display: block;
width: 153px;
border-bottom: 1px white dotted;
padding: 6px 0px 6px 6px;
font-size: 110%;
font-weight: normal;
text-align: left;
color: #000000;
background-color: transparent;

}

/************************************************
*************SECOND_LEVEL*************************
************************************************/
/*Style-Definition für die Second-Level-Navigation*/
#secLevel a
{
text-decoration: none;
display: block;
width: 148px;
padding: 3px 0px 3px 15px;
margin: 1px;
font-size: 100.01%;
font-weight: normal;
color: #999999;

}

#secLevel a:hover
{
text-decoration: none;
display: block;
width: 148px;
padding: 3px 0px 3px 15px;
margin: 1px;
font-size: 100.01%;
font-weight: normal;
color: #000000;
background-image:url(../images/item_bg.gif);
background-repeat:no-repeat;

}

#secLevelActive a
{
text-decoration: none;
DISPLAY: block;
WIDTH: 148px;
padding: 3px 0px 3px 15px;
font-size: 100.01%;
FONT-WEIGHT: normal;
COLOR: #000000;
BACKGROUND-COLOR: transparent;
background-image:url(../images/item_bg.gif);
background-repeat:no-repeat;
}




/* =Hoverbox Code
----------------------------------------------------------------------*/

.hoverbox
{
	cursor: default;
	list-style: none;
}

.hoverbox a
{
	cursor: pointer;
}

.hoverbox a .preview
{
	display: none;
}

.hoverbox a:hover .preview
{
	display: block;
	position: absolute;
	top: -33px;
	left: -45px;
	z-index: 1;
}

.hoverbox img
{
	margin-left: -22px;
	color: inherit;
	vertical-align: top;
	width: 400px;
	height: 110px;
}

.hoverbox li
{

	color: inherit;
	display: inline;
	float: left;
	position: relative;
}

.hoverbox .preview
{
	width: 400px;
	height: 265px;
}


/* =Hoverbox Code HOCHKANNT
----------------------------------------------------------------------*/

.hoverbox_hk
{
	cursor: default;
	list-style: none;
}

.hoverbox_hk a
{
	cursor: pointer;
}

.hoverbox_hk a .preview
{
	display: none;
}

.hoverbox_hk a:hover .preview
{
	display: block;
	position: absolute;
	top: -33px;
	left: -45px;
	z-index: 1;
}

.hoverbox_hk img
{
	margin: 0px 10px 0px -22px;
	color: inherit;
	vertical-align: top;
	width: 110px;
	height: 400px;
}

.hoverbox_hk li
{

	color: inherit;
	display: inline;
	float: left;
	position: relative;
}

.hoverbox_hk .preview
{
	width: 265px;
	height: 400px;
}