@charset "UTF-8";
/* CSS Document */

/* COLORS 
	brown:		#7e806b;
	yellow:		#dadd81;
	rosa:		#d9acaf;
	green:		#cee3d7;
	blue:		#739da4;


*/


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

:focus {
	outline:none;
}

body {
	font-family:"Univers", "Helvetica", Arial, Verdana, sans;
	font-size:12px;
	color:#7e806b;
}

p {
	font-size:12px;
	line-height:20px;
	margin:0 0 10px 0;
}

p.datum {
	font-style:italic;
}

a:link, a:visited, a:active {
	text-decoration:underline;
	color:#7e806b;
}

a:hover {
	color:#dadd81;
}

h2 {
	font-size:14px;
	font-weight:bold;
	margin:10px 0;
}

h3 {
	font-size:12px;
	margin:40px 0 10px 0;
	font-weight:bold;
}

ul li {
	list-style:square;
	padding:0 0 0 15px;
	margin:0 0 10px 15px;
	line-height:20px;
	
}

table {
	margin:10px 0 20px 0;
	width:448px;
}

table tr td a img {
	margin:0;
}

/*----------------------------------

UTILITY

----------------------------------*/

.floatRight {
	float:right;
}

.floatLeft {
	float:left;
}

.clear {
	clear:both;
}

.highlight {
	font-weight:bold;
}

/*----------------------------------

LAYOUT

----------------------------------*/

#wrapper {
	position:relative;
	width:935px;
	margin:0 auto;
	height:auto;
}

#startHeader {
	width:760px;
	height:369px;
	margin:0 0 10px 175px;
}

#header {
	width:760px;
	height:156px;
	margin:0 0 10px 0;
}

#header img {
	position:absolute;
	right:0;
}

#navigation {
	position:relative;
	width:145px;
	height:auto;
	margin:0 30px 0 0;
	float:left;
	padding:70px 0 0 0;
}

#content {
	position:relative;
	float:right;
	width:760px;
	height:auto;
	min-height:400px;
}

#sprachwahl {
	position:absolute;
	top:166px;
	right:270px;
	font-size:11px;
	width:30px;
	text-align:right;
	height:20px;
	z-index:99;
}

#sprachwahl a {
	text-decoration:none;
}

#startMain {
	position:relative;
	float:left;
	width:448px;
	margin:0 0 10px 0;
}

#main {
	position:relative;
	float:left;
	width:448px;
	padding:70px 0 0 0;
	margin:0 0 100px 0;
}

.newsEintrag {
	width:448px;
	margin:0 0 20px 0;
	border-bottom:#7e806b 1px dotted;
}

#sidebar {
	position:relative;
	float:right;
	width:250px;
	height:auto;
	margin:0 0 100px 0;
}

#footer {
	position:relative;
	width:750px;
	height:20px;
	clear:both;
	background:#7e806b;
	color:#fff;
	padding:5px 5px 0 5px;
}

#iboGrafik {
	padding:0 0 0 10px;
}

/*----------------------------------

MAIN / STARTMAIN

----------------------------------*/

#startMain h1 {
	margin:0 0 10px 0;
}

#startMain img {
	position:absolute;
	top:0;
	left:392px;
}

#main img {
	margin:0 0 10px 0;
}

#main img.first {
	margin:0 14px 10px 0;
}

/*----------------------------------

SIDEBAR

----------------------------------*/

#metanav {
	position:relative;
	width:240px;
	height:60px;
	background:#7e806b;
	margin:10px 0 0 0;
	padding:0 5px;
}

#metanav.E {
	position:relative;
	width:240px;
	height:50px;
	background:#7e806b;
	margin:10px 0 0 0;
	padding:5px;
}

#metanav ul {
	list-style:none;
	color:#fff;
	width:240px;
}

#metanav ul li {
	list-style:none;
	float:left;
	padding:0;
	margin:0;
}

#btnKontakt {
	display:block;
	width:63px;
	height:24px;
	background:url(../images/btnKontakt.gif) top left no-repeat;
	text-indent:-9999px;
}

#btnSuche {
	display:block;
	width:60px;
	height:24px;
	background:url(../images/btnSuche.gif) top left no-repeat;
	text-indent:-9999px;
}

#btnNews {
	display:block;
	width:46px;
	height:24px;
	background:url(../images/btnNews.gif) top left no-repeat;
	text-indent:-9999px;
}

#btnKontaktE {
	display:block;
	width:60px;
	height:24px;
	background:url(../e/images/btnContact.gif) top left no-repeat;
	text-indent:-9999px;
}

#btnSucheE {
	display:block;
	width:66px;
	height:24px;
	background:url(../e/images/btnSearch.gif) top left no-repeat;
	text-indent:-9999px;
}

#btnNewsE {
	display:block;
	width:42px;
	height:24px;
	background:url(../e/images/btnNews.gif) top left no-repeat;
	text-indent:-9999px;
}

#informationsveranstaltungen {
	background:#cee3d7;
	border-bottom:#94c5ae 20px solid;
	margin:0 0 10px 0;
}

#informationsveranstaltungen h3 {
	position:relative;
	width:250px;
	height:60px;
	margin:10px 0 0 0;
	background:#94c5ae url(../images/titleInformationsveranstaltungen.gif);
	text-indent:-9999px;
}

#informationsveranstaltungen h3.E {
	position:relative;
	width:250px;
	height:60px;
	margin:10px 0 0 0;
	background:#94c5ae url(../e/images/titleInformationsveranstaltungen.gif);
	text-indent:-9999px;
}

#informationsveranstaltungen p {
	margin:10px 0 0 0;
	color:#000;
	font-size:11px;
	padding:5px;
}

#informationsveranstaltungen p a {
	color:#000;
}

#informationsveranstaltungen p a:hover {
	color:#fff;
}

.infoLight {
	text-transform:uppercase;
	font-weight:bold;
}

#broschuere {
	background:#dadd81;
	width:245px;
	height:114px;
}

/*----------------------------------

FOOTER

----------------------------------*/

#footer p {
	font-size:11px;
}

#footer p a {
	color:#fff;
}

/*----------------------------------

NAVIGATION

----------------------------------*/

#navigation ul {
	list-style:none;
}

#navigation ul li {
	list-style:none;
	height:24px;
	padding:0;
	margin:0;
}

#navigation ul li a {
	text-indent:-9999px;
}

#navigation ul#E {
	list-style:none;
}

#navigation ul#E li {
	list-style:none;
	height:24px;
	padding:0;
	margin:0;
}

#navigation ul#E li a {
	text-indent:-9999px;
}

/* Hauptmenu */
#btnHome {
	display:block;
	width:145px;
	height:24px;
	background:url(../d/images/btnHome.gif) top left no-repeat;
}

#btnHome:hover {
	background:url(../d/images/btnHome.gif) 0 24px;
}

#btnBildungskonzept {
	display:block;
	width:145px;
	height:24px;
	background:url(../d/images/btnBildungskonzept.gif) top left no-repeat;
}

#btnBildungskonzept:hover {
	background:url(../d/images/btnBildungskonzept.gif) 0 24px;
}

#btnUeberuns {
	display:block;
	width:145px;
	height:24px;
	background:url(../d/images/btnUeberuns.gif) top left no-repeat;
}

#btnUeberuns:hover {
	background:url(../d/images/btnUeberuns.gif) 0 24px;
}

#btnUnterricht {
	display:block;
	width:145px;
	height:24px;
	background:url(../d/images/btnUnterricht.gif) top left no-repeat;
}

#btnUnterricht:hover {
	background:url(../d/images/btnUnterricht.gif) 0 24px;
}

#btnSchulleben {
	display:block;
	width:145px;
	height:24px;
	background:url(../d/images/btnSchulleben.gif) top left no-repeat;
}

#btnSchulleben:hover {
	background:url(../d/images/btnSchulleben.gif) 0 24px;
}

#btnAnmeldung {
	display:block;
	width:145px;
	height:24px;
	background:url(../d/images/btnAnmeldung.gif) top left no-repeat;
}

#btnAnmeldung:hover {
	background:url(../d/images/btnAnmeldung.gif) 0 24px;
}

#navigation ul li a.aktiv {
	background-position:0 -24px;
}

/* HAUPTMENU English */

#btnHomeE {
	margin-left:-100px;
	display:block;
	width:245px;
	height:24px;
	background:url(../e/images/btnHome.gif) top left no-repeat;
}

#btnHomeE:hover {
	background:url(../e/images/btnHome.gif) 0 24px;
}

#btnBildungskonzeptE {
	margin-left:-100px;
	display:block;
	width:245px;
	height:24px;
	background:url(../e/images/btnBildungskonzept.gif) top left no-repeat;
}

#btnBildungskonzeptE:hover {
	background:url(../e/images/btnBildungskonzept.gif) 0 24px;
}

#btnUeberunsE {
	margin-left:-100px;
	display:block;
	width:245px;
	height:24px;
	background:url(../e/images/btnUeberuns.gif) top left no-repeat;
}

#btnUeberunsE:hover {
	background:url(../e/images/btnUeberuns.gif) 0 24px;
}

#btnUnterrichtE {
	margin-left:-100px;
	display:block;
	width:245px;
	height:24px;
	background:url(../e/images/btnUnterricht.gif) top left no-repeat;
}

#btnUnterrichtE:hover {
	background:url(../e/images/btnUnterricht.gif) 0 24px;
}

#btnSchullebenE {
	margin-left:-100px;
	display:block;
	width:245px;
	height:24px;
	background:url(../e/images/btnSchulleben.gif) top left no-repeat;
}

#btnSchullebenE:hover {
	background:url(../e/images/btnSchulleben.gif) 0 24px;
}

#btnAnmeldungE {
	margin-left:-100px;
	display:block;
	width:245px;
	height:24px;
	background:url(../e/images/btnAnmeldung.gif) top left no-repeat;
}

#btnAnmeldungE:hover {
	background:url(../e/images/btnAnmeldung.gif) 0 24px;
}

/* SUBMENU */
#navigation ul li.subMenu {
	text-align:right;
	height:18px;
	margin:2px 0 0 0;
}

#navigation ul li.subMenu a {
	text-decoration:none;
	display:block;
}

#navigation ul li.last {
	margin:0 0 20px 0;
}

#navigation ul li.subMenu a.aktiv {
	color:#dadd81;
}

/* Startnavigation */
#btnWelcome {
	display:block;
	width:250px;
	height:35px;
	background:url(../images/btnWelcome.gif) top left no-repeat;
	text-indent:-9999px;
}

#btnWelcome:hover {
	background:url(../images/btnWelcome.gif) 0 35px;
}

#btnWillkommen {
	display:block;
	width:250px;
	height:35px;
	background:url(../images/btnWillkommen.gif) top left no-repeat;
	text-indent:-9999px;
}

#btnWillkommen:hover {
	background:url(../images/btnWillkommen.gif) 0 35px;
}

/*----------------------------------

ANMELDEFORMULAR

----------------------------------*/

input[type='text'], textarea {
	font-family:"Univers", "Helvetica", Arial, Verdana, sans;
	font-size:12px;
	color:#7e806b;
	background:#efefef;
}

label {
	display:block;
	font-size:12px;
	line-height:18px;
}

label.check {
	display:inline;
	margin:0 20px 0 5px;
}

label.error {
	font-weight:bold;
	margin:0 0 20px 0;
}

.text-input {
	display:block;
	width:400px;
	height:15px;
	margin:5px 10px 10px 0;
	padding:5px 10px;
}

input[type='radio'] {
	margin:10px 0;
}

textarea {
	display:block;
	width:400px;
	height:80px;
	margin:5px 10px 10px 0;
	padding:10px;
}

form h2 {
	margin:50px 0 10px 0;
}

input[type='submit'] {
	margin:10px 0 20px 0;
	padding:5px 10px;
	color:#7e806b;
	background:#efefef;
}

input[type='submit']:hover {
	background:#eee;
}

/*----------------------------------

Tabelle Unterricht

----------------------------------*/

table.grade {
	background:#7e806b;
	color:#000;
	font-weight:bold;
	width:235px;
}

table.grade thead tr {
	background:#7e806b;
	color:#fff;
} 

table.grade thead tr td {
	padding:3px 3px 10px 3px;
	text-transform:uppercase;
}

table.grade tbody tr {
	height:20px;
	margin:0 0 2px 0;
	border-bottom:#7e806b 2px solid;
}

table.grade tbody tr td {
	padding:3px 3px 3px 12px;
	border-bottom:#7e806b 2px solid;
}

table.grade tbody tr td.title {
	padding:3px;
}

tr.preschool {
	background:#d9acaf;
	color:#000;
}

tr.primary {
	background:#dadd81;
	color:#000;
}

tr.middle {
	background:#b2d4c2;
	color:#000;
}

tr.diploma {
	background:#739da4;
	color:#000;
}

table.grade tbody tr td a {
	display:block;
	color:#000;
	text-decoration:none;
}

table.grade tbody tr td a:hover {
	text-decoration:none;
	color:#000;
}

/*----------------------------------

Tabelle Betreuung

----------------------------------*/

table.betreuung {
	font-size:12px;
	background:#7e806b;
	color:#000;
	padding:10px 0 10px 12px;
}

table.betreuung thead {
	height:30px;
	vertical-align:top;
}

table.betreuung thead tr td {
	text-transform:uppercase;
	font-weight:bold;
}

table.betreuung tbody tr td {
	border-bottom:#fff 1px solid;
	padding:3px 0 3px 12px;
}