/*
 dunkel-blau: 003862

 hellgrau: b9b9b9
 dunkel-grau: 435058

 dunkel-türkis: 00889e
 hell-türkis: 80c1cc

 mint: #ebede2

*/

@import "suchbox.css";
@import "navi.css";
@import "news.css";

html { height: 100%;}
body { height: 100%;}


body {

	margin:0;
         font-size: 82%;
         line-height:1.4em;
         font-weight:normal;
	color: #435058;
	font-family: arial, helvetica, verdana, sans-serif;
	background-color: #fff;
         background-image: url(../images/hg-body1.gif);
         background-repeat: repeat-x;
         text-align: center;
        /* text-align: -moz-center;*/
         		}

H1 {color: #435058; font-size: 2.0em; padding: 0 0 0 0; margin:0 0 15px 0; font-weight:bold; line-height: 120%}	/*groß 14px */
H2 {height: 20px; color: #fff; font-size: 1em; padding: 2px 0 0 20px; margin:0px 0 0px 0; font-weight:bold;  background-image: url(../images/hg_h2.gif); background-repeat: repeat-x; background-color:#fff; }	/*groß 14px linie unten*/
H3 {color: #024a60; font-size: 1.1em; padding: 0 0 0px 10px; margin:0 0 15px 0; font-weight:normal; border: 1px solid #80c1cc; width: 98%;  }   /*kasten türkis*/
H4 {color: #435058; font-size: 1.2em; padding: 0 0 3px 0; margin:0; font-weight:bold;}   /*grau fett*/
H5 {color: #00889e; font-size: 1.1em; padding: 0 0 0px 0; margin:0; font-weight:bold;} 	/*türkis 12px*/

.randgrau {border: 1px solid #b9b9b9; padding:2px;}

a {outline: none;}


.klein {font-size:0.9em;}
a {text-decoration: none; color:#00889e; }
a:link {color:#00889e}
a:visited {color:#00889e}
a:hover {color:#80c1cc; text-decoration: none;}






a.mehr, a:link.mehr , a:visited.mehr {display: block; border: 1px solid #74848d; background-color:#fff; font-size: 0.85em; font-weight: normal; color:#0050A0; float: right; padding: 0 4px 0 3px ; margin: 10px 10px 10px 0; cursor: hand;}
a:hover.mehr {background-color:aliceblue; border: 1px solid #004767; color:#004767}


/*html>body #container01 {overflow:auto;}*/




/*############## NON  FOOTER ######################*/

#nonfooter {
         display:block;
         margin: 0px auto;
         position:relative;
         min-height: 100%;
         width:989px;
         background-color:transparent;
         background-image: url(../images/hg-punkte1.gif);
         background-repeat: repeat-y;
         background-position: -2px 0;

         padding:0 0 0px 0;
         text-align: left;

	}
* html #nonfooter {height:100%;}



#content {padding-bottom: 9em; background-image: url(../images/hg-verlauf.gif); background-repeat: repeat-x; background-position: left 110px; }

p {padding:0; margin:5px 0 15px 0;}



 /*##############   FOOTER ######################*/
/*#footer { position:absolute;
         clear:left;
         bottom:0;
         height: 100px;
         padding:0px 0 0 0;
         width: 989px;
         color: #fff;
         font-size: 1em;
         line-height:12px;
         background-color: #024a60;
         }  */

#footer { position:relative;
	margin-left:auto;
         margin-right: auto;
         margin-top:-7.5em;
         clear:left;

        height: 100px;
         padding:20px 0 0 0;
         width: 989px;
         color: #fff;
         font-size: 1em;
         line-height:12px;
         background-color: #024a60;
         }

#webdesigner {float: right; margin:20px 20px 0 0; background: transparent}
#webdesigner a, #webdesigner a:hover, #webdesigner a:visited {color: #fff; font-size: 0.75em; }
#webdesigner a:hover {text-decoration: underline}

/*##############   FOOTER ENDE ######################*/




.endefloat {
clear: both;
     margin : 0;
     padding : 0;
     width : 100%;
     line-height:0px;
     color:transparent;
     height:0px; }




#bereich01{
	width:100%;
         height: 110px;
         background-color: #fff;
         padding:0;
         margin:0;

         }
* html #bereich01 {height:105px;}




#bereich01a, #bereich01b  {float: left}
#bereich01a {width: 215px; padding: 0; margin:0; height: 100%;}
#bereich01b {width: 774px; padding: 0; margin:0;}


#bereich02{
	width:100%;
         height: 104px;
         background-color: transparent;

         }

#bereich02a, #bereich02b, #bereich02c {float:left}
#bereich02a {width: 215px; height: 100% }
#bereich02b {width: 594px; height: 100%; background: transparent;}
#bereich02c {width: 175px; height: 100%; background: transparent; padding:0; margin:0; clear:right;}

#bildoben {padding:0; margin:0; width: 100%; height: 100%; background-image: url(../images/bo1.jpg); background-repeat: no-repeat; background-position: left top;}




#logo   {


         height: 100%;
         padding:0;
         margin: 0px 0 0 0px;
         background-color: transparent;
         background-image: url(../images/logo.gif);
         background-repeat: no-repeat;
         width: 100%;

}


#trenner{
	display:block;
         height: 30px;
         background-color: transparent;
         background-image: url(../images/hg_b2.gif);
         background-repeat: repeat-y;

         }


#eulogos {
	position: absolute;
         top: 10px;
         right: 10px;
         }

#eulogos img {margin-left: 10px}


/*:::::::::::::::::::::::::::::::::::Spalte rechts::::::::::::::::::::::::::*/


#contentbox { width:100%; background-color: transparent; padding:0px 0 20px 0px;  }

#spalte01, #spalte02,#spalte03, #spalte02a, #spalte02b  {float:left;}
#spalte01 {width: 215px; background-color:transparent; padding: 0}
#spalte02 {width: 594px; background-color:transparent; background-image: url(../images/bo2.jpg); background-repeat: no-repeat; background-position: left top;}
#spalte03 {width: 160px; background-color:transparent; padding:20px 0 0 15px}

#inhaltsbox02 {width: 93%; padding: 70px 0px 0 20px; background: transparent}
#login {width: 90.1%; margin-top:15px; }

#fettzelle {margin-top:3px}
#fettzelle a img, #fettzelle a:link img, #fettzelle a:visited img  {background-image: url(../images/loginzelle.gif); background-repeat: no-repeat; background-position: top left;}
#fettzelle a:hover img {background-image: url(../images/loginzelle2.gif); background-repeat: no-repeat; background-position: top left;}

* html #news {width:155px;}