html, body{
margin:0;
padding:0;
font-family: "Georgia",Times, "Times New Roman", Serif;
background-color: #ffffff;
background-image:url(/images/hgkopf.jpg);
background-repeat: repeat-x;
font-size: 101.01%;
height: 100.1%;
}

#pagewidth
{
width: 980px;
border: 0px solid #000000;
}

#header
{
width: 980px;
height: 245px;
max-height: 245px;
background-color:#ffffff;
background-image:url(/images/kopf.jpg);
background-repeat: no-repeat;
background-position: left top;
border: 0px solid #000000;
}


.clear
{
clear:both;
}

#wrapper
{
position: relative;
padding: 0;
margin: 0;
width:100%;
border: 0px solid #000000;
}

#leftcol
{
float: left;
width: 250px;
max-width: 250px;
max-height: 100%;
margin-left: 70px;
margin-bottom: 20px;
padding:0;
border: 0px solid #000000;
}

* html #leftcol
{
width: 204px;
margin-left: 34px;
}

#maincol
{
float: left;
display: block;
position: relative;
margin-left: 50px;
border: 0px solid #000000;
}

#content
{
float: left;
width: 380px;
border: 0px solid #000000;
}


#maincol h1
{
font-size: 1.3em;
color: #369bc1;
font-family: "Comic Sans MS";
text-transform: uppercase;
line-height: 1em;
margin: 0;
}

#maincol h2
{
font-size: 1.0em;
color: #000000;
margin-top: 1.5em;
line-height: 1.5em;
}

#maincol p
{
font-size: 0.85em;
line-height: 1.5em;
}

#maincol .tklein
{
font-size: 0.8em;
line-height:1.5em;
}

#maincol a:link
{
color: #000000;
text-decoration:underline;
}

#maincol a:visited
{
color: #000000;
text-decoration:underline;
}

#maincol a:hover, #maincol a:active
{
color: #da251d;
text-decoration:underline;
}

#maincol ul, #maincol li
{
font-size: 0.92em;
line-height: 1.5em;
margin-top: 6px;
}


#maincol img
{

}


/* rechte Spalte */
#rightcol
{
float: right;
position: relative;
width: 200px;
margin: 0px;
margin-left: 20px;
text-align: left;
border: 0px solid #000000;
}

#rightcol p
{
margin-top: 0.8em;
}


#rightcol a
{
color: #000000;
text-decoration:underline;
}

#rightcol a:hover
{
color: #369bc1;
text-decoration:underline;
}



/* Beginn Fuss-Bereich */

#footer
{
padding-bottom: 0px;
height: 320px;
background-color: #9fdcf0;
color: #ffdeb3;
border: 0px solid #000000;
background-image:url(/images/hgfuss.jpg);
background-repeat: repeat-x;
background-position: left top;
}

#footer-content
{
width: 970px;
height: 60px;
padding-top: 5px;
padding-left: 63px;
border: 0px solid #000000;
background-image:url(/images/fuss.jpg);
background-repeat: no-repeat;
background-position: left top;
}

.slogan
{
float: right;
margin: 0;
width: 400px;
padding-top: 3px;
padding-right: 55px;
text-align: right;
color: #ffffff;
font-family: "Comic Sans MS";
font-size: 16px;
border: 0px solid #000000;
}

#footer a:link
{
text-decoration:none;
font-size:12px;
font-weight:bold;
color: #ffdeb3;
}

#footer a:visited
{
text-decoration:none;
font-size:12px;
font-weight:bold;
color: #ffdeb3;
}

#footer a:hover
{
text-decoration:underline;
font-size:12px;
font-weight:bold;
color: #ffdeb3;
}

#footer a:active
{
text-decoration:none;
font-size:12px;
font-weight:bold;
color: #ffdeb3;
}

#footer a:focus
{
text-decoration:none;
font-size:12px;
font-weight:normal;
color: #ffdeb3;
}

#footer .fussmenu
{
text-align:left;
margin-left: 250px;
width: 250px;
}

* html #footer .fussmenu
{
margin-left: 255px;
}

#footer .navi
{
float:right;
text-align:right;
padding-right: 5px;
width:150px;
}

/* Ende Fuss-Bereich */

/* Kennzeichnung externer Links */
.exlink {
   position: relative;
   top: 0px;
   left: 0px;
}


a.exlink span {
   display: none;
}

a:hover.exlink span {
   display: block;
   position: absolute;
   top: 25px;
   left: 0;
   margin: 0px;
	 background-color: #fff7d7;
	 padding: 5px;
	 border: 1px solid #a28c3c;
   color: #000000;
   border: 1px solid #666666;
   font: 10px Verdana, Arial, Helvetica, sans-serif;
   font-weight:normal;
   text-decoration: none;
   z-index: 100;
}

a:hover.exlink {
   color: #000000;
   border: 0px;
   font-weight:normal;
   text-decoration: none;
   z-index: 200;
   }

/* Ende exlink */


 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */
.clearfix:after {
 content: ".";
 display: block;
height: 0;
 clear: both;
 visibility: hidden;
 }

.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */



 /*printer styles*/
 @media print{
/*hide the left column when printing*/
#leftcol{display:none;}

/*hide the right column when printing*/
#rightcol{display:none;}
#twocols, #maincol{width:100%; float:none;}
}