html{height:101%;}
body {
	background-image	:	url(../_images/bg_body.jpg);
	background-repeat	:	repeat-x;
	background-color	: 	#FFFFFF;
	padding: 0;
	margin: 0;
	
}
#pageContainer {
	
	background-color:#fff;
	border-left: solid 1px #999999;
	border-right: solid 1px #999999;
	margin:0px 0px 0px 10px;
	margin:auto;
	min-width: 30em;
	width: 700px;
	padding: 0px 4px 4px 4px;
}
#pageContainer[id]{
	
	width: 700px;
	
}
#outerColumnContainer
{
	/* reserves space for the left and right columns. you can use either
	 * padding, margins, or borders, depending on your needs. however you
	 * can use the border method to create a background color for both left
	 * and right columns
	 */
	border-left: solid 14em #fff;
	border-right: solid 14em #fff;
}
#outerColumnContainer1
{
	/* Das ist der outer Container für die Kontakt Seite */
	border-left: solid 9em #fff;
	
}
#outerColumnContainer
{
	border-left-color:#FFFF99; 		/* left column background color */
	border-right-color: #FFFFFF;	/* right column background color */
	background-color: #fff;			/* set the background color for the middle column here */
}
#innerColumnContainer
{
	border: solid 1px #fff;
	border-width: 0 1px;
	margin: 0 -1px;		/* compensate for the borders because of
				   100% width declaration */
	width: 100%;
	z-index: 1;
}
#innerColumnContainer
{
	border-color: #565;
}
#innerColumnContainer1
{
	border-left: solid 1px #fff;
	border-width: 0px;
	margin: 0 -1px;		/* compensate for the borders because of 100% width declaration */
	width: 95%;
	z-index: 1;
}
#innerColumnContainer1
{
	border-color: #565;  /* Kontakt Seiten Conatiner*/
}

/* ======= Navigation Links ANFANG =====*/
 #navcontainer {
 	margin-top:15px;
	}
 #navlistside{
	color:#fff;
	padding: 0px 1px 1px 15px;
	margin: 0px;
	font: 10px Verdana;
	font-weight:bold;
	width: 13em;
}

#navlistside li{
	color:#FFFFFF;
	list-style: none;
	margin-top: 0px;
	text-align: left;
}

#navlistside li a{
	color:#FFFFFF;
	display: block;
	background-image:url(../_images/button_up.gif);
	background-repeat:no-repeat;
	text-decoration: none;
	padding-top:9px;
	padding-left:7px;
	height:30px;
}

#navlistside li a:link { color: #fff; }
#navlistside li a:visited { color: #fff; }

	#navlistside li a:hover{
	background-image:url(../_images/button_down.gif);
	background-repeat:no-repeat;
	text-decoration:underline;
}

/** ====== Aktiviert ======*/
#navlistside1{
	color:#fff;
	padding: 0px 1px 1px 15px;
	margin: 0px;
	font: 10px Verdana;
	font-weight:bold;
	width: 13em;
}

#navlistside1 li{
	color:#FFFFFF;
	list-style: none;
	margin-top: 0px;
	text-align: left;
}

#navlistside1 li a{
	color:#FFFFFF;
	display: block;
	background-image:url(../_images/button_down.gif);
	background-repeat:no-repeat;
	text-decoration: none;
	padding-top:9px;
	padding-left:7px;
	height:30px;
}

#navlistside1 li a:link { color: #fff; }
#navlistside1 li a:visited { color: #fff; }

#navlistside1 li a:hover{
	background-image:url(../_images/button_down.gif);
	background-repeat:no-repeat;
	text-decoration:underline;
}
/* ======= Navigation Links ENDE ======= */

#divide{
	background-color:#fff;
	width:auto;
	height:50px;
}
#divide1{
	width:auto;
	height:15px;
}
#divide2{
	background-color:#fff;
	width:auto;
	height:8px;
}
#dividespiegel{
	background-image:url(../_images/spiegel1.gif);
	background-repeat:no-repeat;
	height: 117px;
	margin-top:0px;
	margin:auto;
	width:570px;
	min-width: 30em;
	width: 730px;
	}
	#dividespiegel[id] {
	background-image:url(../_images/spiegel.gif);
	background-repeat:no-repeat;
	height: 117px;
	margin-top:0px;
	margin:auto;
	width:570px;
	min-width: 30em;
	width: 710px;
	}
/* ======= Bild Kategorie ======= */
#bildstart1 {
	background-image: url(../_images/top1.jpg);
	background-repeat:no-repeat;
	width:704px;
	height:149px;
	margin: 0px 15px 20px 0px;
	text-align:right;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	font-weight:bold;
	color:#CCCCCC;
}
#bildstart2 {
	background-image: url(../_images/top2.jpg);
	background-repeat:no-repeat;
	width:704px;
	height:149px;
	margin: 0px 15px 20px 0px;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	font-weight:bold;
	color:#CCCCCC;
}
#bildstart3 {
	background-image: url(../_images/top3.jpg);
	background-repeat:no-repeat;
	width:704px;
	height:149px;
	margin: 0px 15px 20px 0px;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	font-weight:bold;
	color:#CCCCCC;
}
#bildstart4 {
	background-image: url(../_images/top4.jpg);
	background-repeat:no-repeat;
	width:704px;
	height:149px;
	margin: 0px 15px 20px 0px;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	font-weight:bold;
	color:#CCCCCC;
}
#bildstart5 {
	background-image: url(../_images/top5.jpg);
	background-repeat:no-repeat;
	width:704px;
	height:149px;
	margin: 0px 15px 20px 0px;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	font-weight:bold;
	color:#CCCCCC;
}
#bildstart6 {
	background-image: url(../_images/top6.jpg);
	background-repeat:no-repeat;
	width:704px;
	height:149px;
	margin: 0px 15px 20px 0px;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	font-weight:bold;
	color:#CCCCCC;
}
#bildstart7 {
	background-image: url(../_images/top7.jpg);
	background-repeat:no-repeat;
	width:704px;
	height:149px;
	margin: 0px 15px 20px 0px;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	font-weight:bold;
	color:#CCCCCC;
}
#bildstart8 {
	background-image: url(../_images/top8.jpg);
	background-repeat:no-repeat;
	width:704px;
	height:149px;
	margin: 0px 15px 20px 0px;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	font-weight:bold;
	color:#CCCCCC;
}
#bildstart9 {
	background-image: url(../_images/top9.jpg);
	background-repeat:no-repeat;
	width:704px;
	height:149px;
	margin: 0px 15px 20px 0px;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	font-weight:bold;
	color:#CCCCCC;
}
/* ======= Bild Kategorie Ende ======= */

.inside
{
	/* glitch in IE caused by vertical padding in this class, so 0 padding is
	 * set here and those blocks that need the vertical padding must be 
	 * applied to the parent element. the purpose of this class is to provide
	 * horizontal padding without using hacks to get around IE's broken box 
	 * model. so it's okay to apply vertical padding to the parent element, 
	 * just not horizontal padding.
	 */
	padding: 0 1em;
}

* html #pageContainer {
	/* \*/
	
	/* verhindert float-Probleme beim IE/Win siehe Referenz zu float */
}
#header {
	margin:0; padding:0.5em 1em;
	background-image: url(../_images/logoheader.gif);
	width:auto;
	height:107px;
}
#main {
	border-left: 14em solid #FFFFCC;
	border-right: 14em solid #FFFFCC;
	background: #fff;
	margin: 0; padding: 0;
}
#middle h3 {
	font-size:18px;
	color:#990000;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
#middle h2 {
	font-size:13px;
	color:#990000;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
#middle h3, #middle h2, #middle p, #middle li {
	list-style-type:none;
	margin:0;
	padding: 0 4px;
}
#middle p{
	font-size:11px;			/* Schriftgröße Inhalt*/
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:justify;
}
#left, #middle, #right, #SOWrap {
	overflow: visible;
	position: relative;
}
#SOWrap {
	float: left;
	margin: 0 -1px 0 0;
	width: 100%;
	z-index: 3;
}
#middle {
	float: right;
	margin: 15px 0 0 -1px;
	width: 100%;
	z-index: 5;
}
#middle a:link{
	color:#0099FF;
	text-decoration:underline;
}
#middle a:visited{
	color:#0099FF;
}
#middle a:hover{
	text-decoration:none;
	color:#666666;
}	
#middle table {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	}

#old	{
	color:#999999;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	}
#grey {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	background-color: #CCCCCC;
	}
#greyold {
	color:#999999;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	background-color: #EFEFEF;
	}

.newscontainer{
	padding: 4px 0 4px 10px;
	
}

#left{
	float: left;
	margin: 0 1px 0 -10em;
	width: 10em;
	z-index: 4;
}
#right {
	float: right;
	width: 14em;
	margin: 0 -14em 0 1px;
	z-index: 2;
}

/* ========== Kontakt Container ==Anfang=========*/
.kontakt{
	font-size:11px;
	color:#666666;
	padding-left:3px;
	padding-bottom:6px;
	border: 1px solid #CCCCCC;
	background-color:#E5E5E5;
	margin-top:3px;
	margin-left:5px;
	margin-right:5px;
	margin-bottom:25px;
}

.kontakt a:link{
	color:#990000;
	text-decoration:underline;
}
.kontakt a:visited{
	color:#990000;
}
.kontakt a:hover{
	text-decoration:none;
	color:#21262A;
}
/* ========== Kontakt Container ==Ende=========*/

/*========== Footer ========*/

#footer {
	border-top: solid 1px #CCCCCC;
	margin:4px 0 0 0; padding: 0 0.5em;
	background:#fff;
}
.footertext{
font-size:x-small;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align:right;
padding: 3px 0px 3px 0;
color:#666666;
}
.footertext a:link {
text-decoration:none;
color:#666666;
}
.footertext a:visited{
text-decoration:none;
color:#666666;
}
.footertext a:hover {
text-decoration:underline;
color:#9966CC;
}

/*========== Footer Ende ========*/

.subheader {
	border-left:10px solid #AAB;
	border-bottom: 1px solid #AAB;
	color:#990000;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding-top: 5px;
	padding-left: 4px;
	margin-left:4px;
	margin-top:15px;
	height: 20px;
	width: 200px;
}
.subinhalt {
	border-bottom: 1px dashed #666666;
	margin: 3px 4px 3px 4px;
	padding: 4px 0 15px 3px;
}


.cleaner {
	clear:both;
	height:1px;
	font-size:1px;
	border:0px none;
	margin:0; padding:0;
	background:transparent;
}
h1,h2 { 
	font-size: 1.7em;
	margin: 0; 
}
p { margin: 0.5em 0; }

.zurueck{
font-size:x-small;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align:left;
padding: 5px 0px 5px 0;
color:#CC9933;
}
.zurueck a:link {
text-decoration:underline;
color:#CC9933;
}
.zurueck a:visited{
text-decoration:underline;
color:#CC9933;
}
.zurueck a:hover {
text-decoration:none;
color:#990000;
}
.bild{
	float:left;
    padding: 0 4px 6px 3px;}

#validator { 
	background-color:	#FFFFFF;
	border-top		: 	1px solid #CCCCCC;
	width			:	auto;
	padding			: 	5px;
	font-family		:	Verdana, Arial, Helvetica, sans-serif;
	color			:	#999999;
	font-size		:	9px;
}
#validator a:link {color:#FFFFFF}
#validator a:visited {color:#FFFFFF}
#validator a:hover{color:#FFFFFF}

.aligncenter p{
text-align:center;}

  
#foots {
		
		margin:0px 0px 0px 10px; 
		background: url(../_images/footer3.gif) no-repeat 100% 0;
		margin:auto;
		width: 570px;
		height: 20px; 
		min-width: 30em;
		width: 739px;
		}
		#foots[id] {
		width:720px;}
#foots div {
		background: url(../_images/footer2.gif) no-repeat;
		}
#foots div div {
		background: #90ba9c url(../_images/footer1.gif) repeat-x;
		height: 22px;
		margin: 0 23px 0 23px;
		}
#foots div div div {
		background: none;margin: 0;
		}

#tops { 
		margin-top:35px; 
		margin:0px 0px 0px 10px; 
		background: url(../_images/top3.gif) no-repeat 100% 0; 
		margin:auto;
		width:570px;
		height: 23px; 
		min-width: 30em;
		width: 739px;
		}
		#tops[id]{
		width:720px;}
#tops div {
		background: url(../_images/top2.gif) no-repeat;
		}
#tops div div {
		background: #90ba9c url(../_images/top1.gif) repeat-x;
		height: 23px;
		margin: 0 23px 0 23px;
		}
#tops div div div {
		background: none;margin: 0;
		}