/*
Schriftgrau: 525252
Schriftorange:  ff8737
grün: 17b4ae

*/



html, body{
margin:0;
padding:0;
font-family: Arial, Verdana, "Century Gothic", Sans-Serif;
height: 100.1%;
}

* {
_behavior: url(http://www.thome.de/formate/iepngfix.htc);
}

body
{
background-color: #17B3AF;
background:url(/grafiken/hintergrund.jpg) no-repeat fixed right top;
width: 100%;
height: 100%;
font-size: 101.01%;
}

#pagewidth
{
position: relative;
width: 980px;
margin: 0 auto 0 auto;
border: 0px solid #000000;
}

* html #pagewidth
{
width: 990px;
}

#pagewidth #header
{
position: fixed;
width: 985px;
margin: 0 auto 0 auto;
padding-top: 50px;
padding-bottom: 30px;
background-color: #18b4b0;
border: 0px solid #000000;
z-index: 1300;
}

#header #thome
{
float:right;
padding-right: 5px;
}

.clear
{
clear:both;
}

#wrapper
{
position: relative;
clear:both;
padding: 0;
margin: 0;
padding-top: 150px;
width: 100%;
border: 0px solid #000000;
z-index: 100;
}

* html #wrapper
{
padding-top: 50px;
}

#leftcol
{
position: absolute;
float: left;
width: 340px;
padding:0;
border: 0px solid #000000;
text-align: right;
}

#leftcol p#slogan
{
margin: 0;
}

#leftcol #slogan a
{
text-decoration: none;
font-size: 20px;
font-weight: bold;
letter-spacing: 1px;
color: #525252;
padding-top: 0px;
padding-bottom: 4px;
}

#leftcol #slogan a:hover
{
color: #ffffff;
}

#maincol
{
position: relative;
float: right;
width: 588px;
margin-top: 8px;
border: 0px solid #000000;
}


#maincol h1
{
font-size: 1.6em;
color: #f28a00;
line-height:1.5em;
margin:0;
}

#maincol h2
{
font-size: 1.0em;
font-weight: bold;
color: #000000;
margin-top:0.8em;
}

#maincol h3
{
font-size: 1.0em;
font-weight: bold;
color: #000000;
margin-top: 1.0em;
padding-top: 1.0em;
border-top: 1px solid #a1dddb;

}

#maincol h4
{
font-size: 0.9em;
font-weight: bold;
color: #ffffff;
margin-top: 0.8em;
line-height: 150%;
}

#maincol p
{
margin-top: 0;
margin-bottom: 12px;
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 li
{
font-size: 0.85em;
line-height: 1.5em;
margin-top: 6px;
}

#maincol img
{
border-top: 1px solid #a1dddb;
border-left: 1px solid #a1dddb;
border-bottom: 1px solid #a1dddb;
border-right: 1px solid #a1dddb;
}

#maincol .contentbox img
{
border: 0;
}

/* Startseite ---------------- */

#maincol #sp1, #maincol #sp2, #maincol #sp3
{
position: relative;
float: left;
width: 190px;
height: 340px;
border-top: 1px solid #a1dddb;
border-left: 1px solid #a1dddb;
border-bottom: 1px solid #3bc0bb;
border-right: 1px solid #3bc0bb;
padding-top: 8px;
text-align: center;
background-color: #ffffff;
background:url(/grafiken/trans.png) repeat left top;
z-index: 400;
}

* html #maincol #sp1,  * html #maincol #sp2, * html #maincol #sp3
{
width: 190px;
margin-right: 2px;
background:transparent;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/grafiken/trans.png', sizingMethod='scale');
}


#maincol #sp2
{
margin-left: 6px;
margin-right: 6px;
}

* html #maincol #sp2
{
margin-left: 1px;
margin-right: 1px;
}

#maincol #sp3
{
float: right;
margin-right: 0;
}

#maincol #sp1 h2, #maincol #sp2 h2, #maincol #sp3 h2
{
font-size: 1.6em;
color: #f28a00;
position: relative;
margin: 0;
}

#maincol #sp1 h3, #maincol #sp2 h3, #maincol #sp3 h3
{
color: #ffffff;
margin-top: 6px;
}

#maincol #sp1 img, #maincol #sp2 img, #maincol #sp3 img
{
position: absolute;
left: 0;
bottom: 0;
border-top: 1px solid #a1dddb;
z-index: 500;
}

#maincol #aktuelles
{
position: relative;
width: 574px;
border-top: 1px solid #a1dddb;
border-left: 1px solid #a1dddb;
border-bottom: 1px solid #3bc0bb;
border-right: 1px solid #3bc0bb;
padding: 8px;
margin-bottom: 0px;
text-align: left;
background-color: #ffffff;
background:url(/grafiken/hg3.png) repeat left top;
z-index: 400;
}

#maincol .contentbox
{
position: relative;
width: 556px;
border-top: 1px solid #a1dddb;
border-left: 1px solid #a1dddb;
border-bottom: 1px solid #3bc0bb;
border-right: 1px solid #3bc0bb;
padding: 15px;
margin-bottom: 0px;
text-align: left;
background-color: #ffffff;
background:url(/grafiken/hg3.png) repeat left top;
z-index: 500;
}

* html #maincol #aktuelles, #maincol .contentbox img
{
background:transparent;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/grafiken/trans.png', sizingMethod='scale');
margin-bottom: 6px;
}

* html #maincol .contentbox
{
width: 554px;
background:transparent;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/grafiken/trans.png', sizingMethod='scale');
margin-bottom: 6px;
}


#maincol #aktuelles strong
{
font-size: 1.2em;
font-weight: bold;
color: #ffffff;
margin-top:0.8em;
}



/* Beginn Fuss-Bereich */

#footer
{
clear: both;
margin-top: 0px;
padding-top: 25px;
height: 40px;
margin-bottom: 20px;
color: #17b4ae;
border: 0px solid #ffffff;
}

#footernavi
{
width: 340px;
margin-top: 32px;
border: 0px solid #ffffff;
}

#footer p#steuerung
{
margin: 0;
float: right;
}

#footer p#firma
{
font-size: 11px;
color: #000000;
padding-top: 6px;
}

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