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

 Global Color Palette
 -------------------------
Color White: 	#fff; 		//background main
Color blue light: 		#edf2f7; 		// background content
Color blue: 		#dfe5f3;  		// background navigation
Color blue dark: 		#1c73b7; 		// background header block

Link Colors
a: grey
hover: orange
visited: grey

*/

html {height: 100.01%; min-height: 100%;}
body {font: normal 62.5% Verdana,Arial,Helvetica,sans-serif; color: #082f76; text-align: center;} /* for IE/Win */
html>body {font: normal 10px Verdana,Arial,Helvetica,sans-serif;} /* for everything else */

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

#site 
{
	width: 95.0em;
	margin: 0 auto;
	text-align: left;	
	background-color: #f7fbff;
	border-left: 1px solid #c0ccde;	
	border-right: 1px solid #c0ccde;
	border-bottom: 1px solid #c0ccde;
}

#header
{
	height: 15em;
	width: 95em;
	position: relative;
	background-image: url(../graphics/header_stars_bg.jpg);
	background-repeat: repeat;
}

#headerLogo
{
	position: absolute;
	top: 2.2em;
	left: 2.2em;
}

#headerMenu
{
	position: absolute;
	top: 12.3em;
	left: 44em;
	width: 50.3em;
}

#headerMenu .headerMenu1 {
	float: right;
	padding: 0.2em 1em 0em 1em;
	font-size: 1.1em;
	color: #dde5ed;
}

#headerMenu .headerMenu1 a{
	text-decoration: none;
	color: #dde5ed;
}

#headerMenu .searchForm {
	float: right;
	padding-left: 1em;
}

#headerMenu .searchForm form {
	padding:0;
	font-size: 1em;
}


#headerMenu .searchForm input[type=submit], #headerMenu .searchForm input[type=text]{
	height: auto;
	margin: 0;
	color: #FFF;
	font-size: 1.1em;
	border: 0.1em solid #74a9d1;
}


#headerMenu .searchForm input[type=submit] {
	width: 5em;	
	margin-left: 0.2em;
	background-color: #74a9d1;
}

#headerMenu .searchForm input[type=text] {
	width: 9em;
	float: left;
	background-color: #3b7bb7;
}

#mainArea {
	margin-top: 2.5em;
}

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

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

#mainMenuTitle {
	width: 19.5em;
	height: 1.8em;
	padding: 1.1em 1em 1em 1.5em;
	border-bottom: 0.1em solid #0b347a;
	background-color: #1c73b7;
}
#mainMenuTitle span {	font-size: 1.3em; font-weight: bold; color: #FFF; }
#mainMenuTitle span a { text-decoration: none; }

#mainMenu {
	width: 22.0em;
}

#mainMenu .tmenu1, #mainMenu .tmenu1_act {
	display: block;
	min-height: 1.3em;
	width: 19.5em;
	padding: 1em 1em 1em 1.5em;
	border-top: 0.1em solid #edf2f7;
	border-bottom: 0.1em solid #c0ccde;
	background-color: #dfe5f3;
	font-weight: bold;
}

#mainMenu .tmenu2, #mainMenu .tmenu2_act {	
	display: block;
	min-height: 1.3em;
	width: 18.5em;
	padding: 1em 1em 1em 2.5em;
	border-top: 0.1em solid #edf2f7;
	border-bottom: 0.1em solid #c0ccde;
	background-color: #dfe5f3;
}

#mainMenu .tmenu1 a, #mainMenu .tmenu1_act a, #mainMenu .tmenu2 a, #mainMenu .tmenu2_act a, #mainMenu .logout_menu a {
	font-size: 1.2em;
	text-decoration: none;
}
#mainMenu .tmenu1 a:hover, #mainMenu .tmenu2 a:hover , #mainMenu .logout_menu a:hover { text-decoration: underline; }
#mainMenu .tmenu1_act, #mainMenu .tmenu2_act, #mainMenu .logout_menu  { font-weight: bold; }

#mainMenu .logout_menu {	
	display: block;
	min-height: 1.3em;
	width: 14.5em;
	padding: 3.4em 3em 1.3em 3.5em;
	background-image: url(../graphics/key.gif);
	background-repeat: no-repeat;
	background-position: 1.4em 3.7em;
}

#printMenu {
	width: auto;
	margin-left: 24em;
}

#printMenu .printLink {
	display: block;
	padding: 0.5em 1.4em;
	background-image: url(../graphics/print.gif);
	background-repeat: no-repeat;
	background-position: 0em 0.6em;
	font-size: 1.2em;
	text-decoration: none;
}

#printMenu .printLink a {
	text-decoration: none;
}

#breadcrumb {
	float: left;
	width: 71em;
	margin-top: 1.4em;
	margin-left: 2em;
}

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

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

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

.clearer{
	clear: both;
}

#footer {
	height: 7em;
	background-image: url(../graphics/footer_bg.gif);
	background-repeat: repeat;
}

#footerMenu {
	padding-left: 22em;
	padding-top: 1em;
	margin: 0.4em 2em 0em 2em;
	border-top: 1px solid #c0ccde;
}

#footerMenu span {
	font-size: 1.1em;
}

#footerMenu  a {
	text-decoration: none;
	color: #082f76;
}
#footerMenu  a:hover {
	text-decoration: underline;
}

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

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

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

#fce2colRBRight
{
	float: right;
	width: 21em;
	/*margin-top: -4em;*/
	position: relative; top: -4em; /* IE6 Hack */
	
}
/*--------- FCE ELEMENTS END ---------*/

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

/* Schrift für die meisten Tags */

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

P {
	margin-bottom: 0.8em;
}

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

/* Schrift für Code */

PRE { font-family: monospace; }

/* Hyperlinks */

A { color: #082f76; text-decoration: underline; }

/* Hyperlink hover */

A:hover { color: #082f76; text-decoration: underline;}

/* Hyperlink image */

IMG, A IMG { border: 0; }

/* Hyperlink to top */

P.csc-linkToTop { text-align: right;}

/* Hyperlink to top link */

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

P.csc-linkToTop A:hover {text-decoration: underline; }

/* Tables */

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

TABLE.contenttable P { margin: 0em; }

a.internal-link-new-window, a.internal-link, a.external-link-new-window, a.external-link, a.download, a.mail  {
	white-space: nowrap;
}

/*-------------- 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: 2em; padding-left: 2em; }

OL { margin-top: 0.5em; margin-left: 2em; padding-left: 3em; }

LI { font-size: 1.2em; margin-top: 0.4em; margin-bottom: 0.4em; line-height: 1.5em;}
LI LI { font-size: 1em; }

/* 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.2em; }
DD { font-size: 1.2em; margin-top: 0.4em; margin-bottom: 0.4em; margin-left: 2em;}

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

DIV.csc-header {
	display: block;
	margin: 0em 0em 0.7em 0em;
}


/* Überschriften H1 */

H1 { font-size: 1.9em; margin-bottom: 1em; margin-top: 1.6em;	padding-bottom: 0.1em; border-bottom: 1px solid #ffec00;}

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

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

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

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

H5, H6 { margin: 0px 0px 0px 0px; margin-top: 1em; margin-bottom: 0.2em; }

/* 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.7em;
}

/* Ü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; }

/* Setzt das erste Bild auf die Höhe des Textes (normal Höhe Überschrift) bei zweispaltig, Bilder links */

.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap {
	margin-top: 4.9em;
}

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

/* Sitemap allgemein */
DIV.csc-sitemap  { margin: 2em 0  0 5em; }

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

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

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

/* s.o. Aufzählungspunkte */
DIV.csc-sitemap ul { list-style-type: none;  }
DIV.csc-sitemap ul ul { list-style-type: square; }
DIV.csc-sitemap li { font-weight: bold; padding-top: 1em; }
DIV.csc-sitemap li li { font-weight: normal; padding-top: 0;}

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

/* 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; 
}

/* s.o. 1. Ebene */
ul.csc-menu-1 li {
	margin-left: -2em;
	padding-left: 1em;
  	background-image: url(../graphics/sub_menue.gif);
	background-repeat: no-repeat;
	background-position: 0em 0.3em;
}

/* 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 {  }

/* 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 #1c73b7; margin-top: 2em; margin-bottom: 2.5em; }

/* s.o. Linie danach */

DIV.csc-frame-rulerAfter { height: 3px; border-bottom: 2px solid #1c73b7; 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-image: url(../graphics/frame1_bg.gif);
	background-repeat: repeat;
	color: #FFF;
}
* html DIV.csc-frame-frame1 {  /* IE 6 Hack */
	width: 21.5em;
}

/* Rahmen 1 bei Rand */

#fce2colRBRight DIV.csc-frame-frame1 { 
	margin-right: -2em; 
	color: #FFF;
	min-width: 21.5em;
}

* html #fce2colRBRight DIV.csc-frame-frame1 { /* IE 6 Hack */
	margin-right: 0; 
	position: relative; 
	right: -2em; 
	width: 21.5em;
}

#fce2colRBRight DIV.csc-frame-frame1 A, DIV.csc-frame-frame1 A {
	color: #FFF;
}

/* Rahmen 2 */

DIV.csc-frame-frame2 { padding: 2px 4px 2px 4px; background-color: #eee; /*#e9ecfe;*/ }
* html DIV.csc-frame-frame2 {  /* IE 6 Hack */
	width: 21.5em;
}
/* Rahmen 2 bei Rand */

#fce2colRBRight DIV.csc-frame-frame2 { margin-right: -20px; min-width: 21.5em; }
* html #fce2colRBRight DIV.csc-frame-frame2 { /* IE 6 Hack */
	margin-right: 0; 
	position: relative; 
	right: -2em; 
	width: 21.5em;
}
/* s.o. Rahmen 1 Überschrift */

DIV.csc-frame-frame1 H1 { font-size: 1.3em; font-weight: bold; padding: 6px 0px; margin: 0; border-bottom: 1px solid #FFF; }
DIV.csc-frame-frame1 H2, DIV.csc-frame-frame1 H3, DIV.csc-frame-frame1 H4, DIV.csc-frame-frame1 H5 { font-size: 1.3em; font-weight: bold;}

/* 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 { font-size: 1.3em; font-weight: bold; padding: 6px 0px; margin: 0; border-bottom: 1px solid #082f76; }

/*-------------- 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 #082f76; background-color: #dfe5f3;}

/* 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 #082f76; background-color: #dfe5f3; cursor: pointer; width: auto; overflow: visible;}

/* 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;  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: 12em; 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 {  }

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

form .csc-mailform-submit { margin-left: 12.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; line-height: 1.5em;}

DIV.tx-newloginbox-pi1 TABLE {}

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 { margin: 0; padding: 0; width: auto;}

DIV.tx-newloginbox-pi1 TABLE TR TH LABEL { margin: 0; padding: 0; width: auto;}

DIV.tx-newloginbox-pi1  FORM { margin: 0.5em 0;}

DIV.tx-newloginbox-pi1  INPUT.tx-newloginbox-pi1-submit { margin-left: 7.6em; width: auto; overflow:visible;}

DIV.tx-newloginbox-pi1  INPUT { margin: 0.5em 0; padding: 0 0.3em; width: 7em;}

DIV.tx-newloginbox-pi1  LABEL { margin: 0.5em 0; padding: 0 0.3em; width: 7em;}

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; }


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