/* Allgemeine Farben:
http://www.colorsontheweb.com/colorwizard.asp

Logo (türkis-grün)			#3EADA7   Colorscheme: lila-Ton split complimentary #AD3D7B, triadic #A73DAD
heller, etwas kühles Grün	#ADC893 (Background)
helleres Grün					#E8F5DD (Rand Kopf - Logo und Foto, Hgr Navi Spalte 1)
ganz ganz helles Grün		#F0F9E9 (Hgr Spalte 1)
Kontrastfarbe (lila)			#AC007E (Hgr Navi Menu)

/* * * * * * * * * * * * * * * * * * * * * * * * * * */


/* Allgemeine Elementformatierungen
/* * * * * * * * * * * * * * * * * * * * * * * * * * */

body {
  color: #333;
/*  background-image: url(images/bg.jpg);
  background-repeat: repeat-x;
  background-color: #ADC893*/
  background-color: #CEDEBE; 
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 100.01%;
  padding: 0;
  margin: 0 0 20px 0;
  text-align: center;
}

html, body {
	scrollbar-face-color:  #FFF; 
	scrollbar-highlight-color: #FFF;
	scrollbar-3dlight-color: #3EADA7; 
	scrollbar-arrow-color: #3EADA7; 
	scrollbar-darkshadow-color: #FFF;
	scrollbar-base-color: #3EADA7;	
	scrollbar-track-color:#F2F9EE;
}

a { text-decoration: underline;}
a:link, a:visited { color: #3EADA7;}
a:focus, a:hover, a:active { color: #AC007E;}


/* Allgemeine Klassen
/* * * * * * * * * * * * * * * * * * * * * * * * * * */

b, strong {
	color: #3EADA7;
	font-weight: bold;
}
.fettrot {
	color: #BD1220;
	font-weight: bold;
}
.fettrotgross {
	color: #BD1220;
	font-size:120%;
	font-weight: bold;
}

.fettblau {
	color: #009CDF;
	font-weight: bold;
}

.fett {
	color: #000;
	font-weight: bold;
}
.weiss{
	color: #FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
    font-size: 80%;
}
.aktionspreis {
	color: #AC007E;
	font-weight: bold;
}

.betonung, .betonunghead {
	background-color: #F0F9E9;
	color: #AC007E;
	letter-spacing: 1px;
	font-weight:bold;
}
.betonungtermine, .betonungterminehead {
	background-color: #F9F3AE;
	color: #F29400;
	letter-spacing: 1px;
	font-weight:bold;
}

.betonungterminehead, .betonunghead {
	padding: 3px 0;
}

.klein {
  font-size: 90%;
	color: #000;
	font-style: italic;
}

.rechts { text-align: right; }

/* Bilder stehen einzeln !! - nicht innerhalb des Absatzes */
.bildRechts { 
	float: right;
	margin:  0.2em 30px 15px 20px;
}

#spalte2 img.bildRechts2 { 
	float: right;
	margin:  0.2em 30px 15px 10px;
	border: none;
}

.bildLinks { 
	float: left;
	margin:  0.2em 20px 15px 15px;
}

.bildLinks2 { 
	float: left;
	margin:  0.2em 0 15px 0;
}

.ohnerahmen { 
	border-style:none;
	}

.trennung{
	margin: 10px 0px 10px 0px;
}

/* Kopf
/* * * * * * * * * * * * * * * * * * * * * * * * * * */

#kopf {
 margin: 0 auto;
 text-align: left;
  width: 922px; 
  height:150px;
  padding: 0;
  border-left: 1px solid #3EADA7;
  border-right: 1px solid #3EADA7;
}
* html #kopf {  /* Box Model Hack - notwendig wegen border-Angabe */
  width: 924px;    /* Fuer IE 5 und 5.5 */
  wid\th: 922px;   /* Fuer IE 6 */
}

/* SLIDESHOW */
#slideshow {
 height:150px; /* hier Hoehe der Slideshow-Bilder angeben */
 position:relative;
}
#slideshow {
  margin: 0;
  padding: 0;
}

#slideshow img {
	display:none;
	position:absolute;
	top:0;
	left:0;
}
#slideshow img.start {
 display:block;
}


/* Menueleiste
/* * * * * * * * * * * * * * * * * * * * * * * * * * */

#menue {
  margin: 0 auto;
  text-align: center;
  background: #AC007E;
  width: 922px;  
 /* border-bottom: 2px solid #E8F5DD;    weisse Trennlinie zw. Menue u. Inhalt */
  border-left: 1px solid #3EADA7;
  border-right: 1px solid #3EADA7;
}

* html #menue {  /* Box Model Hack - notwendig wegen border-Angabe */
  width: 924px;    /* Fuer IE 5 und 5.5 */
  wid\th: 922px;   /* Fuer IE 6 */
}

#menue ul {
  padding: 5px 0 7px 10px;
  margin: 0 5px 0 0;
  list-style: none;
}

#menue li {
  display: inline;   /* Listenpunkte nebeneinander stellen */
  margin-right: 12px;
}

* html #menue li {   /* Sternchen-Hack - sehen nur IEs */
  height: 1em;       /* damit margin-right auch im IE 5 beachtet wird */
}

#menue a {
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size: 70%;
  font-weight: bold;
	padding: 2px;
}

#menue a:link, #menue a:visited {
  color: #FFF;
  text-decoration: none;
}

#menue a:focus, #menue a:hover, #menue a:active  {
  text-decoration: underline;
}

.menueon{
	color: #AC007E !important;
	background-color: #FFF;
	padding: 2px;
}  


/* Rahmen
/* * * * * * * * * * * * * * * * * * * * * * * * * * */
#rahmen {
  margin: 0 auto;
  text-align: left;
  width: 922px;
  background: #FFF; 
  border-left: 1px solid #3EADA7;
  border-right: 1px solid #3EADA7;
  border-bottom: 1px solid #3EADA7;
}
* html #rahmen {  /* Box Model Hack - notwendig wegen border-Angabe */
  width: 924px;    /* Fuer IE 5 und 5.5 */
  wid\th: 922px;   /* Fuer IE 6 */
}

/* Spalte 1
/* * * * * * * * * * * * * * * * * * * * * * * * * * */

#spalte1 {
  width: 200px;
  background: #fff url(images/spalte_bg.gif) repeat-y;
  padding: 0;
  margin: 0;
}

#spalte1 h2 {
	color: #AC007E;
	font-size: 90%;
	line-height: 120%;
	margin-top: 1em;
	margin-left: 15px;
	font-weight: bold;
	font-family: Georgia, "Times New Roman", Times, serif;
}

#spalte1 ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

#spalte1 li {
font-size: 80%;
line-height: 180%;
}

#spalte1 a {
  display: block;
  position: relative;    
  padding-left: 15px;
  width: 168px;
  background-color: #E8F5DD;
  margin-bottom: 2px;
  text-decoration: none; 
  border: none;
}

#spalte1 a:link, #spalte1 a:visited {
  font-weight:bold;
  color: #3EADA7;
  text-decoration: none; 
  border: none;
}

#spalte1 a:focus, #spalte1 a:hover, #spalte1 a:active, #spalte1 li.on a {
  background-color: #FFF; 
  color: #AC007E !important; 
  text-decoration: none; 
  border: none;
  }

* html #spalte1 li {
  display: inline; /* Wird fuer IEs gebraucht */
}

* html #spalte1 a { height: 1em; } /* Wird für IE 5 gebraucht, sonst werden die Linien nicht ganz durchgezogen */


/* Spalte 2
/* * * * * * * * * * * * * * * * * * * * * * * * * * */

#spalte2 {
  background: #FFF;
  padding: 24px 0 10px 0;
}

#spalte2 h1 {
	color: #AC007E;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 120%;
	line-height: 140%;
	border-bottom: 1px solid #AC007E;
	margin: 0 20px 1em 15px;
	letter-spacing: 1px;
}

#spalte2 h2 {
	color: #3EADA7;
	font-family: arial,verdana,sans-serif;
	font-size: 120%;
	line-height: 130%;
	margin: 0 20px 1em 15px;
}

#spalte2 h3 {
	color: #AC007E;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 100%;
	line-height: 130%;
	margin: 0.2em 20px 0.8em 15px;
	letter-spacing: 1px;
}

#spalte2 h4 {
	color: #3EADA7;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 95%;
	line-height: 130%;
	margin: 0.2em 20px 0.8em 15px;
	letter-spacing: 1px;
}

#spalte2 p, #spalte2 table.absatz {
  font-size: 80%;
  color: #333333;
  line-height: 150%;
  margin: 1em 15px;
}

#spalte2 p.kursiv {
  font-size: 90%;
  font-style:italic;
  color: #333333;
  line-height: 150%;
  margin: 1em 15px;
}

#spalte2 p.boxoben {
	background-color: #F0F9E9;
	color: #AC007E;
	font-size: 100%;
	font-weight:bold;
    border: 1px dotted #3EADA7;
	padding:10px;
	width: 250px;
  	margin: 0.5em 15px;
}

#spalte2 p.box400{
	background-color: #F0F9E9;
	color: #AC007E;
	font-size: 90%;
	font-weight:bold;
    border: 1px dotted #3EADA7;
	padding:10px;
	width: 380px;
  	margin: 0.5em 15px;
}

#spalte2 p.box {
	background-color: #F0F9E9;
	color: #AC007E;
	font-size: 90%;
	font-weight:bold;
   border: 1px dotted #3EADA7;
	padding:10px;
	width: 250px;
  	margin: 1em 15px;
}

#spalte2 p.boxtipps{
	background-color: #F0F9E9;
	color: #AC007E;
	font-size: 90%;
   border-bottom: 1px dotted #3EADA7;
	padding:6px 5px;
  	margin: 1em 25px 0.8em 15px;
}

#spalte2 p.aktion {
	background-color: #F0F9E9;
   border: 1px dotted #AC007E;
	padding:10px;
	width: 420px;
  	margin: 2em 15px 20px 15px;
}

#spalte2 p.start {
	background-color: #F0F9E9;
   border: 1px dotted #AC007E;
	padding:10px;
	width: 300px;
  	margin: 2em 15px 20px 15px;
}

#spalte2 p.aktion2008 {
	background-color: #F9F3AE;
   border: 3px dotted #F29400;
	padding:10px;
	width: 440px;
  	margin: 2em 15px 20px 15px;
}

#spalte2 p.aktion2 {
	background-color: #B4B4B4;
  border: 1px dotted #AC007E;
  color: #FFF;
	padding:10px;
	width: 400px;
  	margin: 3em 15px 30px 30px;
}
.schnee{
	color: #FFF;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 120%;
	line-height: 130%;
	text-transform: uppercase;
	font-style: italic;
}

#spalte2 td {
  vertical-align:top;
}

#spalte2 ul {
	font-size: 80%;
	line-height: 150%;
/*	padding: 0 20px 1em 15px;
	margin: 1em 20px; */
	padding: 0;
	margin: 5px 30px 8px 32px;
	list-style: none;
}

#spalte2 li {
background: url(images/blatt.gif) 0 0.2em no-repeat;
padding-left: 25px;
}

#spalte2 ul.abstand {
	margin-top: 5px;
	margin-bottom: 16px;
}
#spalte2 ul.abstand li {
	margin-bottom: 14px;
}

#spalte2 ul.tipps {
	margin-top: 15px;
	margin-left: 15px;
	margin-bottom: 16px;
}
#spalte2 ul.tipps li {
	margin-bottom: 6px;
}

#spalte2 .headline {
	color: #3EADA7;
	font-family: arial,verdana,sans-serif;
	font-size: 120%;
	line-height: 130%;
	margin: 0 20px 0 15px;
}

#spalte2 a:link, #spalte2 a:visited {
  color:  #3EADA7;
}

#spalte2 a:focus, #spalte2 a:hover, #spalte2 a:active {
  color: #AC007E;
}

#spalte2 img {
	border: 1px solid #3EADA7;
}

#spalte2 .partner img { 
	float: left;
/*	margin: 1em 20px 0 0; */
	margin: 0.2em 25px 8px 0;
	padding: 5px;
}

#spalte2 img.gelb {
	border: 5px solid #F9F3AE;
}
#spalte2 img.gelb2 {
	border-left: 1px solid #F9F3AE;
	border-right: 5px solid #F9F3AE;
	border-top: 5px solid #F9F3AE;
	border-bottom: 5px solid #F9F3AE;
}