/* hellgruen #f8fdf2 textfläche #ecf2ec logogruen #83b817 dunkelblau #3f557c hellblau #95a9b8 rot #9d0b00*/


/* ------------- allgemeine Formatierungen ------------- */

html, body {
	height: 100%;
	min-height:100%;
	font-size: 100.01%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	background-color:#f8fdf2;
	margin:0;
	padding:0;
	border:0;
	}
	
.nofloat {
	clear: both;
	}

img	{	border: 0;	}
	
.unsichtbar			{ position:absolute;	left:-1997px; 	top: 452px;	}
.text              { text-decoration: none;      color: #32547b; font-family: Verdana,Arial,Helvetica; font-size: 0.8em; line-height:1.2em;}


/* ------------------------- Header ------------------------------------ */
#header1 {
	position: absolute;
	top: 0;
	left:0;
	margin: 0px;
	padding: 0px;
	width: 618px;
	height: 180px;
	background-color: #ecf2ec;

}
#logo{
	margin: 0px;
	padding:30px 0 0 310px;
	
}
#header2 {
	margin: 0px;
	padding: 0px;
	height: 124px;
	background-image:  url(../_grafik/blume3.jpg);
	background-repeat: no-repeat;
	background-position: -215px 0px;
	}
	
#balken {
	position:absolute;
	top:98px;
	left:0;
	margin: 0;
	padding: 0;
	min-width:100%;
	width:100%;
	height:124px;
	background-image:  url(../_grafik/blume3.jpg);
	background-repeat: repeat-x;}

#menue {
	position:absolute;
	top:0;
	left:0;
	margin: 0;
	padding: 0;
	width: 215px;
	text-align: right;
	font-size: 0.9em;	}

#name{
	position:absolute;
	top:82px;
	left:837px;
	height:auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #32547b;
	font-size: 0.8em;
	font-weight: bold;
}


/* ------------Login und News rechte Spalte-----------*/

#rechte_spalte {
	position:absolute;
	top:302px;
	left:833px;
	width: 160px;
	height:auto;
	margin:0;
	padding:0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#news
{
	color: #3f557c;
	font-size: 0.82em;
}
#news h1{
	margin:0;
	padding:0 0 3px 0;
	color: #3f557c;
	font-size: 0.9em;
	font-weight: bold;
	border-bottom: 2px dotted #3f557c;
	text-align:right;
}
#news h2{
	margin:0;
	padding:0 0 5px 0;
	color: #3f557c;
	text-decoration: underline;
	font-size: 0.9em;
	font-weight: normal;
	text-align:right;
}

#news p {
	margin:0;
	padding:10px  0  10px 0;
	margin:0;color: #3f557c;
	font-size: 0.83em;
	line-height:1.7em;
	text-align:right;
}
#news a		{ color: #83b817; text-decoration: none;}
#news a:hover	{ color: #3f557c;background-color: #ecf2ec;text-decoration: underline;}




#login{
	color: #3f557c;
	font-size: 0.8em;
   	margin:0;
}
#login h1 {
	padding:0 0 3px 0;
	color: #3f557c;
	font-size: 0.9em;
	font-weight: bold;
	border-bottom: 2px dotted #3f557c;
	text-align:right;

}

.zugang {
	margin:0;padding: 0 ;
	color: #3f557c;
	font-size: 0.8em;
	text-align: right;



}
.kundenzugang {

	font-weight:normal;
	font-size:1.0em;
	color:#000;
	text-decoration:none;
	border:1px solid #3f557c;
	text-align:left;
	margin-bottom:3px;

}

.zugangbutton {
	font-weight:normal;
	font-size:1.0em;
	color:#000;
	text-decoration:none;
	border:1px solid #3f557c;
	text-align:center;

}

/*---------------------- Inhaltsbereich---------------------------*/

#content {
	position: relative;
  	top: 0;
	left: 215px;
	margin: 0;
	padding: 250px 0 0 0;
	width: 618px;
	background-color: #ecf2ec;
	border-top: 3px solid #83b817;
	
}
#content h1 {

	padding:0 20px 22px 0;
	margin:0 10px 0 45px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	color: #32547b;
	
}
#content h2 {
	padding:0 20px 15px 0;
	margin: 0 10px 0 45px; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-weight:bold;
	color: #32547b;
}
#content h3 {
	padding:3px 20px 3px 0;
	margin: 0 10px 0 45px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-weight:bold;
	color: #32547b;
}
#content h4 {
	padding:2px 20px 0 0;
	margin: 0 10px 0 45px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.85em;
	color: #32547b;
}
#content p {
	margin:0 10px 0 45px;
	padding:0 45px 0 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #32547b;
	font-size: 0.8em;
	text-align: left;
	line-height: 1.6em;
}
#content ul	{
	margin:0 0 0 60px;
	padding:0 60px 0 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #32547b;
	font-size: 0.8em;
	text-align: left;
	line-height: 1.5em;
	list-style-type: square;
}



#tab1{margin:0px 0 10px 45px;border-collapse:collapse;	font-size: 0.8em;	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;	color: #ecf2ec;	}

#tab1 td{background:#3f557c;border:1px solid  #95a9b8;padding:5px 10px 5px 10px;}
#tab1 td.blau{border:none;color: #3f557c;background:#ecf2ec;	font-size: 1.0em;	font-weight: bold;}
#tab1 td.hellblau{background: #ecf2ec;color: #83b817}
#tab1 .punkt{color:#83b817;font-size : 3.0em;}
#tab1 .ecke{background-image: url(../_grafik/ecke.gif);background-repeat: no-repeat;	background-position: right bottom;}
#tab2{margin:0px 0 10px 45px;border-collapse:collapse;	font-size: 0.8em;	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;	color: #ecf2ec;	}

#tab2 td{background:#3f557c;border:1px solid  #95a9b8;padding:5px 10px 5px 10px;}
#tab2 td.blau{border:none;color: #3f557c;background:#ecf2ec;	font-size: 1.0em;	font-weight: bold;}
#tab2 td.hellblau{background: #ecf2ec;color: #83b817}
#tab2 .punkt{color:#83b817;font-size : 3.0em;}
#tab2 .ecke{background-image: url(../_grafik/ecke.gif);background-repeat: no-repeat;	background-position: right bottom;}

#content a	{color: #83b817;  text-decoration: none; }

#content a:link, #content a:visited	{ color: #83b817;text-decoration: none; }

#content a:hover, #content a:focus, #content a:active {  color:#3f557c;  text-decoration: underline;  }



div.bildrand {
        padding: 0 0 0 45px;
}
.bild{
	float: left;
	padding: 0;
	margin: 0 10px 20px 0;
	border: 1px solid #83B817;
	background-color: #ecf2ec;
	clear: both;
}

.bild2{
	float: right;
	padding: 0;
	margin: 10px 0px 10px 10px;
	border: 1px solid #83B817;
	background-color: #ecf2ec;
	clear: both;
}



.clear	{ clear: both;}


.zitat {font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #3f557c;
	font-size: 1.2em;
	font-style: italic;
	font-weight:bold;
}
#content .datum{
	padding:0;
	margin:0 0 0 4.3em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #3f557c;
	font-size: 0.9em;
	font-weight:bold;
	text-align: left;
}
#content .more{
	padding:0;
	margin:2em 0 1.5em 3.8em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #f8fdf2;
	font-size: 0.8em;
	text-align: left;

}

a.more:link       { font-size: 0.9em; font-weight: bold;color: #3f557c; }
a.more:active     { font-size: 0.9em; font-weight: bold;color: #3f557c; }
a.more:visited    { font-size: 0.9em; font-weight: bold;color: #83b817; }
a.more:hover      { font-size: 0.9em; font-weight: bold;color: #83b817; }



/* ------------------------Bildergallerie-----------------------------*/
#container {
	position:relative;
	width:580px;
	height:379px;
	margin:15px auto 0 auto;
	border:0;
	background-color: #ecf2ec;
    }
	
	/* Bildcontainer */
#container ul {    padding:0;     margin:0;     list-style-type:none;     }
	
	
#container a.gallery span {  position:absolute; width:1px; height:1px; top:5px; left:5px; overflow:hidden; background:#ecf2ec;}
	
#container a.gallery, #container a.gallery:visited {
    display:block; 
    color:#000; 
    text-decoration:none; 
    border:1px solid #83b817; 
    margin:1px 2px 1px 2px; 
    text-align:left; 
    cursor:default;
    }
#container a.slidea { background:url(../_data/1-Amarylles2.jpg); height:50px; width:50px;  }
#container a.slideb {background:url(../_data/1-Amarylles3.jpg); height:50px; width:50px;  }
#container a.slidec { background:url(../_data/1-Amarylles4.jpg); height:50px; width:50px; }
#container a.slided { background:url(../_data/1-Still.jpg); height:50px; width:50px; }
* html #container a.slided {width:50px; w\idth:50px; }
#container a.slidee { background:url(../_data/1-Still2.jpg); height:50px; width:50px;  }
#container a.slidef {  background:url(../_data/1-Still3.jpg);  height:50px;   width:50px;    }
* html #container a.slidef {    width:50px;     w\idth:50px;    }
#container a.slideg {   background:url(../_data/1-Moor1.jpg);     height:50px;     width:50px;    }
#container a.slideh {   background:url(../_data/1-Moor2.jpg);     height:50px;     width:50px;    }
#container a.slidei {      background:url(../_data/1-Moor3.jpg);    height:50px;     width:50px;    }
#container a.slidej {      background:url(../_data/1-tier1.jpg);    height:50px;     width:50px;    }


	/* Aussehen liste thumnails */
#container ul {	width:168px;	height:386px;	 }
#container li {    float:left;    }
	
/*  position  thumnails*/
#container ul {    margin:5px;     float:right;    }
	
/* Rahmenfarbe thumpnails */
#container a.gallery:hover {    border:1px solid #fff;     }
	
/* Aussehen  :hover span */
#container a.gallery:hover span {position:absolute; width:380px; height:370px;top:7px; left:10px; color:#000; background:#ecf2ec;  }
	
#container a.gallery:hover img { border:1px solid #ecf2ec; float:left; margin-right:5px;}
	
#container a.slideb:hover img, #container a.slidei:hover img { float:right;}
	
#container {    background:#ecf2ec; }


/* ------------------------Aussehen des Menüs-----------------------------*/
#menue ul {
    margin: 19.8em 0 0 0;
    padding: 0;
    list-style-type: none;
    line-height: 1.4em;
    font-weight: bold;
    font-family: Verdana, Arial, Helvetica, sans-serif; }

#menue ul li ul { /* zweite Ebene */
       margin: 0; /* margin der ersten Ebene aufheben */ }

#menue ul li { /* erste Ebene */
    font-size:0.9em;
    padding-top: 0.9em;
}

#menue ul li ul li { /* zweite Ebene */
    font-size:0.9em;
    padding-top: 0; /* padding und font-weight der ersten Ebene aufheben */
    font-weight: normal;
}

#menue ul li a { 
    color: #3f557c; 
    padding-right: 45px;
    text-decoration: none;
}
#menue ul li.active ul li a, /* erste Ebene */ #menue ul li a:hover {
    color: #3f557c;
    background: none;
    border-bottom: 0px;
}
#menue ul li.active a, /* erste Ebene */ #menue ul li a:hover {
    color: #83b817;
    background: url(../_grafik/hover.gif) no-repeat 100% 100%;
    border-bottom: 1px solid #3f557c;
}

#menue ul li ul li.active a, /* zweite Ebene */ #menue ul li ul li a:hover {
    color: #83b817;
    background: url(../_grafik/hover2.gif) no-repeat 100% 100%;
    border-bottom: 1px solid #3f557c;
}



/*---------------------- Fusszeile---------------------------*/
#fusszeile {
	 width: 100%;
	  position: absolute;
 padding-top:8px;
  height: 24px;
	color: #fff;
	text-align: center;
	font-size: 0.7em;
	background-color: #83b817;
}



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

#fusszeile a:link, #fusszeile a:visited	{
	 color: #fff;text-decoration: none; 
}

#fusszeile a:hover, #fusszeile a:focus, #fusszeile a:active { 
 color:#3f557c;  text-decoration: underline; 
 }