/*
Main template stylesheet file (AMÖ)
 - includes stylesheets for tt_content

 Global Color Palette
 -------------------------
Color orange light: 	#fefad4; 		// head menu active
Color orange: 		#fccb78; 		// head menu
Color yellow: 		#fff48c;  		// for bottom border
Color blue light: 		#eceff1; 		// banner background
Color grey:		#222				// font color

Link Colors
a: grey
hover: orange
visited: grey

*/

html {height: 100.01%; min-height: 100%;}
body {font: normal 62.5% Arial,Helvetica,sans-serif;} /* for IE/Win */
html>body {font: normal 10px Arial,Helvetica,sans-serif;} /* for everything else */

* { margin: 0; /*padding: 0;*/}

#site 
{
	width: 96.0em;
}

#headerImg
{
	height: 15em;
	width: 95em;
}

#headerMenu
{
	background-color: #fccb78;
	height: 2.8em;
	padding: 0em 1.0em;
}

#headerMenu .tmenu1, #headerMenu .tmenu1_act
{
	display: block;
	float: left;
	text-align: center;
	padding: 0.6em 1em 0em 1em; /* padding: oben rechts unten links */
	height: 2.2em;
}
#headerMenu .tmenu1_act { background-color: #fefad4; }
#headerMenu .tmenu1 a, #headerMenu .tmenu1_act a { font-size: 1.2em; text-decoration: none; }
#headerMenu .tmenu1:hover { background-color: #fefad4; }
#headerMenu .tmenu1_act a { background-color: #fefad4; font-weight: bold; }

/*
#mainArea 
{
	background-image: url(../graphic/content_background.gif);
	background-repeat: repeat;
	width: 100%;
	height: 100%;
}
*/

#left
{
	float: left;	
	width: 20.0em;
}

#right
{
	float: right;	
	width: 75.0em;
}

#subMenuTitle {
	background-color: #fccb78;
	width: 19.0em;
	height: 2.3em;
	border-bottom: 0.3em solid #fff48c;
	margin-top: 0.8em;
	padding: 0.7em 0em 0em 1em ;
}
#subMenuTitle span {	font-size: 1.3em;	font-weight: bold; }
#subMenuTitle span a { text-decoration: none; }
#subMenuTitle span a:hover { text-decoration: underline; }

#subMenu {
	width: 20.0em;
	padding-top: 1em;
	padding-bottom: 5em;
	background-color: #fefad4;
}

#subMenu .tmenu2, #subMenu .tmenu2_act {
	display: block;
	padding: 0.5em 0.9em;
	margin-left: 1.2em; 
	background-image: url(../graphic/menue_ebene1_on.gif);
	background-repeat: no-repeat;
	background-position: 0em 0.8em;
}

#subMenu .tmenu3, #subMenu .tmenu3_act {	
	display: block;
	padding: 0.5em 0.9em;
	margin-left: 1.2em; 
	text-decoration: none;
}

#subMenu .tmenu2 a, #subMenu .tmenu2_act a, #subMenu .tmenu3 a, #subMenu .tmenu3_act a {
	font-size: 1.2em;
	text-decoration: none;
}
#subMenu .tmenu2 a:hover, #subMenu .tmenu3 a:hover { text-decoration: underline; }
#subMenu .tmenu2_act, #subMenu .tmenu3_act  { font-weight: bold; }

#specialMenu {
	width: 20.0em;
	border-top: 0.8em #fff solid;
	border-bottom: 0.8em #fff solid;
	background-color: #fefad4;
	padding: 1em 0em;
}
#specialMenu .homeLink {
	display: block;
	padding: 0.5em 1.5em;
	margin-left: 1.2em;
	background-image: url(../graphic/home.gif);
	background-repeat: no-repeat;
	background-position: 0em 0.7em;
}
#specialMenu .printLink {
	display: block;
	padding: 0.5em 1.5em;
	margin-left: 1.2em; 
	background-image: url(../graphic/print.gif);
	background-repeat: no-repeat;
	background-position: 0em 0.6em;
}
#specialMenu .homeLink a, #specialMenu .printLink a {
	text-decoration: none;
	font-size: 1.2em;
} 
#specialMenu .homeLink a:hover, #specialMenu .printLink a:hover {
	text-decoration: underline;
}

#breadcrumb {
	float: left;
	width: 50em;
	margin-top: 1.7em;
	margin-left: 2em;
}
* html #breadcrumb { /* for IE6 */
	float: left;
	width: 50em;
	margin-top: 1.7em;
	margin-left: 1em;
}

#breadcrumb span {
	font-size: 1.1em;
}
#breadcrumb span a {
	text-decoration: none;
}

#searchForm {
	float: left;
	width: 23em;
	margin-top: 0.4em;
}

#searchForm input[type=submit] {
	margin-left: 0.2em;
	margin-right: 0em;
	padding: 0em 0.5em;
	width: 60px;
}

#searchForm input[type=text] {
	width: 11em;
}

#searchForm form {
	float: right;
}

#content {
	width: 73em;
	margin-left: 2em;
}

.clearer{
	clear: both;
}

#footerMenu {
	height: 4.0em;
	border-top: 1px solid Gray;
	padding-left: 22.0em;
	padding-top: 0.3em;
}
#footerMenu .footerMenu {
	display: block;
	float: left;
	text-align: center;
	padding: 0em 0.8em;
	margin-right: 0.5em; 
	background-image: url(../graphic/menue_footer_on.gif);
	background-repeat: no-repeat;
	background-position: 0em 0.3em;
}
#footerMenu .footerMenu a {
	text-decoration: none;
	font-size: 1.1em;
}
#footerMenu .footerMenu a:hover {
	text-decoration: underline;
}
#footerMenu .copyright {
	float: right;
	width: 32em;
	text-align: right;
}
#footerMenu .copyright span {
	font-size: 1.1em;
}
a.internal-link-new-window, a.internal-link, a.external-link-new-window, a.external-link, a.download, a.mail  {
	white-space: nowrap;
	text-decoration: none;
}

a.internal-link-new-window, a.internal-link, a.external-link-new-window, a.external-link, a.download, a.mail  {
	white-space: nowrap;
	text-decoration: none;
}
a:hover{
	text-decoration: underline;
}

a img {
	border: 0;
}

/*----------- FCE ELEMENTS -----------*/
#fce2colRight {
	float: right;
	width: 35.0em;
}

#fce2colLeft{
	float: left;
	width: 35.0em;
}

#fce2colRBLeft
{
	float: left;
	width: 50em;
}

#fce2colRBRight
{
	float: right;
	width: 20em;
}
/*--------- FCE ELEMENTS END ---------*/


#bannerContent {
	margin-top: 2.5em;
	width: 100%;
	text-align: center;
}


/*-------------- Allgemeine Einstellungen --------------*/

/* Schrift für die meisten Tags */

H1, H2, H3, H4, H5, P, TD, UL, OL, BLOCKQUOTE, INPUT, TEXTAREA, SELECT { font-family: Arial, Helvetica, sans-serif; color: #222222; font-size: 1em;}


P {
	margin-bottom: 0.8em;
}

.bodytext {
	font-size: 1.2em;
	line-height: 1.5em;
}

.align-left, .align-right, .align-center, .align-justify {
	font-size: 1.2em;
	line-height: 1.5em;
}


.align-left { text-align: left; }
.align-right { text-align: right; }
.align-center { text-align: center; }
.align-justify { text-align: justify; }


/* Schrift für Code */

PRE { font-family: monospace; }

/* Hyperlinks */

A { color: #222; text-decoration: underline; }

/* Hyperlink hover */

A:hover { color: #222; }

/* Hyperlink image */

A IMG { border: 0; }

/* Formular */

FORM { }

/* Hyperlink to top */

P.csc-linkToTop { text-align: right; padding-bottom: 0.3em; }

/* Hyperlink to top link */

P.csc-linkToTop A { font-size: 1.1em; padding-left: 1.2em; color: #222; text-decoration: none; background-image: url(../graphic/link_to_top.gif); background-repeat: no-repeat; background-position: 0em 0.5em; }

/* Tables */

TABLE.contenttable TR TD { margin: 0px; padding: 0px; }

TABLE.contenttable P { margin: 0em; }

/*-------------- Link Icons ----------------------------*/
.external-link {
	padding-left: 1.3em;
  	background-image: url(../ico/link-external.gif);
	background-repeat: no-repeat;
	background-position: 0em 0.4em;
}

.external-link-new-window {
	padding-left: 1.3em;
  	background-image: url(../ico/link-new-window.gif);
	background-repeat: no-repeat;
	background-position: 0em 0.4em;
}

.internal-link {
	padding-left: 1.3em;
  	background-image: url(../ico/link-internal.gif);
	background-repeat: no-repeat;
	background-position: 0em 0.4em;
}

.internal-link-new-window {
	padding-left: 1.3em;
  	background-image: url(../ico/link-new-window.gif);
	background-repeat: no-repeat;
	background-position: 0em 0.4em;
}

.download {
	padding-left: 1.3em;
  	background-image: url(../ico/link-download.gif);
	background-repeat: no-repeat;
	background-position: 0em 0.4em;
}

.mail {
	padding-left: 1.7em;
  	background-image: url(../ico/link-email.gif);
	background-repeat: no-repeat;
	background-position: 0em 0.3em;
}

/*-------------- Punkt-/Aufzählungslisten --------------*/

/* Listen allgemein*/

UL { margin-top: 0.5em; margin-left: 0em; padding-left: 3.5em;}

OL { margin-top: 0.5em; margin-left: 0em; padding-left: 3.5em;}

LI { font-size: 1.2em; margin-top: 0.4em; margin-bottom: 0.4em;}
LI LI { font-size: 1.2em; }

/* Listen mit dem Inhalselement (Punkt) */

UL.csc-bulletlist-0 { }

/* Listen mit dem Inhalselement (Kreis) */

UL.csc-bulletlist-1 { list-style-type : circle; }

/* Listen mit dem Inhalselement (Quadrat) */

UL.csc-bulletlist-2 { list-style-type : square; }

/* Listen mit dem Inhalselement (Aufzählung) */

UL.csc-bulletlist-3 { list-style-type : decimal; }

DT{ font-size: 1.1em;}
DD{ font-size: 1.1em;}

/*-------------- Überschriften --------------*/

DIV.csc-header {
	background-image: url(../graphic/title_line.gif);
	background-repeat: no-repeat;
	background-position: 0em 1.8em;
	padding-bottom: 1.1em;
}


/* Überschriften H1 */

H1 { font-size: 1.5em; font-weight:bold; margin-bottom: 0.6em; margin-top: 2.5em; }

/* Überschriften H2 - H6 (wird nicht verwendet) */

H2 { font-size: 1.4em; font-weight:bold; margin-bottom: 0.6em;  }

H3 { font-size: 1.3em; font-weight:bold; margin-bottom: 0.6em;  }

H4 { font-size: 1.2em; font-weight:bold; margin-bottom: 0.6em;  }

H5, H6 { margin: 0px 0px 0px 0px; margin-top: 10px; margin-bottom: 2px; }

/* Erste Überschriften auf der Seite */

H1.csc-firstHeader, H2.csc-firstHeader, H3.csc-firstHeader, H4.csc-firstHeader, H5.csc-firstHeader, H6.csc-firstHeader {  margin-top: 0.8em;  }

/* Überschriften mit Link */

H1 A, H2 A, H3 A, H4 A, H5 A { text-decoration: none; }

H1 A:hover, H2 A:hover, H3 A:hover, H4 A:hover, H5 A:hover { text-decoration: underline; }


/*-------------- Bild / Bild mit Text --------------*

/* Bilduntertitel */

.csc-caption { vertical-align: text-top; max-width: 100%;}

/* Bilduntertitel bei TmB */

.csc-textpic-caption { vertical-align: text-top; text-align: center; max-width: 100%;}

/* Verhindert, dass die Aufzaehlungspunkte hinter dem Bild im Text verschwinden */

.csc-textpic-intext-left ul { list-style-position: inside; }


/*-------------- Sitemap --------------*/


/* Sitemap allgemein */
DIV.csc-sitemap ul { list-style-type: none; padding: 0 0; margin 0 0;}

/* Sitemap Links */
DIV.csc-sitemap A { text-decoration: none;}

/* s.o. 1. Ebene */
DIV.csc-sitemap ul li A { margin: 10px 0; width: 400px; display: block; font-weight: bold; padding: 5px 10px; background-color: #fefad4; color: #222; border-top: 1px solid #fccb78; border-bottom: 1px solid #fccb78; }

/* s.o. 1. Ebene über Link */
DIV.csc-sitemap ul li A:hover { text-decoration: underline;}

/* s.o. Aufzählungspunkte */
DIV.csc-sitemap ul ul { margin-left: 25px;  }
DIV.csc-sitemap li li {	font-size: 1em; list-style-image: url(../graphic/menue_ebene1_on.gif); }

/* s.o. 2. Ebene */
DIV.csc-sitemap ul ul li A { font-size: 1em; font-weight: normal; margin: 0 0; padding: 0 0; color: #222; background-color: #fff; border: none; }

/* s.o. 2. Ebene über Link */
DIV.csc-sitemap ul ul li A:hover { text-decoration: underline;}

/* s.o. 3. Ebene  */
DIV.csc-sitemap ul ul ul li A { }

/* s.o. 4. Ebene */
DIV.csc-sitemap ul ul ul ul li A {  }

/* s.o. 5. Ebene */
DIV.csc-sitemap ul ul ul ul ul li A { }


/* Menü der Unterseiten allgemein */
ul.csc-menu-1 { list-style-type: none; margin-left: -40px;}

/* s.o. 1. Ebene */

ul.csc-menu-1 li {margin-top: 0px; margin-bottom: 0px; padding-top: 1.3px; padding-bottom: 1.3px; padding-left: 12px; background-image: url(../graphics/menue_ebene3_off.gif); background-repeat : no-repeat; background-position : 0px 8px;}

/* s.o. 1. Ebene Link */

ul.csc-menu-1 li a { text-decoration: none; }

/* s.o. 1. Ebene Link angewählt */

ul.csc-menu-1 li .act a { font-weight: bold; }

/* s.o. 1. Ebene über Link fahren */

ul.csc-menu-1 li a:hover { text-decoration: underline; }

/* s.o. 2. Ebene allgemein*/

ul.csc-menu-1 ul { list-style-type: none; margin-left: -34px; margin-top: 0px; margin-bottom: 0px; padding-top: 1.3px; padding-bottom: 1.3px;}

/* s.o. 2. Ebene */

ul.csc-menu-1 ul li { padding-left: 12px;  background-image: url(../graphics/menue_ebene2_off.gif); background-repeat : no-repeat; background-position : 0px 8px; }

/* s.o. 2. Ebene / wenn 2. Ebene ausgewählt, dann ist Sie innerhalb des li-Tags der 1. Ebene */

ul.csc-menu-1 li ul { margin-left: -46px; }


/*-------------- Rahmen um Inhaltselemente --------------*/

/* Rahmen allgemein */

DIV.csc-frame { border: 0px; margin-bottom: 1em; clear: both;}

/* s.o unsichtbar */

DIV.csc-frame-invisible { padding: 2px 4px 2px 4px; margin: 1px;}

/* s.o. Linie davor */

DIV.csc-frame-rulerBefore { height: 3px; border-bottom: 2px solid #fccb78; margin-top: 2em; margin-bottom: 2.5em; }

/* s.o. Linie danach */

DIV.csc-frame-rulerAfter { height: 3px; border-bottom: 2px solid #fccb78; margin-top: 2em; margin-bottom: 2.5em; }

/* s.o. eingerückt */

DIV.csc-frame-indent { padding-left: 100px; }

/* s.o. 33/66 (abgeschaltet) */

DIV.csc-frame-indent3366 { padding-left: 33%; }

/* s.o. 66/33 (abgeschaltet) */

DIV.csc-frame-indent6633 { padding-right: 33%; }

/* s.o. Rahmen 1 */

DIV.csc-frame-frame1 { padding: 2px 4px 2px 4px; background-color: #fefad4;}

/* Rahmen 2 */

DIV.csc-frame-frame2 { background-color: #fefad4; padding: 2px 4px 2px 4px; border: 1px solid #fccb78; }

/* s.o. Rahmen 1 Überschrift */

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: 0.3em; }

/* s.o. Rahmen 2 Überschrift */

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: 0.3em; }



/*-------------- Formular --------------*/

/* Formular allgemein */

form { font-size: 1.2em; text-decoration: none; float: left;}

/* s.o. Eingabefeld, Textarea und Auswahlfeld */

form input, form textarea, form select { padding-left: 0.17em; padding-right: 0.17em; margin-top: 1em; height: auto; border: 1px solid #222222; }

/* s.o. Eingabefeld Schaltfäche für Absenden und Zurücksetzen */

form input[type=submit], form input[type=reset] { float: left; margin-right: 0.83em; padding-left: 0.5em; padding-right: 0.5em; border: 1px solid #222222; background-image: url(../graphic/button_background.gif); cursor: pointer; width: auto; }

/* s.o. Radio-Button Eingabefeld */

form span.csc-mailform-radio input { margin: 0.83em 0.17em -0.17em 0.17em; }

/* s.o. Radio-Button kompletter Bereich */

form span.csc-mailform-radio fieldset { min-width: 20.83em; margin-bottom: 0.83em; margin-top: 20em;  border: 0; }

/* s.o. Radio-Button Beschreibungsfeld */

form span.csc-mailform-radio label { text-align: left; width: auto; margin-right: auto; margin-top: auto; margin: 0.25em; float: none; }

/* s.o. Checkbox-Button Legende */

form span.csc-mailform-radio legend { display: none; }

/* s.o. Label allgemein */

form label { float: left; text-align: right; width: 10em; margin-right: 0.42em; margin-top: 1em; }

/* s.o. BR am Ende jedes Formular Felds */

form br { clear: both; }

/* s.o. Checkbox-Button Bereich */

form .checkbox { float: left; margin-top: 1em; height: auto; }

/* s.o. Checkbox-Button Eingabefeld */

form .checkbox input { border: 0px; float: left; clear: left; margin: 0.25em; width: auto; }

/* s.o. Checkbox-Button Beschreibungsfeld */

form .checkbox label { float: left; text-align: left; width: auto; margin-right: auto; margin-top: auto; margin: 0.25em; }

/* s.o. Beschriftung Inhalt */

form .beschriftung span { float: left; padding-left: 0.17em; padding-right: 0.17em; margin-top: 0.83em; height: auto; }

/* s.o. Benötigtes Feld */

form .requiered_label { font-weight: bold; }

/* s.o. Schaltfläche Absenden */

form .csc-mailform-submit { margin-left: 10.42em; padding: 0;}

/*-------------- Filelinks --------------*/

/* Soll nichtmehr benutzt werden */

div.csc-uploads a { text-decoration: none; }

div.csc-uploads div.color1 { clear: both; background-color:#E0F2D1; margin: 3px; padding: 0.4em; }

div.csc-uploads div.color2 { clear: both; background-color:#EFF8E8; margin: 3px; padding: 0.4em;}

div.csc-uploads div.noColor { clear: both; margin: 3px; padding: 0.4em;}

div.csc-uploads span.csc-uploads-image {  float: left; }

div.csc-uploads-3 span.csc-uploads-image { width: 90px; text-align:center; }

div.csc-uploads span.csc-uploads-image img { margin: 0.2em; vertical-align: top; padding-bottom: 0.7em;}

div.csc-uploads span.csc-uploads-fileName { padding-left: 0.5em; font-weight: bold;}

div.csc-uploads span.csc-uploads-downloadLink { padding-left: 0.5em; }

div.csc-uploads span.csc-uploads-downloadLink A { text-decoration: underline; }

div.csc-uploads span.csc-uploads-fileSize { white-space: nowrap; padding-left: 0.6em; padding-right: 0.6em; color: #666666; }

/*---------------New login box --------------------*/

DIV.tx-newloginbox-pi1 {}

DIV.tx-newloginbox-pi1 H3 {}

DIV.tx-newloginbox-pi1 P {
	font-size: 1.2em;
	padding:0;margin:0;}

DIV.tx-newloginbox-pi1 TABLE {font-size: 0.83em;}

DIV.tx-newloginbox-pi1 TABLE TR TD P {}

DIV.tx-newloginbox-pi1 TABLE TR TD {}

DIV.tx-newloginbox-pi1 TABLE TR {}

DIV.tx-newloginbox-pi1 TABLE TR TD INPUT.tx-newloginbox-pi1-submit {}

DIV.tx-newloginbox-pi1 TABLE TR TD INPUT {}

DIV.tx-newloginbox-pi1 P.tx-newloginbox-pi1-forgotP {}

DIV.tx-newloginbox-pi1 P.tx-newloginbox-pi1-forgotP A {}

DIV.tx-newloginbox-pi1 P.tx-newloginbox-pi1-back {}

DIV.tx-newloginbox-pi1 P.tx-newloginbox-pi1-back A {}

DIV.tx-newloginbox-pi1 P.tx-newloginbox-pi1-username {}


/*-------------- Frontend editing / TYPO3 Admin Panel --------------*/

/* Default styles for the Admin Panel */

IMG.frontEndEditIcons { vertical-align: middle; margin: 0px 2px 0px 2px; } 

TABLE.typo3-adminPanel { border: 1px solid black; background-color: #F6F2E6; }

TABLE.typo3-adminPanel TR.typo3-adminPanel-hRow TD { background-color: #9BA1A8; }

TABLE.typo3-adminPanel TR.typo3-adminPanel-itemHRow TD { background-color: #ABBBB4; }

TABLE.typo3-adminPanel TABLE, TABLE.typo3-adminPanel TD { border: 0px; }

TABLE.typo3-adminPanel TD FONT { color: black; }

TABLE.typo3-adminPanel TD A FONT { color: black; }			

TABLE.typo3-editPanel { border: 1px solid black; background-color: #F6F2E6; }

TABLE.typo3-editPanel TD { border: 0px; }


/****************************************************/