/*** Allgemeine Angaben ***
 *
 *	Seitenbreite insgesamt: 780 Pixel
 *
 *	Farbe der Brotkrume (Gr�n): #9DC340
 * Farbe der Bildunterschrift (Blau): #606FA5
 * Farbe der Piktogrammleiste (Blau): #233786
 * Farbe des vertikalen Balken (Hellgrau): #F1F2F6
 *
 * Farbe "Gengenbach, Berghaupten, Ohlsbach" (ID: 01): #9DC340
 *		Farbe des Untermen�s von "Gengenbach, Berghaupten, Ohlsbach" (ID: 01): #BBD184
 * Farbe "Ferienregion Brandenkopf" (ID: 02): #7E213A
 *		Farbe des Untermen�s von "Ferienregion Brandenkopf" (ID: 02): #8C4F5F
 * Farbe "Gastliches Kinzigtal, Brandenkopf" (ID: 03): #BA000F
 *		Farbe des Untermen�s von "Gastliches Kinzigtal, Brandenkopf" (ID: 03): #C93C48
 * Farbe "Gutach, Hornberg, Lauterbach" (ID: 04): #1C7241
 *		Farbe des Untermen�s von "Gutach, Hornberg, Lauterbach" (ID: 04): #488261
 * Original-Farbe "Wolftal" (ID: 05): #E9B500
 * Dunkler-korrigierte Farbe "Wolfach" (ID: 05): #D59100
 * 	Farbe des Untermen�s von "Wolfach" (ID: 05): #E5B345
 * Farbe "Stadt, Land, Fluss im Kinzigtal" (ID: 06): #0082C8
 *		Farbe des Untermen�s von "Stadt, Land, Fluss im Kinzigtal" (ID: 06): #3FA1D5
 *
 */



/*** Grunddefinitionen ***/

body {

	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	
	background-color: #FFFFFF;
	color: #000000;
	
	/*Eine Anpassung f�r den IE, der sonst nicht zentriert*/
	text-align: center;
	
}

* {
	margin: 0px;
	padding: 0px;
	font-size: 1em;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
}

img {
	border: 0px;
}

/*Damit wegen der IE-Anpassung nicht alles zentriert wird*/
#mainContainer, #mainContainer * {
	text-align: left;
}

/*Hier die Zentrierung f�r alle NICHT-IEs*/
#mainContainer {
	margin-left: auto;
	margin-right: auto;
	width: 780px;
}

.clear {
	clear: both;
}

.loeschen {
	display:none;
}

/*** PAGELAYOUT, FLOATS ***/

#header {
	margin-top: 10px;
}

#header img {
	/* Der IE f�gt nach dem Bild einen margin-bottom hinzu*/
	margin-bottom: 0 !important;		/* f�r den FF*/
	margin-bottom: -2px;					/* f�r den IE */
	
}

#breadCrumb {
	background-color: #9DC340;
	margin-top: 1px;
	padding-left: 16.8em;
	padding-top: 2px;
	padding-bottom: 2px;
	color: #FFFFFF;
}

#contentContainer {
	background-image: url(../images/3column-background.gif);
	/*background-image: url(3column-background.gif);*/
	border-bottom: 1px solid #233786;	/*	Wenn diese Anzeige fehlt wird merkw�rdigerweise das Background-Image
														im FF nicht angezeigt */
	/*margin-top: 1px;*/
	border-top: 1px solid #FFFFFF;
}

#navigation {
	float: left;
	width: 152px;
}

#contentAction {
	float: right;
	width: 621px;
}

#content {
	float: left;
	width: 463px;
}

#action {
	float: right;
	width: 152px;
}

/*** BREADCRUMB ***/

#breadCrumb a {
	color: #FFFFFF;
	text-decoration: none;
}

#breadCrumb a:hover {	
	text-decoration: underline;
}

/*** NAVIGATION ***/

#suche {
	height: 32px;
	padding-top: 2px;
	padding-left: 4px;
}

#suche input {
	width: 112px;
	height: 17px;
	border: 1px solid #233786;
	padding-top: 5px;
	padding-left: 10px;
}

#navigation ul {
	list-style-type: none;
}

#navigation ul.level_1 {
margin-bottom: 20px;
}

#navigation ul li {
	margin-bottom: 5px;
}

#navigation ul li ul li {
	margin-bottom: 1px;
}

#navigation a {
	display: block;
	font-size: 1.1em;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	/*margin-bottom: 5px;*/
	height: 16px;
	padding-top: 1px;
	padding-left: 18px;
}

#navigation a.noNaviElement {
	display: inline;
	font-size: 1.0em;
	height: auto;
	padding-top: 0px;
	padding-left: 0px;
}

#navigation a.naviLevel_1 {
	background: #233786;
	/*margin-bottom: 5px;*/
}

#navigation ul li ul li.brand-stadt{
	margin-bottom: 0px;
}

#navigation ul li ul li.firstItem{
	margin-top: 1px;
}

#navigation a.naviLevel_2 {
	background: #606FA5;
	font-weight: normal;
}

#navigation a.naviLevel_2:hover {
	background: #9DC340;
	font-weight: bold;
}

#navigation a.aktiv {
	background: #9DC340;
	font-weight: bold;
}

#navigation ul li ul li ul li {
	margin-bottom: 0px;
}

#navigation a.naviLevel_1_single {
	background: #233786;
}

#navigation img {
	margin-bottom: 0px !important;		/* FF */
	margin-bottom: -2px;					/* IE */
}

#navigation #katalogBild {
	padding-bottom: 6px;
}

#navigation #naturparklogo {
	margin-top: 10px;
	margin-bottom: 20px;
	text-align: center;
}

#navigation #schwarzwaldcard {
	margin-top: 10px;
	margin-bottom: 20px;
	text-align: center;
}

/*** REGIONEN ***/

#navigation #regionen ul li a {
	height: auto;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-right: 3px;
}

#navigation #regionen ul li a:hover {
	font-weight: normal;
}

#navigation #region-id-01 a {
	background-color: #9DC340;
}

	#navigation #region-id-01 a.naviLevel_3 {
		background-color: #BBD184;
		font-weight: normal;
		color: #000000;
	}
	
	#navigation #region-id-01 a.naviLevel_3:hover {
		background-color: #9DC340;
	}
	
	#navigation #region-id-01 a.aktiv {
		font-weight: normal;
	}

#navigation #region-id-02 a {
	background-color: #7E213A;
height: auto;
padding-top: 2px;
	padding-bottom: 2px;
	padding-right: 3px;
}

	#navigation #region-id-02 a.naviLevel_3 {
		background-color: #8C4F5F;
		font-weight: normal;
		color: #000000;
	}
	
	#navigation #region-id-02 a.naviLevel_3:hover {
		background-color: #7E213A;
	}

	#navigation #region-id-02 a.aktiv {
		font-weight: normal;
	}

#navigation #region-id-03 a {
	background-color: #BA000F;
}

	#navigation #region-id-03 a.naviLevel_3 {
		background-color: #C93C48;
		font-weight: normal;
		color: #000000;
	}
	
	#navigation #region-id-03 a.naviLevel_3:hover {
		background-color: #BA000F;
	}

	#navigation #region-id-03 a.aktiv {
		font-weight: normal;
	}

#navigation #region-id-04 a {
	background-color: #1C7241;
}

	#navigation #region-id-04 a.naviLevel_3 {
		background-color: #488261;
		font-weight: normal;
		color: #000000;
	}
	
	#navigation #region-id-04 a.naviLevel_3:hover {
		background-color: #1C7241;
	}

	#navigation #region-id-04 a.aktiv {
		font-weight: normal;
	}

#navigation #region-id-05 a {
	background-color: #D59100;
	/*color: #000000;*/
}

	#navigation #region-id-05 a.naviLevel_3 {
		background-color: #E5B345;
		font-weight: normal;
		color: #000000;
	}
	
	#navigation #region-id-05 a.naviLevel_3:hover {
		background-color: #D59100;
	}

	#navigation #region-id-05 a.aktiv {
		font-weight: normal;
	}

#navigation #region-id-06 a {
	background-color: #0082C8;
}

	#navigation #region-id-06 a.naviLevel_3 {
		background-color: #3FA1D5;
		font-weight: normal;
		color: #000000;
	}
	
	#navigation #region-id-06 a.naviLevel_3:hover {
		background-color: #0082C8;
	}
	
	#navigation #region-id-06 a.aktiv {
		font-weight: normal;
	}

/*** GRAFIKBEREICH IM CONTENT ***/

#image {
	/* Der IE f�gt nach dem Bild einen margin-bottom hinzu*/
	margin-bottom: 0 !important;		/* f�r den FF*/
	margin-bottom: -2px;					/* f�r den IE */
}

#imageTitle {
	background-color: #606FA5;
	margin-top: 1px;
	font-size: 1.1em;
	color: #FFFFFF;
	padding-top: 6px;
	padding-bottom: 6px;
	width: 381px;
	padding-left: 8px;
	float: left;
}

#imageNavi {
	width: 73px;
	float: right;
	margin-top: 1px;
}

#imageNavi a {
	display: block;
	width: 36px;
	height: 19px;
	background-color: #9DC340;
	text-align: center;
	color: #FFFFFF;
	text-decoration: none;
	padding-top: 6px;
}

#imageNavi a:hover {
	text-decoration: underline;
}

#imageNaviBack {
	float: left;
}

#imageNaviForward {
	float: right;
}

#erlebnisLocation {
	background-color: #233786;	/*#9DC340*/
	margin-top: 5px;
	float: left;
	width: 463px;
	/*padding-left: 8px;*/
	font-size: 1.2em;
	font-weight: bold;
	padding-top: 6px;
	padding-bottom: 2px;
	color: #FFFFFF;
}

#erlebnisLocation p {
	text-align: center;
}

#piktos {
	background-color: #233786;
	margin-top: 1px;
	width: 463px;
	height: 60px;
	float: left;
}

#piktos td {
	text-align: center;
}

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

#piktoNames li {
	position: absolute;
	top: 1px;
	background-color: #9DC340;
	height: 14px;
	padding-top: 1px;
	padding-left: 15px;
	padding-right: 15px;
	color: #FFFFFF;
	visibility: hidden;
}

#piktoNames li.active {
	visibility: visible;
}

	#piktoNames li#aktivPiktoName {
		left: 50px;
	}
	
	#piktoNames li#traditionPiktoName {
		left: 93px;
	}
	
	#piktoNames li#historiePiktoName {
		left: 147px;
	}
	
	#piktoNames li#bergbauPiktoName {
		left: 195px;
	}
	
	#piktoNames li#weinfeinPiktoName {
		left: 234px;
	}
	
	#piktoNames li#erlebnisPiktoName {
		left: 298px;
	}
	
	#piktoNames li#kulturPiktoName {
		left: 357px;
	}
	
	#piktoNames li#wellnessPiktoName {
		left: 382px;
	}

/*** ALLGMEINE FORMATIERUNGEN IM CONTENT-BEREICH ***/

#text {
	font-size: 1.1em;
	line-height: 1.5em;
	padding: 0px 15px 20px 15px;
	color: #000000;
}

#text a {
	color: #000000;
}

#text h3 {
	font-size: 1.7em;
line-height: 1.3em;
	font-weight: bold;
	color: #233786;
	/*padding-top: 19px;*/
	padding-top: 30px;
	padding-bottom: 22px;
}

#text p {
	margin-bottom: 15px;
}

#text ol,
#text ul {
margin: 10px 0px 10px 50px;
}

/*** ARTIKEL - REGION ***/

div.teaser-artikel,
div.teaser-folder,
div.teaser-region,
div.teaser-ti,
div.sight-line,
div.offer-line,
div.themenangebote-line {
	border-top: 1px solid #233786;
	padding-top: 9px;
	border-bottom: 1px solid #F1F2F6;	/*	Ohne diese Angabe bekommen aus Gr�nden im IE alle Artikelteaser ab dem 2. einen
														zus�tzlichen margin-top um die Bilder */
	margin-bottom: 11px;
}

#text div.teaser-artikel p,
#text div.teaser-folder p,
#text div.teaser-region p,
#text div.teaser-ti p {
margin: 0px 0px 0px 0px;
}

#text div.sight-line p,
#text div.offer-line p,
#text div.themenangebote-line p {
margin: 0px 0px 5px 0px;
}

div.offer-line div span {
display: block;
margin: 0px 0px 5px 0px;
}

div.teaserbild-artikel,
div.teaserbild-folder,
div.teaserbild-region,
div.teaserbild-ti,
div.sight-line-image,
div.offer-line-image,
div.themenangebote-line-image {
	float: left;
	width: 117px;
}

div.teaserbild-artikel img,
div.teaserbild-folder img,
div.teaserbild-region img,
div.teaserbild-ti img,
div.sight-line-image img,
div.offer-line-image img,
div.themenangebote-line-image img {
	/* Der IE f�gt nach dem Bild einen margin-bottom hinzu*/
	margin-bottom: 0 !important;		/* f�r den FF*/
	margin-bottom: -2px;					/* f�r den IE */
}

div.teasertext-artikel,
div.teasertext-folder,
div.teasertext-region,
div.teasertext-ti,
div.sight-line-text,
div.offer-line-text,
div.themenangebote-line-text {
float: right;
width: 310px;
}

div.teasertext-artikel-alone,
div.teasertext-folder-alone,
div.teasertext-region-alone {
padding: 0px 10px 0px 10px;
}

div.teasertext-artikel p,
div.teasertext-folder p,
div.teasertext-region p,
div.teasertext-ti p {
	display: inline;
margin: 0px 0px 0px 0px;
}

div.teasertext-artikel h4,
div.teasertext-folder h4,
div.teasertext-region h4,
div.teasertext-ti h4 {
	color: #233786;
	font-weight:bold;
}

#text div.sight-line h4 a,
#text div.offer-line h4 a,
#text div.themenangebote-line h4 a {
text-decoration: none;
font-weight: bold;
color: #30438D;
}

#text div.sight-line h4 a:hover,
#text div.offer-line h4 a:hover,
#text div.themenangebote-line h4 a:hover {
text-decoration: underline;
}

#text div.teaser-artikel a,
#text div.teaser-folder a,
#text div.teaser-region a {
	color: #233786;
	text-decoration: none;
}

#text div.sight-line a,
#text div.offer-line a,
#text div.themenangebote-line a {
color: #30438D;
font-style: normal;
}

#text div.teaser-artikel a:hover,
#text div.teaser-folder a:hover,
#text div.teaser-region a:hover,
#text div.teaser-ti a:hover {
	text-decoration: underline;
}

a.teaserlink-artikel,
a.teaserlink-folder,
a.teaserlink-region {
	font-size: 1.0em;
	display:block;
}

div.article div.article-intro,
div.infokachel div.infokachel-intro {
font-style: italic;
font-weight: bold;
margin: 0px 0px 15px 0px;
}

div.article div.article-intro img,
div.infokachel div.infokachel-intro img {
/*width: 200px;
height: 200px;*/
float: right;
/*background: red;*/
margin: 0px 0px 10px 15px;
}

div.article div.article-body ol,
div.article div.article-body ul {
margin: 10px 0px 10px 50px;
}

/*** ACTION ***/

div.actionKachel {
	border: 1px solid #233786;
	margin-bottom: 5px;
}

#navigation div.actionKachel {
	border-right: none;
}

div.actionKachel img {
	/* Der IE f�gt nach dem Bild einen margin-bottom hinzu*/
	margin-bottom: 0px !important;		/* f�r den FF*/
	margin-bottom: -2px;					/* f�r den IE */
}

div.actionKachel h4 {
	background-color: #233786;
	height: 15px;
	padding-top: 1px;
	padding-left: 12px;
	color: #FFFFFF;
}

#action div.actionKachelPic,
#navigation div.actionKachelPic {
	text-align: center;
}

div.actionKachelText {
	padding-left: 3px;
	padding-bottom: 2px;
}

div.actionKachel h5 {
	font-weight: bold;
	padding-top: 2px;
	padding-bottom: 2px;
}

#action div.actionKachel p,
#navigation div.actionKachel p {
	display: inline;
}

#action div.actionKachel a,
#navigation div.actionKachel a {
	color: #233786;
	text-decoration: none;
	font-style: italic;
}

#navigation div.actionKachel a {
	display: inline;
	font-size: 1em;
	font-weight: normal;
	padding: 0px 0px 0px 0px;
}

#action div.actionKachel a:hover,
#navigation div.actionKachel a:hover {
	text-decoration: underline;
}

/*** FOOTER ***/

#footer {
	padding-left: 159px;
	padding-right: 158px;
	padding-top: 7px;
	margin-bottom: 10px;
}

#footer table {
	width: 100%;
}

#footer table td {
	text-align: center;
	border-right: 1px solid #233786;
}

#footer table td a {
	position: relative;
	top: -1px;
	color: #233786;
	text-decoration: none;
}

#footer table td a:hover {
	text-decoration: underline;
}

#footer table #lastFooterItem {
	border-right: none;
}

/*
#footer {
	position:relative;
	border-top: 1px solid #233786;
	padding-left: 159px;
	padding-right: 158px;
}

#footer ul {
	list-style-type: none;
	color: #233786;
	position: absolute;
	left:0px;
	right:0px;
	border: 1px solid red;
}

#footer li {
	display: inline;
	width: 463px;
}*/


/*** SITEMAP ***/

div.sitemap {
	margin: 0px 0px 30px 0px;
}

div.sitemap a {
	text-decoration: none;
}

div.sitemap a:hover {
	text-decoration: underline;
}

div.sitemap ul {
	list-style: bullet;
	margin: 0px 0px 0px 40px;
}

div.sitemap ul li{
	font-weight: bold;
}

div.sitemap ul ul li {
	font-weight: normal;
}

div.sitemap ul ul ul li {
	font-style: italic;
}

/*** SEITE WEITEREMPFEHLEN ***/

div.tipp form {
margin: 0px 0px 0px 30px;
}

div.tipp label {
display: block;
margin: 0px 0px 2px 0px;
}

div.tipp input {
margin: 0px 0px 5px 10px;
}

div.tipp textarea {
margin: 0px 0px 0px 10px;
}

div.tipp div.buttonblock input{
margin: 0px 0px 0px 0px;
}

#text div.tipp p {
margin: 0px 0px 10px 0px;
}

/*** KATALOG- UND KONTAKT-FORMULAR ***/

div.broschuere-full img {
float: right;
}

div.broschuere-full fieldset,
div.kontakt-full fieldset,
div.angebot-full fieldset {
	padding: 5px 0px 0px 20px;
	border:none;
	margin: 0px 0px 10px 0px;
}

div.broschuere-full fieldset legend,
div.kontakt-full fieldset legend,
div.angebot-full fieldset legend {
	font-style: italic;
	color: #000000;
	display: none;
}

div.broschuere-full label,
div.kontakt-full label,
div.angebot-full label {
	margin: 0px 0px 0px 20px;
}

div.broschuere-full input,
div.kontakt-full input,
div.angebot-full input {
	margin: 0px 0px 5px 30px;
	width: 240px;
	/*background-color: #606FA5;
	color: #FFFFFF;
	padding: 2px 0px 2px 5px;
	border: none;*/
}

div.kontakt-full textarea {
margin: 0px 0px 5px 30px;
	width: 320px;
}

div.angebot-full div.date input {
	width: 60px;
}

div.angebot-full div.persons input {
	width: 30px;
}

div.angebot-full textarea {
	width: 240px;
	height: 50px;
	margin: 0px 0px 5px 30px;
}

div.broschuere-full div.plz,
div.kontakt-full div.plz,
div.angebot-full div.plz {
	float: left;
	width: 85px;
/*	border: 1px solid green;*/
}

div.broschuere-full div.plz input,
div.kontakt-full div.plz input,
div.angebot-full div.plz input {
	width: 50px;
}

div.broschuere-full div.ort,
div.kontakt-full div.ort,
div.angebot-full div.ort {
	float: left;
	/*border: 1px solid red;*/
}

div.broschuere-full div.ort label,
div.kontakt-full div.ort label,
div.angebot-full div.ort label {
	margin-left: 0px;
}

div.broschuere-full div.ort input,
div.kontakt-full div.ort input,
div.angebot-full div.ort input {
	margin-left: 10px;
}

div.broschuere-full div.ort input,
div.kontakt-full div.ort input,
div.angebot-full div.ort input {
	width: 175px;
}

div.kontakt-full div.email,
div.angebot-full div.email {
clear: both;
}

div.broschuere-full p.buttonblock input,
div.kontakt-full p.buttonblock input,
div.angebot-full p.buttonblock input {
	margin: 0px 0px 0px 0px;
	width: auto;
	padding: 1px;
}

#text p.buttonblock input {
	text-align: center;
}

#text div.broschuere-full p.buttonblock,
#text div.kontakt-full p.buttonblock,
#text div.angebot-full p.buttonblock {
	margin: 0px 0px 10px 40px;
}

#text div.angebot-full h4 {
	background: #9DC340;
	color: #FFFFFF;
	padding: 2px 4px;
	width: 190px;
	text-align: center;
	float: right;
	cursor: pointer;
margin: 10px 0px 0px 0px;
}

#text div.angebot-full h4 a {
	color: #FFFFFF;
	text-decoration: none;
}

div.angebot-full form {
	clear: both;
	background: #CFD2E3;
	padding: 5px 0px;
	margin: 15px 0px;
}

/*** FORMULAR CONFIRMATION ***/

div.confirm h5 {
font-weight: bold;
padding: 0px 0px 0px 40px;
}

div.confirm p.collected {
padding: 0px 15px 0px 65px;
}

div.confirm a {
margin: 0px 0px 0px 15px;
}

/*** SUCHE ***/

div.suchergebnis h4 {
border-bottom: 1px solid black;
margin: 0px 0px 10px 0px;
}

div.suchergebnis ol {
margin: 0px 0px 0px 30px;
}


/*** TOURIST INFORMATION ***/


div.teaser-ti span.spalte_1 {
width: 80px;
display: block;
float: left;
clear: both;
}

div.teaser-ti span.text {
float: right;
width: 230px;
}

/*** FOLDER ***/

div.folder-full div.body {
	margin: 0px 0px 15px 0px;
}

/*** PDF-Datei ***/

div.pdf-datei-line,
div.hinweis {
	background: #CFD2E3;
	padding: 5px 5px 5px 10px;
}

div.pdf-datei-line span.titel,
div.hinweis span.titel {
	display: block;
	font-weight: bold;
	color: #233786;
	/*float: right;*/
}

div.pdf-datei-line span.datei,
div.hinweis span.links {
	clear: both;
	float: right;
}

#text div.pdf-datei-line span.datei a,
#text div.hinweis span.links a {
	color: #233786;
}

div.pdf-datei-line img {
	position: relative;
	top: 4px;
	padding: 0px 0px 0px 5px;
}

div.hinweis {
margin: 0px 0px 20px 0px;
}

/*** DHTML-Karte ***/

div#karte {
	position: relative;
}

div#k_region-id-01,
div#k_region-id-02,
div#k_region-id-03,
div#k_region-id-04,
div#k_region-id-05,
div#k_region-id-06 {
	display: none;
	position: absolute;
	width: 270px;
	/*height: 370px;*/
	padding: 0px 0px 0px 0px;
}

	div#k_region-id-01 {
		top: 10px;
		left: 20px;
		border: 2px solid #9DC340;
		background: #BBD184;
	}
	
	div#k_region-id-02 {
		top: 30px;
		left: 40px;
		border: 2px solid #7E213A;
		background: #8C4F5F;
	}
	
	div#k_region-id-03 {
		top: 3px;
		left: 20px;
		border: 2px solid #BA000F;
		background: #C93C48;
	}
	
	div#k_region-id-04 {
		top: 25px;
		left: 170px;
		border: 2px solid #1C7241;
		background: #488261;
	}
	
	div#k_region-id-05 {
		top: 40px;
		left: 130px;
		border: 2px solid #D59100;
		background: #E5B345;
	}
	
	div#k_region-id-06 {
		top: 30px;
		left: 170px;
		border: 2px solid #0082C8;
		background: #3FA1D5;
	}

div#k_region-id-01 h4,
div#k_region-id-02 h4,
div#k_region-id-03 h4,
div#k_region-id-04 h4,
div#k_region-id-05 h4,
div#k_region-id-06 h4 {
	font-weight: bold;
	padding: 2px 6px 2px 6px;
	font-size: 1.1em;
	color: #FFFFFF;
}

	div#k_region-id-01 h4 {
		background: #9DC340;
	}
	
	div#k_region-id-02 h4 {
		background: #7E213A;
	}

	div#k_region-id-03 h4 {
		background: #BA000F;
	}

	div#k_region-id-04 h4 {
		background: #1C7241;
	}
	
	div#k_region-id-05 h4 {
		background: #D59100;
	}
	
	div#k_region-id-06 h4 {
		background: #0082C8;
	}

div#k_region-id-01 a.xclose,
div#k_region-id-02 a.xclose,
div#k_region-id-03 a.xclose,
div#k_region-id-04 a.xclose,
div#k_region-id-05 a.xclose,
div#k_region-id-06 a.xclose {
	color: #FFFFFF;
	font-weight: bold;
	padding: 1px 3px 3px 5px;
	position: absolute;
	top: 0px;
	right: 0px;
	cursor: pointer;
}

	div#k_region-id-01 a.xclose {
		background: #9DC340;	
	}
	
	div#k_region-id-02 a.xclose {
		background: #7E213A;	
	}
	
	div#k_region-id-03 a.xclose {
		background: #BA000F;	
	}
	
	div#k_region-id-04 a.xclose {
		background: #1C7241;	
	}
	
	div#k_region-id-05 a.xclose {
		background: #D59100;	
	}
	
	div#k_region-id-06 a.xclose {
		background: #0082C8;	
	}
	
div#k_region-id-01 p,
div#k_region-id-02 p,
div#k_region-id-03 p,
div#k_region-id-04 p,
div#k_region-id-05 p,
div#k_region-id-06 p {
	padding: 4px;
}

div#k_region-id-01 p.regionname,
div#k_region-id-02 p.regionname,
div#k_region-id-03 p.regionname,
div#k_region-id-04 p.regionname,
div#k_region-id-05 p.regionname,
div#k_region-id-06 p.regionname {
	padding: 4px 4px 4px 15px;
text-indent: -12px;
}

div#k_region-id-01 a,
div#k_region-id-02 a,
div#k_region-id-03 a,
div#k_region-id-04 a,
div#k_region-id-05 a,
div#k_region-id-06 a {
	color: #000000;
	font-weight: bold;
	text-decoration: none;
}

div#k_region-id-01 a:hover,
div#k_region-id-02 a:hover,
div#k_region-id-03 a:hover,
div#k_region-id-04 a:hover,
div#k_region-id-05 a:hover,
div#k_region-id-06 a:hover {
	text-decoration: underline;
}

div#k_region-id-01 ul,
div#k_region-id-02 ul,
div#k_region-id-03 ul,
div#k_region-id-04 ul,
div#k_region-id-05 ul,
div#k_region-id-06 ul {
	list-style: none;
	margin: 0px 0px 0px 20px;
}

div#k_region-id-01 p.closer,
div#k_region-id-02 p.closer,
div#k_region-id-03 p.closer,
div#k_region-id-04 p.closer,
div#k_region-id-05 p.closer,
div#k_region-id-06 p.closer {
	float: right;
}

div#karte img {
	margin-bottom: 0px !important;
	margin-bottom: -2px;
}

div#karte div.kartentext {
margin: 1px 0px 0px 0px;
background: #606FA5;
color: white;
font-size: 1.0em;
font-weight: bold;
padding: 6px 0px 6px 15px;
}

/*** ORTE ALS LISTE ***/

ul#k_regionen {
list-style: none;
}

ul#k_regionen li.region-id-01 {
position: absolute;
top: 130px;
left: 120px;
background-color: #9DC340;
width: 140px;
padding: 2px 2px 2px 5px;
font-weight: bold;
color: #FFFFFF;
cursor: pointer;
}

ul#k_regionen li.region-id-02 {
position: absolute;
top: 175px;
left: 140px;
background-color: #7E213A;
width: 80px;
padding: 2px 2px 2px 5px;
font-weight: bold;
color: #FFFFFF;
cursor: pointer;
}

ul#k_regionen li.region-id-03 {
position: absolute;
top: 230px;
left: 100px;
background-color: #BA000F;
width: 115px;
padding: 2px 2px 2px 5px;
font-weight: bold;
color: #FFFFFF;
cursor: pointer;
}

ul#k_regionen li.region-id-04 {
position: absolute;
top: 280px;
left: 270px;
background-color: #1C7241;
width: 110px;
padding: 2px 2px 2px 5px;
font-weight: bold;
color: #FFFFFF;
cursor: pointer;
}

ul#k_regionen li.region-id-05 {
position: absolute;
top: 210px;
left: 240px;
background-color: #D59100;
width: 50px;
padding: 2px;
text-align: center;
font-weight: bold;
color: #FFFFFF;
cursor: pointer;
}

ul#k_regionen li.region-id-06 {
position: absolute;
top: 185px;
left: 335px;
background-color: #0082C8;
width: 100px;
padding: 2px 2px 2px 5px;
font-weight: bold;
color: #FFFFFF;
cursor: pointer;
}

ul#k_regionen li a {
color: #FFFFFF;
text-decoration: none;
}

/*** ANREISE ***/

div.anreise h4 {
font-weight: bold;
margin: 0px 0px 10px 0px;
}

div.anreise fieldset {
border: 1px solid silver;
padding: 3px;
}

div.anreise legend {
margin: 0px 0px 0px 10px;
padding: 0px 3px 0px 3px;
font-style: italic;
color: #000000;
}

#text div.anreise label {
display: block;
width: 100px;
padding: 0px 5px 0px 0px;
float: left;
clear: both;
text-align: right;
}

div.anreise input,
div.anreise select {
margin: 0px 0px 5px 0px;
}

#text div.anreise label.radio {
display: inline;
float: none;
position: relative;
top: -7px;
}

div.anreise span.radio {
margin: 0px 0px 0px 90px;
}

div.anreise input#m_plz,
div.anreise input#b_date,
div.anreise input#b_time {
width: 60px;
}

div.anreise input#b_time {
margin: 0px 0px 10px 0px;
}

/*div.anreise input#b_depart {
margin: 0px 0px 0px 0px;
}*/

div.anreise input#m_stadt,
div.anreise input#b_start {
width: 166px;
}

div.anreise select {
width: 170px;
}

#text div.anreise input.button {
padding: 1px;
margin: 5px 0px 15px 0px;
text-align: center;
}

/*** WETTER ***/

div#wetterkacheln h4 {
font-weight: bold;
margin: 0px 0px 15px 0px;
}

div#wetterkacheln table {
width: auto;
margin: 0px 0px 15px 0px;
margin-left: auto;
margin-right: auto;
}

div#wetterkacheln table td {
padding: 3px;
}

div#wetterkacheln ul.webcamlist {
margin: 0px 0px 0px 50px;
}

/*** SEHENSWERTES IM KINZIGTAL ***/

div.sehenswertes h4 {
font-size: 1.2em;
font-weight: bold;
margin: 0px 0px 10px 0px;
}

#text div.sehenswertes a {
color: #30438D;
}

#text div.sehenswertes div {
float: right;
width: 100px;
text-align: center;
border: 1px solid #30438D;
padding: 5px 0px 5px 0px;
margin: 0px 0px 15px 0px;
background: #FFFFFF;
}

div.sehenswertes ul {
list-style: none;
margin: 0px 0px 10px 0px;
}

div.sehenswertes ul li {
margin: 0px 0px 2px 0px;
}

/*** SEHENSW�RDIGKEITEN ***/

div.sight-full div {
margin: 0px 0px 30px 0px;
}

div.sight-full p span.back {
display: block;
border-top: 1px solid #233786;
}

#text div.sight-full p span.back a {
padding: 0px 5px;
color: #233786;
}

/*** ANGEBOT, VERANSTALTUNG ***/

div.angebot-full img,
div.veranstaltung-full img {
float: right;
margin: 0px 0px 0px 20px;
}

div.angebot-full table {
margin: 0px 0px 15px 0px;
}

#text div.angebot-full ul,
#text div.veranstaltung-full ol {
margin: 0px 0px 15px 50px;
}

/*** VERANSTALTUNGEN - VORL�UFIG ***/

#text div.veranstaltungen td {
background: #CFD4E4;
padding: 4px;
color: #000000;
}

#text div.veranstaltungen td a {
color: #000000;
}

/*** ANPASSUNGEN ***/

div.region-full div.text,
div.city-full div.text {
margin: 0px 0px 20px 0px;
}

/*** WARNUNGEN ***/

div.message-warning {
color: #FF0000;
padding: 5px;
border: 2px solid #FF0000;
margin: 0px 0px 10px 0px;
}

div.message-warning ul {
margin: 10px 0px 0px 50px;
}

/*** ALLGEMEINES FORMULAR ***/

div.form-allg-full input {
	margin: 0px 0px 5px 30px;
	width: 240px;
}

div.form-allg-full textarea {
	margin: 0px 0px 5px 30px;
	width: 300px;
}

div.form-allg-full input.checkbox {
margin: 0px 5px 0px 20px;
width: auto;
}

div.form-allg-full fieldset {
border: none;
margin: 0px 0px 15px 0px;
}

div.form-allg-full label {
margin: 0px 0px 0px 20px;
}

div.form-allg-full label.checkbox {
margin: 0px;
}

div.form-allg-full p.buttonblock input {
width: auto;
padding: 1px;
}