*{
	padding: 0;
	margin: 0;
	border: 0;
}

html{
	height: 100%;
	padding-bottom: 1px;
}

body{
	background-color: #ffb300;
	color: #221e1f;
	font-family: Arial, Helvetica, sans-serif;
	font-size:100.01%;
	text-align: center;
	padding-top: 30px;
}

#container{
	width: 887px;
	position: relative;
	margin: 0 auto;
	/*padding-top: 25px;*/
	text-align: left;
	/*border: 1px solid green;*/
	background-color: #fff;
}






/* headerbereich
***********************************************************************************/
#header{
	position: relative;
	background: #fff url(../img/hg-header-mitlogo.gif) no-repeat top left;
	color: #221e1f;
	padding-left: 234px;
	text-align: left;
	clear: left; /*margin-top: 28px;*/
	height: 235px;
	/*border: 1px solid blue;*/
}

/*This group of directions applies the “off-left” technique
to a bunch of elements that should be invisible. These elements help blind users and search engines
to fully comprehend each page.*/
#header h1 em{
	position: absolute; 
	width: 1px;
	height: 1px;
	left: -3000px;
}


#header h2{
	position: absolute;
	top: 160px;
	right: 13px;
	text-align: right;
	font-size: 0.85em;
	font-weight: normal;
}





/* sprachauswahl
___________________________________________________*/


#language{
position: absolute;
left: 226px;
top: 24px;
	/*margin-left: 226px;*/
	text-align: left;
	/*border: 1px solid transparent;
	margin-top: 25px;*/
}


#language option{
	width: 80px;
}

#language select{
	width: 80px;
}
#language ul{
	list-style-type: none;
}

#language ul li{
	float: left;
	width: 52px;
	display: block;
	height: 21px;
	font-size: 0.8em;
	line-height: 2em;
}

#language ul li a:link, #language ul li a:visited {
	text-decoration: none;
	background: #fff url(../img/language-inaktiv.gif) no-repeat top left;
	width: 52px;
	display: block;
	height: 21px;
	text-align: center;
	color: #221e1f;
	
}

#language ul li a:hover, #language ul li a:active {
	text-decoration: none;
	background: #fff url(../img/language-aktiv.gif) no-repeat top left;
	width: 52px;
	display: block;
	height: 21px;
	text-align: center;
	vertical-align: bottom;
	color: #221e1f;
	
}

#language ul li a.languageactive{
	text-decoration: none;
	background: #fff url(../img/language-aktiv.gif) no-repeat top left;
	width: 52px;
	display: block;
	height: 21px;
	text-align: center;
	vertical-align: bottom;
	color: #221e1f;
	
}





/* bild im kopfbereich
___________________________________________________*/

#header #picture{
	position: absolute;
	top: 50px;
	right: 4px;
	width: 490px;*/
	/*height: 103px;*/
	background-color: transparent;
	text-align: right;
	/*font-size: 0.75em;
	float: right;
	padding-top: 8px;
	padding-right: 8px;*/
}




/* navigationsbutton im headerbereich
__________________________________________*/
#navibutton{
	padding-top: 55px;
	width: 150px;
}


#navibutton ul{
	list-style: none;
	list-style-type: none;
	width: 150px;
	/*padding-top: 10px;
	border: 1px solid green;
	margin-top: 50px;*/
}

#navibutton ul li{
	/*height: 30px;*/
	text-align: center;
	background: #fff url(../img/navi-button.gif) no-repeat 0% 50%;
	vertical-align: middle;
	line-height: 2.2em;
	font-size: 0.8em;
}

#navibutton ul li a{
	text-decoration: none;
	background-color: #ffb300;
	background-color: transparent;
	color: #221e1f;
	padding: 2px;
	display: block;
	/*background: #fff url(../img/navi-button.gif) no-repeat 0% 50%;
	vertical-align: middle;
	line-height: 2.2em;*/
}



/* drei navigationspunkte parents, teachers, companies
___________________________________________________________*/

#mainnavi ul{
	list-style-type: none;
	/*margin-top: 30px;*/
	margin-top: 45px;
}

#mainnavi ul li{
	/*float: left;*/
	display: inline;
	font-variant:small-caps;
	padding: 3px;
	font-size: 0.95em;
}




/* linker bereich
_______________________________________________*/

#left{
	float: left;
	width: 215px;
}

#left img{
	margin-left: 17px;
}

/* rechter bereich
____________________________________________*/

#right{
	float: right;
	width: 209px;	
}


/*#right h1{
	background: #fff url(../img/hg-naviright.gif) no-repeat top right;
	font-size: 1em;
	padding-left: 10px;
	line-height: 1.6em;
	font-weight: normal;
}
*/

/* content bereich
_______________________________________________________*/

#content {
/*background-color: #fff;*/
padding: 0;
margin: 0 235px;
margin: 0 220px 0 235px;

}

/*zweispalter*/

#large #content{
	margin: 0 10px 0 235px;
}

#content h1{
	font-size: 1.1em;
	color: #a22f25;
	margin-bottom: 8px;
	margin-left: 3px;
}

#parents #content h1{
	color: #ff9600;
}

#teachers #content h1{
	color: #00568a;
}

#companies #content h1{
	color: #489324;
}


/*#content table{
	width: 420px;
	margin: 0;
	padding: 0;
}

#large #content table#contentLarge{
	width: 550px !important;
	border: 1px solid green;
	background: yellow;
}

#large #content table{
	width: 610px;
}
*/

table.content{
	width: 420px;	
	position: relative;
}




/* navi left
****************************************************************/

#navileft{
	width: 210px;
	/*width: 13.20em;*/
	text-align: left;
	/*margin-top: 25px;*/
	background-color: #fff;
	/*float: left;*/
}

#navileft ul{
	list-style: none;
}

#navileft ul li{
	display: block;
	background-color: #fff;
	color: #221e1f;
	margin-bottom: 2px;
}

#navileft ul li.parents{
	display: block;
	background-color: #ffd300;
	color: #221e1f;
	margin-bottom: 2px;
	margin-left: 13px;
	padding-left: 25px;
	line-height: 1.7em;
	font-size: 0.85em;
	font-variant:small-caps;
	font-weight: bold;
	letter-spacing: 2px;
}

#navileft ul li.teachers{
	display: block;
	background-color: #90aac1;
	color: #221e1f;
	margin-bottom: 2px;
	margin-left: 13px;
	padding-left: 25px;
	line-height: 1.7em;
	font-size: 0.85em;
	font-variant:small-caps;
	font-weight: bold;
	letter-spacing: 2px;
}

#navileft ul li.companies{
	display: block;
	background-color: #96c147;
	color: #221e1f;
	margin-bottom: 2px;
	margin-left: 13px;
	padding-left: 25px;
	line-height: 1.7em;
	font-size: 0.85em;
	font-variant:small-caps;
	font-weight: bold;
	letter-spacing: 2px;
}

/*#navileft ul li a{
	text-decoration: none;
	font-size: 0.8em;
	display: block;
	margin-left: 13px;
	padding-left: 25px;
	line-height: 1.7em;
	color: #221e1f;
}

#navileft ul li a.main:link, #navileft ul li a.main:visited{
	background-color: #efefef;
}

#navileft ul li a.main:hover{
	background: #efefef url(../img/bass-navileft-main.gif) no-repeat 0 70%;

}
*/




#footer{
	position: relative;
	clear: both;
	text-align: right;	
	background:#ffb300 url(../img/hg-footer-alles.gif) no-repeat top left;
	padding-top: 14px;
	height: 41px;

}

#footertext{
position: absolute;
top: 18px;
right: 0;
	width: 400px;
	/*line-height: 1.5em;
	padding: 2px 10px 3px 20px;	
	margin-left: 470px;*/
	font-size: 0.75em;
	text-align: left;
	
}

.stopleft {
	clear: left;
	line-height:0px;
	font-size:0px;
}
.stopright {
	clear: right;
	line-height:0px;
	font-size:0px;
}
.stopfloat {
	clear: both;
	line-height:0px;
	font-size:0px;
}
.stopright p, .stopleft p, .stopfloat p {
	display: none;
}

/*p{
	margin-bottom: 15px;
}*/

p{
	font-size: 0.8em;
margin-bottom: 8px;
padding-left: 3px;
line-height: 1.4em;
}

/* class schedule and tutions
________________________________________________________*/

table.tuitionsTable{
	background-color:#ffe694;
}

table.tuitionsTable td{
	background-color: #fff;
	padding: 3px;
	/*font-size: 0.8em;*/
	text-align: center;
	vertical-align: middle;
}

table.tuitionsTable td p{
font-size: 0.8em;
}
table.tuitionsTable th{
	padding: 3px;
	font-size: 0.8em;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
}

#content ul{
	list-style-type: disc;
	margin-left: 25px;
	font-size: 0.8em;
	list-style-position: outside;
	margin-bottom: 20px;
}

#content ol{
	margin-left: 25px;
	font-size: 0.8em;
	list-style-position: outside;
	margin-bottom: 20px;
}


/* shop bereich
_______________________________________________________*/
.shopListe{
	float:left;
   text-align:left;
   /*width:170px;*/
/*font-weight: 0.7em;*/
	margin: 10px 0 10px 0;
	border-bottom: 1px solid #a22f25;
	width: 400px;
}

.shopListe a{
	font-size: 1em;
	
	color: #a22f25 !important;
}

.shopListe img{
	float: left;
	margin-right: 15px;
	margin-bottom: 10px;
}


#headlineShop{
	font-size: 1em;
	color: #a22f25;
	font-weight: bold;
}

/* registration
________________________________________________________________*/
table.contentregistry{
	overflow: hidden;
}


textarea{
	width: 350px;
	border: 1px solid gray;
}

input.flowtextblack{
	font-size: 1em;
		border: 1px solid gray;
	width: 250px;
	font-size: 0.8em;
}

p.labels{
	font-size: 0.8em;
	width: 120px;
	padding-right: 8px;
}
td.formheadline{
	font-weight: bold;
	font-size: 0.9em;
	padding-top: 15px;
	padding-bottom: 8px;
}

td.textnormal, .textnormal{
	font-size: 0.8em;
}

input.small{
	width: 20px;
	border: none;
}

input.short{
	width: 60px;
	font-size: 1em;
		border: 1px solid gray;
	font-size: 0.8em;
}

select{
	border: 1px solid gray;
}

.smalltext{
	font-size: 0.75em;
}

button.flowtextblack{
	background-color: #fff;
	border: 1px solid #ffb300;
	font-size: 0.9em;
}
/*label{
	width: 150px;
	font-size: 0.8em;
}





input.short{
	width: 60px;
}
input.city{
	width: 100px;
}

label.longer{
	width: 250px;
}
textarea{
	font-size: 0.8em;
	border: 1px solid gray;
	width: 250px;
}
*/