@charset "utf-8";
/* CSS Document */
* { 
        margin:0; 
        padding:0;
}

ul {margin-left:1em;}	
p, hr {margin:  1em 0;}
blockquote {margin-left:2em;}
hr {border:#4E9ABF solid 1px;
display:none;}

body{
	font-family:Arial, Helvetica, sans-serif;
	color:#750C00;
	background-color:#FFD11B;
	background-position:0 -40px;
	font-size:14px; line-height:1.4em;
}
#nav1 {/*home*/
	position:absolute;
	width:72px;
	height:24px;
	z-index:1;
	left: 151px;
	top:196px;
}
#nav2 {/*about*/
	position:absolute;
	width:90px;
	height:31px;
	z-index:2;
	left: 74px;
	top: 245px;
}
#nav3 {/*calendar*/
	position:absolute;
	width:72px;
	height:33px;
	z-index:3;
	left: 141px;
	top: 319px;
}

#nav4 {/*tests*/
	position:absolute;
	width:79px;
	height:54px;
	z-index:5;
	left: 142px;
	top: 463px;
}

#nav5 { /*summerschool*/
	position:absolute;
	width:101px;
	height:43px;
	z-index:4;
	left: 70px;
	top: 372px;
}

#nav6 {/*register*/
	position:absolute;
	width:73px;
	height:42px;
	z-index:6;
	left: 56px;
	top: 503px;
}
#nav7 {/*contact*/
	position:absolute;
	width:67px;
	height:27px;
	z-index:7;
	left: 143px;
	top: 550px;
}

#nav8 { /*click for english german*/
	position:absolute;
	width:57px;
	height:32px;
	z-index:1000;
	left: 677px;
	top: 13px;
}
#nav9 {/*special events*/
	position:absolute;
	width:73px;
	height:45px;
	z-index:9;
	left: 851px;
	top: 205px;
}
#nav10 { /*jobs*/
	position:absolute;
	width:57px;
	height:42px;
	z-index:100;
	left: 837px;
	top: 265px;
}
#nav9 , #nav10 {font-size:.9em}
.English #nav10 {top:270px;}
 
#nav12 { /*visit classrooms*/
	position:absolute;
	width:92px;
	height:42px;
	z-index:300;
	left: 888px;
	top: 78px;
}
#nav11 { /*summerschool*/
	position:absolute;
	width:98px;
	height:47px;
	z-index:1000;
	top:9px;
	left:281px;
}
#left {
	position:absolute;
	width:222px;
	height:671px;
	left:22px;
	top: 0px;

	background-image:url(../images/website/left.jpg);
	background-repeat:no-repeat;
	background-color:#FFD11A;
	
	
}
#top {
	position:absolute;
	width:588px;
	height:88px;
	left:245px;
	top:0px;
	z-index:200;
	background-image:url(../images/website/top.gif);
	background-repeat:no-repeat;
	background-color:#FFD11A;
}
#right {
	position:absolute;
	width:180px;
	height:495px;
	left: 832px;
	top: 0;
	background-image:url(../images/website/right.gif);
	background-repeat:no-repeat;
	background-color:#FFD11A;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#333;
	line-height:15px;
	text-align:center;
}
#topright {
	position:absolute;
	width:181px;
	height:216px;
	z-index:500;
	left: 690px;
	top: 2px;
	background-image:url(../images/website/topright/Home.png);
	background-repeat:no-repeat;

}
#wrapper {
	position:relative;
	top: 0px;
	left: 0px;
	width:990px; 
	margin: 0 auto;
	background-image:url(../images/website/leftborder.gif); background-repeat:repeat-y;
	background-position:0px; 
}
#innerwrapper {
	margin-left:245px;
	padding-top:70px;
	padding-bottom:150px;
	width:583px;
	font-family: Arial, Helvetica, sans-serif;

	z-index:1;
	background-color:#FFD11A; 

}

#content {	
	border-bottom:0px solid white;
	padding:20px 60px ;
	width:466px;
	margin-left:0px;
	margin-top:0px;
	background:url(../images/website/center.gif);
	background-repeat:repeat-y;
	
}

#contentbottom { font-size:9px; text-align:center;
	width:585px; 
	height:59px;
    background:url(../images/website/bottom.gif);
}
#contenttop { display:none;
	width:585px; 
	height:37px;
   
	
}



.left a:link, .left a:visited {
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#333;
	line-height:15px;
	text-align:center;
	color:black;  
	text-decoration:none;}
.left a:hover {color:red; }

.right a:link, .right a:visited {
font-size:.9em;color:black; 
text-decoration:none;font-weight:bold;
line-height:1.2em}
.right a:hover {color:red; }
.top a:link, .top a:visited {
	font-size:.9em;
	color:yellow; 
	text-decoration:none;
	font-weight:bold; 
	text-align:center;
	line-height:14px;}
.top a:hover {color:red; }

.left, .top, .right {text-align:center;}

#content  p {margin-bottom:1em;}
#content { line-height:1.4em;}
#content a:link, #content a:visited, #content a { text-decoration:none; color: #DF5020;}
#content a:hover {background:#E48A10; color:white;}

#content h2 {
	line-height:1.1em;
	margin-bottom:1em;
	text-align: center;
}

.fltrt {float:right}
img.fltrt {border:1px solid #ccc; margin:10px;}
.fltlt {float:left}
img.fltlt{border:1px solid #ccc; margin:10px;}
.center {text-align:center}

.popup {}
.popupsmall {}

h2 {}
h3 {color:#529BBC}
h1, h2, h3 {margin:.8em 0;}
h2 {letter-spacing:1px; }
ul {margin:1em }


.callout.fltrt {width:40%; border:1px solid #F60100;font-size:.9em; margin-left:10px;
padding:6px; margin-right:-40px;}

.new {font-size:.8em; line-height:1em; margin-top:.5em; color:red}