/* Grundeinstellung -------------------------------------------------------------------------------------------------------------- */
* {margin:0;padding:0}
body {
padding: 0 0 0 0px;
font:0.8em "Lucida Grande","Lucida Sans Unicode",Geneva,Verdana,sans-serif;
BACKGROUND: #444 ; 
}

/* allgemein --------------------------------------------------------------------------------------------------------------------- */
img {border:none} 
hr {margin: 1em 0;background:#f2f2f2;height:1px;color:#f2f2f2;border:none;clear:both}
.clear {clear:both;position:relative;font-size:0px;height:0px;line-height:0px} 

/* Listen --------------------------------------------------------------------------------------------------------------------- */
ul {margin: .3em 0 1.5em 0;list-style-type:none}
ul.related {margin-top: -1em}
ol {margin: .5em .5em 1.5em}
ol li {margin-left: 1.4em;padding-left: 0;background: none; list-style-type: decimal}
li {line-height: 1.4em;padding-left: 25px;background: transparent url("images/sprites.gif") no-repeat 0 0}
li.doc {background-position: 3px -500px}
ul.nomarker li {background:none;padding-left:0}

/* Typographie --------------------------------------------------------------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6 {font-family: 'Trebuchet MS', Arial, Verdana, Helvetica, sans-serif;color:#000;}


blockquote {padding-left: 50px; background:url(../images/icon/kommentar_1.gif) no-repeat top left #eeefff;}
.acronym acronym.A{
	cursor: help;
}

/* Links --------------------------------------------------------------------------------------------------------------------- */
a,a:link,a:link,a:link,a:hover {background:transparent;text-decoration:underline;cursor:pointer} 
a:link {color:#333;text-decoration: none;} 
a:visited {color:#333;text-decoration: none;} 
a:hover, a:active {color:#333;text-decoration: none;} 

/* Kopf --------------------------------------------------------------------------------------------------------------------- */
#header {
background-color:#FFFFFF;
width: 100%;
padding-bottom: 0px;
margin-bottom:0px;
}

#logo {text-align:right;padding-top:10px; padding-right:10px; font-size:0.85em}

#titelfoto {
width: 1000px;
height: 220px;
background:url(../images/titelfoto/1.jpg);
}
.suchfeld {height:30px; position:absolute; z-index:1; margin:-27px 0 0 875px; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}

/* Fuss --------------------------------------------------------------------------------------------------------------------- */
#footer { 
	clear: both; 
	color: #000; 
	background: #ffcc00; 
	margin: 0; padding: 0; 
	height: 155px;	  
	font-size: 95%;
	margin-top:70px;		
}

#developer { 
	clear: both; 
	color: #fff; 
	background: #444; 
	height: 100px;	  
	font-size: 80%;		
}
#developer a { 
	text-decoration: none;
	color: #fff; 	 
}
#developer .footer-left{
	float: left;
	padding-left: 5px;
	padding-top: 5px;	color: #fff; 
}
#developer .footer-right{
	float: right;
	padding-right: 5px;
	padding-top: 5px;	color: #fff; 
}

/* Contentbereich --------------------------------------------------------------------------------------------------------------------- */
#container_haupt {
	CLEAR: both; 
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	PADDING-BOTTOM: 0px; 	
	PADDING-TOP: 0px; 	
	FLOAT: none; 
	MARGIN: 0px auto; 
	WIDTH: 1000px; 
	BACKGROUND: url(../images/hg_main.gif) repeat-y top; 
	background-color:#FFFFFF;
}
#container_haupt_start {
	CLEAR: both; 
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	PADDING-BOTTOM: 0px; 	
	PADDING-TOP: 0px; 	
	FLOAT: none; 
	MARGIN: 0px auto; 
	WIDTH: 1000px; 
	background-color:#fff;
}
#container_kopf {
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	PADDING-BOTTOM: 0px; 	
	PADDING-TOP: 0px; 	
	FLOAT: none; 
	MARGIN: 0px auto; 
	WIDTH: 1000px; 
	background-color:#333;
}

#wrapper {
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	PADDING-TOP: 0px; 	
	PADDING-BOTTOM: 0px; 	
	Z-INDEX: 1; 
	LEFT: 0px; 
	WIDTH: 1000px; 
	background: #fff;
}

/* TitelSpalte 1 */
#titelspalte_1 {
	PADDING-TOP: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 0px; 
	WIDTH: 210px;  
	height: 360px;
	POSITION: relative; 
	background: url(../images/hg_navistartseite.jpg) repeat-x;
	color:#000;
}
#titelspalte_1 H1 {padding-left: 5px;}
#titelspalte_1 P {padding-left: 10px;padding-top:40px;font:0.9em "Lucida Grande","Lucida Sans Unicode",Geneva,Verdana,sans-serif;}
#titelspalte_1 a,#titelspalte_1 a:link,#titelspalte_1 a:link,#titelspalte_1 a:link,#titelspalte_1 a:hover {text-decoration:none;cursor:pointer} 
#titelspalte_1 a:link {color:#000} 
#titelspalte_1 a:visited {color:#000} 
#titelspalte_1 a:hover,a:active {color:#000}


/* Menuspalte bei Content */
#contentspalte_1 {
	PADDING-TOP: 0px; PADDING-RIGHT: 5px; PADDING-LEFT: 25px; FLOAT: left; PADDING-BOTTOM: 10px; 
	WIDTH: 365px;  
	POSITION: relative; 
}
#contentspalte_1 H1 {padding-top:15px;color:#E2040A; font:1.3em "Lucida Grande","Lucida Sans Unicode",Geneva,Verdana,sans-serif;}
#contentspalte_1 P {padding-top:0px;font:0.9em "Lucida Grande","Lucida Sans Unicode",Geneva,Verdana,sans-serif;}
#contentspalte_1 a,#contentspalte_1 a:link,#contentspalte_1 a:link,#contentspalte_1 a:link,#contentspalte_1 a:hover {text-decoration:none;cursor:pointer} 
#contentspalte_1 a:link {color:#E2040A} 
#contentspalte_1 a:visited {color:#E2040A} 
#contentspalte_1 a:hover,a:active {color:#E2040A}

#contentspalte_2 {
	PADDING-TOP: 10px; PADDING-RIGHT: 5px; PADDING-LEFT: 25px; FLOAT: left; PADDING-BOTTOM: 20px; 
	WIDTH: 720px;  
	POSITION: relative; 
}
#contentspalte_2 H1 {color:#E2040A; font:1.6em "Lucida Grande","Lucida Sans Unicode",Geneva,Verdana,sans-serif;font-weight: bold;}
#contentspalte_2 H2 {font:1.4em "Lucida Grande","Lucida Sans Unicode",Geneva,Verdana,sans-serif;font-weight: bold;}
#contentspalte_2 H3 {font:1.2em "Lucida Grande","Lucida Sans Unicode",Geneva,Verdana,sans-serif;font-weight: bold;}
#contentspalte_2 P {padding-top:10px;font:1.0em "Lucida Grande","Lucida Sans Unicode",Geneva,Verdana,sans-serif;}
#contentspalte_2 a,#contentspalte_2 a:link,#contentspalte_2 a:link,#contentspalte_2 a:link,#contentspalte_2 a:hover {text-decoration:none;cursor:pointer} 
#contentspalte_2 a:link {color:#E2040A} 
#contentspalte_2 a:visited {color:#E2040A} 
#contentspalte_2 a:hover,a:active {color:#E2040A}
#contentspalte_2 IMG {padding:7px;}


/* Titelcontent */

#titelcontent {
	PADDING-TOP: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; 
	WIDTH: 1000px;  
	POSITION: relative; 
	top: 0px;
	bottom: 10px;
	background: #fff;
}
/* Titelspalte */
#titelspalte {
PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; WIDTH: 180px; PADDING-TOP: 0px; POSITION: relative; Float: left; z-index:110; 
}
#titelspalte P {
	font:0.85em "Lucida Grande","Lucida Sans Unicode",Geneva,Verdana,sans-serif; COLOR: #0C1222; text-align:left; margin-bottom:10px;
}
#titelspalte a,#titelspalte a:link,#titelspalte a:link,#titelspalte a:link,#titelspalte a:hover {background:transparent;text-decoration:underline;cursor:pointer} 
#titelspalte a:link {color:#105dcf} 
#titelspalte a:visited {color:#105dcf} 
#titelspalte a:hover,a:active {color:#105dcf}


/* Spalte 1 */
#spalte_1 {
	PADDING-TOP: 0px; PADDING-RIGHT: 10px; PADDING-LEFT: 10px; FLOAT: left; PADDING-BOTTOM: 10px; WIDTH: 370px;  POSITION: relative;
}

#spalte_1 P {padding: 0 0 0px;font:0.9em "Lucida Grande","Lucida Sans Unicode",Geneva,Verdana,sans-serif; text-align:justify;margin-bottom:5px;}

#spalte_1 a,#spalte_1 a:link,#spalte_1 a:link,#spalte_1 a:link,#spalte_1 a:hover {background:transparent;text-decoration:underline;cursor:pointer} 
#spalte_1 a:link {color:#105dcf} 
#spalte_1 a:visited {color:#105dcf} 
#spalte_1 a:hover,a:active {color:#105dcf} 

#spalte_1 A.bild {
	FLOAT: left
}
#spalte_1 A.bild IMG.gross {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 5px 0px 5px 0px; BORDER-TOP-STYLE: none; PADDING-TOP: 0px; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BACKGROUND-COLOR: #bbb; BORDER-BOTTOM-STYLE: none
}
#spalte_1 A.bild IMG.klein {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: #bbb; PADDING-BOTTOM: 0px; MARGIN: 5px 5px 5px 0px; BORDER-TOP-STYLE: none; PADDING-TOP: 0px; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none
}
#spalte_1 h3 {font-size: 100%; margin-top:.2em; margin-bottom:.2em;}

/* Foto über Spalte 2 bis 4 */
#fotogross {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; background-color:#fff; PADDING-BOTTOM: 10px; WIDTH: 590px; PADDING-TOP: 0px; POSITION: relative; Float: left; z-index:110;
}

/* Topthema */
#fotogross .blende {
	margin: 0 -30px 0 0;

	background: url(/images/schwarz40.png) repeat;
	position: absolute;
	bottom: 10px;
	left: 10px;
	min-height: 85px;
	width: 590px;
}
#fotogross .blende a {
	color: #FFFFFF;
	text-decoration: none;
}

#fotogross .blende h3 {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px;
	color: #FFFFFF;
	font-size: 110%; margin-top:.2em; margin-bottom:.2em;
}

#fotogross .blende p {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px;
	color: #FFFFFF;
	font:0.85em "Lucida Grande","Lucida Sans Unicode",Geneva,Verdana,sans-serif; text-align:justify;margin-bottom:5px;
}

/* Foto etc. über Spalte 3 und 4 */
#fotoklein {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; background-color:#fff; PADDING-BOTTOM: 10px; WIDTH: 380px; PADDING-TOP: 0px; POSITION: relative; Float: left; z-index:1000;
}
#rssfeed {
	 POSITION: relative;  z-index:110; WIDTH: 380px; height: 80px; border:#CCCCCC 20px; 
}
#rssfeed P {
	MARGIN: 5px 0px 0px; font:0.85em "Lucida Grande","Lucida Sans Unicode",Geneva,Verdana,sans-serif; COLOR: #0C1222
}
#rssfeed IMG {
	FLOAT: right; z-index:110;
}

/* Spalte 2 */
#spalte_2 {
PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; MARGIN-TOP:10px;  WIDTH: 180px; PADDING-TOP: 0px; POSITION: relative; Float: left; z-index:110; 
}
#spalte_2 P {padding: 0 0 0px;font:0.85em "Lucida Grande","Lucida Sans Unicode",Geneva,Verdana,sans-serif; text-align:justify;margin-bottom:5px;}
#spalte_2 a,#spalte_1 a:link,#spalte_2 a:link,#spalte_2 a:link,#spalte_2 a:hover {background:transparent;text-decoration:underline;cursor:pointer} 
#spalte_2 a:link {color:#105dcf} 
#spalte_2 a:visited {color:#105dcf} 
#spalte_2 a:hover,a:active {color:#105dcf}

#spalte_2 h2 {font-size: 110%; margin-top:.2em; margin-bottom:.2em;}
#spalte_2 h3 {font-size: 110%; margin-top:.2em; margin-bottom:.2em;}
#spalte_2 h4 {font-size: 95%; margin-top:.2em; margin-bottom:.2em;}
#spalte_2 A.bild {
	FLOAT: left
}
#spalte_2 A.bild IMG.gross {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 5px 0px 5px 0px; BORDER-TOP-STYLE: none; PADDING-TOP: 0px; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BACKGROUND-COLOR: #bbb; BORDER-BOTTOM-STYLE: none
}
#spalte_2 A.bild IMG.klein {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: #bbb; PADDING-BOTTOM: 0px; MARGIN: 5px 5px 5px 0px; BORDER-TOP-STYLE: none; PADDING-TOP: 0px; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none
}
/* Spalte 3 */
#spalte_3 {
PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; WIDTH: 180px; PADDING-TOP: 0px; POSITION: relative; Float: left; z-index:110; 
}
#spalte_3 P {
	font:0.85em "Lucida Grande","Lucida Sans Unicode",Geneva,Verdana,sans-serif; COLOR: #0C1222; text-align:justify; margin-bottom:10px;
}
#spalte_3 a,#spalte_3 a:link,#spalte_3 a:link,#spalte_3 a:link,#spalte_3 a:hover {background:transparent;text-decoration:underline;cursor:pointer} 
#spalte_3 a:link {color:#105dcf} 
#spalte_3 a:visited {color:#105dcf} 
#spalte_3 a:hover,a:active {color:#105dcf}

#spalte_3 .tagcloud {color:#444444; text-decoration:none;}
#spalte_3 .tagcloud a,a:link,a:link,a:link,a:hover {color:#666666; text-decoration:none;}

/* letzte Spalte */
#spalte_4 {
PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; WIDTH: 180px; PADDING-TOP: 0px; POSITION: relative; Float: left; z-index:110; 
}
#spalte_4 P {
	font:0.85em "Lucida Grande","Lucida Sans Unicode",Geneva,Verdana,sans-serif; COLOR: #0C1222; text-align:justify; margin-bottom:10px;;
}
#spalte_4 a,#spalte_4 a:link,#spalte_4 a:link,#spalte_4 a:link,#spalte_4 a:hover {background:transparent;text-decoration:underline;cursor:pointer} 
#spalte_4 a:link {color:#105dcf} 
#spalte_4 a:visited {color:#105dcf} 
#spalte_4 a:hover,a:active {color:#105dcf}

/* Contentspalten -------------------------------------- */

#contentspalte_630 {
	PADDING-TOP: 0px; PADDING-RIGHT: 20px; PADDING-LEFT: 10px; FLOAT: left; PADDING-BOTTOM: 10px; WIDTH: 600px;  POSITION: relative;
}

#contentspalte_630 P {padding: 0 0 0px;font:0.9em "Lucida Grande","Lucida Sans Unicode",Geneva,Verdana,sans-serif; margin-bottom:5px;}
#contentspalte_630 a,#contentspalte_630 a:link,#contentspalte_630 a:link,#contentspalte_630 a:link,#contentspalte_630 a:hover {background:transparent;text-decoration:underline;cursor:pointer} 
#contentspalte_630 a:link {color:#105dcf} 
#contentspalte_630 a:visited {color:#105dcf} 
#contentspalte_630 a:hover,a:active {color:#105dcf}

#contentspalte_630 A.bild {
	FLOAT: left
}
#contentspalte_630 A.bild IMG.gross {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 5px 0px 5px 0px; BORDER-TOP-STYLE: none; PADDING-TOP: 0px; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BACKGROUND-COLOR: #bbb; BORDER-BOTTOM-STYLE: none
}
#contentspalte_630 A.bild IMG.klein {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: #bbb; PADDING-BOTTOM: 0px; MARGIN: 5px 5px 5px 0px; BORDER-TOP-STYLE: none; PADDING-TOP: 0px; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none
}
#lesermeinung {padding-top: 50px;}

/* Spalte 2 */
#contentspalte_370 {
PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; WIDTH: 350px; PADDING-TOP: 20px; POSITION: relative; Float: left; z-index:110; border-left: 10px #fff; top: 5px; 
}
#contentspalte_370 P {padding: 0px; font:0.85em "Lucida Grande","Lucida Sans Unicode",Geneva,Verdana,sans-serif; text-align:justify;margin-bottom:5px;}
#contentspalte_370 a,#contentspalte_370 a:link,#contentspalte_370 a:link,#contentspalte_370 a:link,#contentspalte_370 a:hover {background:transparent;text-decoration:underline;cursor:pointer} 
#contentspalte_370 a:link {color:#105dcf} 
#contentspalte_370 a:visited {color:#105dcf} 
#contentspalte_370 a:hover,a:active {color:#105dcf}

#contentspalte_370 h2 {padding-top: 20px;font-size: 100%;margin-top:.2em; margin-bottom:.2em;}
#contentspalte_370 h3 {font-size: 96%;margin-top:.2em; margin-bottom:.2em;}

#contentspalte_370 A.bild {
	FLOAT: left
}
#contentspalte_370 A.bild IMG.gross {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 5px 0px 5px 0px; BORDER-TOP-STYLE: none; PADDING-TOP: 0px; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BACKGROUND-COLOR: #bbb; BORDER-BOTTOM-STYLE: none
}
#contentspalte_370 A.bild IMG.klein {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: #bbb; PADDING-BOTTOM: 0px; MARGIN: 5px 5px 5px 0px; BORDER-TOP-STYLE: none; PADDING-TOP: 0px; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none
}

#rotator
{
	border: 0px solid #000;
	cursor: pointer;
	overflow: hidden;
	margin: 0px auto 0px;
	position: relative;
	width: 1000px;
	height: 220px;
}

#rotator img
{
	border: 0;
	cursor: pointer;
	width: 1000px;
	height: 220px;
}	

#breadcrumb, #breadcrumb a:link, #breadcrumb a:visited, #breadcrumb a:hover,#breadcrumb a:active {
	font-size: 0.95em;
	padding-top: 10px;
	padding-bottom: 5px;
	Z-INDEX: 10;
	color:#666666;
}
label.left
{
    float            : left;
    text-align        : right;
/*  Bei Aenderungen aber nicht 
    vergessen, die margins bei input.right 
    entsprechend anzupassen: */
    width            : 18em;
    margin-right    : .3em;
}

/*  positioniert die Text- und 
    Auswahlboxen rechts daneben: */

input[type=text],
select
{
    float            : left;
}

/*  dann werden alle checkboxen und radiobuttons,
    die mit der Klasse "right" versehen wurden,
    um den errechneten linken Abstand der input
    und select-Elemente (s.o.) nach rechts
    verschoben: */

input.right
{
    float                    :    left;
    width                    :    auto;
    clear                    :    both;
    margin-left                :    8.3em;
    margin-right            :    .3em;
}

/*  Extrawurst fuer Mozilla, keine Ahnung, 
    warum das so ist. Feedback und 
    Loesungsvorschlaege willkommen */

input[type=checkbox].right,
input[type=radio].right,
input[type=submit].right
{
    margin-left                :    6.3em;
}

/*  Nicht vergessen, die floats wieder aufzuheben,
    sonst floatet es munter weiter */

form br
{
    clear                    :    both;
}

/*  fuer grafische UAs und DAUs der Hinweis, dass
    die Label anklickbar sind. Weil's so schoen ist, 
    die Kontrollelemente gleich mit. Mit einer Ausnahme: 
    fuer Textfelder macht der Pointer natuerlich keinen 
    Sinn, dort sollte nach wie vor die Text-Einfuegemarke 
    als Cursor erscheinen. Daher hier die Einschraenkung 
    auf die input-Elemente des Typs checkbox, radiobutton, 
    button und submit: */

label,
select,
input[type=checkbox],
input[type=radio],
input[type=button],
input[type=submit]
{
    cursor                    :    pointer;
}

/*  legt den vertikalen Abstand der 
    einzelnen Elemente zueinander fest */

form
{
    line-height                :    120%;
}
.accessKey {
	FONT-WEIGHT: bold; FONT-SIZE: 0.8em; VISIBILITY: hidden; COLOR: #fbabab; MARGIN-RIGHT: 1px; 
}
#accessKeyHelpText {
	BORDER-RIGHT: #05143F 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #05143F 1px solid; PADDING-LEFT: 5px; LEFT: -350px; VISIBILITY: hidden; PADDING-BOTTOM: 5px; BORDER-LEFT: #05143F 1px solid; WIDTH: 500px; COLOR: #000000; LINE-HEIGHT: 1.5em; PADDING-TOP: 5px; BORDER-BOTTOM: #05143F 1px solid; POSITION: absolute; TOP: 0px; BACKGROUND-COLOR: #fbabab; TEXT-ALIGN: left
}