/* ############################## ALLGEMEIN ############################## */
@import url(divs.css);
@import url(form.css);

* {
  padding: 0;
  margin: 0; 
}

}
body {
  color: #007035; 
  scrollbar-base-color: #aece83;
  scrollbar-3dlight-color: #aece83; /* Farbe für 3D-Effekte */
  scrollbar-arrow-color: white; /* Farbe für Verschiebepfeile */
  scrollbar-darkshadow-color: #aece83; /* Farbe für Schatten */
  scrollbar-face-color: #aece83; /* Farbe für Oberfläche */
  scrollbar-highlight-color: #D6E6C1; /* Farbe für oberen und linken Rand */
  scrollbar-shadow-color: #D6E6C1;  /* Farbe für unteren und rechten Rand */
  scrollbar-track-color: #BED89C; /* Farbe für freibleibenden Verschiebeweg */
  font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
  font-size: 12px;
  line-height: 130%;
}

h1 {  
	font-size: 16px; 
	font-weight: bold; 
	line-height: 130%; 
  margin-bottom: 20px;
  color: #007035;
}

h2 {  
	font-size: 12px; 
	font-weight: bold;  
  margin-bottom: 10px; 
  color: #007035;
  line-height:150%;
  margin-bottom:16px;
}

h3 {  
	font-size: 12px; 
	font-weight: bold;  
  margin-bottom: 10px; 
  color: #007035;
  background:url(../images/weiss.gif) 0px 0px no-repeat;
  padding-left: 25px;
  line-height:150%;
  margin-bottom:16px;
}
	
h4 {  
	font-size: 16px; 
	font-weight: bold; 
	line-height: 130%; 
	margin-bottom: 6px;
  color: #007035;
}
	
h5 {  
	font-size: 14px; 
	font-weight: bold; 
	line-height: 130%; 
  margin-bottom: 24px;
  color: #007035;
}

p {
  margin-bottom: 16px;
  color: #007035;
  line-height: 130%;
}

ul {
  color: #007035;
  line-height: 130%;
}

ul.normal {
  margin-left: 14px;
  margin-bottom: 14px;  
}

.clear {
  clear:both;
}

.floatleft {
  float: left;
}

.floatright {
  float: right;
}

.poptext {
  margin-bottom: 16px;
  color: #000000;
}
/* ############################## / ALLGEMEIN ############################## */



/* ############################## LINKS ############################## */
a:link { 
	color: #ffffff; 
	font-weight: bold; 
	text-decoration: none; 
}
	
a:visited { 
	color: #ffffff;   
	font-weight: bold; 
	text-decoration: none; 
}

a:hover { 
	color: #f4b839; 
	font-weight: bold;  
	text-decoration: none; 
}

a.link-ratgeber-zurueck-bg {
  background:url(../images/link-hintergrund_ratgeber-uebersicht.gif) top left no-repeat;  
  padding-left: 33px;
  padding-top: 10px;
  padding-right: 16px;
  padding-bottom: 5px;
}

a.link-ontour-zurueck-bg {
  background:url(../images/link-hintergrund_mes-ontour.gif) top left no-repeat;
  padding-left: 33px;
  padding-top: 10px;
  padding-right: 12px;
  padding-bottom: 5px;
}



/*a.link-ratgeber-zurueck {
  background:url(../images/pfeil-links.gif) top left no-repeat;
  padding-left:22px;
  display:block;
  width:132px;
  min-height:16px;
}

a.link-ratgeber-detail {
  background:url(../images/pfeil-rechts.gif) top right no-repeat;
  height: 20px;
  padding-right: 22px;
}
*/
/* ############################## / LINKS ############################## */



/* ############################## STARTSEITE ############################## */
#start-wrap-main {
  width:526px;
  height:350px;
}

#start-wrap-main img {
  border:0;
}

#start-content-links {
  width:244px;
  height:346px;
  float:left;
  background-image:url(../images/startseite_001_tab.gif);
  background-repeat: no-repeat;
}

#start-content-links a {
  padding-left:12px;
  padding-top:40px;
  display:block;
  font-weight:normal;
  color:#2e0f87;
  width:244px;
  height:346px;
}

#start-content-links a span {
  float: right;
  color: #ffffff;
  margin-right: 28px;
  margin-top: 243px;
  font-weight: bold;
}

#start-content-links a:hover {
  color:#ffffff !important;
  font-weight:normal !important;
}

#start-content-links a:hover span {
  color:#f4b839 !important;
}

#start-content-rechts-oben {
  width:282px;
  height:351px;
  float:left;
  background-image:url(../images/startseite_002_tab.gif);
  background-repeat: no-repeat;
}

#start-content-rechts-oben a {
  padding-left:25px;
  padding-top:40px;
  display:block;
  font-weight:normal;
  color:#87260f;
  width:282px;
  height:351px;
}

#start-content-rechts-oben a span {
  float:left;
  color: #ffffff;
  margin-top: 67px;
  font-weight: bold;
}

#start-content-rechts-oben a:hover {
  color:#ffffff !important;
  font-weight:normal !important;
}

#start-content-rechts-oben a:hover span {
  color:#f4b839 !important;
}

#start-content-rechts-oben a:hover ul {
  color:#ffffff !important;
}

#start-content-rechts-oben ul li {
  margin-bottom: 10px;
}

#start-content-rechts-unten {
  width:282px;
  height:158px;
  float:left;
  background-image:url(../images/startseite_003_tab.gif);
  background-repeat: no-repeat;
}

#start-content-rechts-unten a {
  padding-right:12px;
  padding-top:40px;
  display:block;
  font-weight:normal;
  color: #0f2387;
  text-align:right;
  height:158px;
}

#start-content-rechts-unten a span {
  float: right;
  color: #ffffff;
  margin-right: 4px;
  margin-top: 70px;
  font-weight: bold;
}

#start-content-rechts-unten a:hover {
  color:#ffffff !important;
  font-weight:normal !important;
}

#start-content-rechts-unten a:hover span {
  color:#f4b839 !important;
}

/* ############################## / STARTSEITE ############################## */



/* ############################## ONTOUR ############################## */
#ontour-content-auswahl {
  width:526px;
  height:173px;
  float:left;
}

#ontour-content-auswahl img {
  border:0;
}

/* ############################## / ONTOUR ############################## */



/* ############################## RATGEBER ############################## */
div.ratgeberpunkt {
  line-height:150%;
}

div.ratgeberpunkt2 {
  line-height:150%;
  height:190px;
}

div.ratgeberpunkt img {
  float:left;
  border: 2px solid #ffffff;
  margin-right:16px;
  margin-bottom:8px;
}

ul.ratgeberdetail_rechts {
  float:left;
  margin-left:14px;
  margin-bottom: 20px;
  line-height: 150%;
  width:340px;
}

img.ratgeberbilddetail_rechts {
  float:right;
  border: 2px solid #ffffff;
  margin-left: 16px;
  margin-bottom:16px;
  
}


img.ratgeberbilddetail_rechts2 {
  float:right;
  margin-bottom: 16px;

  
}

img.ratgeberbilddetail_neu2 {
  float:left;
  margin-bottom: 16px;
  margin-right: 16px;
  border: 2px solid #ffffff;

  
}

/* ul.ratgeberdetail_links {
  float:right;  
  width:340px;
}*/

img.ratgeberbilddetail_links {
  float:left;
  border: 2px solid #ffffff;
  margin-right: 16px;
  margin-bottom:16px;
}


img.ratgeberbilddetail_links2 {
  float:left;
  margin-right: 16px;
  margin-bottom: 16px;
}

ul.galerie {
  list-style: none;
  padding: 0;
  margin: 0;
}

ul.galerie li {
  float: left;
  margin-right: 8px;
  margin-bottom: 8px;
}

ul.galerie li img {
  border: 2px solid #ffffff;
  width: 118px;
  height: 89px;
}


ul.list {
	list-style: circle;

}

ul.liste li {
	float: left;
	margin-right: 8px;
	margin-bottom: 8px;
	list-style: circle;
	line-height: 130%;
}

img.link-ratgeber-zurueck {
  border:0;
  margin-right:10px;
  margin-bottom:-3px;
}

img.link-ratgeber-detail {
  border:0 !important;
  margin: 0 !important;
  
  margin-bottom:-3px !important;
  padding-left:10px;
  float: none !important;
}






div#ratgeberwrap {
  font-weight:bold;
}

div#ratgeberwrap ul {
  list-style-image: none;
  list-style-type: none;
}

div#ratgeberwrap ul a:hover {
  background-color: #8db859;
  color: #FFFFFF;
}

div#ratgeberwrap ul li {
  margin-bottom: 8px;
  width: 100%;
  
}

div#ratgeberwrap ul li a {
  display: block;
  height: 74px;
}

div#ratgeberwrap ul li img {
  float: left;
  margin-right: 16px;
  border: 2px solid #ffffff;
  
}

div#ratgeberwrap ul li p.ratgeber-head {
  margin-bottom:2px;
  padding-top: 4px;
  color:#ffffff;
}

div#ratgeberwrap ul li p.ratgeber-sub {
  font-weight:normal;
  margin:0;
  padding:0;
}

div#ratgeberwrap ul li p.ratgeber-sub img {
  border:0;
  float:none;
  margin-bottom:-3px;
  margin-left:8px;
}






/* ############################## / RATGEBER ############################## */



/* ##############################  DIV-KONSTRUKT ############################## */
#wrap-top {
  background: url(../images/hintergrund-oben.gif) center 0px no-repeat;
  margin-top: 30px;
  
}

#wrap {
  background: url(../images/hintergrund-kachel.gif) center repeat-y; 
}

#hintergrund-kante {
  background: url(../images/hintergrund-kante.gif) center top no-repeat;
}

#wrap-bottom {
  background: url(../images/hintergrund-unten.gif) center bottom no-repeat;
  margin-bottom: 40px;
  height: 32px;
}

*html #wrap-bottom {
  margin-bottom: 0px;
}

#main { 
  width: 950px; 
  margin: 0 auto 0 auto;
}

#main a:hover { 
	color: #007035; 
	font-weight: bold; 
	text-decoration: none; 
}

#spalte1 {
  float: left;
  width: 300px;
  font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
  font-size: 12px;
  bottom: 0;
 /* overflow: visible;*/
}


#textspalte {
  width: 200px;
  margin-left: 100px;
  float: left;
  bottom: 0;
  color: #007035;
  line-height: 130%;
}

#spalte2 {
  margin-left: 344px;
  font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
  font-size: 12px;
  /*overflow: visible;*/
}
/* ############################## / DIV-KONSTRUKT ############################## */



/* ############################## NAVIGATION ############################## */
#navigation {
	padding-top: 135px;
	padding-bottom: 52px;
}
	
#navigation ul {
	list-style: none;
}

#navigation ul li {
	list-style-image: none;
	display: inline;
	margin-right: 23px;
}
/* ############################## / NAVIGATION ############################## */



/* ############################## ELEMENTE WEITERE ############################## */
#logo {
	width: 292px;
	height: 210px;
	margin-left: 28px;
}

#links { 
  width: 165px; 
	height: 450px;
	margin-top: 50px;
  margin-left: 130px;
}

#grafik {
  width: 296px;
}

.gruene-kante {
  margin-left: 27px;
}

#textarea {				/* Spielfeld ist genauso positioniert wie Textarea */
	width: 530px;
	min-height: 350px;

/* overflow: visible; */ /***** STANDARD-WERT führt aber zu Clearing-Problem, erstmal auskommmentiert *****/

/*  overflow: hidden; */
}
	
#spielfeld {		/* Spielfeld ist genauso positioniert wie Textarea */
	width: 530px;
	min-height: 350px;
	overflow: hidden;
}
/* ############################## / ELEMENTE WEITERE ############################## */



/* ############################## FOOTER ############################## */
#koops {
	margin-top: 20px;
  padding-bottom:4px;
}
		
#koops ul {
	list-style: none;
}

#koops ul li {
	list-style-image: none;
	display: inline;
	margin-right: 15px;
}
	
#footer {
	margin-top: -35px;
  width: 400px;
	height: 30px;
}

#footer ul {
	list-style: none;
	color: #BBBBBB; 
}

#footer ul li {
	list-style-image: none;
	display: inline;
}

#footer ul li a {
  margin-right: 10px;
  text-decoration: none;
}

#footer ul li a:link { 
	color: #BBBBBB; 
	font-weight: normal; 
}

#footer ul li a:visited { 
	color: #BBBBBB; 
	font-weight: normal; 
}

#footer ul li a:hover { 
	color: #f4b839;  
	font-weight: normal; 
}

p.footer-linie {
  width:540px;
  text-align:center;
}
/* ############################## / FOOTER ############################## */