@charset "UTF-8";
/*---------------------------------------

BODY / BACKGROUND IMAGE FULLSCREEN

---------------------------------------*/

* {
margin:0;
/*color: #d2d2d2;*/
  color: #000;
padding:0;
font-family: Arial, helvetica, sans-serif;
  font-size: 12px;
}

p {
  font-size:12px;
  color: #000;
  margin: 0 0 12px 0;
}

h1, h2, h3, h4 {
  margin: 0 0 10px 0;
}

h1 {
color: #000;
/*font-size: 1.9em;*/
font-size: 1.8em;
/*line-height: 27px;*/
line-height: 23px;
font-weight: normal;
/*margin: 0px 0 0px 0;*/
padding: 0;
/*margin: 0 0 17px 0;*/
/*margin: 0 0 7px 0;*/
margin: 0 0 15px 0;
}
h2 {
color: #0F0F0F;
font-size: 1.2em;
line-height: 15px;
font-weight: normal;
}
h3 {
color: #0F0F0F;
font-size: 1.0em;
line-height: 15px;
font-weight: bold;
}
h4 {
color: #0F0F0F;
font-size: 1.0em;
line-height: 15px;
font-weight: normal;
}

ul {
/*  list-style: outside;*/
	list-style: none;
/*  margin: 12px 0 12px 14px;*/
	margin: 4px 0 12px 0;
	padding: 0;
}
li {
	list-style: none;
	background: url(../../fileadmin/templates/img/list-slashes.gif) no-repeat left top;
  font-size: 12px;
	font-weight: bold;
  margin-bottom: 4px;
	padding: 0;
	padding-left: 12px;
}

a,
a:visited {
/*color: #9ae617;*/
color: #6ebe1c;
font-size: 12px;
font-weight: normal;
text-decoration: underline;
background: transparent;
border: none;
}

a:hover,
a:focus {
/*color: #9ae617;*/
color: #6ebe1c;
text-decoration:underline;
}

a img,
img {
	border: none;
}

hr {
  height: 1px;
  border: none;
  margin: 12px 0;
  background-color: #666666;
}

html, body, #bg, #bg table, #bg td, #cont {
height:100%;
width:100%;
overflow:hidden;
}

#bg {
position: fixed;
/*                      background-color: #00FFFF;*/
}

#bg div {
height:200%;
left:-50%;
position:absolute;
top:-50%;
width:200%;
}

#bg td {
text-align:center;
vertical-align:middle;
}

#bg img {
/*                      display: none;*/
margin:0 auto;
min-height:50%;
min-width:50%;
}

#cont {
position:absolute;
top:0;left:0;
z-index:70;
overflow:auto;
}

.box {
margin: 0 auto;
width: 400px;
padding: 50px;
background: white;
padding-bottom:100px;
font: 14px/2.8 Georgia, Serif;
}

#focus-stealer {
position: absolute;
left: -9999px;
}

/* Typo3 zusätzliche Klassen im RTE */
.small,
.small a {
  font-size: 10px;
}

/* RTE-UL-Klasse */
/* (auskommentierte Werte sind die der Standard-UL) */
ul.linkListe {
/*	list-style: none;*/
/*	margin: 4px 0 12px 0;*/
}
ul.linkListe li {
/*	list-style: none;*/
/*	background: url(../../fileadmin/templates/img/list-slashes.gif) no-repeat left top;*/
/*	padding-left: 12px;*/
}
ul.linkListe li,
ul.linkListe li a,
ul.linkListe li a:visited {
	color: #000000;
	font-weight: bold;
	text-decoration: none;
}
ul.linkListe li a:hover,
ul.linkListe li a:focus {
	color: #6ebe1c;
	font-weight: bold;
	text-decoration: none;
}

.indent {
  padding-left: 20px;
}
.align-right {
  text-align: right;
}
.align-center {
  text-align: center;
}
.align-left {
  text-align: left;
}
.align-justify {
  text-align: justify;
}

/*---------------------------------------

HORIZONTAL/VERTIKALE ZENTRIERUNG

---------------------------------------*/

/* Zuerst wird html und body auf 100% Hoehe gesetzt
und eventuell vorhandene strende Abstnde eliminiert. */
html, body{
  height:100%;
  margin:0;
  padding:0;
	background-color: #000000;
}

/* Weil folgende Eigenschaften fr beide Elemente identisch sind,
werden diese gleich gemeinsam definiert. */
#spacer, #center{
  position:absolute;
  margin:0;
  padding:0;
}

#spacer{
  /* sorgt dafr, dass wenn ntig Scrolleisten erscheinen */
  width:100%;  /* ganauso breit, wie der Anzeigebereich */
  height:100%;       /* ganauso hoch, wie der Anzeigebereich */

  /* jetzt werden die notwendigen oder gewnschten Mindestmae definiert. */
  min-width:800px;   /* Breite von #center (+ ein paar Pixel Rand) */
  min-height:370px;  /* Hhe von #center (+ ein paar Pixel Rand) */
}

* html #IEspacer {
  /* sorgt dafr, dass es im IE auch bei deaktiviertem Javascript funktioniert */
  width:800px;    /* Breite von #center (+ ein paar Pixel Rand) */
  height:370px;   /* Hhe von #center (+ ein paar Pixel Rand) */
}

/**
* @section clearing methods
* @see     http://yaml.de/en/documentation/basics/general.html
*/

/* (en) clearfix method for clearing floats */
/* (de) Clearfix-Methode zum Clearen der Float-Umgebungen */
.clearfix:after {
  content: ".";
  display: block;
  font-size:0;
  height: 0;
  clear: both;
  visibility: hidden;
}

/* (en) essential for Safari browser !! */
/* (de) Diese Angabe benötigt der Safari-Browser zwingend !! */
.clearfix { display: block; }


#center {
  /* ist das Element, welches zentriert werden soll */
  padding:0;
/*	background-color: #fff;*/		/* fuer Schlagschatten */

  /* Angaben zu Breite und Hhe, diese knnen auch in em angegeben werden. */
/*  width:800px;*/      /* Breite insgesamt 450px (448px + 2 x 1px Border) */
/*  width:868px;*/      /* Breite insgesamt 450px (448px + 2 x 1px Border) */
width: 902px;		/* fuer Schlagschatten */
/*  min-height:370px;*/ /* Mindesthhe insgesamt 300px (298px + 2 x 1px Border),
  bei genau dieser Hhe funktioniert die vertikale Zentrierung */
  min-height:420px; /* Mindesthhe insgesamt 300px (298px + 2 x 1px Border), */

  /* Höhe auf 420 Pixel festlegen und Scrollbalken ermoeglichen */
/*  height: 420px;*/
height: 453px;		/* fuer Schlagschatten */
/*  overflow: auto;*/		/* fuer Schlagschatten */


  /* jetzt wird die linke obere Ecke vertikal und horizontal zentriert */
  position:absolute;
  top:50%;
  left:50%;

  /* durch negative margins wird es jetzt um die Hlfte von Hoehe und
  Breite nach oben und links verschoben */
/*  margin:-210px 0 0 -434px;*/ /* jeweils die Hlfte der Gesamthhe und -breite */
  margin: -210px 0 0 -441px; /* jeweils die Hlfte der Gesamthhe und -breite - +7px der linken Breite des Schlagschattens */

/*	background: url(../../fileadmin/templates/img/shadow.png) no-repeat;*/
	background: url(../../fileadmin/templates/img/shadow_902x453.png) no-repeat;		/* fuer Schlagschatten */
/*background-color: #00FF00;*/
}

/* min-height fr den IE */
* html #center {
  height: 420px;       /* das selbe Ma wie oben bei min-height */
}

/* Realisierung des Schlagschattens des center-DIVs */
#center,
.cornerBLwrap,
.cornerTRwrap {
/*  display: inline-table;*/
}

.contentWrap {
  height: 410px;	/* 420px - 10px padding */
	margin: 0 27px 33px 7px;	/* Groesse des Schattens - also die sichtbaren Raender */
	padding: 0 0 10px 0;
/*	overflow: auto;*/
/*	background-color: #FF0000;*/
/*  background-color: #FF0000;*/
z-index: 3;
position: absolute;
width: 868px;		/* Breite des weißen Inhaltsbereichs */

	background-color: transparent;
	overflow: auto;

}
.contentInnerWrap {
}
/* Zwei DIVs für die Ecken des Schlagschattens des center-DIVs */
.cornerBLwrap {
/*  margin-bottom: -35px;*/
/*  background: url(../../fileadmin/templates/img/corner_bl4a.png) left bottom no-repeat;*/
}
.cornerTRwrap {
/*  top: -30px;*/
/*  margin-bottom: -35px;*/
  padding: 0 30px 30px 0;  /* 35px ist die maximale Schatten mit dem Bild shadow4.png */
/*  background: url(../../fileadmin/templates/img/corner_tr4a.png) right top no-repeat;*/
}
.cornerTRwrap img {
/*  display: block;*/
}

/*---------------------------------------

Browser-Meldung

---------------------------------------*/


#browserMeldung {
/*	display: none;*/
/*display: block;*/
	position: absolute;
	top: 5px;
	left: 140px;
/*	height: 50px;*/
	width: 45%;
	background-color: #FF0000;
	z-index: 300;
	padding: 8px 8px 1px;
}
#browserMeldung #closeButton {
	float: right;
	font-weight: bold;
	padding: 3px;
	cursor: pointer;
}
#browserMeldung h1 {
	margin: 0 0 7px;
}
#browserMeldung p {
	margin: 0 0 7px;
}

/*---------------------------------------

TOP CONTENT

---------------------------------------*/

#top {
/*z-index: 2;*/
z-index: 4;
position: absolute;
top:0;
left:0;
right: 0;
/*background-color: #000;*/
background: transparent url(../../fileadmin/templates/img/bg_trans2.png) repeat-x left ;
clear: both;
text-align: right;
height: 60px;
}

#top ul
{
float: right;
list-style: none;
/*margin: 0px 0 0 0;*/
margin: 0px 20px 0 0;
padding:0;
}

#top li
{
float: left;
background: none;
list-style: none;
margin:0;
padding:0;
margin-right: 5px;
}

#top ul li a
{
display:block;
font-size: 14px;
font-weight: bold;
text-decoration: none;
/*padding-left: 7px;*/
/*padding-top: 36px;*/  /* Fuer Mac muesste es 37px sein */
/*padding-right: 7px;*/
/*padding-bottom: 8px;*/
padding: 0;
background-color: transparent;
color: #FFF;
}

#top li a:hover
{
font-weight: bold;
text-decoration: none;
color: #FFFFFF;
/*background-color: #66b923;*/
/*background-color: #88C315;*/
}

#top .current a
{
color: #FFFFFF;
/*background-color: #66b923;*/
/*background-color: #88C315;*/
background-color: #6ebe1c;
text-decoration: none;
font-weight: bold;
}

.icon {
position: absolute;
top: -1px;
left: 20px;
border: none;
border-color: transparent;
}

/*---------------------------------------

BOTTOM CONTENT

---------------------------------------*/

#bottom {
z-index: 4;
position: absolute;
bottom:0;
left:0;
right: 0;
/*background-color: #000;*/
background: transparent url(../../fileadmin/templates/img/bg_trans2.png) repeat-x left;
/*text-align: right;*/
height: 60px;
}

/* p-tag im footer wird nicht mehr gebraucht */
#bottom p {
/*float: right;*/
/*margin-top: 25px;*/
/*padding-right: 20px;*/
/*color: #fff;*/
}
#bottom p a,
#bottom p a:visited {
/*font-size: 12px;*/
/*font-weight: normal;*/
/*color: #fff;*/
}
#bottom p a:hover,
#bottom p a:focus {
/*color: #88c315;*/
/*color: #6ebe1c;*/
}

#bottom #bottomLeft {
	float: left;
}
#bottom #bottomRight {
	float: right;
}

#bottom a,
#bottom a:visited,
#bottom a:hover,
#bottom a:focus {
/*	border: 1px solid #00FF00;*/
	border: 0;
	padding: 0;
	margin: 0;
	height: auto;
	width: auto;
	display: block;
	color: #000000;		/* Rahmen um Link bei Markierung auf schwarz setzen */
}
#bottom #bottomRight a,
#bottom #bottomRight a:visited,
#bottom #bottomRight a:hover,
#bottom #bottomRight a:focus {
	margin-right: 1px;		/* Sonst gibt es eine horizontale Scrollleiste bei Markierung des Links durch Anklicken */
}

#bottom img.logo {
	margin: 14px 5px 0 40px;
	padding: 0;
	border: none;
}
#bottom img.contact {
	margin: 20px 20px 1px;
	padding: 0;
	border: none;
}


/*
	Footer-Navigation
*/

#footerNavContainer {
	position: absolute;
	bottom: 60px;		/* Navigation ueber dem Footer positionieren */
	right: 10px;
	z-index: 4;
}
#footerNavContainer ul {
  list-style: none;
  margin: 0;
	padding: 0;
}
#footerNavContainer li {
/*	display: inline;*/
	float: left;
	background: transparent;
/*  list-style-image: none;*/
  list-style-type: none;
/*	margin: 5px 2px 2px;*/
margin: 3px 0 0 5px;
  padding: 0;
}
#footerNavContainer li:hover {
/*	margin: 2px 2px 5px;*/
margin: 0 0 0 5px;
}
#footerNavContainer li a,
#footerNavContainer li a:visited {
display: block;
/*	color: #ffffff;*/
/*	font-size: 11px;*/
/*	font-weight: bold;*/
/*	text-decoration: none;*/
  background: transparent url(../../fileadmin/templates/img/bg_trans2.png) repeat-x left;
/*  padding: 5px 7px;*/
padding: 0;
}
#footerNavContainer li:hover a,
#footerNavContainer li:hover a:hover,
#footerNavContainer li:hover a:active,
#footerNavContainer li a:hover,
#footerNavContainer li a:active {
/*	text-decoration: underline;*/
/*  padding: 5px 7px 8px;*/
	padding-bottom: 3px;
}
#footerNavContainer li img {
  margin: 0;
  padding: 0;
}


/*---------------------------------------

MAIN CONTENT

---------------------------------------*/

/* Werte für alle Templates */
#content1col,
#content1col-pic-right,
#content1col-pic-left {
  position: relative;
/*  top: 25px;*/
	z-index: 5;
}
/* 1 durchgängige Spalte ohne Bild */
#content1col {
/*  left: 45px;*/
/*  right: 45px;*/
	margin: 0 45px;
/*  width: 778px;*/   /* Breitenangebe ueberfluessig - maximal 778px */
}

#center img.left,
#center img.right {
  position: absolute;
  z-index: 2;
  top: 0;
  margin: 0;
  padding: 0;
}

/* 1 Spalte links mit Bild rechts */
#content1col-pic-right {
  left: 45px;
  /*width: 500px;*/
  width: 470px;
}
#center img.right {
  right: 27px;	/* Breite des rechten Schlagschattens */
/*float: right;*/
}
/* 1 Spalte rechts mit Bild links */
#content1col-pic-left {
/*  right: 45px;*/
	margin-left: 353px;		/* 868px - 470px (breite) - 45px (rand rechts) */
  /*width: 500px;*/
  width: 470px;
}
#center img.left {
  left: 7px;	/* Breite des rechten Schlagschattens */
/*float: left;*/
}

#content p {
	color: #000;
	font-size: 11px;
	margin: 12px 0 0 0px;
	padding: 0;
	line-height: 18px;
}

#content1col table,
#content1col-pic-left table,
#content1col-pic-right table {
/*margin: 18px 0 0 0 ;*/
	margin: 0 0 10px 0;
}

#content1col td,
#content1col-pic-left td,
#content1col-pic-right td {
padding: 0 25px 0px 0px;
margin: 0;
vertical-align: top;
}
.csc-uploads-fileSize {
	white-space: nowrap;
}
#content1col td p,
#content1col-pic-left td p,
#content1col-pic-right td p {
  margin: 0;
}

#content1col td a,
#content1col td a:visited,
#content1col-pic-left td a,
#content1col-pic-left td a:visited,
#content1col-pic-right td a,
#content1col-pic-right td a:visited {
font-size: 12px;
color: #000;
text-decoration:none;
font-weight:bold;
margin: 0;
padding: 0 0 0 0;
}

#content1col td a:hover,
#content1col td a:active,
#content1col-pic-left td a:hover,
#content1col-pic-left td a:active,
#content1col-pic-right td a:hover,
#content1col-pic-right td a:active {
/*color: #88c315;*/
color: #6ebe1c;
}

#content img {
z-index: 110;
position: absolute;
top: 0;
right: 0;
}

/*---------------------------------------

CONTENT NAV

---------------------------------------*/

#nav
{
z-index: 120;
position: relative;
/*margin: 20px 0 20px 45px;*/
	padding: 20px 0 20px 45px;
}

#nav ul
{
LIST-STYLE: none;
margin:0;
padding:0;
height: 23px;
}

#nav li
{
float: left;
list-style: none;
margin:0;
padding:0;
margin-right: 5px;
}

#nav a
{
display:block;
font-size: 11px;
font-weight: bold;
text-decoration: none;
/*padding-left: 7px;*/
/*padding-top: 5px;*/
/*padding-right: 7px;*/
/*padding-bottom: 4px;*/
background-color: #000;
color: #FFF;
}

#nav a:hover
{
font-weight: bold;
text-decoration: none;
color: #FFFFFF;
/*background-color: #66b923;*/
/*background-color: #88C315;*/
background-color: #6ebe1c;
}

#nav .current a
{
color: #FFFFFF;
/*background-color: #66b923;*/
/*background-color: #88C315;*/
background-color: #6ebe1c;
text-decoration: none;
font-weight: bold;
}

 /**
  * ------------------------------------------------------------------------------------------------- #
  * Typo3-Standard-mailform (Kontakt-Formular)
  */

  .mailFormular {
  }
  /* umschließt Label und Input */
  .mailform-field {
    margin: 6px 0;
    clear: both;
  }
  /* umschließt allein stehende Labels (also Überschriften und ähnliches) */
  .mailform-label {
    float: left;
  }
  /* umschließt das Label */
  .mailform-lable-wrap-div,
  .mailform-req-lable-wrap-div {
/*    clear: both;*/
    width: 110px;
    padding: 2px 10px 2px 0;
    float: left;
    text-align: left;
  }
  /* Freitext / Überschriften (Ihre Kontaktdaten, usw.) */
  .mailform-lable-wrap-div h1 {
    font-size: 100%;
    font-weight: bold;
    margin: 0;
  }
  /* Freitext / Überschriften (Ihre Kontaktdaten, usw.) */
  .mailform-lable-wrap-div p {
    font-style: italic;
    font-size: 90%;
  }
  /* Label */
  .mailform-lable-wrap-div label,
  .mailform-req-lable-wrap-div label {
    font-size: 90%;
  }
  /* Input bzw. Textarea */
  .mailform-field input,
  .mailform-field textarea {
    width: 369px;
    padding: 1px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 90%;
    color: #3F3F3F;
    border: 1px solid #E9E9E9;
  }
  /* Checkboxen */
  .mailform-field input.mf-check {
    width: auto;
    margin: 3px 0;
/*    border: 1px solid #DBDBDB;*/  /* setzt nur der IE um - zieht einen Extra-Rahmen um die Checkbox */
    border: none;
  }
  /* IE < 7 */
  * html .mailform-field input.mf-check { width: 13px; height: 13px; margin: 3px 0; }
  /* IE7 */
  *:first-child+html .mailform-field input.mf-check { width: 13px; height: 13px; margin: 3px 0; }

  .mailform-field input.mf-submit {
/*    margin-left: 130px;*/
    width: auto;

    padding: 0 0 1px 0;
    color: #3F3F3F;
    background-color: transparent;
    font-weight: bold;
/*    border: 1px outset #114F90;*/
/*    border: 1px outset #00477F;*/
/*    border: 1px outset #0061AE;*/
    border: 1px outset #3F3F3F;
    cursor: pointer;
  }
  /* IE < 7 */
  * html .mailform-field input.mf-submit { margin-left: 0; }
  /* IE7 */
  *:first-child+html .mailform-field input.mf-submit { margin-left: 0; }

  /**
   * mailformPlus-Tabelle
   */
  .mailFormTable {
  }
  .mailFormTable tr {
  }
  .mailFormTable th,
  .mailFormTable td {
    text-align: left;
  }
  .mailFormTable th {
    font-weight: bold;
  }
  .mailFormTable td {
  }


 /**
  * ------------------------------------------------------------------------------------------------- #
  *
  * Typo3-Sys-Extension "felogin" (Frontend-Login)
  *
  */

	/* DIV um Login-Box */
	.tx-felogin-pi1 {
	}

	/* Überschrift der Login-Box */
	.tx-felogin-pi1 h3 {
	}

	/* Message über dem Login (Standard: "Enter your username and password here in order to log in on the website:") */
	.tx-felogin-pi1 div {
	}

	/* Box im Login-Form */
	.tx-felogin-pi1 fieldset {
		margin: 10px 0;
/*		padding: 5px;*/
		border: none;
	}

	/* Titel der Box im Login-Form ("Login") */
	/* gelöscht! */
	.tx-felogin-pi1 fieldset legend {
/*		padding: 0 2px;*/
	}

	/* Wrap um je ein Eingabefeld mit Label */
	.tx-felogin-pi1 fieldset div {
		clear: both;
		margin: 0 0 5px 0;
	}

	/* Label der Eingabe-Felder */
	.tx-felogin-pi1 fieldset div label {
		width: 100px;
		float: left;
	}

	/* Input Felder (user, passwort, submit-Button) */
	.tx-felogin-pi1 fieldset div input {
	}

	/* Eingabe-Feld "Username" */
	.tx-felogin-pi1 fieldset div input#user {
	}

	/* Eingabe-Feld "Passwort" */
	.tx-felogin-pi1 fieldset div input#ass {
	}

	/* Submit-Button */
	.tx-felogin-pi1 fieldset div input#submit {
	}

 /**
  * ------------------------------------------------------------------------------------------------- #
  *
  * Typo3-Extension "rscontentcolumn"
  *
  */

  .tx-rscontentcolumn-pi1 {
  }
  /* 3 Spalten - links */
  div.tx-rscontentcolumn-pi1 div.threeleftcol {
    width: 29%;
    padding: 0 2% 0 0;
  }
  /* 3 Spalten - Mitte */
  div.tx-rscontentcolumn-pi1 div.threemiddlecol {
    width: 29%;
    padding: 0 2%;
  }
  /* 3 Spalten - rechts */
  div.tx-rscontentcolumn-pi1 div.threerightcol {
    width: 29%;
    padding: 0 0 0 2%;
  }
  /* 2 Spalten - links */
  div.tx-rscontentcolumn-pi1 div.leftcol {
    float: left;
    width: 46%;
    padding: 0 4% 0 0;
  }
  /* 2 Spalten - rechts */
  div.tx-rscontentcolumn-pi1 div.rightcol {
		float: left;
    width: 46%;
    padding: 0 0 0 4%;
  }


 /**
  * ------------------------------------------------------------------------------------------------- #
  *
  * Sonstige Typo3 Formatierungen
  *
  */

  /* Text mit Bild - Bildunterschrift */
  .csc-textpic-caption {
    font-style: normal;
		font-size: 11px;
		color: #A9A9A9;
    text-align: center;
  }