@charset "iso-8859-2";
body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #bbc4ce;
	margin: 0; /* Es empfiehlt sich, margin (Rand) und padding (Auffüllung) des Body-Elements auf 0 einzustellen, um unterschiedlichen Browser-Standardeinstellungen Rechnung zu tragen. */
	padding: 0;
	text-align: center; /* Hierdurch wird der Container in IE 5*-Browsern zentriert. Dem Text wird dann im #container-Selektor die Standardausrichtung left (links) zugewiesen. */
	color: #000000;
	font-size: 9pt;
    }
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	color: #000000;
	font-weight: bold;
	line-height: normal;
}
    .thrColFixHdr #container {
	width: 950px;  /* Mit einer Breite, die 20 Pixel unter der vollen Breite von 800 Pixel liegt, können Sie dem Browser-Chrome Rechnung tragen und gleichzeitig eine horizontale Bildlaufleiste vermeiden. */
	background:  url(layoutpics1/hg-09.jpg) repeat-y;
	margin: 0 auto; /* Durch automatische Ränder (in Verbindung mit einer Breite) wird die Seite zentriert. */
	border: 1px solid #000000;
	text-align: left; /* Hierdurch wird die Einstellung text-align: center im Body-Element aufgehoben. */
	color: #000000;
	padding: 0px;
    } 
    .thrColFixHdr #header {
	padding: 0px 10px 1px 20px; 
	height: 263px;
	background: url(layoutpics1/kopf-start-09.jpg) no-repeat;
	margin: 0px;
    }
	.thrColFixHdr #header2 {
	padding: 1px 10px 1px 20px;
	height: 184px;
	background: url(layoutpics1/Kopf-folge-09.jpg) no-repeat;
	margin: 0px;
    } 
    .thrColFixHdr #header h1 {
    	margin: 0; /* Wenn Sie den Rand des letzten Elements im #header-div auf 0 einstellen, können Sie das Auftreten unerwarteter Abstände zwischen divs vermeiden. Wenn das div einen Rahmen hat, ist dies unnötig, weil dieser Rahmen die gleiche Wirkung hat. */
    	padding: 10px 0; /* Durch die Verwendung der Auffüllung anstelle von Rändern lässt sich gewährleisten, dass das Element die Kanten des div nicht berührt. */
    }
	.thrColFixHdr #sidebar1 {
    	float: left; /* Da es sich hier um ein floatendes Element handelt, muss eine Breite angegeben werden. */
    	width: 145px; /* Die tatsächliche Breite dieses div umfasst in standardgerechten Browsern bzw. im Standardmodus von Internet Explorer außer der Breite auch die Auffüllung und den Rahmen. */
    	
    	padding: 0px 10px 15px 5px; /* Mit der Auffüllung wird gewährleistet, dass der Inhalt des div die Kanten nicht berührt. */
    }   
	 .thrColFixHdr #sidebar1a {
    	float: left; /* Da es sich hier um ein floatendes Element handelt, muss eine Breite angegeben werden. */
    	width: 145px; /* Die tatsächliche Breite dieses div umfasst in standardgerechten Browsern bzw. im Standardmodus von Internet Explorer außer der Breite auch die Auffüllung und den Rahmen. */
    	
    	padding: 0px 10px 15px 5px; /* Mit der Auffüllung wird gewährleistet, dass der Inhalt des div die Kanten nicht berührt. */
    }

    .thrColFixHdr #sidebar2 {
    	float: right; /* Da es sich hier um ein floatendes Element handelt, muss eine Breite angegeben werden. */
    	width: 130px; /* Die tatsächliche Breite dieses div umfasst in standardgerechten Browsern bzw. im Standardmodus von Internet Explorer außer der Breite auch die Auffüllung und den Rahmen. */
    	
    	padding: 5px 5px 5px 5px; /* Mit der Auffüllung wird gewährleistet, dass der Inhalt des div die Kanten nicht berührt. */
    }

    .thrColFixHdr #mainContent { 
    	margin: 0 175px 0 170px; /* Der rechte und der linke Rand dieses div-Elements erstellen die beiden äußeren Spalten an den Seitenrändern. Der Spaltenbereich bleibt unabhängig von der Inhaltsmenge der Randleisten-divs immer gleich. Sie können diesen Rand entfernen, falls der Text des #mainContent-div die Randleistenbereiche füllen soll, wenn der Inhalt in den Randleisten endet. */
    	padding: 0 10px; /* padding (Auffüllung) bezeichnet den Innenabstand und margin (Rand) den Außenabstand der div -Box. */
    } 
	 .thrColFixHdr #mainContent2 {
	margin: 0 15px 0 170px; /* Der rechte und der linke Rand dieses div-Elements erstellen die beiden äußeren Spalten an den Seitenrändern. Der Spaltenbereich bleibt unabhängig von der Inhaltsmenge der Randleisten-divs immer gleich. Sie können diesen Rand entfernen, falls der Text des #mainContent-div die Randleistenbereiche füllen soll, wenn der Inhalt in den Randleisten endet. */
	padding: 0 10px; /* padding (Auffüllung) bezeichnet den Innenabstand und margin (Rand) den Außenabstand der div -Box. */
    } 
    .thrColFixHdr #footer {
	padding: 0 10px 0 20px; /* Diese Auffüllung entspricht der linksbündigen Ausrichtung der Elemente in den divs, die darunter erscheinen. */
	background:#264061;
	border-top: 2px outset #899da8;
    } 
    .thrColFixHdr #footer p {
    	margin: 0; /* Wenn Sie die Ränder des ersten Elements in der Fußzeile auf 0 einstellen, können Sie unerwartete Abstände zwischen divs vermeiden. */
    	padding: 10px 0; /* Durch die Verwendung der Auffüllung bei diesem Element entsteht genau wie bei einem Rand ein Leerraum, aber ohne die potenziellen Abstandsprobleme. */
    
}
    .fltrt { /* Mit dieser Klasse können Sie ein Element auf der Seite nach rechts fließen lassen. Das floatende Element muss vor dem Element stehen, neben dem es auf der Seite erscheinen soll. */
    	float: right;
    	margin-left: 8px;
    }
    .fltlft { /* Mit dieser Klasse können Sie ein Element auf der Seite nach links fließen lassen. */
    	float: left;
    	margin-right: 8px;
    }
    .clearfloat { /* Diese Klasse sollte in einem div- oder break-Element platziert werden und das letzte Element vor dem Schließen eines Containers sein, der wiederum einen vollständigen Float enthalten sollte. */
    	clear:both;
        height:0;
        font-size: 1px;
        line-height: 0px;
    }
	
td, tr, table{font-size:9pt;font-family:Arial,Helvetica,sans-serif;color:#000000;}
.ueber1{font-size:9pt;font-weight:bold;color:#000000;}
.ueber2{font-size:9pt;font-weight:bold;}
a:link, a:visited, a:active{text-decoration:none;color:#000000;font-weight:bold;color:#456E9F;}
A:hover{color:#640122;}

a.artikel_ueberschrift:link, a.artikel_ueberschrift:visited, a.artikel_ueberschrift:active{text-decoration:none;font-weight:bold;color:#003366;}
A.artikel_ueberschrift:hover{text-decoration:none;font-weight:bold;color:#640122;}

a.artikel_link:link, a.artikel_link:visited, a.artikel_link:active{text-decoration:none;font-weight:bold;}
A.artikel_link:hover{text-decoration:underline;font-weight:bold;color:#640122;}

a.navig_links1:link, a.navig_links1:visited, a.navig_links1:active{font-size:9pt;text-decoration:none;color:#ffffff;font-weight:normal}
A.navig_links1:hover{font-size:9pt;text-decoration:none;color:yellow;font-weight:normal}
a.navig_links_aktiv1:link, a.navig_links_aktiv1:visited, a.navig_links_aktiv1:active{font-size:9pt;text-decoration:none;color:#ffffff; font-weight:bold}
A.navig_links_aktiv1:hover{font-size:9pt;text-decoration:none;color:yellow;font-weight:bold}

a.navig_links2:link, a.navig_links2:visited, a.navig_links2:active{font-size:9pt;text-decoration:none;color:#ffffff;font-weight:normal}
A.navig_links2:hover{font-size:9pt;text-decoration:none;color:yellow;font-weight:normal}
a.navig_links_aktiv2:link, a.navig_links_aktiv2:visited, a.navig_links_aktiv2:active{font-size:9pt;text-decoration:none;color:#ffffff; font-weight:bold}
A.navig_links_aktiv2:hover{font-size:9pt;text-decoration:none;color:yellow;font-weight:bold}

a.navig_links3:link, a.navig_links3:visited, a.navig_links3:active{font-size:9pt;text-decoration:none;color:#ffffff;font-weight:normal}
A.navig_links3:hover{font-size:9pt;text-decoration:none;color:yellow;font-weight:normal}
a.navig_links_aktiv3:link, a.navig_links_aktiv3:visited, a.navig_links_aktiv3:active{font-size:9pt;text-decoration:none;color:#ffffff; font-weight:bold}
A.navig_links_aktiv3:hover{font-size:9pt;text-decoration:none;color:yellow;font-weight:bold}

a.navig_links4:link, a.navig_links4:visited, a.navig_links4:active{font-size:9pt;text-decoration:none;color:#ffffff;font-weight:normal}
A.navig_links4:hover{font-size:9pt;text-decoration:none;color:yellow;font-weight:normal}
a.navig_links_aktiv4:link, a.navig_links_aktiv4:visited, a.navig_links_aktiv4:active{font-size:9pt;text-decoration:none;color:#ffffff; font-weight:bold}
A.navig_links_aktiv4:hover{font-size:9pt;text-decoration:none;color:yellow;font-weight:bold}

a.navig_oben:link, a.navig_oben:visited, a.navig_oben:active{font-size:8pt;text-decoration:none;color:#ffffff;;font-weight:normal}
A.navig_oben:hover{font-size:8pt;text-decoration:none;color:yellow;;font-weight:normal}
a.navig_oben_aktiv:link, a.navig_oben_aktiv:visited, a.navig_oben_aktiv:active{font-size:8pt;text-decoration:none;color:#ffffff;font-weight:bold}
A.navig_oben_aktiv:hover{font-size:8pt;text-decoration:none;font-weight:bold;color:yellow;}

a.navig_unten:link, a.navig_unten:visited, a.navig_unten:active{font-size:8pt;text-decoration:none;color:#ffffff;font-weight:normal}
A.navig_unten:hover{font-size:8pt;text-decoration:none;color:yellow; font-weight:normal}
a.navig_unten_aktiv:link, a.navig_unten_aktiv:visited, a.navig_unten_aktiv:active{font-size:8pt;text-decoration:none;font-weight:bold;color:#ffffff}
A.navig_unten_aktiv:hover{font-size:8pt;text-decoration:none;font-weight:bold;color:yellow}

a.navig_sitemap:link, a.navig_sitemap:visited, a.navig_sitemap:active{font-size:9pt;text-decoration:none;color:#000000;font-weight:normal} A.navig_sitemap:hover{font-size:8pt;text-decoration:none;color:#000000;font-weight:normal}
A.navig_sitemap:hover{font-size:9pt;text-decoration:none;color:red;;font-weight:normal}

.not_to_check{color:#FFFFFF;}
.fault{color:#B90000;}
.mini{
	font-size:8pt;
	border: 0;
}
input.text, textarea{border-top:1px solid #808080;border-bottom:1px solid #808080;border-left:1px solid #808080;border-right:1px solid #808080;font-size:8pt;}
INPUT.button{border-top:1px solid #808080;border-bottom:1px solid #808080;border-left:1px solid #808080;border-right:1px solid #808080;background-color:#FFFFFF;font-size:8pt;font-weight:bold;}
.back{background-color:#E8E8E8;}
.back_logo{background-color:#CAD7D7;}
.back_logo2{background-color:#CAD7D7;}
.back_rechtsoben{background-color:#CAD7D7;}
.back_rechtsoben2{background-color:#CAD7D7;}
.back_links{background-color:#E4EBEB;}
.back_unten{background-color:#CAD7D7;}
.back_main{background-color:#E4EBEB;}
.back_umrandung{background-color:#ffffff;}
td {
	font-family:  Arial, Helvetica, sans-serif;
}
#kopfzeile {
	position:relative;
	left:280px;
	top:0px;
	width:496px;
	height:20px;
	z-index:1;
	text-align: right;
	margin: 0px;
	padding: 5px 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #000000;
	font-weight: bold;
	line-height: normal;
}
#addthis {
	position:relative;
	left:720px;
	top:-20px;
	width:200px;
	height:30px;
	z-index:9;
	text-align: right;
	margin: 0px;
	padding: 0px 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-weight: bold;
	line-height: normal;

}
#hauptsponsor {
	position:relative;
	left:785px;
	top:0px;
	width:146px;
	height:118px;
	z-index:1;
	text-align: center;
	margin: 0px;
	padding: 0px;
}
#news1 {
	position:relative;
	left:280px;
	top:45px;
	width:496px;
	height:70px;
	z-index:1;
	text-align: left;
}
#news2 {
	position:relative;
	top:-100px;
	width:125px;
	z-index:1;
	text-align: center;
	left: 0px;
}
#news2a {
    position:relative;
	top:-22px;
	width:125px;
	z-index:1;
	text-align: center;

}
.addthis_toolbox .hover_effect
{
    width: 284px;
    padding: 10px 0 6px 10px;
    border: 3px solid #eee;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.addthis_toolbox .hover_effect div
{
    float: left;
}

.addthis_toolbox .hover_effect a
{
    border: 2px solid #fff;
    padding: 2px 2px 2px 16px;
    position: relative;
    text-decoration: none;
}

.addthis_toolbox .hover_effect a:hover
{
    border: 2px solid #105CB6;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    background: #B4D3F8;
    color: #105CB6;
    text-decoration: none;
}

.addthis_toolbox .hover_effect span
{
    position: absolute;
    width: 16px;
    height: 16px;
    top: 2px;
    left: 1px;
}