/* +Struktur
............................................... */
* { padding:0; margin:0; }

html { height: 100% } 
	fieldset, img { border:0; }
	select, input, textarea { font-size: 99% }
body {min-height: 101%; font-size: 101%;font-family: verdana,arial,helvetica,sans-serif; text-align:center;} 
 
h1, h2, h3, h4, h5, h6, pre {	/*text-transform: uppercase;*/ margin: .8em 0px; }
h1 {font-size: 100%; font-weight: bold; padding-left: .2em;}
h2 {font-size: 115%; font-weight: bold; padding-left: .3em;}
h3 {font-size: 113%; font-weight: bold; padding-left: .4em;}
h4 {font-size: 110%; font-weight: bold; padding-left: .5em;}
h5 {font-size: 107%; font-weight: bold; padding-left: .6em;}
h6 {font-size: 105%; font-weight: bold; padding-left: .7em;}
a {text-decoration:none;}

hr { height: 1px;border-width: 1px 0 0 0;border-style: dotted;border-color: #f63; margin: 3px 20px; }
fieldset {margin: 0px; padding:5px;}
legend {font-size:98%; font-weight: bold; color:#900;}
.killl,.clearboth {clear: both; height: 1px; display: block; line-height: 1px; font-size: 1px; margin:0;}
.unsichtbar,.hidden{position:absolute;left:-1000px;top:-1000px; width:0; height:0; overflow:hidden; display:inline;}
abbr, acronym {font-style: normal;border-bottom: 1px dotted #515F37;cursor: help;}
.alright{text-align:right;}
.center{text-align:center;}
a img {border:0;}
.mt10 {margin-top:10px;}
.mt20 {margin-top:20px;}

.skip {	position: absolute;	left: -1000em;width: 20em;
}

	/* Clearfix-Methode zum Clearen der Float-Umgebungen */
	 .clearfix:after {
		content: "."; 
		display: block; 
		height: 0; 
		clear: both; 
		visibility: hidden;
	}
	/* Diese Angabe benötigt der Safari-Browser zwingend !! */
	.clearfix { display: block; } 
	
	/* Overflow-Methode zum Clearen der Float-Umgebungen */
	.floatbox { overflow:hidden; }
	
	/* IE-Clearing: Benötigt nur der Internet Explorer und über iehacks.css zugeschaltet */
	#ie_clearing { display: none } 

/* +Hauptcontainer
............................................... */
#chef {margin-top:20px; margin-right:auto;margin-left:auto;margin-bottom:0px; text-align:left; padding: 0px 0px 10px 0px;width: 800px; color:#452F1F;}

/* Header
............................................... */
#header { width:800px; height:213px;}

.topleiste {width:800px; height:10px;}

/* Main Content
............................................... */
#main-content { width:800px;}


p,ul,ol,dd,dt { line-height: 1.5em;}
li {margin-left:2.5em;}
p { line-height: 1.5em; margin: 0 0 1em 1.5em; }


strong,b { font-weight: bold; }
em,i { font-style:italic; }
pre, code {	font-family: "Courier New", Courier, monospace; }
address { font-style:normal; line-height: 1.5em; margin: 0 0 1em 0; }


acronym, abbr {	border-bottom: 1px dashed #c00;	cursor: help;}

/* ### Bildpositionierung ############################################################################ */


img.float_left { float: left; margin-right: 1em; margin-bottom: 0.15em; border:0; }
img.float_right { float: right; margin-left: 1em; margin-bottom: 0.15em; border:0; }
img.center { text-align:center; background: #fff; padding: 4px; border:1px #ddd solid; }

/* ### Auszeichnung lokaler und Externer Links ######################################################## */

a, a em.file {color: #C0631A; text-decoration:none;}
a:hover {text-decoration:none;}

#footer a { color: #669; }
#footer a:hover {background-color: #eef; }

#main a[href^="http:"], #main a[href^="https:"]
{padding-left:0;background-image:none;}

#main a.imagelink {	padding-left: 0;background: transparent;
}
/* ######################################################################################################
** ### Formulare & Tabellen #############################################################################
** ######################################################################################################
*/


form {overflow:hidden;}
input, textarea { width: auto;font: 1em Verdana, Arial, Helvetica, Sans-Serif;border: 1px #ccc solid;   background: #fafafa;padding: 3px;color: #777;}
input[type=text]:focus, input[type=password]:focus, textarea:focus {background: #f0f0f0;color: #333;border-color: #666;}
p.demo { background-color: #FFE3BB; border: 1px #fcc solid; padding: 6px; margin-bottom: 0.5em; }
/* Navigation am Seitenende */
p.navlink { background-color: #f4f8f4; border: 1px #aca dotted; padding: 6px; margin-bottom: 0.5em; }
p.navlink a { color: #353;}
p.navlink a:hover { font-weight: bold; background: transparent; }
blockquote { 	color: #222; background: #f8f8f8;border: 1px #ddd solid;border-left: 8px #ddd solid;padding: 1em 1em 0 1em;	margin: 0 0 1em 1em;}

/* Ungeordnete Listen ohne Listenpunkt */ 
ul.linklist { list-style-type: none; margin: 0 0 1em 0; }
ul.linklist li { margin: 0 0 1em 0; }

/* ### Download-Box ################################################################## */

.bluebox {	color:#000;	background: #f0f0f4; padding: 2px; border: 1px #ccd solid;	text-align: center;	padding: 4px 0 4px 0;	margin-bottom: 1em;}
.bluebox p { padding: 0px 8px 0 8px; }
a.dl_link {	display: block;	padding: 0;	margin: 0.5em auto 0 auto;	background-image: none;}
a.dl_link:hover { text-decoration: none; background-color: transparent; }

/*******************************************
* Styles für Typo3 (RTE)
********************************************/
input, textarea {margin-left: 1em;  width: auto;	font: 1em Verdana, Arial, Helvetica, Sans-Serif;	border: 1px #ccc solid;  background: #fafafa;	padding: 2px;	color: #777;}
input[type=text]:focus, textarea:focus {	background: #f0f0f0;	color: #333;	border-color: #666;}
img {	border: 0;}
p.csc-linkToTop {	text-align: right;}
span.mono { 	font-family: "Courier New", Courier, monospace;	font-style: normal;	padding:0 0.3em 0 0.3em;	background:#f0f0f4;	border: 1px #ccd solid;}
span.file { 	font-family: "Courier New", Courier, monospace;	font-style: normal;	padding:0 0 0 14px;	color: #000088;	background: transparent url('../../img/icons/file.gif') no-repeat left;}
span.directory { 	font-family: "Courier New", Courier, monospace;	font-style: normal;	padding:0 0 0 15px;	color: #000088;	background: transparent url('../../img/icons/dir.gif') no-repeat left;}
p.smalltext {	font-size: 0.9em;}
p.redbox { color:#000; background-color:#fee; border:1px #fcc solid; padding:6px; margin-bottom: 0.5em; }
p.greenbox { background-color: #f4f8f4; border: 1px #aca dotted; padding: 6px; margin-bottom: 0.5em; }
p.greenbox a { color: #353;}
p.greenbox a:hover { background: transparent; }
p.box {	display: block;	font-size: 1em;	color: #000;	padding: 0.5em;	background: #f0f0f4;	border-left: 8px #E0E7F5 solid;}
p.code {	display: block;	margin: 0 0 1em 1em;	font-family: "Courier New", Courier, monospace;	font-size: 1em;	padding: 0.5em;	color: #000; background: #f0f0f4;border-left: 8px #E0E7F5 solid;}
p.bluebox {	color:#000;	background: #f0f0f4; padding: 2px; border: 1px #ccd solid;	text-align: center;	padding: 4px 0 4px 0;	margin-bottom: 1em;}
p.csc-form-label-req {	font-weight: bold;}
p.rechtsbuendig {text-align:right}
p.linksbuendig{text-align:left}
p.zentriert{text-align:center}

.csc-caption {
	font-size: 0.9em;
	background-color: #E0E7F5; padding: 2px;
}
/* Typo3 Version 4 */
dd.csc-textpic-caption {
	font-style: italic;
	font-size: 0.9em;
	background-color: #E0E7F5; padding: 0;
}


/* ######################################################################################################
** ### Vertikale Listennavigation #######################################################################
** ######################################################################################################
*/
#navi {float: left; width: 180px !important; width /**/:230px;padding: 10px 0px 10px 40px;}
#content {float: right; width: 510px !important; width /**/:560px;padding: 10px 40px 10px 10px;}

	#navi h3 { 
		border:0;
		margin:0 0 0.3em 0;
		padding: .4em 0 0 0;
	}
	#navi .chmenue ul {list-style-type: none;}
	#navi .chmenue { width: 100%; 	overflow: hidden;margin: 0 0 1.5em 0; list-style-type: none;/*border-top: 0px #DFDADA solid;border-bottom: 0px #DFDADA solid;*/ }
	#navi .chmenue li a { width: 100%; padding: 2px 0px 2px 10%; font-size:105%; color:#300; background:#E0D3BF; }
	#navi .chmenue li a:hover { background:#300; color:#E0D3BF }
	#navi .chmenue a { display:block; text-decoration: none; }
	#navi .chmenue li { float:left; width: 100%; margin:2px 0px; padding: 0 }
	#navi .chmenue .active {display:block; border-left:5px solid #300; border-top:1px dotted #300;border-bottom:1px dotted #300; font-weight:bold; }
	#navi .chmenue .active a,#navi .chmenue .active a:hover { background:transparent; color: #300; } 
    #navi .chmenue li.active {padding: 2px 0 0 2%;}

	
	#navi .mainMenu ul {list-style-type: none;}
	#navi .mainMenu { width: 100%; 	overflow: hidden;margin: 0 0 1.5em 0; list-style-type: none;/*border-top: 0px #DFDADA solid;border-bottom: 0px #DFDADA solid;*/ }
	#navi .mainMenu li a { width: 95%; padding: 2px 0px 2px 10%; }
	#navi .mainMenu li ul li a { width: 90%; padding: 1px 0px 1px 20%; }
	#navi .mainMenu a { display:block; text-decoration: none; }
	#navi .mainMenu li { float:left; width: 100%; margin:0; padding: 0 }
	#navi .mainMenu li ul li { float:left; width: 100%; margin:0; padding:0; }
	#navi .mainMenu li ul { list-style-type: none; margin:0; padding: 0; }
	#navi .mainMenu li ul li ul { list-style-type: none; margin:0; padding: 0; }
	#navi .mainMenu .active {display:block;} 
	#navi .mainMenu li.active { width: 95%; padding: 2px 0 0 5%;}
	#navi .mainMenu li.active ul li.active { width: 90%; padding: 2px 0 0 10%;	}
	#navi .mainMenu li.active ul li.active ul li.active { width: 85%; padding: 2px 0 0 15%;	}
	
/* +Formulartabelle
............................................... */

.rc { clear: both; margin: 0; padding: 3px; text-align: left; height: 15px;}
.rc2 { clear: both; margin: 0; padding: 3px; text-align: left; height: 50px;}
span.llabel {text-align: right; float: left; width: 150px; padding: 0 3px 0 0; font-size: 91%;}
span.rform2 {text-align: left; float: left; width: 155px; margin-left: 12px; font-size: 91%;}
span.rform {text-align: left; float: left; width: 255px; margin-left: 12px;}
span.rformc {text-align: left; float: left; margin-left: 12px;}
span.rform input.ipw { width: 150px;}
span.rform input.ipwc { }
span.rform textarea.ipwa { width: 250px;}
.sub {font-style:italic; text-align:right;}

/* +Fußleiste
............................................... */
#footer {width:800px; height:72px; }
#footer #footcol1 {width:150px; height:30px; right:0px; margin-left:30px; float: left; margin-top:0px;}
	#mintitle {position:relative;width:150px;height:35px; }
	#mintitle h6 {text-indent: -10000px;margin:0px; padding:0px; border: inherit}
	#mintitle h6 a {width:150px;height:35px;text-decoration:none;display:block;border: inherit;}
	#mintitle h6 a:hover {background:transparent;}
	#mintitle h6 a span {display: none;}

#footcol2 { width:500px; float:right; margin-right:30px; text-align:right; margin-top: 5px;}
	#footcol2 ul {  display: inline; white-space: nowrap; line-height: 1.5em;  margin:0;  padding:0px;  list-style:none;}
	#footcol2 li {  display: inline;  padding:2px 7px;  margin: 0;}
	#footcol2 a {  text-transform: none;  text-decoration:none;  font-weight:normal;  padding:2px 7px;  }
	/* Commented Backslash Hack
	   hides rule from IE5-Mac \*/
	#footcol2 a {float:none;}
	/* End IE5-Mac hack */
	#footcol2 a:hover { text-decoration:none; }
	#footcol2 #current {border:none;   }
	#footcol2 #current a {  font-weight:bold;}

#footcol3 {clear:both; margin-left:20px; padding-top: 25px; width:100px;}
#footcol3 img {margin-left: 10px;}
#footcol3 a:hover {background: transparent; }


span.roteSchrift {color:#F00;}
span.sehrGross {font-size:150%;}
span.blaueSchrift {color:#00C;}

.blauerRand {border:2px solid #06C;}
.feedback {border: 1px dotted #80583E; background:#EBDFDC; padding:10px;}
.Abstand10px {padding:10px;}

.Abstandunten {margin-bottom:15px;}