/*

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

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

html { min-width:995px; height: 100%;
         background-color:#fff; }
body { height: 100%;}


body {

	margin:0;
         font-size: 82%;
         line-height:1.4em;
         font-weight:normal;
	color: #4f4f4f;
	font-family: arial, helvetica, verdana, sans-serif;
	background-color: transparent;
         text-align: center;
        /* text-align: -moz-center;*/
         		}

H1 {color: #008ed0; font-size: 1.7em; padding: 0 0 0 0; margin:0 0 15px 0; font-weight:bold; line-height: 120%}  /*blau riesig fett */
H2 {color: #3e3d40; font-size: 1.3em; padding: 0 0 0px 0px; margin:0 0 25px 0; font-weight:bold;  }   /*dunkelgrau mittel*/
H3 {color: #e74945; font-size: 1.2em; padding: 0 0 0 0; margin:0 0 15px 0; font-weight:bold; line-height: 120%}  /*rot */
H4 {color: #008ed0; font-size: 1.3em; padding: 0 0 0 0; margin:0 0 10px 0; font-weight:bold; line-height: 120%}  /* blau gross fett */
H5 {color: #3e3d40; font-size: 1.1em; padding: 0 0 0px 0px; margin:0 0 5px 0; font-weight:bold;  }   /*dunkelgrau*/
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:#e74945; }
a:link {color:#e74945; }
a:visited {color:#e74945}
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: 100%;
         width:995px;
         background-color:transparent;


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

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



#content {padding-bottom: 9em; background-color: transparent; width: 995px; }

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


#bereichsitemap {
	height: 51px;
         width: 100%;
         background: red;
         text-align: right;

         }

#bereich01{
	width:100%;
         height: 164px;
         background-color:transparent;
         padding:0;
         margin:0;
         background-image: url( ../images/bildoben.gif);
         background-repeat: no-repeat;
         background-position: 0 0px;

         }





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


#bereich01menu{
	margin-top: 0px;
         padding: 17px 0 0 0 ;
	width:100%;
         height: 25px;
         background-color: transparent;



         }










#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:995px; background-color:lightcyant; padding:0px 0 20px 0px;  }

#spalte01, #spalte02,#spalte03, #spalte02a, #spalte02b  {float:left;}
#spalte01 {width: 242px; background-color:transparent; padding:0; margin-left: 1px;}
#spalte02 {width: 510px; background-color:transparent;}
#spalte03 {width: 234px; background-color:#fff; padding:0px 0 0 0px}

#inhaltsbox02 {min-height: 500px; width: 93%; padding: 0px 0px 0 20px; background: transparent; background-image: url(../images/hg_punkte.gif); background-repeat: repeat-y; background-position: left top; }
#inhaltsbox02 ol{padding-left: 20px}
#inhaltsbox02 ul {padding: 0 0 0 12px; margin: 0 0 15px 0}
#inhaltsbox02 ul li {margin-bottom:5px;}


#translogo {position: absolute; top: 30px; left:0px; width: 219px; height: 40px; border: 0px solid #000}





/*###  Elemente Rahmen     */
.graubox { }
.boxinnen {  background: #f8fde7; border: 1px solid #99cc00; padding: 10px;}
.boxinnen .csc-textpic-text {}
.csc-textpic-image .csc-textpic-firstcol .csc-textpic-lastcol img {padding: 10px;}
.imgborder {margin:3px;}
.unten10 {margin-bottom: 10px;}
.unten20 {margin-bottom: 20px;}
.unten5 {margin-bottom: 5px;}
.links10 {padding-left: 10px;}


/*###  BLOCK-Elemente    */
.rahmengrau {border: 1px solid #cbd0d2; padding:0px; width:90%; margin-top:5px;}
.vklein, .vklein a {font-family: verdana; font-size: 0.85em; color:#3d4864; text-decoration: none; }
.aklein, .aklein a {width: 232px; margin-top: 20px; font-family: arial; font-size: 0.75em; line-height: 1.1em; color:#3d4864; text-decoration: none; padding:10px 0px 10px 0px; text-align:right; border-top: 1px solid #CFCFCF}
.bggrau {background: #efefef;}
.ugrau   {background: #efefef; font-size: 1.1em; font-weight: bold; padding:2px 0 2px 10px; margin-bottom: 5px;}
.tright {text-align:right; }

.icon { width: auto; font-size: 0.8em; color: #868f98; margin: 0 0 7px 0; height: 18px; ; padding:0}
.icon img {padding-right: 16px; height: 11px; margin-bottom: -5px;}
.icon a { text-decoration: none; color:#868f98;  }
.icon a:link {color:#868f98; }
.icon a:visited {color:#868f98;}
.icon a:hover {color:#ad2f47; text-decoration: none;}


.punkte {border-bottom: 1px dotted #e1e1e1; padding-bottom:5px;}
.punkte1 {border-bottom: 1px dotted #e1e1e1; height: 1px; margin-bottom: 5px;}
/*#sbr { position:absolute; top:0; right:0; background-image:url(../images/sbr.gif); width: 138px; height: 74px;}*/
.trenner20px {margin-top:10px;}

/*###  BILD-Element rechts    */
.bild {border-top: 0px solid #bcc1c5; width: 232px; height: 240px; background-image: url(../bilder/rechts/6hand.jpg); background-repeat: no-repeat; margin-bottom: 10px;}



.kontaktb a img {width:230px; height: 88px; margin-left: -5px; background-image: url(../images/kontakta.jpg); background-repeat: no-repeat; background-position:left top}
.kontaktb a:hover img {background-image: url(../images/kontaktb.jpg); background-repeat: no-repeat; }