@charset "UTF-8";

/* CSS Document */

* {
	margin: 0;
	padding: 0;
}

body {
	text-align: center;
	background-color: #ddd;
	font-family: Arial, Helvetica, sans-serif, "Lucida sans unicode";
	font-size: 0.8em;
	color: #000;
}

#main {
	width: 900px;
	text-align: left;
	margin: 10px auto 0 auto;
	border-top: 1px solid #999999;
}

a {
	color: #555;
	text-decoration: none;
}

#navi {
	position: relative;
	float: left;
	font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
	font-size: 1.56em;
}

#navi li {
	float: left;
	list-style-type: none;
	display: block;
	width: 180px;
	text-align: center;
	line-height: 2.5em;
}

#navi a {
	display: block;
	width: 180px;
}

#navi .schule {
	background-color: #a2b1f0;
	background:url(images/bg-schule.jpg);
}

#navi .kurse {
	background-color: #83e0cd;
	background:url(images/bg-kurse.jpg);
}

#navi .anmeldung {
	background-color: #e4fdc9;
	background:url(images/bg-anmeldung.jpg);
}

#navi .presse {
	background-color: #f3edb3;
	background:url(images/bg-presse.jpg);
}

#navi .kontakt {
	background-color: #fad1b5;
	background:url(images/bg-kontakt.jpg);
}

#navi .schule a:hover, .schule a:active {
	display: block;
	width: 180px;
	background: url(images/bg-schule-over.jpg);
}

#navi .kurse a:hover, .kurse a:active {
	display: block;
	width: 180px;
	background: url(images/bg-kurse-over.jpg);
}

#navi .anmeldung a:hover, .anmeldung a:active {
	display: block;
	width: 180px;
	background: url(images/bg-anmeldung-over.jpg);
}

#navi .presse a:hover, .presse a:active {
	display: block;
	width: 180px;
	background: url(images/bg-presse-over.jpg);
}

#navi .kontakt a:hover, .kontakt a:active {
	display: block;
	width: 180px;
	background: url(images/bg-kontakt-over.jpg);
}

#box1 {
	position: relative;
	float: left;
	text-align: left;
	border-left: 1px solid #999999;
	border-bottom: 1px solid #999999;
}

#box-links {
	position: relative;
	float: left;
	width: 179px;
}

#logo {
	position: relative;
	float: left;
	margin-top: 25px;
	text-decoration: none;
	text-indent: -999em;
	width: 40px;
}

#logo a {
	margin-left: 4px;
	background-repeat: no-repeat;
}

#subnavi {
	position: relative;
	float: left;
	margin-top: 24px;
	width: 139px;
}

#subnavi li {
	padding-left: 5px;
	list-style-type: none;
	margin-bottom: 1.7em;
	font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
	font-size: 1.2em;
	font-weight: bold;
}

#subnavi span {
	font-family: Arial, Helvetica, sans-serif, "Lucida sans unicode";
	line-height: 1.4em;
	font-size: 0.8em;
	font-weight: normal;
}

#subnavi a:hover, #subnavi a:active {
	text-decoration: underline;
}

#starttext {
	position: relative;
	float: left;
	margin: 100px 0 0 13px;
	width: 145px;
}
#starttext li {	list-style-type: none;}
#starttext li.untertitel {
	font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	margin-bottom: 230px;
}
#starttext li.impressum {
	margin-top: 20px;
}

#box-rechts {
	width: 719px;
	position: relative;
	float: right;
	background: url(images/schatten-weiss.gif);
	background-repeat: repeat-x;
	background-color: #FFF;
	border-right: 1px solid #999999;
}

#aufmacher {
	position: relative;
	float: left;
	width: 180px;
}

#inhalt {
	line-height: 1.3em;
	position: relative;
	float: right;
	width: 499px;
	margin-top: 25px;
	margin-bottom: 25px;
	padding-left: 20px;
	padding-right: 20px;
}
#inhalt a:hover, a:active { text-decoration: underline; }

#inhalt p { margin-top: 0.7em; }

h2 {
	color: #000;
	margin-bottom: 1em;
	font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
	font-size: 1.56em;
	line-height: 1.1em;
}
h4 {
	color: #000;
	font-size: 1em;
	font-weight: bold;
	line-height: 3em;
	margin-top: 1em;
}

.ueberblick {
	background-color: #caf2ea;
	margin: 0 45px 30px 40px;
	border: solid 1px #83e0cd;
	color: #555;
}

.ueberblick table {
	width: 85%;
	margin: 0 auto 0 auto;
/*	padding-left: 30px;
	padding-right: 30px; */
	text-align: left; 
	border-bottom: 1px solid #83e0cd;

}
.ueberblick table td {
	line-height: 2em;
	border-top: 1px solid #83e0cd;
}
.ueberblick ol { margin-left: 35px; }

.ueberblick ol li {
	line-height: 2em;
	border-bottom: solid 1px #83e0cd;
	margin-right: 30px;
}

.ueberblick a {
	display: block;
	height: 2em;
}

.ueberblick a:hover {
	display: block;
	height: 2em;
	background-color: #FFFFFF;
	text-decoration: none;
}

.kurs {
	border: 1px;
	border-top-style: solid;
	border: #83e0cd;
	background: url(images/bg-schule-over.jpg)
}

#inhalt ul li {
	list-style-type: none;
	background: url(images/bg-schatten.gif) bottom right no-repeat;
	padding: 0 13px 20px 0;
	margin: 30px 0 0 0;
}

ul.download li{
	background-image: none !important;
	list-style-image: url(images/pdf.gif);
	margin: 0 0 0 40px !important;
}

#inhalt img {
	float: right;
	display: block;
	margin: 0 0 5px 10px;
}

.top {
	clear: right;
	text-align: right;
	padding-right: 5px;
	font-weight: bold;
}

#start #box1 {
	background: url(images/schatten-start.gif);
	background-repeat: no-repeat;
	background-color: #368372;
}

#start #logo a {
	display: block;
	width: 36px;
	height: 228px;
}

#start #aufmacher {
	text-indent: -999em;
	background: url(images/rubrik-start.jpg);
	background-repeat: no-repeat;
	height: 496px;
}



#schule #box1 {
	background: url(images/schatten-schule.gif);
	background-repeat: repeat-x;
	background-color: #6a82e7;
}

#schule #logo a {
	background: url(images/logo-schule.gif);
	display: block;
	width: 36px;
	height: 253px;
}

#schule #logo a:hover, a:active {
	background-position: -36px 0;
	background-repeat: no-repeat;
}

#schule #aufmacher {
	text-indent: -999em;
	background: url(images/rubrik-schule.jpg);
	background-repeat: no-repeat;
	height: 496px;
}
#schule h3 {
	color: #5971d7;
	margin-bottom: 1em;
	font-size: 1.2em;
}

#kurse #box1 {
	background: url(images/schatten-kurse.gif);
	background-repeat: repeat-x;
	background-color: #83e0cd;
}

#kurse #logo a {
	background: url(images/logo-kurse.gif);
	display: block;
	width: 36px;
	height: 253px;
}

#kurse #logo a:hover, a:active {
	background-position: -36px 0;
	background-repeat: no-repeat;
}

#kurse #aufmacher {
	text-indent: -999em;
	background: url(images/rubrik-kurse.jpg);
	background-repeat: no-repeat;
	height: 496px;
}
#kurse h3 {
	color: #6CBAAB;
	margin-bottom: 1em;
	font-size: 1.2em;
}

#anmeldung #box1 {
	background: url(images/schatten-anmeldung.gif);
	background-repeat: repeat-x;
	background-color: #d4fca9;
}

#anmeldung #logo a {
	background: url(images/logo-anmeldung.gif);
	display: block;
	width: 36px;
	height: 253px;
}

#anmeldung #logo a:hover, a:active {
	background-position: -36px 0;
	background-repeat: no-repeat;
}

#anmeldung #aufmacher {
	text-indent: -999em;
	background: url(images/rubrik-anmeldung.jpg);
	background-repeat: no-repeat;
	height: 496px;
}
#anmeldung h3 {
	color: #b7d756;
	margin-bottom: 1em;
	font-size: 1.2em;
}

#presse #box1 {
	background: url(images/schatten-presse.gif);
	background-repeat: repeat-x;
	background-color: #f7ee97;
}

#presse #logo a {
	background: url(images/logo-presse.gif);
	display: block;
	width: 36px;
	height: 253px;
}

#presse #logo a:hover, a:active {
	background-position: -36px 0;
	background-repeat: no-repeat;
}

#presse #aufmacher {
	text-indent: -999em;
	background: url(images/rubrik-presse3.jpg);
	background-repeat: no-repeat;
	height: 496px;
}
#presse h3 {
	color: #FFCC00;
	margin-bottom: 1em;
	font-size: 1.2em;
}

#kontakt #box1 {
	background: url(images/schatten-kontakt.gif);
	background-repeat: repeat-x;
	background-color: #ffc299;
}

#kontakt #logo a {
	background: url(images/logo-kontakt.gif);
	display: block;
	width: 36px;
	height: 253px;
}

#kontakt #logo a:hover, a:active {
	background-position: -36px 0;
	background-repeat: no-repeat;
}

#kontakt #aufmacher {
	text-indent: -999em;
	background: url(images/rubrik-kontakt.jpg);
	background-repeat: no-repeat;
	height: 496px;
}
#kontakt h3 {
	color: #eb8f4f;
	margin-bottom: 1em;
	font-size: 1.2em;
}