/* --- StylesSheet -------------------------------------*/
/* --- Porta-L -----------------------------------------*/
/* -------------- Default Einstellungen-----------------*/

html, body{
	font-family: Arial, Helvetica, sans-serif;
	font-size:95%; /*erreicht annähernd gleiche Schriftgrößen in NN, IE und OP*/
	margin:0;
	padding:0;
	background-color:#FBFAEC;
}
h1, h2, h3, h4, h5, h6, p, form {
	font-family: Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
}
img{
	border:none;
}
#hauptbereich #inhalt li a:hover,
#hauptbereich #inhalt p a:hover,
#hauptbereich #inhalt li a:focus,
#hauptbereich #inhalt p a:focus,
#hauptbereich #inhalt li a:active,
#hauptbereich #inhalt p a:active{
	color:#000;
	background-color:#ddd;
}
#hauptbereich #zusatzinfo li a:hover,
#hauptbereich #zusatzinfo p a:hover,
#hauptbereich #zusatzinfo li a:focus,
#hauptbereich #zusatzinfo p a:focus,
#hauptbereich #zusatzinfo li a:active,
#hauptbereich #zusatzinfo p a:active{
	color:#000;
	background-color:#fff;
}
.unsichtbar{
	position:absolute;
	left:-2000px; /*Schiebt die "unsichtbaren" Hilfen aus dem Viewport, dadurch lassen sich übereifrige Screenreader, die ausgerechnet "display:none" akustisch auswerten, täuschen, und lesen die so versteckten Hilfen dennoch vor. */
}

#navigation p.unsichtbar a:focus, /* macht die Übersprunglinks beim Tabben sichtbar*/
#navigation p.unsichtbar a:active{
	position:absolute;
	left:+2450px;
	top:-50px;
	background-color:#778379;
	color:#fff;
	display:block;
	width:9em;
	padding:2px 6px;
}
.nofloat{
	clear:both;
}

/* - - - - - - - - - - - - Seitenkopf - - - - - - - - - - - - */
#kopf {
	position:static; /* hebt absolute Positionierung in NN4 auf */
	border:none;	
	background-color:#D7DBD3;
	color:#000;
	background-image:url(../images/seite/kopf/kopf_oben.gif); 
	background-position:top left;
	background-repeat:no-repeat;
	height:100px;
	width:100%;

}
#logoinhalt {
	display:block;
	position:absolute;
	left:202px;
	top:0px;
}

#kopflogo {
	display:block;
	position:absolute;
	right:0px;
	top:0px;
	margin-top:0;
}
#logolinks{
	position:absolute;
	top:30px;
	left:27px;
}
#logolinks2 {
	display:block;
}
/* für Version 1*/

#kopf a{
	text-decoration:none;
}
/* -- Grafik über dem Bereichsmenu -- -- */
#bildunten{
	height:150px;
	width:200px;
  	background-image:url(../images/seite/kopf/header_unten_0.gif); 
}

/* - - - - - - - - - - - - Hauptmenu - - - - - - - - - - - - */

#hauptmenu {
	position:absolute;
	top:100px;
	left:200px;
	border:1px solid blue;
	border-top: 1px solid #FFF;
	border-left: 1px solid #FFF;
	border-right:none;
	border-bottom:5px solid blue;
	padding:0 0 0 8px;
	width:100%; /*geändert*/
	height:2.2em;
	z-index:8;
	 background-color:#FFAE00; 
}

#hauptmenu span{
	display:none;
}
#hauptmenu a{
	color:#555; 
	background-color:#FFAE00; 
	text-decoration:none;
	font-size:103%;
	line-height:2.8em;  
	padding:4px 6px 2px 6px;  
	font-weight:600;
	margin-left:-4px;
	border-right:2px solid #FFF;
}


/*--- Farben für das Hauptmenu color 1 -8 */

#hauptmenu a:hover.color0,
#hauptmenu a:focus.color0,
#hauptmenu a:active.color0,
#hauptmenu a.acolor0{
	/* color:#000; */
	background-color:#fff;
	border-right:2px solid #FFF;
}

#hauptmenu a:hover.color1,
#hauptmenu a:focus.color1,
#hauptmenu a:active.color1,
#hauptmenu a.acolor1{
	color:#FFF;
	background-color:#9904ff;
	border-right:2px solid #FFF;
}

#hauptmenu a:hover.color2,
#hauptmenu a:focus.color2,
#hauptmenu a:active.color2,
#hauptmenu a.acolor2{
	color:#FFF;
	background-color:#99cc33;
	
}

#hauptmenu a:hover.color3,
#hauptmenu a:focus.color3,
#hauptmenu a:active.color3,
#hauptmenu a.acolor3{
	color:#FFF;
	background-color:#6698fb;
}

#hauptmenu a:hover.color4,
#hauptmenu a:focus.color4,
#hauptmenu a:active.color4,
#hauptmenu a.acolor4{
	color:#FFF;
	background-color:#cb0200;
}

#hauptmenu a:hover.color5,
#hauptmenu a:focus.color5,
#hauptmenu a:active.color5,
#hauptmenu a.acolor5{
	color:#FFF;
	background-color:#039a67;
}

#hauptmenu a:hover.color6,
#hauptmenu a:focus.color6,
#hauptmenu a:active.color6,
#hauptmenu a.acolor6{
	color:#FFF;
	background-color:#a2672f;
}

#hauptmenu a:hover.color7,
#hauptmenu a:focus.color7,
#hauptmenu a:active.color7,
#hauptmenu a.acolor7{
	color:#FFF;
	background-color:#C40200;
}


#hauptmenu a:hover.color8,
#hauptmenu a:focus.color8,
#hauptmenu a:active.color8,
#hauptmenu a.acolor8{
	color:#FFF;
	background-color:#009869;
}


/* - - - - - - - - - -Bereichsmenu + technisches Menu - - - - - - - - - */
#bereichsmenu {
	position:absolute;
	top:100px;
	left:0;
	width:200px;
	background-color:#529735; 
}

#bereichsmenu span{
	display:none;
}

#bereichsmenu ul.top span.trennstelle{
	display:inline;
	margin-left:-14px;
	color:#000;
	border-bottom:none;
}	
#bereichsmenu ul.sub span.trennstelle{
	display:inline;
	margin-left:-14px;
	color:#000;
	border-bottom:none; /*diese Konstruktion fügt ein Leerzeichen als "weiche" Trennstelle ein und macht es anschließend unsichtbar ;-)
*/
}
#bereichsmenu ul.top{
	margin:0;
	padding:0;
	font-size:100%;
}
#bereichsmenu ul.top a{
	padding-left:10px; 
}
#bereichsmenu ul.top span{
	display:block; 
	padding-left:10px;
}
#bereichsmenu ul.top li{ /* test */
	margin:0;
}
#bereichsmenu ul.sub{
	color:#FFF;
	list-style:square;
}
#bereichsmenu ul.sub li a{
	padding-left:0px;
}
#bereichsmenu ul.sub li.last{
	border-bottom:none; /*Verhindert doppelten Border unter letztem Menupunkt*/
}
#bereichsmenu li{
	margin-top:0;
	border-bottom:1px solid #000;
}
li a.unterstrich{
	border-bottom:1px solid #000;
}
#bereichsmenu a{
	color:#FFF;
	display:block;
	padding:3px 5px 3px 10px;
	text-decoration:none;
}
#bereichsmenu li span{
	border-bottom:1px solid #000; /* border unter punkt vor 2. ebene */
}
#bereichsmenu .auswahl {
	color:#FFF;
	font-size:100%;
	background-color:#A9B1A0;
	padding:3px 5px 3px 10px;
}
#bereichsmenu .subauswahl{
	color:#FFF; 
	/*font-size:110%;		*/
	background-color:#BA8185;
	padding:3px 5px 3px 0px;
}
#bereichsmenu a:hover,
#bereichsmenu a:focus, 
#bereichsmenu a:active{
	background-color:#CBCEBF; 
	/*padding:3px 5px 3px 10px;*/
	color:#000;
	display:block;
}

#techmenu{
	margin:40px 5px 10px 5px;
	padding:10px 0 0 0;
	border:1px solid #000;
	color:#FFF;
	 background-color:#FFAF04; 
	border-bottom:none;
	
}

#techlinks ul.top{
	margin:0px;
	padding:0;
	font-size:100%;
	
}

#techlinks ul.top a{
	padding-left:10px; 
	background-color:#FFAF04; 
	 
}



#techlinks ul.top a:hover,
#techlinks ul.top a:active,
#techlinks ul.top a:focus{
	padding-left:10px; 
	 background-color:#FFCC99;  
	
	
}

#techlinks .auswahl {
	color:#FFF;
	
	background-color:#FFCC99;
	
}

#techlinks ul.top li{ /* test */
	margin:0;
}

/* - - - - - - - Suche - Gehört zum Bereich des technischen Menus - - - - - */ 

#techmenu label{
	padding-left:10px; 

	font-size:1.05em;
}


#approved ol {
	clear:both;
	list-style-type: none;
	
}

#approved li {
	border-bottom:none; /* border unter punkt vor 2. ebene */
}

#techmenu fieldset {
	border: none;

}

#suchzeile{
	border-bottom:1px solid #000;
	padding:10px 0;
}
#suchfeld{
	display:inline;
	margin:0 0 2px 10px;
}
#suchzeile input{
	padding-bottom:6px; 
	background-color:#FFAF04; 
	
}

#suchzeile input:hover, input:focus{
	background-color:#FFF;
}
#suchbutton{
	display:inline;
	color:#CCB;
	margin:0 0 3px 4px;
	width:2em;
	height:1.8em;
	background-image:url(../grafik/lupe2.gif);
	background-repeat:no-repeat;
	background-position:center;
}


/* - - - - - - - - - - - - Sekundärmenu - - - - - - - - - - - - */
#sekundaermenu{
	float:right;
	background-color:#fff;
	margin-top:-40px;
	padding-left:10px;
	border-left:1px solid #555;
	
}
#inhalt #sekundaermenu ul{
	margin:0;
	padding-left:0;
	padding-bottom:0;
	list-style:none;	
}
#sekundaermenu li{
	font-size:1em;
	margin:0.3em 0 0.3em 0;
}
/* - - - - - - - - - - - - Mittelspalte - - - - - - - - - - - - */
#hauptbereich {
	/* background-color:#66CC00; */ /* #899180;*/
	background-color:#FBFAEC;
	/* width:100%; */
	max-width:80%; 
	border-top:1px solid #FFF; /* erforderlich, um den grauen Balken unter dem Hauptmenu vom Kopf abzusetzen */
	/* border-right:3px solid #03f; */
}

#container{
	margin-left:200px;
	/* background-color:#D7DBD3;*/
	/*background-color:#fff; */
	background-color:#FBFAEC;
	border-bottom:1px solid #fff;/*verhindert "bugs bunny* zusammen mit Manipulation der Höhe von border-top bei inhalt h2 */
   	
}

#inhalt {
	 /* background-color:#FFF; */
	 background-color:#FBFAEC;
	
	margin:0px 140px 0px 0px; /*border-bottom:1px solid #FFF;	korrigiert eine Fehldarstellung in IE 5.5 und NN7*/
	padding-left: 10px;
	padding-right: 10px;
	min-height:800px; 
	
}

#inhalt2{
	background-color:#FFF;
	margin:0;

}

p.breadcrumb{
	display:none;
	position:absolute;
	top:36px;
	left:410px;
}

#inhalt h2{
	margin-left:0px;
	font-size:1.4em;
	font-weight:bold;
	padding:1.2em 10px 10px 10px;
	color:#899180;
	color:#555;
}


#inhalt h2.erste{
	border-top:38px solid #FFAE00; /* erzeugt den variablen grauen Balken hinter dem Hauptmenu. Wenn diese Border wie es logisch wäre bei Inhalt gesetzt würde, wiederholt sie sich im IE 5.5 in jedem Absatz - Ausgangswert 1.9 */
	border-top:1.5em solid #FFAE00;
	width:100%;
	margin-left:-10px;
}


#inhalt2 h2.erste{
	border-top:38px solid #D7DBD3;	
	border-top:1.5em solid #D7DBD3;
	padding-top:1em;
	padding-left:1em;
	margin-bottom:30px;
	
}
#inhalt2 p{
	margin-left:25px;
	margin-right:15%;
	line-height:1.6em;
	
}

#inhalt h3 {
	font-size:1.2em;
	font-weight:bold;
	padding:.4em 0px .6em 10px;
	border-top:1px solid #D7DBD3;
	color:#899180;
	color:#555;
	
}

#inhalt h3.ohne {
	font-size:1.2em;
	font-weight:bold;
	padding:.4em 0px .6em 10px;
	border-top:0px none #D7DBD3;
	color:#899180;
	color:#555;
}


#inhalt h4 {
	font-size:1.5em;
	font-weight:bold;
	padding:.4em 0px .6em .4em;
	margin-bottom: 5px;
	/* border:0 4px 1px 0 solid #000; */
	border-bottom: 1px solid #000;
	color:#000;
}

#inhalt .rubrik{
	background-color:#D7DBD3;
	border:1px solid #FFF;
	border-bottom:none;
}
#inhalt h2.rubrik{
	font-size:1.25em;
	font-weight:500;
	padding:4px 4px 4px 10px;
	border:1px solid #FFF;
	border-bottom:none;
}
#inhalt .floatleft {
	float:left;
	margin:6px 10px;
}
#inhalt .floatright {
	float:right;
	margin:6px 10px;
}
#inhalt p{
	color:#000;
	font-size:0.9em; 
	line-height:1.2em;
	font-weight:normal; 
	/* padding:0 1px 1em 10px; */
	 /* margin:0px 20px 0 0; */
}
#inhalt p.mitbild{
	color:#000;
	font-size:1em;
	line-height:1.4em;
	font-weight:normal;
	padding:0 1px 1em 10px;
	margin:0px 20px 0 100px;
}
#inhalt p.last{
	padding-bottom:40px;
}
#inhalt ul{
	color:#000;
	background-color:transparent;
	font-size:1em;
	font-weight:normal;
	padding:0 10px 1em 30px;
	margin:0 10px 0 10px;
	padding-bottom:2em;
}

#inhalt ul li{
	line-height:1.3em;
}

#inhalt ul.mitbild {
	color:#000;
	background-color:transparent;
	font-size:1em;
	font-weight:normal;
	padding:0 10px 1em 30px;
	margin:0 10px 0 93px;
	padding-bottom:2em;
}

#inhalt a{
	color:#00F;
	text-decoration:underline;
}
.mitbild a{
	background-image:url(../grafics/linkpunkt.gif);
	background-position:top left;
	background-repeat:no-repeat;
	padding-left:1.2em;
	display:block;
}
#inhalt a:visited{
	color:#000;
	text-decoration:underline;
}
#inhalt img.icon{
	position:relative;
	top:14px;
	margin-top:-14px;
	border:none;

}
/*
### Spezielle Styles für das typo3-Frame (section_frame) 
### Beispiele in EXT:css_styled_content/css/example.css
*/
/********************************/
/* Frames, spacing, link-to-top */
/********************************/
P.csc-linkToTop { text-align: right; }
P.csc-linkToTop A { font-weight: bold; text-align: right; }

DIV.csc-frame { border: 0px; }
DIV.csc-frame-invisible {}
DIV.csc-frame-rulerBefore { border-top: 1px solid #333333; }
DIV.csc-frame-rulerAfter { border-bottom: 1px solid #333333; }
DIV.csc-frame-indent { padding-left: 100px; }
DIV.csc-frame-indent3366 { padding-left: 33%; }
DIV.csc-frame-indent6633 { padding-right: 33%; }
DIV.csc-frame-frame1 { background-color: #EDEBF1; padding: 2px 4px 2px 4px; border: 1px solid #333333; }
DIV.csc-frame-frame2 { background-color: #F5FFAA; padding: 2px 4px 2px 4px; border: 1px solid #333333; }

DIV.csc-frame-frame1 H1, DIV.csc-frame-frame1 H2, DIV.csc-frame-frame1 H3, DIV.csc-frame-frame1 H4, DIV.csc-frame-frame1 H5 { margin-top: 2px; }
DIV.csc-frame-frame2 H1, DIV.csc-frame-frame2 H2, DIV.csc-frame-frame2 H3, DIV.csc-frame-frame2 H4, DIV.csc-frame-frame2 H5 { margin-top: 2px; }




/* typo3-Frame ENDE

 FORUM start */

#forum table{
	margin-top:20px;
	margin-left:auto;
	/* margin-right:auto; */
	margin-right:20px;
	margin-bottom:20px;
	width:100%;
	padding:2px;	
	background-color:#FFF;
	border:1px solid #CCC;
	
}

/*
forum table{
	font-family:Arial, Helvetica, sans-serif;
	border-collapse:collapse;
	padding:2px;
	width:100%;
}
*/
#forum caption{
	font-size:1.2em;
	font-weight:bold;
	line-height:2em;
}
#forum thead {
	border:1px solid #ccc;
}
#forum th{
	background-color:#FFB50F;
	height:2em;
	/* border:1px solid #fff; */
	text-align:left;
	color:#fff;
} 
/*
#forum td a:link,
#forum td a:visited,
#forum td a.fensterzu{
	display:block;
	width:6em;
	height:1.2em;
	background-color:#999;
	border: 1px outset #ccc;	
	text-align:center;
	font-size:1.1em;
	font-weight:bold;
	color:#eee;
	padding-top:3px;
	text-decoration:none;
}
*/
#forum td a:hover{
	color:#333;
	background-color:#ddd;
}

#forum td.td_1_thread {
	width : 10%;
	vertical-align:top;
	white-space:nowrap;
}


#forum td.td_2_thread {
	width : 70%;
	
	
}


tr.forumcolor2 {
	background-color:#F5F5F5;
	border-bottom:1px solid #FFB50F;
}
tr.forumcolor1 {
	background-color:#fff;
	border-bottom:1px solid #FFB50F;
}




/* forum start */


/* form-felder für board formatieren */

/*  haengt die Labels rechtsbuendig an 
    einer imaginaeren Mittelachse 5em 
    von links auf und kontrolliert den 
    Abstand zu den Kontrollelementen: */

#inhalt label
{
    float            : left;
    width            : 8em;
    margin-right    : .3em;
}

/*  positioniert die Text- und 
    Auswahlboxen rechts daneben: */

#inhalt input[type=text],
#inhalt textarea,
#inhalt select
{
    float            : left;
}

/*  dann werden alle checkboxen und radiobuttons,
    die mit der Klasse "right" versehen wurden,
    um den errechneten linken Abstand der input
    und select-Elemente (s.o.) nach rechts
    verschoben: */

#inhalt input.right,
#inhalt textarea.right
{
    float                    :    left;
    width                    :    auto;
    clear                    :    both;
    margin-left                :  8.3em;
    margin-right            :    .3em;
}

/*  Extrawurst fuer Mozilla, keine Ahnung, 
    warum das so ist. Feedback und 
    Loesungsvorschlaege willkommen */

#inhalt input[type=checkbox].right,
#inhalt input[type=radio].right,
#inhalt input[type=submit].right
{
    margin-left                :    9.3em;
}

/*  Nicht vergessen, die floats wieder aufzuheben,
    sonst floatet es munter weiter */

#inhalt form br
{
    clear                    :    both;
}



#inhalt label,
#inhalt select,
#inhalt input[type=checkbox],
#inhalt input[type=radio],
#inhalt input[type=button],
#inhalt input[type=submit]
{
    cursor                    :    pointer;
}


#inhalt form
{
    line-height                :    170%;
}

/* forum ende */

#inhalt .goback {
	margin-top: 20px;
	text-align:center;
	font-weight:bold;
	font-size:1.5em; 
}
#inhalt .gobackunsichtbar {
	display:none;
	margin-top: 20px;
	text-align:center;
	
}


ul#sitemap{
	margin-left:0px;
}
ul#sitemap ul{
	padding-left:5px;
	padding-bottom:10px;
}
ul#sitemap li{
	color:#000;
}
.zentriert{
	text-align:center;
}
#inhalt p.abstand{
	padding:1.5em 0 2.5em 0;
}

/* - - - - - - - - - - - - Rechte Spalte - - - - - - - - - - - - */
#zusatzinfo {
	position:absolute;
	top:151px; /* geändert */
	right:0;
	 /* background-color: #FFAE00;*/
	 background-color: #fff; 
	
	max-width: 139px;
	/*border-top:2.1em solid #FFAE00; */ /* geändert */
	border-top:0.1em solid #ccc; /* geändert */
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	z-index:4;
	
}

.gelbbox { background-color:#FFFF66; padding:6px; margin:0px; }
	

#zusatzinfo h3 {
	/* background-color:#899180; */
	/* background-color:#9999FF;*/
	background-color:#FFB50F;
	border-top:1px solid #FFF;
	border-bottom:1px solid #FFF;
	
	color:#FFF;
	display:block;
	font-size:90%;
	padding:3px 0 3px 0;
	text-align:center;
}
#zusatzinfo img.oben{
	border-top:1px solid #fff;
}
#zusatzinfo p {
	/* background-color:#D7DBD3; */
	/* background-color:#CCF;  */
	color:#000;
	font-size:0.85em;
	line-height:1.2em;
	/* padding:0 2px 10px 5px; */
	 padding:0 2px 5px 5px; 
	text-align:left;
	/* border-bottom:1px solid #FFF; */
}
#zusatzinfo img{
	display:block;
	padding-bottom:5px;
}
#zusatzinfo a:visited{
	color:#000;
}
#portal{	
	position:relative;
	padding:6px;
	
}
#zusatzinfo #portal p{
	border:3px solid #f00;
	color:#000;
	background-color:#fff;	
}
#acrologo{
	margin-left:27px;
}
#zusatzinfo p.abstand{
	margin:0px;
	padding:3px;
}
.buttons{
	position:absolute;
	right:20px;
	width:100px;
}
.buttons img,
.buttons a{
	margin: 3px 0 3px 0;
}
#inhalt p.marginalie{
	position:absolute;
	right:0px;
	width:128px;
	background:#fff;
	padding:5px;
	margin-right:0;
	line-height:1.4em;
}
.marginalie img{
	display:block;
}
#inhalt .ortsliste li{
	list-style:none;
}
#inhalt .ortsliste li a:link{
	line-height:180%;
	padding-left:20px;
	list-style:none;
}
#inhalt .ortsliste li a:visited{
	line-height:180%;
	padding-left:20px;
	list-style:none;
}
#inhalt .ortsliste li.initial{
	position:absolute;
	left:220px;
	margin-top:-5px;
	color:red;
	font-size:180%;
	list-style:none;
}
/* - - - - - - - - - - - - Downloadbox - - - - - - - - - - - - */
#dlbox{
	margin-top:30px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:40px;
	width:28em;
	padding:2px;	
	background-color:#ddd;
	border:1px solid black;
}
#dlbox table{
	font-family:Arial, Helvetica, sans-serif;
	border-collapse:collapse;
	padding:2px;
}
#dlbox caption{
	font-size:1.2em;
	font-weight:bold;
	line-height:2em;
}
#dlbox th{
	background-color:#ddd;
	height:2em;
	border:1px solid #fff;
} 
#dlbox td a:link,
#dlbox td a:visited,
#dlbox td a.fensterzu{
	display:block;
	width:6em;
	height:1.4em;
	background-color:#999;
	border: 3px outset #ccc;	
	text-align:center;
	font-size:1.1em;
	font-weight:bold;
	color:#eee;
	padding-top:3px;
	text-decoration:none;
}
#dlbox td a:hover{
	color:#333;
	background-color:#ddd;
}
#inhalt2 #dlbox td a.fensterzu{
	width:98.5%;
}
#inhalt .weiter_abstand p{
	line-height:2em;
} 

/* - - - - - - - - - - - - Fusszeile - - - - - - - - - - - - */
#fusszeile{
	/*background-color:#D7DBD3; */
	background-color:#FFB50F; 
	margin:0;
	width:100%;
	height:2em;
	border-top:1px solid #FFF;
	border: 1px solid ;
	
	
}

#fusszeile p{
	padding:5px 5px 5px 15px;
	line-height:1.5em;
}

#fusszeile a{
	color:#000;
	text-decoration:none;
	
}

#fusszeile a:visited{
	color:#000;
	text-decoration:none;
}

#fusszeile a:hover{
	text-decoration:underline;
}

#kastenl{
	height:2em;
	width:200px;
	float:left;
	border-right:1px solid #FFF;
}

#kastenr{
	height:2em;
	width:140px;
	float:right;
	border-left:1px solid #FFF;
}