@charset "UTF-8";
/* ################################################################
** # "YAML for TYPO3" (c) by You if you put something in here :) ##
** ################################################################
**
**  Date     : 23.8.07
**  File     : myOwnStyles.css
**  Function : This file is not part of the YAML-CSS-Framework.
**             It was included to give the user the possibility to quickly apply tests, changes or
**             whatever with no need to change the YAML-files and mess up anything.
**             Hmmm. Does this make sense? Anyway, use it or just leave it empty. It will do no harm.
**             This is the last stylesheet beeing imported. So, everything can be overwritten here.
**             Be careful what you put in here and don't hold us responsible for anything that goes wrong...
*/
@media all
{
/* Your styles here */
/* Formatierung der Seite */
body {background: #EEEEEE;}

/* Hier kann ein umlaufender Rand um die gesamte Webseite erzeugt werden */
/*#page{border:1px #667 solid; background:#fff;}
#page_margins {border:1px #889 solid; min-width:756px; max-width:80em; margin:auto;}*/

/* Formatierung der Kopfbereiches */
#header {position:relative; height:132px; color: #708090; background: White url(../Elemente/header_bg.gif) ;  width: 100%; }
#header .headImg1 {position:absolute; top:12px; left:40px; font-size:208%; }
#header .headImg2 {position:absolute; top:12px; left:200px; }
#header .headImgwg {position:absolute; top:80px; left:350px; }
#header .headImgw1 {position:absolute; top:0px; left:0px; }
#header .headImgw2 {position:absolute; top:0px; left:30px; }
#header .headImgw3 {position:absolute; top:0px; left:80px; }
#header .headImgw4 {position:absolute; top:0px; left:120px; }
#header .headImgw5 {position:absolute; top:0px; left:150px; }
#header .headImgw6 {position:absolute; top:0px; left:190px; }
#header .headImgw7 {position:absolute; top:0px; left:270px; }
#header .headImgw8 {position:absolute; top:0px; left:400px; }
#header .headImgw9 {position:absolute; top:0px; left:400px; }
#header .headtxt {position:absolute; top:70px; left:755px;  font-weight: bold; color: red; }
#header .headtext {position:absolute; top:95px; left:200px;  font-weight: ;  }
#header .headtext a {position:absolute; top:-23px; left:355px;}
#banner {position:absolute; top:10px; right:0px; z-index:10;}
/*#banner img {position:relative; top:0px; left:0px; font-size:100%;}*/
#topnav a {color: #708090; font-size: 0.9em}
#topnav {top: 95px;  right: 28px;   }
#header div.tx-macinasearchbox-pi1 {top:125px; right:20px}
/*#header div.tx-macinasearchbox-pi1 input {margin-left:0;}*/

/* Formatierung Navigation */

#nav_main {background-color: #FFFF9D;}

#nav_main ul {
	margin-left:0;
}

#nav_main ul li {
	border-top: 1px solid;
}

  #nav_main ul li#current {
    /* (en) Repeat the main color from the image */
    /* (de) Wiederholung der Hauptfarbe aus der Bilddatei */
    background: #888888
  }

/* Formatierung der Fußzeile */
#footer {color:#888; background:#fff; margin:0em; padding:0.5em 1em 0.5em 0; border-top:1px #ddd solid; line-height:1em; text-align: right;}
#footer img { vertical-align: middle; }

/* ######################################################################################################
** ### Formatierung der Inhaltsspalten ##################################################################
** ######################################################################################################
*/


/*#main {background:#fff ; padding-top:0;}*/

/* linke Spalte */

#submenu li strong {
    background-color:#888888;
}

#submenu li a:focus,
#submenu li a:hover,
#submenu li a:active { background-color:#9ACBFF; }


/*#col1 {width:22.5%;}
#col1_content {margin-left:1em; margin-right:1em; color:#444; background:inherit;}*/

/* Rechte Spalte */
/*#col2 {width:25%;}
#col2_content {	margin-left:1em; margin-right:1em;}*/

/* Mittlere Spalte */
/*#col3 {margin-left:22.5%; margin-right:25%; border-left:0px dotted #ddd; border-right:0px dotted #ddd;}
#col3_content {margin-left:1em; margin-right:1em;}*/

/* Content */

table.contenttable td {height:3.0em; padding:1px 1px 1px 7px; border-left:solid 1px #fff; border-right:solid 1px #fff; border-top:solid 1px #fff; border-bottom:solid 1px #fff; text-align:left; font-weight:normal}
table.wasserhaerte .td-4 {text-align: center; font-weight: bold;}

/* ######################################################################################################
** ### Formatierung des Teasers der Startseite ##########################################################
** ######################################################################################################
*/
#teaser {background:#7099ff; border-bottom: 1px solid; color:#000000;}
/*#teaser div {float:left; width:auto; margin-right:1em;}
#teaser .block1 {padding:0.5em 0 0.4em 1em; font-size:0.82em;}
#teaser .block1 a {color:#ffffff;}
#teaser .block1 a:hover {background:transparent;}
#teaser .block3 {width:45%; padding-top:0.5em; font-size:0.82em;}
#teaser .langMenu {float:right; padding-top:0.2em; margin-right:0;}
#teaser .selectFontSize {float:right; padding-top:0.4em; padding-right:1em;}
#teaser .selectFontSize a {color:#334;}
#teaser .selectFontSize a:hover {background:transparent;}
#teaser .aktDatum {float:right; font-size:0.82em; padding-top:0.5em; padding-right:1em;}
#teaser .block3 .title {font-family:'Lucida Grande', Verdana, Arial, Sans-Serif; display:block; font-size:1.2em; font-weight:bold; color:#336699; background:inherit; margin:0 0 0.5em 0;}
*/

/* ######################################################################################################
** ### Formatierung des WebHitszähler ###################################################################
** ######################################################################################################
*/
.webhits { font-size: 0.9em; }


/* ######################################################################################################
** ### Formatierung des Lightbox - Galerie ##############################################################
** ######################################################################################################
*/
#inner_exolightbox .image_tab .image img {
	max-width: 60px;
	max-height: 50px;
}
#inner_exolightbox .image_tab {
	margin: 5px;
	float: left;
}
#inner_exolightbox .image_tab .image_name {
	font-size: 0.8em;
}
.pageBrowser {
	clear:both;
}

#zsterf {border:0px; width: 100%; height: 850px;}

/* styles for extension "tx_skpagecomments_pi1" */
		.sk-pagecomments-error {color:red;font-weight:bold;border:1px solid #000;margin:8px 12px;padding:4px;}
		.sk-pagecomments-success {color:blue;font-weight:bold;}
		.sk-pagecomments-counter {color:#600;text-align:right;text-decoration:underline;margin-bottom:12px;}
        .sk-pagecomments-headline {border-bottom:1px solid #000;font-weight:bold;background:#d1d1d1;padding-left:6px;height:20px;}
		.sk-pagecomments-namedate {float:left;}
        .sk-pagecomments-emailhomepage{float:right;}
		.sk-pagecomments-comment{background:#f1f1f1;padding:4px 28px;clear:both;}
		.tx-skpagecomments-pi1 form {margin:16px 0;width:480px;}
        .tx-skpagecomments-pi1 form fieldset {border:1px solid #eee;}
		.tx-skpagecomments-pi1 form p.userinfos {text-align:center;padding:6px;}
        
		.tx-skpagecomments-pi1 form legend {background:#f1f1f1;border:1px solid #000;padding:4px;}
		.tx-skpagecomments-pi1 form label {width:120px;float:left;margin-left:8px;}
		.tx-skpagecomments-pi1 form p {margin:6px 0;}
		.tx-skpagecomments-pi1 form p img {vertical-align:bottom;margin-left:8px;}
		.tx-skpagecomments-pi1 div.smileytext{margin-left:130px;}
		.tx-skpagecomments-pi1 form input#name,
		.tx-skpagecomments-pi1 form input#email,
        .tx-skpagecomments-pi1 form input#homepage {width:320px; background-color: transparent;}
		.tx-skpagecomments-pi1 form textarea {width:320px;height:160px; background-color: transparent;}
		.tx-skpagecomments-pi1 form input#name:focus,
		.tx-skpagecomments-pi1 form input#email:focus,
        .tx-skpagecomments-pi1 form input#homepage:focus,
		.tx-skpagecomments-pi1 form textarea:focus {} 
		.tx-skpagecomments-pi1 form input#skcommentssubmit {color:#804400;float:right;margin:8px 20px; background-color: transparent;}
}