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

/* Allgemeine Formatierungen */
/* txt, links, lines, titles - Textformatierungen*/
body {font-family:Arial, Tahoma, Geneva, sans-serif;font-size:100%;line-height:.9375em;position:relative;color:#330066;}
#header, #content, #footer {font-size:0.75em}
p, .normal {margin-bottom:15px; padding:0px;font-size:1em;}
a {	color: #330066;	outline: none;}
a:hover{text-decoration:none}
h1, .h1 {font-size:2.4em; line-height: normal;font-weight:normal;margin-bottom:10px;color:#b5005b;}
h2, .h2 {font-size:1.7em; line-height: normal;font-weight:normal;margin-bottom:10px;}
h3, .h3 {font-size:1.0em; line-height: normal;font-weight:bold;padding:2px 0 0 0;margin-bottom:0px}
h4, .h4 {font-size:1.2em; line-height: normal;font-weight:normal;}
input, textarea, select {font-family:Tahoma, Geneva, sans-serif;font-size:1em}
.alignright {text-align:right}
.aligncenter {text-align:center}
td {padding:2px;}
table {margin-bottom:10px;}
img {	margin-left:0px;}

/* Zusatz-Formatierungen */
.fleft {	float: left;	margin: 0px 20px 10px 0px;}
.fright {float:right;margin-left:20px;margin-bottom:10px;}
.clear {clear:both}
.col-1, .col-2, .col-3 {float:left}
.rot {color:#b5005b;}
.pink {	color: #ff00b4;}
.bold {font-weight: bold; }
.center { text-align: center; }
.blau {color:#330066;}

/* header - Textzeile unter dem Bild*/
#header {position:absolute; top:90px; left:0px; width:100%; height:31px; background: url(images/head-bg.png) repeat-x; margin: 0px; padding: 0px;}
#header p {max-width: 1250px; padding-left: 30px; padding-top:10px;color:#330066;}

/* footer - Fußzeile*/
#footer {color:#996699; margin-top:40px; margin-left: 215px; margin-bottom: 10px;width:70%}
#footer a {color:#996699;}

/* box - Seitenbereich*/
#box {position:absolute; margin:0px; padding: 10px; padding-top:145px; width:100%; max-width: 1280px; height:auto !important;height:100%;min-height:100%;border:grey 1px dotted; background:url(images/hornveilchen.jpg) no-repeat;}

/* nav - senkrechte Navigationsleiste*/
#nav {float:left; width:165px; padding:0; position:absolute; left:29px; top: 145px; margin-right:20px;}
#nav ul li {width:100%;list-style-type:none;}
#nav ul li a {
	display: block;
	background: url(images/nav-bg.png) repeat-x left top;
	width: 165px;
	height: 20px;
	line-height: 20px;
	font-size: 12px;
	font-weight:bold;
	text-transform: none;
	color: #330066;
	text-decoration: none;
	text-indent: 30px;
	margin-bottom: 3px;
	position: relative;
	z-index: 10;
}
#nav ul li a:hover {color:#000000; font-weight:bold; background: url(images/nav-bg-hover.png) repeat-x left top;}
#nav #active {color:#000000; font-weight:bold; background:url(images/nav-bg-hover.png) repeat-x left top;}


#nav ul li ul li a {
	margin-left: 20px;
	display: block;
	background: url(images/nav-bg-2.png) repeat-x left top;
	width: 145px;
	height: 20px;
	line-height: 20px;
	font-size: 11px;
	font-weight:bold;
	text-transform: none;
	color: #330066;
	text-decoration: none;
	text-indent: 30px;
	margin-bottom: 3px;
	position: relative;
	z-index: 10;
}
#nav ul li ul li a:hover {color:#330066; font-weight:bold;}

/* content -  Textbereich */
#content { margin-left: 215px; width:70%}
#content #startbild_flach {height:155px;float:left;margin-right:20px;margin-bottom:10px;}
#content #startbild_hoch {height:200px;float:left;margin-right:20px;margin-bottom:10px;}

/* Tabellenformatierung für Terminübersicht */
#termine table, #termine tr, #termine td {border: 1px solid #ffeeff;}

/* Wenn Überschriften unten neben einem Bild stehen sollen */
#text_neben_startbild_flach {height:170px; vertical-align: bottom;}
#text_neben_startbild_hoch {height:210px; vertical-align: bottom; }

/* Listen im Textbereich */
ul {}
#content ul {padding-bottom:5px;}
#content ul li {font-weight:normal;padding-bottom:2px;margin-left:15px;}
#content ul li ul {padding:10px 0 0 12px}
#content ul li ul li {font-weight:normal}
ol {}
#content ol {padding-bottom:5px;}
#content ol li {font-weight:normal;padding-bottom:2px;margin-left:15px;}
#content ol li ul {padding:10px 0 0 12px}
#content ol li ul li {font-weight:normal}

/* Formulare */
input, select {vertical-align:middle;font-weight:normal}
form img {border:0;vertical-align:top;text-align:left}
#contacts-form {clear:right;width:70%;overflow:hidden;padding:15px 0 0 0}
#contacts-form fieldset {border:none;float:left}
#contacts-form .field {clear:both;}
#contacts-form label {float:left;width:82px;line-height:15px;padding-bottom:5px;}
#contacts-form input #input {width:215px;padding:2px 0 2px 3px;color:#000;background-color: transparent;}
#contacts-form input #radio {width:60px;padding:2px 0px 2px 3px;color:#000;background-color: transparent;margin-bottom:10px;}
#contacts-form textarea {width:317px;height:100px;padding:2px 0 2px 3px;background-color: transparent;color:#000;margin-bottom:0px;overflow:auto}
.button {float:left;font-size:12px;line-height:1.1em;width:150px;text-align:center; margin-top:10px;}
.button span {display:block;padding-left:0px}
.button span span {padding-right:12px;padding-left:0}
.button span span a {display:block;background:url(images/nav-bg.png) left top repeat-x;padding:6px;color:#330066;text-decoration:none;}
.button span span a:hover {color:black}