html{
height:101%}

*{padding:0; margin:0;}

h1 {  font-family: 'Trebuchet MS',Tahoma,Sans-serif;
	
	
	color: #333333;
	font-weight: bold;
	font-size: 16px;
	padding-top: 5px;
	padding-right: 5px;padding-bottom: 5px;
	padding-left: 5px;
	font-variant: normal;
}	
	
	
h2 {
	font: 1.3em 'Trebuchet MS',Tahoma,Sans-serif;
	color: #C10000;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	background-color: #000000;
	text-align: center;	
	
}	
	
	
	
	
	
	
 h3{
	font: 16px 'Trebuchet MS',Tahoma,Sans-serif;
	
	
	color: #FFFFFF;

font-weight: bold;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	background-color: #C10000;
	
	
	}	
	
	


	




	

	

a {
	font-size: 12px;
	color: #C10000;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}






	
a:hover{
	color: #999999;
	font-size: 12px;
}







hr {
	height: 2px;
	width: 400px;
	float: none;
	color: #FF0000;
	

}








#main_header{
	width:100%;
	height:96px;
	
	background-color: #060606;
	background-image: url(images/bg.gif);
	background-repeat: repeat-x;;
	}





#top{

          width:880px;
	height: 180px;
	
	}

	

	#wrapper{

        
	width: 400px;
	float: left;
	color: #FF0000;
	
	}

	
	
.container_main {
	height:100%;
	position:absolute;
	top:0px;
	left:50%;
	width:880px;
	margin-left:-486px;
}

.container_logo_navi {
	width: 870px;
	height: 96px;
	float: left;
}

.container_header {
	width: 870px;
	float: left;
	background-color: #C10000;
	height: 40px;
}



.header-breadcrumbs {
	clear:both;
	width:880px;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
	margin-top: 0px;
	margin-bottom: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;	
}




.header-breadcrumbs a 
{       font-size: 10px;
	color: #666666;
	font-weight: bold;
	text-decoration: none;
}
.header-breadcrumbs a:hover 
{           font-size: 10px;
	color: #666666;
	text-decoration: underline;

}







.content {
	clear:both;
	width:880px;
	padding-bottom:1px;
	
}



.content a 
{
	color: #666666;
	font-weight: bold;
	text-decoration: none;
}

.content a:hover 
{
	color: #666666;
	text-decoration: underline;

}


.content ul li

{
	list-style-type: square;
	color: #666666;
	padding-top: 0pt;
	padding-right: 0pt;
	padding-bottom: 0pt;
	padding-left: 0pt;
	margin-top: 0px;
	font-size: 12px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
}












/*Drop-down menu*/

.menu_1 {
	float:left;
	width:880px;
	color:#666666;
	font-size:70%;
	background-color: #C10000;
	border: 1px solid #666666;
} /*Color navigation bar normal mode*/



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



.menu_1 ul li {float:left; position:relative; z-index:auto !important /*Non-IE6*/; z-index:1000 /*IE6*/; border-right-width: 1px;

	border-right-style: solid;

	border-right-color: #ffffff;}



.menu_1 ul li a {
	float:left;
	display:block;
	height:3.1em;
	line-height:3.1em;
	padding:0 12px 0 12px;
	font-weight:bold;
	color: #FFFFFF;
}



.menu_1 ul li ul {display:none; border:none;}



/*Non-IE6 hovering*/

.menu_1 ul li:hover a {
	background-color:#C10000;
	text-decoration:none;
} /*Color main cells hovering mode*/

.menu_1 ul li:hover ul {display:block; width:10.0em; position:absolute; z-index:999; top:3.0em; margin-top:0.1em; left:0;}



.menu_1 ul li:hover ul li a {
	display:block;
	width:18em;
	height:auto;
	line-height:1.1em;
	margin-left:-1px;
	padding:4px 16px 4px 16px;
	background-color:#C10000;
	font-weight:normal;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #ffffff;
	border-left-color: #ffffff;
} /*Color subcells normal mode*/

.menu_1 ul li:hover ul li a:hover {
	background-color:#C10000;
	text-decoration:none;
	color: #666666;
} /*Color subcells hovering mode*/



/*IE6 hovering*/

.menu_1 table {position:absolute; top:0; left:0; border-collapse:collapse;}

.menu_1 ul li a:hover {
	background-color:#C10000;
	text-decoration:none;
	color: #FFFFFF;
	;
} /*Color main cells hovering mode*/



.menu_1 ul li a:hover ul {display:block; width:10.0em; position:absolute; z-index:999; top:3.1em; t\op:3.0em; left:0; marg\in-top:0.1em;}



.menu_1 ul li a:hover ul li a {
	display:block;
	line-height:1.3em;
	background-color:#C10000;
	font-weight:normal;
	color:#FFFFFF;
	padding-top: 4px;
	padding-right: 16px;
	padding-bottom: 4px;
	padding-left: 16px;
	height: 20px;
} /*Color subcells normal mode*/

.menu_1 ul li a:hover ul li a:hover {
	background-color:#C10000;
	text-decoration:none;
} /*Color subcells hovering mode*/








#main_footer{
	width:880px;
	float:left;
	color:#ffffff;
	font-size: 10px;
	display: block;
	height: 40px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	}
#footer

 {
	font-size: 10px;
	clear: both;
	width:580px;
	margin-top:0px;
	display: block;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #C10000;
	text-align: left;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 295px;
	}






#footer a{
         font-size: 10px;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}

#footer a:hover
{
	font-size: 10px;
	text-decoration: underline;
}









#fusstext

{font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #333333;
	text-align: center;
	width: 880px;
	margin: 0px;
	padding: 0px;
}



.feedbackform{
padding: 5px;
}

div.fieldwrapper{ /*field row DIV (includes two columns- Styled label column and 'thefield' column)*/
width: 550px; /*width of form rows*/
overflow: hidden;
padding: 5px 0;
}

div.fieldwrapper label.styled{ /* label elements that should be styled (left column within fieldwrapper DIV) */
float: left;
width: 150px; /*width of label (left column)*/
text-transform: uppercase;
border-bottom: 1px solid red;
margin-right: 15px; /*spacing with right column*/
}

div.fieldwrapper div.thefield{ /* DIV that wraps around the actual form fields (right column within fieldwrapper DIV) */
float: left;
margin-bottom: 10px; /* space following the field */
}

div.fieldwrapper div.thefield input[type="text"]{ /* style for INPUT type="text" fields. Has no effect in IE7 or below! */
width: 250px;
}

div.fieldwrapper div.thefield textarea{ /* style for TEXTAREA fields. */
width: 300px;
height: 150px;
}

div.buttonsdiv{ /*div that wraps around the submit/reset buttons*/
margin-top: 5px; /*space above buttonsdiv*/
}

div.buttonsdiv input{ /* style for INPUT fields within 'buttonsdiv'. Assumed to be form buttons. */
width: 80px;
background: #e1dfe0;
}












.contactform {
	width:600px;
	border:solid 1px rgb(200,200,200);
	background-color:rgb(240,240,240);
	margin-top: 2em;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: 0;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
}
.contactform fieldset {
	padding:0 /*IE6*/;
	border:solid 1px rgb(220,220,220);
	margin-top: 20px;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: 0;
	padding-top: 20px;
	padding-right: 0;
	padding-bottom: 20px;
	padding-left: 0;
}
.contactform fieldset legend {margin:0 0 0 5px !important /*Non-IE*/; margin:0 0 20px 5px /*IE6*/; padding:0 2px 0 2px; color:rgb(80,80,80); font-weight:bold; font-size:70%;}
.contactform label.left {float:left; width:100px; margin:0 0 0 10px; padding:2px; font-size:70%;}
.contactform select.combo {width:175px;
	padding:2px;
	border:solid 1px rgb(200,200,200);
	font-family:verdana,arial,sans-serif;
	font-size:70%;
	float: right;
	margin-right: 140px;}
.contactform input.field {
	width:275px;
	padding:2px;
	border:solid 1px rgb(200,200,200);
	font-family:verdana, arial, sans-serif;
	font-size:70%;
	float: right;
	margin-right: 140px;}

.contactform textarea {
	border:solid 1px rgb(220,220,220);
	margin-top: 20px;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: 0;
	padding-top: 20px;
	padding-right: 0;
	padding-bottom: 20px;
	padding-left: 0;
}
.contactform input.button {float:right; width:9.0em; margin-right:20px; padding:1px !important /*Non-IE6*/; padding:0 /*IE6*/; background:rgb(230,230,230); border:solid 1px rgb(150,150,150); text-align:center; font-family:verdana,arial,sans-serif; color:rgb(150,150,150); font-size:110%;}
.contactform input.button:hover {cursor: pointer; border:solid 1px rgb(80,80,80); background:rgb(220,220,220); color:rgb(80,80,80);}




.field {
	margin: 1px;
	padding: 1px;
	display: block;
}
.left{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FF0000;
	padding: 2px;
	margin: 2px;
	float: left;
}








.main 

{

clear: both;

width: 880px;

padding-bottom: 1px;
padding-top: 20px;

}

P.bodytext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-color: black;
	margin: 0px 0px 0px 0px;
	text-align: left;
}

/* Additional attributes for content in RIGHT column */

#colRight P.bodytext {
	font-size: 12px;
}


/* Overriding attributes for columns in case of content template #3 */

#ct3 #colRight P.bodytext,
#ct3 #colLeft P.bodytext,
#ct3 #colNormal P.bodytext
{
	font-size: 12px;
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#ct3 #colLeft {
	border: 1px solid #666666;
	width: 202px;
	float: left;
	margin-right: 20px;
	font-family: 'Trebuchet MS',Tahoma,Sans-serif;
          font-size: 12px;
	}

#ct3 #colLeft img {
	
	
	padding: 1px;
	}
	
	

#ct3 #colLeft a {
            font-size:11px;
	color: #333333;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	

}






	

#ct3 #colLeft a:hover{
	color: #666666;
}

	
	


#ct3 #colNormal {
	float: left;
	margin-right: 10px;
	margin-left: 0px;
	padding-right: 10px;
	padding-left: 0px;
	
}


#ct3 #colNormal a {
            font-size:11px;
	color: #333333;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	

}






	

#ct3 #colNormal a:hover{
	color: #666666;
}



#ct3 #colRight {
	border: 1px solid #580c10;
	float: right;
	width:202px;
	padding-bottom: 1.3em;
	font-family: 'Trebuchet MS',Tahoma,Sans-serif;
          font-size: 12px;
	margin-bottom: 1em;
	 
     
}

#ct3 #colRight img {
	
	
	padding: 1px;
	}


#ct3 #colRight a {
            font-size:11px;
	color: #333333;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}

#ct3 #colRight a:hover{
	color: #666666;
}


#ct3 #box_right {
	border: 1px solid #580c10;
	float: right;
	width:202px;
	padding-bottom: 1em;
	display: inline;
	margin-bottom: 1em;
     
}




.kursplanheader  {
	background-color: #F5F5F5;
	
}






-----------------------------------------
************** Kursplan *****************
-----------------------------------------
table.kursplanTermin {
 width: 420px;
 border: 0px solid #bcce00;
}
table.kursplanTermin td {
 padding: 3px;
}


/* kompletter Plan */

table.kursplan td {
 padding: 5px;
}

td.kursplanDay {
	background-color: #bcce00;
	color: #FFF;
	font-size: 14px;
	text-align: left;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #A0BB30;
	border-bottom-color: #A0BB30;
	border-left-color: #A0BB30;
  
}

td.kursplanFeld {
	width: 120px;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #A0BB30;
	border-right-color: #A0BB30;
	border-bottom-color: #A0BB30;
	border-left-color: #A0BB30;
  
}

td.kursplanFeldStart {
	width: 120px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #A0BB30;
	border-right-color: #A0BB30;
	border-bottom-color: #A0BB30;
	border-left-color: #A0BB30;
}

td.kursplanRaum {
	background-color: #bcce00;
	color: #FFF;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	border: 1px solid #A0BB30;
}

td.kursplanBg {
	background-color: #A0BB30;
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #A0BB30;
	border-right-color: #A0BB30;
	border-bottom-color: #A0BB30;
	border-left-color: #A0BB30;
	
}





table.kursplanTerminneu {
 width: 430px;
 background-color: #F5F5F5;
 border: 0px solid #bcce00;
}
table.kursplanTerminneu td {
	width:106px;
	padding: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #D70A2B;
	font-size: 10px;
	font-weight: bold;
	border: 1px solid #CCCCCC;
	margin: 5px;
	
}
table.kursplanTerminneu tr {
	background-color: #F5F5F5;
	
}



-----------------------------------------
************** Kursplan *****************
***************** ENDE ******************
-----------------------------------------
*/




.login {
	background-color: #A0BB30;
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #A0BB30;
	border-right-color: #A0BB30;
	border-bottom-color: #A0BB30;
	border-left-color: #A0BB30;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 50px;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 50px;
	text-align: center;
}


.contenttable {
vertical-align: top;	
	
}


.contenttable td {
	vertical-align: top;
}


/* GENERAL fonts */
p, ol, ul, div,  {
         font-family: Arial, Helvetica, sans-serif;
          font-size: 10px;         
     
}





p, h1, h2,h3 {margin: 0px 0px 0px 0px;}