img {border: 0px;}

html, body {font-size: 12px; margin: 0px; padding: 0px; border: 0px; width: 100%; height: 100%;}
body, p, td, li {font-size: 12px;  font-family: Verdana, Arial, Lucida Sans Unicode, Helvetica; color : #313131; font-weight: normal; letter-spacing: 0px; padding : 0px 0px 4px 0px; margin: 0px 0px 0px 0px;}		
/* .bodymain {font-size: 12px; text-align: center; margin: 0px 0px 0px 0px; background-color: #FFFFFF;}*/
.bodymain {font-size: 12px; text-align: center; margin: 0px 0px 0px 0px;}
td {font-size: 80%;}

h1 {font-family: Verdana, Arial, Lucida Sans Unicode, Helvetica; font-size: 11px; color: #200660; font-weight: bold; padding: 0px 0px 1px 0px; margin: 0px 0px 0px 0px;}
h2 {font-family: Verdana, Arial, Lucida Sans Unicode, Helvetica; font-size: 95%; color: #200660; line-height: 1.2em; font-weight: bold; letter-spacing: 0px; padding: 0px 0px 5px 0px; margin: 0px 0px 15px 0px;}
h3 {font-family: Verdana, Arial, Lucida Sans Unicode, Helvetica; font-size: 85%; color: #200660; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;}

h1.csc-firstHeader  {font-size: 15px; color: #971214; /*color: #971214; */line-height: 1.2em; padding: 0px 0px 5px 0px; margin: 3px 0px 15px 0px;}

h4 {font-size: 12px; color: #971214; /*color: #971214; */line-height: 1.2em; padding: 0px 0px 5px 0px; margin: 3px 0px 15px 0px;}


a  {color : #200660;}
a:link  {color : #200660; text-decoration: none;}
a:visited {color : #200660; text-decoration: none;}
a:active {color : #200660; text-decoration: none;}
a:hover {color : #971214; text-decoration: none;}		


#layout {
	width: 896px;
	margin: auto;
	text-align: left;
	padding: 0px;
}
#topbanner {height: 98px; float: none; background-image: url(images/top_bg.gif); background-repeat: no-repeat;}

#headernavi {
	position: relative;
	left: 0px;
	top: 33px;
	width: 350px;
	height: 20px;
	margin: 0px 15px 0px 0px;
	vertical-align: top;
	text-align: right;
	color: #220961;
	float: right;
	font-size: 12px;
	font-weight: bold;
}

#logo {
	position: relative;
	left: 0px;
	top: 33px;
	width: 250px;
	height: 20px;
	margin: 0px 15px 0px 0px;
	float: left;
}

/* #contenthg {width: 896px; text-align: center; vertical-align: top; min-height: 100%; height:auto; height: 100%; background-image: url(images/content_bg.gif); background-repeat: repeat-y 50% 0;} */

#contenthg {width: 896px; text-align: center; vertical-align: top; 
height: auto;
overflow: hidden;

background-image: url(images/content_bg.gif); background-repeat: repeat-y;} 


#content {width: 896px; height: auto; text-align: left; vertical-align: top; padding: 0px; margin-left: 6px; float: none; }

#linierot {position: relative; left: 0px; top: 0px; width: 874px; height: 5px; line-height: 4px; float: none; clear: both; margin: 0px; padding: 0px; background-color: #D4191B; overflow: hidden;}

#header {position: relative; left: 5px; top: 0px; width: 874px; padding: 0px; margin: 0px; float: none; clear: both; overflow: hidden;}
#border {position: relative; left: 5px; top: 0px; width: 874px; height: 17px; margin: 0px; padding: 0px; background-image: url(images/border_bg.gif); background-repeat: repeat-x; }
#left {width: 190px; text-align: left; vertical-align: top; margin: 0px; padding: 0px; float: left;}

.clear {clear: both;}

#hauptnavi {position: relative; left: 5px; top: 0px; width: 173px; margin: 0px;}
#navi {	width: 173px; padding: 0px; height: auto; margin: 0px;}
#navi ul {margin: 0px; padding: 0px; list-style: none; }

#level1 {width: 173px; margin: 0px; text-align: left; list-style: none;}
#level1 li a {display: block; height: 26px; margin: 0px; font-size: 11px; font-weight: bold;}
#level1 li a:hover {font-weight: bold; background-image: url(images/mnav_level1_act_bg.gif); background-repeat: no-repeat;}
#level1 a.a1no {line-height: 26px; height: 26px; color : #200660; font-weight: bold; padding-left: 20px; padding-right: 2px; text-decoration: none; background-image: url(images/mnav_level1_no_bg.gif); background-repeat: no-repeat;}
#level1 a.a1no:visited {color : #200660; text-decoration: none;}
#level1 a.a1no:active {color : #200660; text-decoration: none;}
#level1 a.a1no:hover {color : #200660; text-decoration: none;background-image: url(images/mnav_level1_act_bg.gif); background-repeat: no-repeat;}
#level1 li.li1act a {font-weight: normal;}
.a1act {line-height: 26px; height: 26px; color : #FFFFFF; font-weight: bold; padding-left: 20px; padding-right: 2px; text-decoration: none; background-image: url(images/mnav_level1_act_bg.gif); background-repeat: no-repeat;}

#level2 {margin: 0px; text-align: left; list-style: none; }
#level2 li a {display: block; line-height: 18px; height: 18px; font-size: 11px; padding-left: 23px; font-weight: normal;}
#level2 li a.a2no {line-height: 18px; height: 18px; color : #200660; font-weight: normal; margin: 0px; padding-left: 23px; padding-right: 0px; text-decoration: none; background-image: url(images/mnav_level2_no_bg.gif); background-repeat: no-repeat; background-position: left; }
#level2 li a.a2no:visited {color: #200660; text-decoration: none;}
#level2 li a.a2no:active {color: #200660; text-decoration: none;}
#level2 li a.a2no:hover {color: #971214; text-decoration: none; display: block; line-height: 18px; height: 18px; padding-left: 23px; background-image: url(images/mnav_level2_act_bg.gif); background-repeat: no-repeat; background-position: left;}
#level2 li.li2act {background-image: url(images/mnav_level2_act_bg.gif); background-repeat: no-repeat;}
#level2 li.li2act a {font-weight: normal;}
.a2act {line-height: 18px; height: 18px; color : #200660; font-weight: normal; text-decoration: none; background-image: url(images/mnav_level2_act_bg.gif); background-repeat: no-repeat; background-position: left;}
#level2 li a.a2act:hover {color : #200660; text-decoration: none; display: block; line-height: 18px; height: 18px; background-image: url(images/mnav_level2_act_bg.gif); background-repeat: no-repeat; background-position: left;}

#maininhalt {width: 370px; text-align: left; vertical-align: top; padding: 0px; margin-right: 20px; float: left; background-repeat: repeat-y; background-position: right;}


.text {text-align: left; padding: 0px 0px 0px 6px; margin: 0px;}
.text p {line-height: 1.2em; }
.maininhalttrenner {width: 97%; height: 10px; margin: 10px 5px 8px 5px; background-repeat: repeat-x; background-position: middle;}

/*########## TYPO3 Rendering CONTENT ###########*/
.bildtext {float: left; margin: 8px 10px 8px 0px; border: 1px solid #200660;}
.textbild {float: right; margin: 2px 0px 2px 10px; border: 1px solid #200660;}
.teaserimg {float: right; margin: 0px 5px 3px 0px; padding: 0; background-color: #FFFFFF; border: 1px solid #A5A5A5;}
.csi-image {float: left; margin: 0px 3px 2px 0px; padding: 4px; background-color: #FFFFFF; border: 1px solid #200660;}
.csi-caption p.csc-caption {margin: 0px 1px 2px 2px; font-family: arial, sans-serif; font-size: 10px; line-height: 13px; color: #999999; background-color: #FFFFFF;}
.csi-textpic .csi-imagewrap {text-align: left;	/* is there a bug in IE? (if we don't set this, the image is not centered above or below the text) */}
.csi-text {padding: 0px 5px 0px 0px;}
.csi-textpic dl {float: left;}

.contenttable {margin: 5px 0px 10px 0px;}
.contenttable td {padding: 2px; }
.tr-even.tr-0 td {line-height: 14px; font-weight: bold; color: white; background-color: #A1BC0F;}
.tr-even {background-color: #EDEEE6;}
.tr-odd {background-color: #DDDFD1;}
.tr-even.tr-last td {font-size: 12px; font-weight: bold; text-align: right; color: white; background-color: #3960C8;}

td {line-height: 12px; font-size: 11px; }
.tr-even.tr-0 td.td-0 {width: 120px; font-weight: bold; }
.td-0 {font-weight: bold; }
.tr-even.tr-0 td.td-1 {width: 100px;}
.tr-even.tr-0 td.td-2 {width: 100px;}
.tr-even.tr-0 td.td-3 {width: 100px;}

.td-3, .td-4, .td-5, .td-6 {text-align: center;}

p.csc-sitemap.csc-sitemap-level1 {width: 180px; display: block; color: white; background-color: #C0DF8C; font-size: 12px; font-weight: bold; padding: 2px 0px 2px 2px; margin: 1px;}
p.csc-sitemap.csc-sitemap-level2 {font-size: 12px; padding: 0px 0px 0px 15px;}

/*########## TYPO3 Rendering der Inhalte in der Spalte RAND (RAND) ###########*/
#rand {width: 240px; text-align: left; vertical-align: top; padding: 0px; margin: 0px 0px 0px 10px; float: left; }
.randtext {width: 240px; color: #200660; text-align: left; padding: 0px 5px 7px 5px; margin: 0px 0px 20px 0px; background-color: #FFF; border: 1px solid #F0F9E4; border-right: 1px solid #FFF;}
.randtext p {font-size: 10px; font-weight: bold; color: #717171; line-height: 1.4em; }
.randtext h1.csc-firstHeader {font-size: 15 px; color: #919191; /*color: #919191; */line-height: 1,2em; padding: 0px 0px 5px 0px; margin: 3px 0px 15px 0px;}
.randtext ul {width: 240px; text-align: left; vertical-align: top; list-style: outside; padding: 5px 0px 10px 20px; margin: 0px 0px 0px 0px; }
.randtext li {font-size: 11px; font-weight: bold; color: #717171; line-height: 1.1em; list-style:square; padding: 10px 0px 0px 0px; margin: 0px 0px 0px 0px;}
/*########## TYPO3 Rendering der Inhalte in der Spalte RAND (RAND) ###########*/

#todaydate {position: relative; top: 58px; left: 0px; width: 190px; color: #787878; height: 17px;}
#footer {width: 896px; height: 33px; font-size: 10px; color: #200660; float: none; clear: both; background-image: url(images/footer_bg.gif); background-repeat: no-repeat;}
#end {width: 896px; height: 26px; font-size: 10px; color: #200660; margin-bottom: 20px; float: none; clear: both; }
#copyright {float: left; padding: 0px 5px 0px 5px; margin: 0px;}


/*#### FOOTERNAVI  ####*/

#footernavi {
	position: relative;
	text-align: right;
	width: 896px;
	padding-bottom:10px;
}

#fnav {
	font-family: Verdana, Arial, Lucida Sans Unicode, Helvetica;
	font-size: 8,5px;
	color: #200660;
	padding-right:15px;
	vertical-align: top;
}
a:link.fnav {color : #200660; text-decoration: none;}
a:visited.fnav {color : #200660; text-decoration: none;}
a:active.fnav {color : #200660; text-decoration: none;}
a:hover.fnav {color: #971214; text-decoration: none;}

/*#### FOOTERNAVI  ####*/


/*
.formular {width: 440px; background-color: #EDEFE7; margin: 0px; padding: 0px;}
.hlkontakt {background-color: #787878; color: #FFFFFF; text-align: left; padding: 2px 5px 2px 5px; line-height: 1.3em;}
.kontakt {background-color: #EDEFE7; text-align: left; padding: 2px; line-height: 1.3em;}
.hlkontakt p {color: #FFFFFF;}
.csc-mailform {width: 440px; background-color: #FFFFFF; margin: 0px; padding: 5px;}
p.csc-form-label-req {color: #200660; font-weight: bold;}*/

/*###### NEW FORM FOR TYPO3 4.0  ########*/
.csc-mailform {width: 450px;}
.csc-mailform-field {width: 450px; font-size: 11px; clear: both;}
.csc-mailform-field label {width: 175px; display: block; background-color: #EDEFE7; margin: 1px; text-align: left; padding: 2px 5px 2px 0px; line-height: 1.3em; float: left;}
.csc-form-label-req {color: #200660; font-weight: bold;}

.csc-mailform-check {background-color: #E8EBEC; border: 1px solid; margin-right: 200px;}
.input {font-size : 11px; width: 250px; border-style: solid; border: 1px solid #787878; background-color : #E8EBEC;}	
.textarea {font-size : 11px; width: 250px; height: 150px; border-style: solid; border: 1px solid #787878; background-color : #E8EBEC;}		
.option {font-size: 11px; width: 250px; padding: 0px; border: 1px solid #787878; background-color: #E8EBEC; margin: 0px;}
.sub {margin-top: 10px; font-size: 11px; font-weight: 700; color : #FFFFFF; width: 175px; height: 20px; border-style: solid; border: 1px groove #000000; background-color : #200660; cursor: hand;}
 
 .kontaktformular_text {
 	vertical-align:top;
	font-family: arial, verdana, helvetica;
	font-size: 11px;
 	
 	}
	
/*########## FORMULARE ###########*/
p.form {
font-family: arial, verdana, helvetica;
font-size: 11px;
margin: 20px 0px 1px 0px;
padding-left: 10px;}

form input, form option, form submit, form select, form textarea {
font-family: arial, verdana, helvetica;
font-size : 11px;
font-weight	: normal;   
border-style: solid;
border: 1px solid #a1a1a1;
background-color : #eee;
margin-left: 15px;
margin-top: 3px;
/*display: inline;*/}