/* CSS Document */
*{margin:0; padding:0; border:0;}
.breaker{clear:both; font-size:1px; line-height:1px; height:0; overflow:hidden;}

#head{float:left;}
#site{ width:995px; clear:both; overflow: hidden; font-family:Verdana, Arial, Helvetica, sans-serif; background:url(/Portals/0/images/links_bg.gif) repeat-y left;}
#links{ float:left; width:136px; background:#BFD3EF;}



/************************************Anfang neues Menu*********************************************************/
#nav{background:#F3F7FC;
	float:left;
	position:relative;
	width:136px;
	list-style:none;
	padding-bottom:50px;
	border-bottom:5px solid #fff;}
#nav a {text-decoration: none;}
#nav ul{ padding-top:7px;}
#nav li {
	display: block;
	position:relative;
	border-bottom:15px solid #F3F7FC; }
#nav li li{ border:0; list-style:none;}
#nav li a,
#nav li a.aktiv {
	display: block; padding-left:15px; height:15px; position:relative;font-size:.7em;color:#636363;}

#nav li li a,
#nav li li a.aktiv {
	display: block; height:18px; position:relative;font-size:.7em; font-weight:bold; padding-left:40px; background-position: 25px 4px !important}
html>body #nav li li a,
html>body #nav li li a.aktiv {height:auto;}
	

/*do the image replacement*/
#nav li span {
	position: absolute;
	left: -9384px;}


#mgconnect a, 
#schueler a, 
#lehrer a, 
#chefs a, 
#kontakt a, 
#impressum a{
	background:url("/Portals/0/images/menu.gif") no-repeat; /*contains all hover states*/	}
#mgconnect li a{ background: url(/Portals/0/images/li_mgconnect.gif) no-repeat;}
#schueler li a{ background:url(/Portals/0/images/li_schueler.gif) no-repeat;}
#lehrer li a{ background:url(/Portals/0/images/li_lehrer.gif) no-repeat;}
#chefs li a{ background:url(/Portals/0/images/li_chefs.gif) no-repeat;}
#kontakt li a, 
#impressum li a{ background:none;}

/*first, put the initial states in place*/
#mgconnect a {	background-position: 15px 0;}
#schueler a {	background-position: 15px -15px;}
#lehrer a {	background-position: 15px -30px;}
#chefs a {	background-position: 15px -45px;}
#kontakt a {	background-position: 15px -60px;}
#impressum a {	background-position: 15px -75px;}

/*hover+active states*/
#mgconnect a:hover, #mgconnect:hover a, li#mgconnect .aktiv{
	background-position: 15px -90px;}
#schueler a:hover, #schueler:hover a, li#schueler .aktiv{
	background-position: 15px -105px;}
#lehrer a:hover, #lehrer:hover a, li#lehrer .aktiv{
	background-position: 15px -120px;}
#chefs a:hover, #chefs:hover a, li#chefs .aktiv{
	background-position: 15px -135px;}
#kontakt a:hover, #kontakt:hover a, li#kontakt .aktiv{
	background-position: 15px -150px;}
#impressum a:hover, #impressum:hover a, li#impressum .aktiv{
	background-position: 15px -165px;}
	
#mgconnect li a:hover,
#mgconnect li  a.aktiv{color:#005a9b;}
#schueler li a:hover,
#schueler li  a.aktiv{color:#cc0001;}
#lehrer li a:hover,
#lehrer li  a.aktiv{color:#fece12;}
#chefs li a:hover,
#chefs li  a.aktiv{color:#8ca8d0;}

/************************************Ende neues Menu*********************************************************/

.container,
.container_halb,
.container_halb_plus{
	border:1px solid #AABDD7;
	background:#F6F8FB;
	margin:14px 0 5px 0;
	padding:5px;
	width:813px;
	float:left;
	position:relative;
	display:block;}
	
.container_halb{
	width:273px;margin-right:15px;}

.container_halb_plus{
	width:513px;}

*html .container{	width:825px;}

*html .container_halb{width:285px;}

*html .container_halb_plus{width:528px;}


*html #teaser .container{width:223px;}
*html #mitte .container{width:583px;}
	

#teaser .container{float:left; width:213px;}
#mitte .container{margin-right:15px; width:573px;}

.s{height:115px;}
.m{height:245px;}
.l{height:370px;}

.no-border{ border:1px solid #fff !important; background:#fff !important; padding:0px !important; margin: 0 0 5px 0 !important;}
.no-border h2{background-image:none !important;}
.no-border h2 span{border-top:1px solid #fff !important; 
	border-left:1px solid #fff !important;
	background:#fff !important;}


#inhalt{ float:left; width:825px; margin-left:30px; font-size:11px; line-height: normal; min-height:350px; height:350px; padding-top:0px; }
html>body #inhalt{height:auto;}

#mitte{ float:left; width:600px; overflow:hidden; position:relative;}
#teaser{ float:right; width:225px; overflow:hidden; position:relative;}


.aufzaehlung { margin-left:10px;list-style: disc;}
.aufzaehlung li { margin-left:10px; }

.pdf{ list-style:none; margin-top:10px;}
.pdf li a{background:url(/Portals/0/images/pdf.gif) no-repeat left center; text-decoration:none; height:39px; display:block; margin-bottom:5px; font-weight:bold; padding-left:40px;}
.pdf li a:hover{ text-decoration:underline;}

a.mehr{ position:absolute; bottom: 10px; right:10px; text-decoration:none; font-weight:bold;}
a.mehr:hover{text-decoration:underline;}

/*#fuss{ margin-top:30px; float:left; background:url(/Portals/0/images/foot.jpg) no-repeat bottom; height:100px; font-size:12px;}*/
#fuss{ margin-top:30px; float:right; height:100px; font-size:12px;}
#fuss .left{float:left; padding-left:165px;}
#fuss .right{float:right; margin-right:30px;}

label{ width:100px; float:left; margin-bottom:7px;}
input, textarea{background: #e2e2e2; width:250px; border: 1px solid #635757; border-top: 1px solid #fff; border-left:1px solid #fff; float:left; margin-bottom:7px;}
textarea{ width:350px; height:100px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;}
input:focus,textarea:focus{background: #fff; border: 1px solid #635757;}
select{ width:110px; float:left; margin-bottom:7px; border:1px solid #635757;}

 #votingTabelle {width: 100%; }
 #votingTabelle td a {text-decoration:none; font-weight:bold}
 #votingTabelle .votingRadio {display:block; width: 20px;}
 #votingTabelle .votingRadio input {background:none; border:0;width:20px;margin:0px;}
 #votingTabelle .votingAntwort { width:260px; padding-left: 4px}
 #votingTabelle td .votingBar { display:block; height:6px; width:auto; float:left; margin-top:4px; }
 
 #GewinnspielContainer {width: 95%; font-family: verdana; font-size: 12px; }
 #GewinnspielContainer .Radio { width: 25px; float:left; }
 #GewinnspielContainer .Radio input{background:none; border:0; width:20px}
 #GewinnspielContainer .Antwort { width: 90px; float:left; line-height:20px ;}
 #GewinnspielContainer td { font-family: verdana; font-size: 12px; padding: 4px;}
 #GewinnspielContainer td input {width:250px;}
 #GewinnspielContainer .Info {font-family: verdana; font-size: 10px;}	 
 
.no-border .container h2{background-image:url(/Portals/0/images/box1_home_schraege.gif) !important;}
.no-border .container h2 span{border-top:1px solid #AABDD7 !important; 
	border-left:1px solid #AABDD7 !important;
	background:#F6F8FB !important; }
	
	
h2{
	background:#fff url(/Portals/0/images/box1_home_schraege.gif) no-repeat right top; 
	position:absolute; 
	top:-14px; 
	left:-1px;  
	height:15px; 
	padding-right:7px; 
	font-size:11px; 
	line-height:12px;}

h2 span{ 
	border-top:1px solid #AABDD7; 
	border-left:1px solid #AABDD7;
	background:#F6F8FB; 
	display:block; 
	padding:3px 15px 0 5px;}

h2.r{
	background:#fff url(/Portals/0/images/home_schraege2.gif) no-repeat left top !important; 
	left:auto;
	right:-1px;  
	padding-right:0 !important;
	padding-left:7px; }
*html h2.r{right:-2px;}
h2.r span{ 
	border-left:0 !important;
	border-right:1px solid #AABDD7;
	padding:3px 5px 0 15px;}
	
h3{font-size:11px; color:#005A9C;}
.mehr{ text-align:right;}
.mehr a{ text-decoration:none; font-weight:bold;}

hr{ height:1px; color:#005A9C; background:#005A9C; border:0; border-color:#005A9C;}

#suche input{width:100px; float:left;}
#suche input.check{width:15px; border:0;}
#suche label{width:60px;}
html>body #suche label { margin-left: 17px; }
input.chk{width:auto; border:0; background:none;}
.chk {
	float:left;
	display:block;
	width:8px;
	height:8px;
	cursor:pointer;
	
}

.schueler img { border:2px solid #cc0000; float: left; margin:3px 5px;}
.lehrer img{ border:2px solid #fccf10; float: left; margin:3px 5px;}
.chefs img{ border:2px solid #8ca8cf; float: left; margin:3px 5px;}
.alle img{ border:2px solid #023c64; float: left; margin:3px 5px;}


.kalender{padding:0 !important;}
.kalender th{background:#005A9C; color:#fff;}
.kalender table{margin-top:10px;}
.kalender td{border:1px solid #005A9C; height:70px !important; background:#e5eef5;}
.kalender td.schueler{ background:#f5cbcc;}
.kalender td.lehrer{ background:#fff5d1;}


.schueler img { border:2px solid #cc0000; float: left; margin:5px;}
.lehrer img{ border:2px solid #fccf10; float: left; margin:5px;}
.chefs img{ border:2px solid #8ca8cf; float: left; margin:5px;}
.alle img{ border:2px solid #023c64; float: left; margin:5px;}

.mgconnect{color:#005a9b;}
.schueler{color:#cc0001;}
.lehrer{color:#fece12;}
.chefs{color:#8ca8d0;}

.info{ background:url(/Portals/0/images/detail_info.gif) no-repeat 10px center; border-top:1px solid #005a9c; padding-left:40px; vertical-align:top;}
.pdf{ background:url(/Portals/0/images/detail_pdf.gif) no-repeat 10px center; border-top:1px solid #005a9c; padding-left:40px;}
.kontakt{ background:url(/Portals/0/images/detail_kontakt.gif) no-repeat 10px center; border-top:1px solid #005a9c; padding-left:40px; vertical-align:top;}
.termin{ background:url(/Portals/0/images/detail_termin.gif) no-repeat 10px center; border-top:1px solid #005a9c; padding-left:40px;}
.links{ background:url(/Portals/0/images/detail_link.gif) no-repeat 10px center; border-top:1px solid #005a9c; padding-left:40px;}

h3{font-size:11px; color:#005A9C; margin-bottom:8px;}
p{ margin-bottom:8px; color:#636363;}

.contenttext 
{ 
	font-size: 11pt;
	color: #636363;
	line-height: 16pt;
}

.projekttext 
{ 
	font-size: 10pt;
	color: #636363;
	line-height: 15pt;
}

.teasertext 
{ 
	margin-top: 15px;
	margin-bottom: 20px;
	font-size: 9.5pt;
	color: #636363;
	line-height: 13pt;
}