body, html{
	width:100%; height:100%;
}
body{
	font-family:Helvetica,Arial,sans-serif;
	font-size:12px;
	line-height:130%;
	text-align:center;
	background-color:#dee0cd;
}

*{ margin:0; padding:0;}

/* Startpage */
#bgwrapper_start{
	background:#dee0cd url('../img/bg_start.jpg') no-repeat center top;
	min-width:970px;
	height:100%;
}
	#starth1{
		height:490px;
		overflow:hidden;
		line-height:2000px;
	}
	#startbutton{
		color:#444444;
		display:block;
		font-size:20px;
		font-weight:bold;
		height:100px;
		padding:200px 0 30px 385px;
		position:absolute;
		text-align:center;
		text-decoration:none;
		top:300px;
		width:600px;
	}
	a#startbutton:hover{
		color:#000;
	}
	div.startcontent{
		position:absolute; left:430px; top:0; width:280px;
	}
		div.startcontent div{
			position:relative; height:320px;
		}
			div.startcontent div div{
				position:absolute; bottom:0; height:auto;
			}
/* Layout */

#bgwrapper{
	background:#dee0cd url('../img/bg_body.jpg') no-repeat center top;
	min-width:970px;
}

#wrapper{
	position:relative;
	width:970px;
	margin:0 auto;
	text-align:left;
	overflow-x:visible;
}



/* Haeder */
	#header{
		position:relative;
		height:260px;
	}
	#header h1, #header h2{
		display:none;
	}
	#header ul{
		margin:0;
	}
	/* Impressnav */
		#impressnav{
			position:absolute;
			right:54px;
			top:134px;
			list-style-type: none;
			text-align:right;
		}
			#impressnav li{ float:left;}
			#impressnav li a{
				display:block;
				float:left;
				color:#02549e;
				font-size:14px;
				text-decoration:none;
				padding:0 10px 0 10px;
			}
			#impressnav li a:hover{
				color:#000;
			}
	/* mainnav */
		#mainnav{
			position:absolute;
			right:54px;
			top:183px;
			list-style-type: none;
		}
			#mainnav li{ float:left; }
			#mainnav a{
				display:block;
				float:left;
				color:#fff;
				font-size:14px;
				text-decoration:none;
				padding:0 10px 0 10px;
			}
			#mainnav a:hover, #mainnav li.active a{
				color:#fbdc12;
			}
			#mainnav li.active a{
				font-weight:bold;
			}
			
			
			
/* Sidebar */
	#sidebar{
		position:absolute;
		left:50px;top:280;
		width:300px;
	}
		#sidebar h2{
			display:none;
		}
		#subnav{
			position:relative;
			padding:0;
			margin:0;
			list-style-type: none;
		}
			#subnav li{
				position:static;
			}
			#subnav a{
				position:relative;
				display:block;
				width:285px;
				height:75px;
				overflow:hidden;
				line-height:300px;
			}
/* Nav 01 */
			#subnav a.aufgabe{
				background:transparent url('../img/sn_aufgabe.gif') no-repeat 19px 37px;
			}
			#subnav a.aufgabe:hover, #subnav li.active a.aufgabe{
				background:transparent url('../img/sn_aufgabe_hi.gif') no-repeat 19px 37px;
			}
			#subnav a.herausforderung{
				background:transparent url('../img/sn_herausforderung.gif') no-repeat 34px 0;
			}
			#subnav a.herausforderung:hover, #subnav li.active a.herausforderung{
				background:transparent url('../img/sn_herausforderung_hi.gif') no-repeat 34px 0;
			}
			#subnav a.writeup{
				background:transparent url('../img/sn_writeup.gif') no-repeat 99px 15px;
			}
			#subnav a.writeup:hover, #subnav li.active a.writeup{
				background:transparent url('../img/sn_writeup_hi.gif') no-repeat 99px 15px;
			}
			#subnav a.buildingBridges{
				background:transparent url('../img/sn_buildingbridges.gif') no-repeat 59px 0;
			}
			#subnav a.buildingBridges:hover, #subnav li.active a.buildingBridges{
				background:transparent url('../img/sn_buildingbridges_hi.gif') no-repeat 59px 0;
			}
/* Nav 02 */
			#subnav a.schueleraustausch{
				background:transparent url('../img/sn_schueleraustausch.gif') no-repeat 0 0;
				top:-12px; height:85px;
				position:absolute;
			}
			#subnav a.schueleraustausch:hover, #subnav li.active a.schueleraustausch{
				background:transparent url('../img/sn_schueleraustausch_hi.gif') no-repeat 0 0;
			}
			#subnav a.schueleraustausch2{
				background:transparent url('../img/sn_schueleraustausch2.gif') no-repeat 29px 0;
				top:57px;
				position:absolute;
			}
			#subnav a.schueleraustausch2:hover, #subnav li.active a.schueleraustausch2{
				background:transparent url('../img/sn_schueleraustausch2_hi.gif') no-repeat 29px 0;
			}
			#subnav a.schueleraustausch3{
				background:transparent url('../img/sn_schueleraustausch3.gif') no-repeat 55px 0;
				height:50px;
				top:120px;
				position:absolute;
			}
			#subnav a.schueleraustausch3:hover, #subnav li.active a.schueleraustausch3{
				background:transparent url('../img/sn_schueleraustausch3_hi.gif') no-repeat 55px 0;
			}
			#subnav a.schueleraustausch4{
				background:transparent url('../img/sn_schueleraustausch4.gif') no-repeat 19px 0;
				height:45px;
				top:175px;
				position:absolute;
			}
			#subnav a.schueleraustausch4:hover, #subnav li.active a.schueleraustausch4{
				background:transparent url('../img/sn_schueleraustausch4_hi.gif') no-repeat 19px 0;
			}
			#subnav a.schueleraustausch5{
				background:transparent url(../img/sn_schueleraustausch5.gif) no-repeat scroll 49px 0;
				height:65px;
				top:215px;
				position:absolute;
			}
			#subnav a.schueleraustausch5:hover, #subnav li.active a.schueleraustausch5{
				background:transparent url('../img/sn_schueleraustausch5_hi.gif') no-repeat 49px 0;
			}
			#subnav a.schueleraustausch6{
				background:transparent url(../img/sn_schueleraustausch6.gif) no-repeat scroll 39px 0;
				top:290px;
				position:absolute;
			}
			#subnav a.schueleraustausch6:hover, #subnav li.active a.schueleraustausch6{
				background:transparent url('../img/sn_schueleraustausch6_hi.gif') no-repeat 39px 0;
			}
/* Nav03 */
			#subnav a.spaghetti01{
				background:transparent url('../img/sn_spaghetti01.gif') no-repeat scroll 10px 0;
				height:90px;
			}
			#subnav a.spaghetti01:hover, #subnav li.active a.spaghetti01{
				background:transparent url('../img/sn_spaghetti01_hi.gif') no-repeat 10px 0;
			}
			#subnav a.spaghetti02{
				background:transparent url('../img/sn_spaghetti02.gif') no-repeat scroll 35px 22px;
				height:90px;
			}
			#subnav a.spaghetti02:hover, #subnav li.active a.spaghetti02{
				background:transparent url('../img/sn_spaghetti02_hi.gif') no-repeat 35px 22px;
			}
			
			.spaghettipic{
				left:60px;
				position:absolute;
				top:220px;
			}

/* Nav04 */
			#subnav a.bruecken{
				background:transparent url('../img/sn_bruecken1.gif') no-repeat 50px 10px;
 				height:60px;
				position:absolute;
			}
			#subnav a.bruecken:hover, #subnav li.active a.bruecken{
				background:transparent url('../img/sn_bruecken1_hi.gif') no-repeat  50px 10px;
			}
			#subnav a.bruecken2{
				background:transparent url('../img/sn_bruecken2.gif') no-repeat 0 0;
				height:100px; top:58px;
				position:absolute;
			}
			#subnav a.bruecken2:hover, #subnav li.active a.bruecken2{
				background:transparent url('../img/sn_bruecken2_hi.gif') no-repeat 0 0;
			}
			#subnav a.bruecken3{
				background:transparent url(../img/sn_bruecken3.gif) no-repeat scroll 10px 5px;
				height:50px;
				top:158px;
				position:absolute;
			}
			#subnav a.bruecken3:hover, #subnav li.active a.bruecken3{
				background:transparent url('../img/sn_bruecken3_hi.gif') no-repeat 10px 5px;
			}
			
			#subnav a.bruecken5{
				background:transparent url(../img/sn_bruecken5.gif) no-repeat scroll 55px 10px;
				height:60px;
				top:208px;
				position:absolute;
			}
			#subnav a.bruecken5:hover, #subnav li.active a.bruecken5{
				background:transparent url('../img/sn_bruecken5_hi.gif') no-repeat 55px 10px;
			}
			
			#subnav a.bruecken4{
				background:transparent url(../img/sn_bruecken4.gif) no-repeat scroll 75px 10px;
				top:268px;
				position:absolute;
			}
			#subnav a.bruecken4:hover, #subnav li.active a.bruecken4{
				background:transparent url('../img/sn_bruecken4_hi.gif') no-repeat 75px 10px;
			}

#schoollogo	{
	display:block;
	width:120px;
	float:left;
	margin-top:351px;
}

/* Content */
	#content{
		float:right;
		background:transparent url('../img/bg_content.gif') no-repeat right top;
		width:530px;
		padding: 2em 58px 3em 153px;
		color:#444;
	}
		#content.gallerylink{
			padding-bottom:200px;
		}
	
		#content a{
			text-decoration:underline;
		}

		/* more...content */
			a#moretoggler{
				display:block; width:92px; height:19px;
				overflow:hidden;
				line-height:200px;
				color:#02549e;
				cursor:pointer;
				background:transparent url('../img/mehr.gif') no-repeat 0 0;
				margin:2em 0 1em 0;
				padding-bottom:3px;
				border-bottom:2px solid #fff;
			}
			a#moretoggler.active{
				background:transparent url('../img/mehr_hi.gif') no-repeat 0 0;
			}
			a#moretoggler:hover{
				text-decoration:none;
				border-bottom:2px dotted #02549e;
			}
			.js_more{
				padding:1em 0 2em 0;
			}
			
			#content dl{
				padding-top:1em;
			}
			#content dt{
				font-weight:bold;
				color:#02549e;
				margin-bottom:0.5em;
			}
			#content dd{
				margin-bottom:1.5em;
			}
			
		#bildserien{
			position:relative;
			width:970px;
			margin:0 auto;
		}
			.gallery02{
				position:absolute;
				top:-227px;
				left:398px;
			}
			.gallery02_1{
				left:365px;
				position:absolute;
				top:-164px;
			}
			.gallery02_2{
				left:417px;
				position:absolute;
				top:-185px;
			}
			.gallery02_3{
				left:393px;
				position:absolute;
				top:-142px;
			}
			.gallery02_4{
				left:406px;
				position:absolute;
				top:-186px;
			}
			.gallery02_5{
				left:408px;
				position:absolute;
				top:-190px;
			}
			.gallery02_6{
				left:404px;
				position:absolute;
				top:-192px;
			}
			.gallery03{
				left:364px;
				position:absolute;
				top:-170px;
			}
			.gallery03_1{
				left:407px;
				position:absolute;
				top:-172px;
			}
			.gallery04{
				left:397px;
				position:absolute;
				top:-177px;
			}
			.gallery04_1{
				left:434px;
				position:absolute;
				top:-128px;
			}
			.gallery04_3{
				left:377px;
				position:absolute;
				top:-165px;
			}
			.gallery04_5{
				left:377px;
				position:absolute;
				top:-158px;
			}
			.gallery04_4{
				left:518px;
				position:absolute;
				top:-175px;
			}
			
div#bildergalerie{
	padding:20px 0 0 0;
}
div#bildergalerie a{
	display:block;
	float:left;
	padding:;
	width:130px;
	height:130px;	
	background:transparent url('../img/bg_thumb.jpg') no-repeat center top;
}
	div#bildergalerie a img{
		margin:14px 0 0 16px;
		border:1px solid #fff;
	}
	div#bildergalerie a:hover img{
		border:1px solid #fcdb30;
	}

#content a{
	text-decoration:underline;
	color:#444;
}
#content a:hover{
	text-decoration:none;
	color:#000;
}


/* Footer */
#footer{
	text-align:center;
	clear:both;
	background:#dee0cd url('../img/bg_footer.jpg') no-repeat center top;
	height:104px;
	min-width:970px;
}

/* Common Styles */
h1, h2, h3, h4, p{
	margin:0 0 1em 0;	
}

h2{
	color:#02549e;
	font-size:16px;
}
h3{
	font-size:13px;
}
h4{
	font-size:12px;
}
ul{
	margin:1em;
}

img{
	border:none;
}
.clear{
	clear:both;
}
.italo{
	font-style:italic;
}