

@import "suchbox.css";
@import "navi.css";
@import "news.css";
@import "tintern.css";

html { height: 100%;}
body { height: 100%;}


body {

	margin:0;
         font-size: 82%;
         line-height:1.4em;
         font-weight:normal;
	color: #4f4f4f;
	font-family: verdana, sans-serif, arial;
	background-color: #fff;
         background-image: url(../images/hg_oben.gif);
         background-repeat: repeat-x;
         background-position: 0 -15px;
         text-align: center;
        /* text-align: -moz-center;*/
         		}

H1 {color: #95bc12; font-size: 1.8em; padding: 0 0 0 0; margin:0 0 15px 0; font-weight:bold; line-height: 120%}	/*groß grün */
H2 {color: #95bc12; font-size: 1.3em; padding: 0 0 0 0; margin:0 0 15px 0; font-weight:bold; line-height: 120%}  /*mittel grün */
H3 {color: #fff; font-size: 0.9em; padding: 0 0 0px 10px; margin:0 0 15px 0; font-weight:bold; border: 1px solid #95bc12; width: 98%; background-color:#95bc12 }   /*kasten grün*/
H4 {color: #000; font-size: 0.9em; padding: 0 0 0px 10px; margin:0 0 15px 0; font-weight:bold; border: 1px solid #99cc00; width: 98%; background-color:#f8fde7 }   /*kasten softgrün*/
H5 {color: #0098c3; font-size: 1.3em; padding: 0 0 0 0; margin:0 0 15px 0; font-weight:bold; line-height: 120%}  /*mittel türkis */
H6 {color: #fff; font-size: 0.9em; padding: 0 0 0px 10px; margin:0 0 0px 0; font-weight:bold; border: 1px solid #1b80b7; width: 98%; background-color:#1b80b7 }   /*kasten türkis*
/* H6 {color: #fff; font-size: 1em; padding: 0 0 0px 10px; margin:0 0 15px 0; font-weight:bold; border: 1px solid #D8CFA4; width: 98%; background-color:#b43e3e }   kasten gold*/

#boxnews H4 {width: 90%; color: #4f4f4f }

#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;}


#news H6 a {text-decoration: none; color:#fff; }
#news H6 a:link {color:#fff; }
#news H6 a:visited  {color:#fff}
#news H6 a:hover {color:#fff; text-decoration: none;}



* 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:#95bc12; }
a:link {color:#95bc12; }
a:visited {color:#95bc12}
a:hover {color:#0098c3; 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;


         padding:0 0 0px 0;
         text-align: left;

	}
* html #nonfooter {height:100%;}



#content {padding-bottom: 9em; background-color: transparent; }

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: 269px;
         background-color: transparent;
         padding:0;
         margin:0;
         background-image: url(../images/bild_oben3.jpg);
         background-repeat: no-repeat;
         background-position: 0 48px;

         }
* html #bereich01 {height:264px;}




#bereich01a, #bereich01b  {float: left}
#bereich01a {width: 215px; padding: 0; margin:0; height: 100%;}
#bereich01b {width: 774px; padding: 0; margin:0;}


#bereich02{
	width:100%;
         height: 24px;
         background-color: transparent;

         }

#bereich02a, #bereich02b, #bereich02c {float:left}
#bereich02a {width: 24%; height: 100% }
#bereich02b {width: 76%; 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;

         }





/*:::::::::::::::::::::::::::::::::::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:30px 0 0 15px}

#inhaltsbox02 {width: 93%; padding: 30px 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;}

#boxnews .csc-textpic {
width: 95%;
	border:1px solid #D8CFA4;
         border-top: 0px solid #D8CFA4;
	background-color:#FFF;
         font-family: arial;
        padding: 3px 5px 0 10px;
        margin-bottom: 10px;
        /* IE hack */
	height: 1%;
	line-height: 1.3;
	/* IE hack end */
	height: auto !important;
         font-size: 0.85em;


}

.backgreen {
	width: 95%;
	border:1px solid #D8CFA4;
         border-top: 0px solid #D8CFA4;
	background-color:#FFF;
         font-family: arial;
        padding: 3px 5px 0 10px;
        margin-bottom: 10px;
        /* IE hack */
	height: 1%;
	line-height: 1.3;
	/* IE hack end */
	height: auto !important;
         font-size: 0.85em;


}



/*###  Elemente Rahmen     */
.graubox { }
.boxinnengruen {  background: #f8fde7; border: 1px solid #99cc00; padding: 10px}
.boxinnengrau {  background: #eeeef0; border: 0px 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;}



/*###  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;}