/*

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

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

html { min-width:940px; height: 100%; background-image: url(../images/hg_3spalten.gif);
         background-repeat: repeat-y;
         background-position:top;
         background-color:#c6d4de; }
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;
         background-image: url(../images/hg_top.jpg);
         background-repeat: repeat-x;
         background-position:top;
         text-align: center;
        /* text-align: -moz-center;*/
         		}
.ecke {display:block; background-image:url(../images/hg_h1_ecke.gif); background-repeat: no-repeat; background-position: top right;  height: 27px;}
H1 {color: #3e3d40; font-size: 1.2em; padding: 0 0 0 0; margin:0 0 15px 0; font-weight:bold; line-height: 120%}  /*gross fett */
H2 {width: 85%; 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 85%*/
H5 {color: #3e3d40; font-size: 0.9em; padding: 0 0 0px 10px; margin:0 0 15px 0; font-weight:bold;  }   /*fett kleiner*/
H4 {color: #3e3d40; font-size: 1.0em; padding: 0 0 0px 0px; margin:0 0 15px 0; font-weight:bold;  }   /*fett normal*/
H3 {color: #c5003d; font-size: 1.2em; padding: 0 0 0 0; margin:0 0 15px 0; font-weight:bold; line-height: 120%}	/*groß rot */
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:#b43e3e; }
a:link {color:#b43e3e; }
a:visited {color:#b43e3e}
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:940px;
         background-color:transparent;


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

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



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

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




#bereich01{
	width:100%;
         height: 212px;
         background-color:transparent;
         padding:0;
         margin:0;
         background-image: url(../images/bild_oben01.jpg);
         background-repeat: no-repeat;
         background-position: 0 6px;

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




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

#spalte01, #spalte02,#spalte03, #spalte02a, #spalte02b  {float:left;}
#spalte01 {width: 228px; background-color:#f2f5f7; padding:0; margin-left: 1px;}
#spalte02 {width: 458px; background-color:transparent; background-image: url(../images/bo2.jpg); background-repeat: no-repeat; background-position: left top;}
#spalte03 {width: 232px; background-color:#dae3e9; padding:15px 0 0 0px}

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

#login {width: 90.1%; margin-top:15px; }





/*###  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:10px; width:90%; margin-top:5px;}
.vklein, .vklein a {font-family: verdana; font-size: 0.85em; color:#3d4864; text-decoration: none; }
.aklein, .aklein a {font-family: arial; font-size: 0.75em; line-height: 1.1em; color:#3d4864; text-decoration: none; padding:10px 10px 10px 20px; }
.bggrau {background: #efefef;}
.ugrau   {background: #efefef; font-size: 1.1em; font-weight: bold; padding:2px 0 2px 10px; margin-bottom: 5px;}



.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: 1px solid #bcc1c5; width: 232px; height: 177px; background-image: url(../images/meeting.jpg); background-repeat: no-repeat; margin-bottom: 10px;}