/* ========== FARBEN ========== */

	/* dunkelrot = #b52b00 */
	/* ganz dunkles blau = #121b4d */
	/* dunkelblau = #43538c */
	/* rosa (hell) = #f0d5cc */
	/* rosa (dunkel) = #e4b3a3 */
	/* hellblau = #bac8fb */



*        { padding:0px; margin:0px;}

body 
	{
	background-image: url(site_elements/hintergrund.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	background-attachment: fixed;										/* nur IE: alle Seitenelemente zentrieren */
	/* Diese Angaben werden an alle anderen - nicht zusätzlich definierten Schriftelemente vererbt */
	font-family: verdana, arial, sans-serif;
	font-size: 10pt;
	line-height: 1.5;
	font-weight: normal;
	color: #525252;
	padding: 0px 0px 10px 0px;
	}
	
a:link 		{color: #b52b00;  text-decoration: none}
a:visited 	{color: #b52b00;  text-decoration: none}
a:hover 	{color: red; border-bottom:1px dotted red; text-decoration: none}
a:active 	{color: #b52b00;  text-decoration: none}

div#header 
	{
	position: relative;	
	width: 1000px;
	height: 150px;
	background-color: white;
	border-style:solid;
	border-color:black;
	border-width:1px;
	margin-top: 10px;
	margin-right: auto;				/* nur FF: Element in der Seite zentrieren */
	margin-left: auto;				/* nur FF: Element in der Seite zentrieren */
	}

div#main 
	{
	position: relative;	
	top: -10px;;
	width: 1000px;	
	background-color: white;
	border-style:solid;
	border-color:black;
	border-width:1px;
	padding: 10px 0px 10px 0px;
	margin-right: auto;				/* nur FF: Element in der Seite zentrieren */
	margin-left: auto;				/* nur FF: Element in der Seite zentrieren */
	}

div#menue 
	{
	margin-left: 0px;	
    width: 210px;
    float: left;
	background-color: red;
	text-align: left;
	padding: 0px 0px 0px 0px;
		background-color: white;
		
	}	

div#content 
	{
    margin-left: 220px;
    margin-right: 220px; 
	background-color: white;
	padding: 0px 10px 0px 10px;
	border-right-style:dotted;
	border-left-style:dotted;
	border-color:#b52b00;
	border-width:1px;
	text-align: left;
	}	

.textbox							/* Als Klasse definiert weil dieses Element öfter in der Seite vorkommen kann*/
	{
		background-color:white;
		border-style: dotted;
		border-width: 1px;
		border-color: #9c9c9c;
		background-color: #ededed;
		padding: 10px 10px 10px 10px;
		font-family: Georgia, Serif;
		font-size: 11pt;
		font-weight: normal;
		color: #646464;
	}

.bildbox							/* Als Klasse definiert weil dieses Element öfter in der Seite vorkommen kann*/
	{
		float: left;
		margin-right: 10px;
		margin-bottom: 3px;
		background-color: #ededed;
		width: 240px;
		border-style: solid;
		border-width: 1px;
		corder-color: #646464;
	}

.bildunterzeile						/* Als Klasse definiert weil dieses Element öfter in der Seite vorkommen kann*/
	{
		padding: 5px 5px 5px 5px;
	}	

/* ======= TEASERBEREICH ========== */

	/* ======= Teaserspalte ========== */
	div#teaserspalte 
		{
		margin-right: 5px;		
		width: 210px;
		float: right; 
		padding: 00px 0px 0px 0px; 		/* Abstand für die erste Box */
		background-color: white;
		text-align: center;				/* Zentrieren des Spalteninhalts, nur für IE */
		}
	/* ======= Teaserbox ========== */
	.teaserbox 							/* Als Klasse definiert weil dieses Element öfter in der Seite vorkommen kann*/
		{
		border-style: solid;
		border-color: #43538c;
		border-width: 1px;
		width: 200px;
		margin-right: auto;				/* nur FF: Element in der Seite zentrieren */
		margin-left: auto;				/* nur FF: Element in der Seite zentrieren */
		margin-bottom: 10px;			/* Abstand nach unten */
		}

	/* ======= Teaserheadline ========== */
	.teaserheadline						/* Als Klasse definiert weil dieses Element öfter in der Seite vorkommen kann*/
		{
		font-family: Georgia, Serif;
		font-size: 11pt;
		font-weight: normal;
		color: white;
		background-color: #43538c;
		text-align: left;
		padding: 5px 5px 5px 5px;
		text-align: center;
		}
		
	/* ======= Teasertext inkl. Link im Teasertext ========== */
	.teasertext							/* Als Klasse definiert weil dieses Element öfter in der Seite vorkommen kann*/
		{
		font-size: 9pt;
		font-weight: normal;
		color: black;
		background-color: #bac8fb;
		text-align: left;
		line-height: 1.3;
		padding: 5px 5px 5px 5px;
		}

	.teasertext a {color: #b52b00; font-style:italic; border-bottom:0px;}
	.teasertext a:link {color: #b52b00}
	.teasertext a:visited {color: #b52b00}	
	.teasertext a:hover {color: red}	
	.teasertext a:active {color: #b52b00}	

/* ======= Footerbereich ========== */
div#footer 
	{
	position: relative;	
	top: -11px;	
	margin-top: 0px;
	width: 1000px;
	background-color: #43538c ;
	margin-right: auto;				/* nur FF: Element in der Seite zentrieren */
	margin-left: auto;				/* nur FF: Element in der Seite zentrieren */
	border-style:solid;
	border-color:black;
	border-width:1px;
	padding: 10px 0px 10px 0px;
	color: white;
		height: 18px;
	}	

#footer a {border-bottom:0px}

#footer a:link {color: white}
#footer a:visited  {color: white}
#footer a:hover {color: white; text-decoration: underline}
#footer a:active {color: white}
	/* ======= Footer linke Spalte ========== */



/* Content Headline */
h1 {
	font-family: Georgia, Serif;
	font-size: 16pt;
	font-weight: normal;
	color: #b52b00;
	padding: 0px 0px 10px 0px;
	}
	
/* Content Subheadline */
h2 {
	font-family: Georgia, Serif;
	font-size: 11pt;
	font-weight: bold;
	color: black;
	padding: 0px 0px 10px 0px;
	}	
	
/* ==================================== MENUEKRAMS NOCH IN ARBEIT ================================ */

#listenmenue {
  list-style-type: none;
  margin-left: 10px;
  }
  
#listenmenue a 
	{
  	display: block;
	border-bottom:0px;
	margin-bottom:5px;
  	width: 200px; 
  	background-color: #43538c ;
  	text-decoration: none;
  	font-family: Georgia, Serif;
  	font-size: 13pt;
  	color: white;
	padding: 5px 0px 5px 0px;
	}

#listenmenue a:hover 
	{
  	background-color: #121b4d;
  	color: white;
	}

#submenue 
	{
  	list-style-type: none;
    position:relative;
  	}

#submenue a 
	{
  	display: block;
	border-bottom:0px;
  	width: 200px; 
  	background-color: #f0d5cc;
  	text-decoration: none;
  	font-family: Georgia, Serif;
  	font-size: 8pt;
  	color: #b52b00;
	padding: 3px 0px 3px 0px;
	}		
	
#listenmenue a:hover 
	{
  	background-color: #e4b3a3;
	color: #b52b00;
	}	
	
.schatten_oben 
	{
	width: 1020px;
	height: 20px;
	background-image:url(site_elements/schatten_oben.png);
	margin-right: auto;				/* nur FF: Element in der Seite zentrieren */
	margin-left: auto;				/* nur FF: Element in der Seite zentrieren */

	}

.schatten {
	position: relative;
	top: 0px;
	background-image:url(site_elements/schatten.png);
	width: 1020px;
	margin-right: auto;				/* nur FF: Element in der Seite zentrieren */
	margin-left: auto;				/* nur FF: Element in der Seite zentrieren */	
	}


.schatten_unten {	
	position: relative;
	top: -40px;
	background-image:url(site_elements/schatten_unten.png);	
	width: 1020px;
	height: 40px;	
	margin-right: auto;				/* nur FF: Element in der Seite zentrieren */
	margin-left: auto;				/* nur FF: Element in der Seite zentrieren */	
	
	}
	

div#impressum {
	position: relative;	
	width: 1000px;
	top: -80px;
	margin-right: auto;				/* nur FF: Element in der Seite zentrieren */
	margin-left: auto;				/* nur FF: Element in der Seite zentrieren */
	color: white;
	}
	
#impressum a {color: white; border-bottom:0px}	
#impressum a:hover {text-decoration: underline}	
			
div#footerblocklinks
	{
	width: 200px;
	margin-left:230px;
	text-align: left;
	font-size: 11px;
	float: left;
	}


div#footerblockmitte
	{
	margin-left: 465px;
    margin-right: 335px; 	
	text-align: left;
	font-size: 11px;
	}


div#footerblockrechts
	{
	width: 150px;	
	margin-right:230px;
	text-align: left;
	font-size: 11px;
	float: right;
	}				

.contenthintergrund {
	background-color: white;
	text-align: justify;
};