/*

 blau hg gesamt: #c6d4de
hellgrau : #bcc1c5
*/

@import "suchbox.css";
@import "schindnavi.css";
@import "news.css";
@import "tintern.css";

html { min-width:985px; height: 100%;
         background-color:#0c1a26; }
body { height: 100%;}


body {

	margin:0;
         font-size: 82%;
         line-height:1.5em;
         font-weight:normal;
	color: #ccd6df;
	font-family: arial, helvetica, verdana, sans-serif;
	background-color: transparent;
         background-image: url(../images/hg_top.gif);
         background-repeat: repeat-x;
         background-position:top;
         text-align: center;
        /* text-align: -moz-center;*/
         		}

H1 {color: #a0b1b7; font-size: 2em; padding: 0 0 0 0; margin:0 0 20px 0; font-weight:bold; line-height: 110%;    }  /*gross fett */
H2 {color: #a0b1b7; font-size: 1.2em; padding: 0 0 0 0; margin:0 0 5px 0; font-weight:bold; line-height: 110%}  /*kleiner fett */
H3 {color: #b71a21; font-size: 1.4em; padding: 0 0 0 0; margin:0 0 5px 0; font-weight:normal; line-height: 110%}  /*rot gross fett */
H4 {color: #b71a21; font-size: 1.1em; padding: 0 0 0 0; margin:0 0 5px 0; font-weight:bold; line-height: 110%}  /*rot kleiner */
H5 {color: #ccd6df; font-size: 1.2em; background: #35424d; border: 1px solid #AFAFAF; padding: 10px; }   /*Box mit Rahmen*/
H6 {border-right: 0px solid #bcc1c5; width: 89.5%; line-height: 27px; color: #00284a; font-size: 1.0em; padding: 0 0 0 25px; margin:0 0 0 0; font-weight:bold; height: 27px; background-image:url(../images/hg_h1.gif); background-repeat: repeat-x; }	/*verlauf grauer Balken 100% */

#news .hred {background-color:#ac2929; display: block; padding: 0 0px 0px 10px; width: 100%; color: #fff; font-size: 0.9em; font-weight: bold;}
#news a.hred {text-decoration: none; color:#fff; }
#news a:link .hred{color:#fff; }
#news a:visited .hred {color:#fff}
#news a:hover .hred {color:#fff; text-decoration: underline;}

* html #news a.hred {text-decoration: none; color:#fff; }
* html #news a:link .hred{color:#fff; }
* html #news a:visited .hred {color:#fff}
* html #news a:hover .hred {color:#fff; text-decoration: underline;}

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

a {outline: none;}


.klein {font-size:0.9em;}
a {text-decoration: none; color:#FF0000; }
a:link {color:#FF0000; }
a:visited {color:#FF0000;}
a:hover {color:#8F8F8F; 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: 90%;
         width:985px;
         background-color:transparent;


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

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



#content {padding-bottom: 0em; background-color: transparent; width: 985px; }

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


#rahmenbox {position: relative; background: transparent; min-height: 100%; }

 /*##############   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: 985px;
         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:fff;
     height:0px;
     background: limegreen; }




#bereich01{
         position: relative;
         width:100%;
         height: 256px;
         background-color:transparent;
         padding:0;
         margin:0;
         background-image: url(../images/bild_oben.gif);
         background-repeat: no-repeat;
         background-position: 0 0px;
         border: 0px solid  #fff;

         }


#bereich01menu { width: 100%; height: 35px; background-color: transparent; position:absolute; bottom:0; margin: 0; padding:0px;}



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


#bereich02{
	width:100%;
         height: 25px;
         background-color: transparent;
         border-top: 1px solid #bcc1c5;
         border-bottom: 1px solid #bcc1c5;


         }










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

         }





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


#contentbox { width:985px; min-height: 400px; background-color:transparent; background-image: url(../images/bildteil2.gif); background-repeat: no-repeat; background-position: 0 0px; padding: 0; margin:0;  }

#spalte01, #spalte02,#spalte03, #spalte02a, #spalte02b  {float:left;}
#spalte01 {min-height: 500px; height: 500px;  width: 262px; background-color:transparent; padding:0; margin: 0px; background-image: url(../images/hg_spalte01.gif); background-repeat: no-repeat; background-position: right top;}
#spalte02 {width: 700px; background-color:transparent;}


#inhaltsbox02 {width: 93%; padding: 30px 0px 40px 45px; background: transparent}
#inhaltsbox02 ol{ padding-left: 20px}
#inhaltsbox02 ul{ padding-left: 12px}



#balkenr {display: block; position: absolute; width: 15px; height: 256px; background-color: #b71a21; top:0; right:0}
#balkenu {display: block; position: absolute; width: 600px; height: 15px; background-color: #b71a21; bottom:0; right:0}
* html #balkenu { position: absolute;}


.abstand30 {margin-top: 30px}

.tempo { border: 1px dotted #BFBFBF; font-family: courier; font-size: 1.2; padding: 10px}


.dreier {  width: 93%; overflow: auto; font-size: 12px; color: #96a6b4; line-height: 15px; }
.dreier ul {padding: 0 0 0 3px; margin:0 0 0 3px;}
.dreier01, .dreierlast { float: left; width: 166px; min-height: 100px; height: auto; _height: 100px; position: relative; padding-bottom: 20px;}
.dreier01 {margin-right: 8%}
.textpfeil {margin-top: 10px;}
.textpfeil img {position: absolute; bottom: 0; right: 0}
.textpfeil a img, .textpfeil a:link img, .textpfeil a:visited img { background-image: url(../images/pfeilrot.gif); background-repeat: no-repeat; background-position: 0 0px; width: 30px; height: 18px;}
.textpfeil a:hover img  { background-image: url(../images/pfeilgrau.gif);}