/* CSS Document */
/* basic elements */
/* commented backslash hack v2 \*/
/** html {
	overflow:hidden;
	}
/* end of hack */
html {
	margin: 0;
	padding: 0;
	}
body
{
background-color: #8ea0c0;
background-image:url(cssgraphics/body_bg1680.png);
background-repeat: repeat-x;
font-family: Verdana, Arial, sans-serif;
font-size: 100.01%;
color: #000000;
text-decoration: none;
width: 100%;
height: 100%;
margin: 0;
padding: 0
}
#header {
	background-image: url(cssgraphics/header1280.jpg);
	background-repeat: no-repeat;
	width: 1034px;
	height: 160px;
	margin-left: auto;
	margin-right: auto;
	margin-top:45px;
	}
*+html #header{position:relative; height: 200px; background-image: url(cssgraphics/header1280.jpg);}
#header h3 {
	display: none;
	}
#footer {
	background-image: url(cssgraphics/footer_bg1280.png);
	background-repeat: no-repeat;
	font-family: Georgia;
	color: #363e4b;
	width: 1034px;
	height: 160px;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	}
*+html #footer{margin-top:0px}
#footer h3 {
	display: none;
	}
#footer ul {
	padding: 20px;
	}
#footer li {
	float: left;
	margin-left: 10px;
	margin-right: 10px;
	text-align: center;
	list-style-type: none;
	}
#footer li a:link {
	color: #000000;
	text-decoration: none;
	}
#container {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	position: relative;
	width: 994px;
	margin-left: auto;
	margin-right: auto;
	margin-top: -5px;
	padding: 10px 20px 10px 20px;
	background-image: url(cssgraphics/container_bg1280.png);
	background-repeat: repeat;
	overflow: auto;
	}
*+html #container {margin-top:0px;}
#leftMenu {
	position: relative;
	float:left;
	display:block;
	width: 190px;
	}
#adress {
	position: relative;
	display:block;
	width: 190px;
	}
#content {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #000000;
	position: relative;
	width: 750px;
	margin-left: 200px;
	margin-top: -18px;
	padding: 20px 10px 10px 20px;
	overflow: auto;
	}
#content a:link {color: #2630a2; text-decoration: none;}
#content a:hover {color: #0000FF; text-decoration: underline;}
#content a:visited {color: #4c5667; text-decoration: none;}
*+html #content {overflow: hidden;}
#content .newsbox {
	display: block;
	position: relative;
	float: left;
	margin-left: 7px;
	}
#content .newsheader {
	display: block;
	font-family: Georgia, serif;
	color: #363e4b;
	width: 715px;
	height: 30px;
	padding: 10px;
	background-image: url(cssgraphics/newshead1280.gif);
	background-repeat: no-repeat;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	text-indent: 0px;
	line-height: 7px;
	font-weight: bold;
	cursor: pointer;
	}
#content .newsheader:hover{color: #aa0000;}/*gelb: #EAE35B;}lila: #7e15db;}*/
#content .newsbody {
	display: block;
	font-family: Geneva, Arial, Helvetica, sans-serif;/*font-family: Georgia, serif;*/
	color: #363e4b;
	width: 715px;
	padding: 10px;
	background-image: url(cssgraphics/news_bg1280.gif);
	background-repeat: repeat-y;
	margin-top: -20px;
	margin-left: auto;
	margin-right: auto;
	line-height: 25px;
	text-indent: 0px;
	text-align: justify;
	overflow: hidden;
	}
*+html #content .newsbody{margin-top: -22px;}
#content .newsfoot {
	display: block;
	font-family: Georgia, serif;
	color: #363e4b;
	width: 715px;
	height: 30px;
	padding: 10px;
	background-image: url(cssgraphics/newsfoot1280.gif);
	background-repeat: no-repeat;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	text-indent: 10px;
	line-height: 5px;
	font-style: italic;
	}
#content .foottext {
	font-family: Georgia, serif;
	text-indent: 10px;
	line-height: 5px;
	font-style: italic;
	display: none;
	}
#content .medium_box {
	float: left;
	display: block;
	position: relative;
	width: 735px;
	/*margin-left: 0px;*/
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	}
	.mheader {
	font-family: Georgia, serif;
	color: #363e4b;
	width: 715px;
	height: 30px;
	padding: 10px;
	background-image: url(cssgraphics/newshead1280.gif);
	background-repeat: no-repeat;
	margin-top: 10px;
	margin-left: 7px;
	text-indent: 0px;
	line-height: 7px;
	font-weight: bold;
	}
	.mbody {
	font-family: Geneva, Arial, Helvetica, sans-serif;/*font-family: Georgia, serif;*/
	color: #363e4b;
	width: 715px;
	padding: 10px;
	background-image: url(cssgraphics/news_bg1280.gif);
	background-repeat: repeat-y;
	margin-top: -20px;
	margin-left: 7px;
	line-height: 25px;
	text-indent: 0px;
	text-align: justify;
	overflow: hidden;
	}
*+html #content .mbody{margin-top: -22px;}
	.mfoot {
	font-family: Georgia, serif;
	color: #363e4b;
	width: 715px;
	height: 30px;
	padding: 10px;
	background-image: url(cssgraphics/newsfoot1280.gif);
	background-repeat: no-repeat;
	margin-bottom: 10px;
	margin-left: 7px;
	text-indent: 10px;
	line-height: 5px;
	font-style: italic;
}
#content .small_box {
	float: left;
	display: block;
	position: relative;
	width: 479px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	}
	.sheader {
	font-family: Georgia, serif;
	color: #363e4b;
	width: 459px;
	height: 30px;
	padding: 10px;
	background-image: url(cssgraphics/newshead1024.gif);
	background-repeat: no-repeat;
	margin-top: 10px;
	margin-left: 7px;
	text-indent: 0px;
	line-height: 7px;
	font-weight: bold;
	}
	.sbody {
	font-family: Geneva, Arial, Helvetica, sans-serif;/*font-family: Georgia, serif;*/
	color: #363e4b;
	width: 459px;
	padding: 10px;
	background-image: url(cssgraphics/news_bg1024.gif);
	background-repeat: repeat-y;
	margin-top: -20px;
	margin-left: 7px;
	line-height: 25px;
	text-indent: 0px;
	text-align: justify;
	text-align: justify;
	overflow: hidden;
	}
*+html #content .sbody{margin-top: -22px;}
	.sfoot {
	font-family: Georgia, serif;
	color: #363e4b;
	width: 459px;
	height: 30px;
	padding: 10px;
	background-image: url(cssgraphics/newsfoot1024.gif);
	background-repeat: no-repeat;
	margin-bottom: 10px;
	margin-left: 7px;
	text-indent: 10px;
	line-height: 5px;
	font-style: italic;
}
#content .infobox {
	float: right;
	display: block;
	position:relative;
	width: 200px;
	margin-right: 15px;
	margin-left: auto;
	margin-top: 10px;
	margin-bottom: 20px;
	}
	.iheader {
	font-family: Georgia, serif;
	color: #363e4b;
	width: 180px;
	height: 30px;
	padding: 10px;
	background-image: url(cssgraphics/info_hd.gif);
	background-repeat: no-repeat;
	margin-top: 10px;
	margin-left: 7px;
	text-indent: 0px;
	line-height: 7px;
	font-weight: bold;	
	}
	.ibody {
	font-family: Geneva, Arial, Helvetica, sans-serif;/*font-family: Georgia, serif;*/
	color: #363e4b;
	width: 180px;
	padding: 10px;
	background-image: url(cssgraphics/info_bg.gif);
	background-repeat: repeat-y;
	margin-top: -20px;
	margin-left: 7px;
	line-height: 25px;
	text-indent: 0px;
	text-align: justify;
	overflow: hidden;
	}
*+html #content .ibody{margin-top: -22px;}
	.ifoot {
	width: 200px;
	height: 5px;
	background-image: url(cssgraphics/info_ft.gif);
	background-repeat: no-repeat;
	margin-bottom: 10px;
	margin-left: 7px;
}
#pad {height:100px;}
/* neu FlyIn-Box für Zusatzinformationen */
#info a.logininfo { text-decoration:none; margin-left:1.0em; height: 1px; width: 1px; color:#edf1f7; }
#info a.logininfo:hover { cursor:help; color:#505b6f; background:#edf1f7; }
#info a.logininfo span { visibility:hidden; position:absolute; left:-99em;
		margin-top:-15em; margin-left:5em; padding:1em; text-decoration:none; width:500px;}
#info a.logininfo:hover span, a.logininfo:focus span, a.logininfo:active span {
		visibility:visible; left:1em;
		border:1px solid #505b6f; 
		color:#363e4b; 
		background:white; /*#edf1f7;*/ 
		text-align:left; 
		font-family: Geneva, Arial, Helvetica, sans-serif; 
		font-size: 14px;}
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssmenus.co.uk
Copyright (c) 2009- Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
#menuContainer {width:2000px; position:fixed; left:0px; top:0px; overflow:hidden; background:url(cssgraphics/ulback.gif) repeat-x;z-index:40;}
* html #menuContainer {position: absolute;}
#menu {padding:0; margin:0; list-style:none; float:left; height:41px; position:relative; left:50%;}
#menu li {float:left; position:relative; right:50%; margin:0 2px;}
#menu li a.current {text-decoration: underline;}
#menu li a {display:block; height:41px; line-height:40px; padding:0 15px 0 0; float:left; color:#fff; text-decoration:none;}
#menu li a b {display:block; height:41px; float:left; padding:0 0 0 15px; cursor:pointer;}
#menu li a:hover, 
.home #menu li#home a,
.pupils #menu li#pupils a,
.parents #menu li#parents a,
.interest #menu li#interest a,
.teacher #menu li#teacher a,
.legal #menu li#legal a,
.contact #menu li#contact a
{background:url(cssgraphics/button.png) no-repeat right top; line-height:36px;}
#menu li a:hover b,
.home #menu li#home a b,
.pupils #menu li#pupils a b,
.parents #menu li#parents a b,
.interest #menu li#interest a b,
.teacher #menu li#teacher a b,
.legal #menu li#legal a b,
.contact #menu li#contact a b
{background:url(cssgraphics/button.png) no-repeat left top; line-height:36px;}

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssmenus.co.uk
Copyright (c) 2009- Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
#flyout {float:left; padding:0; margin:3px 0 0 0; list-style:none; position:relative; width:190px; z-index: 20;}
#flyout ul {padding:0; margin:0; list-style:none; width:170px; height:auto; background: url(cssgraphics/trans.gif); position:absolute; left:-9999px; top:0;}
#flyout table {border-collapse:collapse; width:0; height:0; margin:-1px -10px;}

#flyout li {float:left; margin-bottom:1px;}
#flyout li.name {margin-top:10px; display:block; float:left; width:190px; height:70px; line-height:24px; color: #505b6f; font-family:Georgia, "Times New Roman", Times, serif; font-size:16px; font-weight:bold; text-decoration:none; text-indent:0px;}
#flyout li.adress {margin-top:10px; display:block; float:left; width:190px; height:50px; line-height:24px; color: #505b6f; font-family:Georgia, "Times New Roman", Times, serif; font-size:16px; text-decoration:none; text-indent:0px;}
#flyout li.phone {margin-top:10px; display:block; float:left; width:190px; height:15px; line-height:24px; color: #505b6f; font-family:Georgia, "Times New Roman", Times, serif; font-size:16px; text-decoration:none; text-indent:0px;}
#flyout li a {display:block; float:left; width:190px; height:24px; background:#9cb0d3; line-height:24px; color:#000; font-family:arial, sans-serif; font-size:11px; text-decoration:none; text-indent:10px;}
#flyout li a.fly {background:#9cb0d3 url(cssgraphics/right-arrow.gif) no-repeat right center;}

#flyout li:hover {position:relative;}
#flyout li a:hover {position:relative; background-color:#8799b8; color:#fff;}
#flyout li:hover > a {background-color:#8799b8; color:#fff;}

#flyout ul li a {background:#b6c3db;}
#flyout ul li a.fly {background:#b6c3db url(cssgraphics/right-arrow.gif) no-repeat right center;}
#flyout ul ul li a {background:#c1cde3;}
#flyout ul ul li a.fly {background:#c1cde3 url(cssgraphics/right-arrow.gif) no-repeat right center;}
#flyout ul ul ul li a {background:#cddbf0;}

#flyout li a.current,
#flyout ul li a.current,
#flyout ul ul li a.current,
#flyout ul ul ul li a.current {background-color:#67758c; color:#fff;}

#flyout :hover ul,
#flyout :hover ul :hover ul,
#flyout :hover ul :hover ul :hover ul {left:190px;}

#flyout :hover ul ul,
#flyout :hover ul :hover ul ul {left:-9999px;}

#flyout ul li:hover > a {background-color:#8799b8; color:#fff;}
#flyout ul ul li:hover > a {background-color:#8799b8; color:#fff;}