/* CSS Document */
body  {
font-family:				Arial, Helvetica, sans-serif;
font-size:					12px;
text-align:					left;
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:#333333;
}

a {
color:						#FF6000;
text-decoration:			underline;
cursor:						pointer;
}

a:hover {
color:						#666666;
text-decoration:			none;
cursor:						pointer;
}

img {
border:0px;
}

.container { 
width: 1000px;  /* 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. */
margin: 0 auto; /* Durch automatische Ränder (in Verbindung mit einer Breite) wird die Seite zentriert. */
text-align: left; /* Hierdurch wird die Einstellung text-align: center im Body-Element überschrieben. */
} 

.header {
background-image:url(images/header.png);
background-repeat:no-repeat;
height:270px; 
padding: 30px 25px 0 24px;  /* Diese Auffüllung entspricht der linksbündigen Ausrichtung der Elemente in den divs, die darunter erscheinen. Wenn im #header anstelle von Text ein Bild eingesetzt wird, sollten Sie die Auffüllung entfernen. */
position:relative;
}

.site_logo	{
position:absolute;
background-repeat:no-repeat;
height:120px;
width:468px;
margin-top: 25px;
margin-left: 50px;
}

.header .navigation	{
margin-top:-10px;
position: absolute;
right: 22px;
list-style:none;
}

.header .navigation li	{
display:inline;
}

.header .navigation a {
float:left;
background: url(images/tab_l.png) no-repeat left top;
margin:0;
margin-right:2px;
padding:0 0 0 4px;
text-decoration:none;
}

.header .navigation a span {
float:left;
display:block;
background: url(images/tab_r.png) no-repeat right top;
padding:10px 9px 3px 5px;
height:18px;
color:#FFFFFF;
}

.header .navigation a:hover span {
color:#FFFFFF;
}

.header .navigation a:hover {
background-position:0% -42px;
}

.header .navigation a:hover span {
background-position:100% -42px;
}


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

.content {
overflow: auto;
margin-top: 0px;
background-image:url(images/main_bg.png);
background-repeat:repeat-y;
min-height:200px;
}

.sidebar1 {
padding-right:8px;
padding-left: 28px;	
float: left;
width: 170px;
}
	

/*Naviagtion Linke Seite - Anfang*/
	
ul.l_block	 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.95em;
margin:0px;
margin-bottom:10px;
margin-left:5px;
padding:0px;
}

ul.l_block  li {
text-align:left;
list-style: none;
padding: 0.12em;
}

ul.l_block a {
display: block;
text-decoration:none;
padding:5px 0px 1px 5px;
background-image:url(images/lnk_a.png);
background-repeat:repeat;
color:#CCCCCC;
height:19px;
}

ul.l_block a:hover {
padding:5px 0px 1px 5px;
background-image:url(images/lnk_hover.png);
background-repeat:no-repeat;
color:#FFFFFF;
height:19px;
}

ul.l_block2  li {
text-align:left;
list-style: none;
padding: 0.12em;
margin-left:-25px;
}

ul.l_block2 a {
display: block;
text-decoration:none;
padding:5px 0px 1px 5px;
background-image:url(images/lnk_a.png);
background-repeat:repeat;
color:#CCCCCC;
height:14px;
}

ul.l_block2 a:hover {
padding:5px 0px 1px 5px;
background-image:url(images/lnk_hover.png);
background-repeat:no-repeat;
color:#FFFFFF;
height:14px;
}



/*Naviagtion Linke Seite - Ende*/
.mainContent {
padding-left:0px;
padding-right:40px;
margin-left: 230px;
}

.main_ib	{
width:						31%;
padding-left:				4px;
padding-right:				4px;
padding-bottom:				4px;
margin:						0px 2px 0px 2px;
border:						1px solid #DDDDDD;
}

.footer {
padding: 0px 10px 0px 28px; /* Diese Auffüllung entspricht der linksbündigen Ausrichtung der Elemente in den divs, die darunter erscheinen. */
background-image:url(images/footer_bg.png);
background-repeat:no-repeat;
height:50px;
font-size:70%;
color:#666666;
}

.copy	{
font-size:10px;
padding: 0px 0px 0px 200px;
height: 25px;
}

.address, .address a	{
float:left;
width:175px;
color:#666666;
}
	
h1 {
font:						bold 225% Arial;
color:						#333333;
padding:					0px 0px 20px 0px;
margin:						0px;
}

h2 {
font:						180% Arial;
color:						#000000;
margin:						0px 0px 0px 0px;
}

h3 {
font:						bold 160% Arial;
margin:						0px;
}

h4 {
font:						bold 130% Arial;
margin:						0px;
}

h5 {
font:						bold 110% Arial;
margin:						0px;
}

h6 {
font:						bold 90% Arial;
margin:						0px;
}

.info	{
font-size:6pt;
}

.author	{
font:90% Arial;
text-align:right; !important
}