﻿body
{
	/*fuer IE_quirks*/
	text-align:center;
	margin: 10px 0 0 0 ;
	padding: 0;
	font-size: small;
	background: #000;
}

/*
Seitenaufteilung:

#wrapper 1000px
#mainBody  80% (float left) = 800px für #navigation + #mainContent
#news      20% (float right)= 200px Newsspalte
--------------
          100%
          
#wrapper 1000px
#mainBody 780px (float left) = #navigation + #mainContent
#news     220px (float right)= #news
---------------
         1000px

Innerhalb #mainBody
#maincontent 75% von 800px = 600px mit dem Inhalt
#navigation  25& von 800px = 200px 

#maincontent 600px mit dem Inhalt
#navigation  180px          
*/

#wrapper
{
	width: 1000px;
	/*Aufheben von IE_quirks im BODY*/
	text-align: left;																																								
	margin:0 auto;																				
	padding:0;
	border-top: 1px solid #767676;
	border-left: 1px solid #767676;
	border-right: 1px solid #767676;
	/* Wenn rechts eine Hintergrundfarbe hin soll, dann als Bild
	background: url('images/rechts.gif') repeat-y 70% 0;
	*/
}

/* 
Wenn links eine Hintergrundfarbe hin soll
Ansonten kann das ganze DIV weg

#wrapperInner
{
	background: url('images/links.gif') repeat-y 28% 0;
}
*/

/**********************
  Logos, Banner etc.
**********************/

#topLeftMiddle
{
	float: left;
	width: 780px;
}

#topLeft
{
	float: left;
	width: 180px;
}

#topLeft div
{
	padding: 3px 0 0 7px;
}

#topMiddle
{
	float: right;
	width: 598px;
	height:78px;
	border-left: 1px solid #767676;
	border-right: 1px solid #767676;
	background-image:url('../images/cms/banner_600x75.gif');
}

/* Die Abstände in der Mitte */
#topMiddle div
{
	padding: 0 0 0 0;
}

#topMiddle p
{
	font-size:smaller;
	font-weight:bold;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	margin: 8px 0 5px 12px;
	color: #C0C0C0;	
}

#topMiddle h1
{
	font-size:xx-large;
	font-weight:normal;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	margin: 0 0 0 10px;
	color: #C0C0C0;	
}

#topRight
{
	float: right;
	width: 220px;
}

/* Die Abstände rechts */
#topRight div
{
	padding: 4px 0 0 3px;
}

/************************
Navibalken grün 2-spaltig
wie zuerst realisiert
************************/
/*
#naviBalken
{
	
}

#naviBalkenLeft
{
	width:180px;
	float:left;
}

#naviBalkenRight
{
    width: auto;
    padding-left: 180px;
}
*/
/************************
Navibalken grün 3-spaltig
************************/

#naviBalkenLeftMiddle
{
	float: left;
	width: 780px;
}

#naviBalkenLeft
{
	float: left;
	width: 180px;
	text-align:center;
	background:#88B325;
	height: 25px;
}

#naviBalkenMiddle
{
	float: right;
	width: 600px;
}

#naviBalkenRight
{
  float: right;
	width: 220px;
	height:25px;
	background:#88B325;
	text-align: center;
}

#trefferliste
{
	position: relative;
	margin-left: 37px;
	display: none;
	left: 0px;
	width: 160px;
	background-color:#88B325;
	text-align:left;
}

#trefferliste ul
{
	list-style-type: none;
	padding:0;
	margin:0;
	width: 160px;
}

#trefferliste li
{
	width: 160px;
}

#trefferliste a:link
{
	text-decoration: none;
	color:#000;
	font-weight: bold;
	display:block;
	padding: 3px 3px 0 3px;
}

#trefferliste a:visited
{
	text-decoration: none;
	color:#000;
	font-weight: bold;
	display:block;
	padding: 3px 3px 0 3px;
}

#trefferliste a:hover
{
	background:#b7d186;
	text-decoration: none;
	color:#000;
	font-weight: bold;
}


/**********************
 Navigation, Pano etc.
**********************/

#mainLeftMiddle
{
	float: left;
	width: 780px;
}

#mainLeft
{
	float: left;
	width: 180px;
	padding-top: 5px;
}

#mainMiddle
{
	float: right;
	width: 600px;
}

/* Die Ränder des Content in der Mitte */
#mainMiddle div
{
	padding: 0px 20px 0px 0px;
}

/* Alles wieder entfernen für das verschachtelte DIV der Google-Maps*/
#mainMiddle div div
{
	margin: 0 !important;
	padding: 0 !important;
}

#map
{
	width: 600px !important;
	height: 400px !important;
}

#mainRight
{
	float: right;
	width: 220px;
}

/* Die Ränder der News */
#mainRight div
{
	padding: 5px 10px 20px 10px;
}


/**********************
       Footer
**********************/

#footer
{
	clear: both;
	height: 25px;
	width: 1000px;
	background-color: #1F1F22;
	/*Aufheben von IE_quirks im BODY
	text-align: left;*/
}

#footerLeft
{
	width:780px;
	float:left;
	text-align: left;
}

#footerRight
{
  width: auto;
  padding-left: 780px;
  text-align: center;
}

#footerPartner
{
	clear: both;
	padding-top: 20px;
	padding-bottom: 20px;
	width: 1000px;
	background: #000;
}






