/*
_ _ _ _ _ _ _ _ _ _ _ _

 elkeringhausen.de
 2005-03-14
 mm@raut.de
_ _ _ _ _ _ _ _ _ _ _ _

*/

html, body { 
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	font-family: Arial, Helvetica, Verdana;
	font-size: 10pt;
	background-color: #BDCEE7;
}
img {
	border: 0px;
}

a {
	color: #000000;
	text-decoration: none;
}
div#contentcontainer a, div#contentcontainerlang a {
	text-decoration: underline;
}


/*
_________________________________________

Aufbau der seite
_________________________________________
*/

#zentrierung {
	position: absolute;

	height: 577px;
	width: 900px;

	margin: -288px 0 0 -450px;

	top: 50%;
	left: 50%;
	
	text-align: left;
	padding: 0px;
	overflow: hidden;
	
	background-color: #E7F0E6;
}
#oben {
	height: 96px;
	width: 900px;
	background-color: #859BCD;
	display: block;
}
img#video {
	width: 144px;
	height: 96px;
	position: absolute;
	top: 0;
	left: 0;
	border: 0;
}


/*
_________________________________________

clearing !
_________________________________________
*/

.clearen {
	clear: both;
}



/*
_________________________________________

oben navi
_________________________________________
*/

#oben_navi {
	height: 26px;
	background-color: #FFFFFF;
	border: 1px solid black;
}
.navigationsabstand {
	height: 18px;
	float: left;
	border-right: 1px solid black;
	padding: 4px 14px 4px 14px;
	width: 21px;
	font-size: 16px;
}
.navigationspunkt {
	height: 18px;
	float: left;
	border-right: 1px solid black;
	padding: 4px 14px 4px 14px;
	font-size: 16px;
}
.navigationspunktaktiv {
	height: 18px;
	float: left;
	border-right: 1px solid black;
	padding: 4px 14px 4px 14px;
	background-color: #9CD642;
	font-size: 16px;
}
.navigationspunkt:hover {
	background-color: #9CD642;
}



/*
_________________________________________

newsticker auf der startseite
bild auf startseite
_________________________________________
*/

img#bildstartseite {
	width: 865px;
	height: 453px;
}
div#newstickerstartseite {
	background-color: #E7F0E6;
	border: 1px solid black;
	width: 360px;
	height: 20px;
	top: 490px;
	left: 328px;
	position: absolute;
	padding: 2px;
}

/*
_________________________________________

inhaltsseiten und formatierungen
im inhalt
_________________________________________
*/

div#contentcontainer {
	width: 702px;
	height: 423px;
	padding: 15px;
	float: left;
	overflow: auto;
	overflow-x: hidden;
}
div#bilderrundgang img {
	padding: 2px;
	border: 1px solid #859BCD;
	margin-bottom: 0px;
}
div#contentcontainerlang {
	width: 870px;
	height: 423px;
	padding: 15px;
	float: left;
	overflow: auto;
	overflow-x: hidden;
}
h1 {
	margin: 0px 0px 8px 0px;
	padding: 0px;
	font-weight: bold;
	font-size: 20px;
	font-style: italic;
	border-bottom: 2px solid #859BCD;
	display: inline;
}
h2,h3 {
	font-weight: bold;
	font-size: 14px;
}
span.fett {
	font-weight: bold;
}

/*
_________________________________________

navigation links
_________________________________________
*/

div#navigationlinks {
	width: 148px;
	height: 453px;
	background-color: #9CD642;
	padding: 10px;
	font-size: 14px;
	float: left;
}
a.navigationspunktlinks {
	width: 140px;
	padding-left: 10px;
	background-image: url(../bilder/navigationspunkt.gif);
	background-repeat: no-repeat;
	margin-bottom: 5px;
}
a.navigationspunktlinks:hover {
	background-image: url(../bilder/navigationspunktover.gif);
}
a.navigationspunktlinksaktiv {
	width: 140px;
	padding-left: 10px;
	background-image: url(../bilder/navigationspunktover.gif);
	background-repeat: no-repeat;
	padding-bottom: 15px;
}



/*
_________________________________________

bilderrahmen (auch sonderfaelle)
bildunterschriften
bildabstände
_________________________________________
*/

div#contentcontainer img {
	padding: 2px;
	border: 1px solid #859BCD;
	margin-bottom: 0px;
}
div#contentcontainerlang img {
	padding: 2px;
	border: 1px solid #859BCD;
	margin-bottom: 0px;
}
div.bildunterschrift {
	width: 202px;
	font-size: 8pt;
}
div#contentcontainer img#wanderkarte {
	margin-left: 0px;
	border: 0px;
	float: left;
}
div#contentcontainer img#sauerlandcard {
	border: 0px;
}
div#contentcontainer_eineseite div#ortsplancontainer {
	border: 0px;
	top: 175px;
	left: 237px;
	width: 582px;
	position: absolute;
	height: 383px;
}
div#contentcontainer_eineseite img#ortsplancontainer_img {
	border: 0px;
	top: 175px;
	left: 237px;
	width: 582px;
	position: absolute;
	height: 383px;
}

img.winter {
	margin-right: 10px;
	margin-top: 0px;
	display: block;
	float: left;
}
img.winterunten {
	margin-right: 10px;
	margin-top: 10px;
	display: block;
	float: left;
}

/*
_________________________________________

bilderrundgang
_________________________________________
*/

div#rundganglinks {
	float: left;
	margin-right: 20px;
	width: 88px;
}
div#rundganglinks img, div#rundgangrechts img {
	margin-bottom: 4px;
}
div#rundganglinks img.keinabstand, div#rundgangrechts img.keinabstand {
	padding: 0px;
}
div#rundgangrechts {
	float: left;
	width: 88px;
}
div#rundgangmitte {
	float: left;
	margin-right: 20px;
	width: 470px;
}



/*
_________________________________________

aufteilung links/rechts
und bilder in anfahrt
sonstiges anfahrtsseite
_________________________________________
*/

div#contentcontainer div#links {
	float: left;
	width: 470px;
}
div#contentcontainer div.links_groesse_acht {
	font-size: 8pt;
}
div#contentcontainer div#ferienheime {
	float: left;
	width: 460px;
	background-color: #E2EEDA;
	border: 1px solid #859BCD;
	padding: 5px;
}
div#contentcontainer div#rechts {
	float: right;
}
div#anfahrt li {
	padding: 0px;
	margin: 0px;
}
div#anfahrt ul {
	margin-bottom: 2px;
	padding-bottom: 0px;
	margin-top: 2px;
	padding-top: 0px;
}


/*
_________________________________________

listenformatiereungen
_________________________________________
*/

li {
	list-style-image: url(../bilder/listenpunkt.gif);
	padding-top: 3px;
	padding-bottom: 2px;
}
li.ueberschrift {
	font-weight: bold;
	list-style-type: none;
	list-style-image: none;
}



/*
_________________________________________

unterkunftsseiten
_________________________________________
*/

div.contentkaesten {
	background-color: #E2EEDA;
	border: 1px solid #859BCD;
	width: 320px;
	height: 376px;
	float: left;
	padding: 5px;
	margin-right: 10px;
	margin-bottom: 10px;
}
img.unterkuenfte_hausbilder {
	float: right;
}
div.unterkuenfte_adresse {
	float: left;
	width: 142px;
}
div.unterkuenfte_beschreibung {
	clear: both;
}
h2.unterkuenfte_haustitel {
 	padding: 0px;
	margin: 0px;
	margin-top: 0px;
	margin-bottom: 6px;
}



/*
_________________________________________

hover-effekt für wanderkarte
_________________________________________
*/

.nichtversteckt {
}
.versteckt {
	visibility: hidden;
}



/*
_________________________________________

tabelle (veranstaltungen)
_________________________________________
*/

table.veranstaltungstabellen td {
	vertical-align: top;
	background-color: #E2EEDA;
	border: 1px solid #859BCD;
	font-size: 9pt;
	/*neu*/
	width: 250px;
}
table.veranstaltungstabellen td.hinweise {
	vertical-align: top;
	font-weight: bold;
	background-color: #DDEDD1;
	border: 1px solid #859BCD;
}
table.veranstaltungstabellen {
	border-spacing: 0px;
	border-collapse: collapse; 
	margin-bottom: 15px;
}
table.veranstaltungstabellen .datum {
	width: 200px;
}
table.veranstaltungstabellen .breit {
	width: 400px;
}


/*
_________________________________________

kontaktformular
_________________________________________
*/

.black {
	color: black;
}
.red {
	color: red;
}
table#kontakt {
	border-spacing: 0px;
	border-collapse: collapse;
	margin-bottom: 10px; 
}
table#kontakt td {
	vertical-align: top;
}
table#kontakt td.beschriftungen {
	width: 98px;
}
table#kontakt input, textarea{
	width: 220px;
	font-family: Arial, Helvetica, Verdana;
	font-size: 10pt;
}
table#kontakt textarea {
	height: 34px;
}
form {
	margin-top: 0px;
	padding-top: 0px;
}
input {
	padding-top: 0px;
	padding-bottom: 0px;
	margin-bottom: 0px;
	margin-top: 0px;
}
div#kontaktkastencheckbox {
	margin-top: 6px;
	margin-bottom: 6px;
}


/*
_________________________________________

contentcontainer für den fall dass wir
keinen scrollbalken zulassen wollen:
contentcontainer_eineseite
_________________________________________
*/

div#contentcontainer_eineseite {
	width: 702px;
	height: 423px;
	padding: 15px;
	float: left;
	overflow: hidden;
	overflow-x: hidden;
	overflow-y: hidden;
}
div#contentcontainer_eineseite img {
	padding: 2px;
	border: 1px solid #859BCD;
}


/*
_________________________________________

anfahrtskarte an/aus
_________________________________________
*/

div#anfahrtskarte {
	position: absolute;
	top: 156px;
	left: 371px;
	z-index: 100; 
	width: 340px;
	height: 299px;
	background-color: #D4E5D2;
}
div#anfahrt_buttondiv {
	width: 150px;
	height: 74px;
	margin-left: 65px;
	float: left;
}
div#anfahrt_buttondiv img {
	margin-left: 22px;
}
div#anfahrt_koordinaten {
	font-size: 10px;
	width: 290px;
	height: 72px;
	border: 1px solid #859BCD;
	float: left;
}
div#anfahrt_koordinaten td {
	width: 150px;
}



/*
_________________________________________

wanderwege an aus
_________________________________________
*/

div.wanderkartentextkasten {
	background-color: #D4E5D2;
	border: 1px solid #859BCD;
	position: absolute;
	top: 237px;
	left: 275px;
	height: 82px;
	width: 180px;
	padding: 5px;
	z-index: 100;
}
div#e1 {
	z-index: 200;
}
div#e2 {
	z-index: 300;
}
div#e3 {
	z-index: 400;
}
div#e4 {
	z-index: 500;
}

div.wanderkartentextkastenintro {
	position: absolute;
	top: 337px;
	left: 675px;
	height: 193px;
	width: 180px;
	padding: 5px;
	z-index: 100;
}



/*
_________________________________________

kontaktseite
_________________________________________
*/

div.contentkontakt {
	width: 420px;
	height: 423px;
	padding: 15px;
	float: left;
	overflow: hidden;
}
img#kontaktbild {
	margin-top: 93px;
	margin-left: 50px;
	padding: 2px;
	border: 1px solid #859BCD;
	margin-bottom: 0px;
	display: block;
}
div#kontaktkasten {
	padding-top: 8px;
	padding-left: 10px;
	padding-bottom: 0px;
	margin-left: 60px;
	background-color: #E2EEDA;
	border: 1px solid #859BCD;
	height: 295px;
	width: 350px;
}
input#absenden {
	margin-top: 3px;
}



/*
_________________________________________

wellnessseiten grimmeblick
_________________________________________
*/


div#contentcontainergrimmeblick {
	width: 702px;
	height: 423px;
	padding: 15px;
	float: left;
	overflow: auto;
	background-color: #99CCFF;
}
div#grimmeblick {
	margin-left: 50px;
	margin-top: 27px;
	width: 595px;
}
#grimmeblick1 {
	padding-bottom: 10px;
	display: block;
}
#grimmeblick2 {
	margin-left: 10px;
}
#grimmeblick3 {
	padding-left: 20px;
}
#grimmeblick4 {
	display: block;
	padding-left: 40px;
	padding-bottom: 5px;
}
#grimmeblick5 {
	margin-top: 20px;
}
#grimmeblick6 {
	padding-right: 35px;
}
#grimmeblick7 {
	padding-right: 43px;
}



/*
_________________________________________

ferienheime
_________________________________________
*/


img#ferienheim1 {
	float: left;
}
div#ferienheim2 {
	background-color: #E2EEDA;
	border: 1px solid #859BCD;
	float: left;
	width: 270px;
}
img#ferienheim3 {
	float: left;
}
div#ferienheim4 {
	background-color: silver;
	clear: left;
}
table#ferienheime_preise td {
	vertical-align: top;
}
table#ferienheime_preise {
	border-spacing: 0px;
	border-collapse: collapse;
	margin-bottom: 10px; 
}
table#ferienheime_preise td.links {
	width: 210px; 
}


/*
_________________________________________

verlinkung rhs, wht, bike arena
_________________________________________
*/

div.verlinkungen {
	float: left;
	width: 120px;
	height: 100px;
	padding-left: 35px;
}
div.verlinungen img {
	border: 0px;
}



/*
_________________________________________

unterkunftsbereich karte (ortskarte)
_________________________________________
*/

a#house_27 {
	top: 116px;
	left: 456px;
	height: 18px;
	width: 18px;
	padding-top: 5px;
	padding-left: 5px;
}
a#house_25 {
	top: 271px;
	left: 426px;
	height: 18px;
	width: 18px;
	padding-top: 5px;
	padding-left: 5px;
}
a#house_26 {
	top: 186px;
	left: 105px;
	height: 18px;
	width: 18px;
	padding-top: 5px;
	padding-left: 5px;
}
a#house_22 {
	top: 192px;
	left: 204px;
	height: 18px;
	width: 18px;
	padding-top: 5px;
	padding-left: 5px;
}
a#house_19 {
	top: 136px;
	left: 142px;
	height: 18px;
	width: 20px;
	padding-top: 5px;
	padding-left: 3px;
}
a#house_01 {
	top: 230px;
	left: 233px;
	height: 18px;
	width: 18px;
	padding-top: 5px;
	padding-left: 5px;
}
a#house_04 {
	top: 260px;
	left: 211px;
	height: 18px;
	width: 18px;
	padding-top: 5px;
	padding-left: 5px;
}
a#house_21 {
	top: 265px;
	left: 176px;
	height: 18px;
	width: 18px;
	padding-top: 5px;
	padding-left: 5px;
}
a#house_16 {
	top: 240px;
	left: 5px;
	height: 18px;
	width: 20px;
	padding-top: 5px;
	padding-left: 3px;
}
a#house_24 {
	top: 360px;
	left: 220px;
	height: 18px;
	width: 18px;
	padding-top: 5px;
	padding-left: 5px;
}
a#house_11 {
	top: 327px;
	left: 275px;
	height: 18px;
	width: 20px;
	padding-top: 5px;
	padding-left: 3px;
}
a#house_14 {
	top: 296px;
	left: 275px;
	height: 18px;
	width: 20px;
	padding-top: 5px;
	padding-left: 3px;
}
a#house_20 {
	top: 224px;
	left: 425px;
	height: 18px;
	width: 18px;
	padding-top: 5px;
	padding-left: 5px;
}
a#house_06 {
	top: 260px;
	left: 263px;
	height: 18px;
	width: 18px;
	padding-top: 5px;
	padding-left: 5px;
}
a#house_29 {
	top: 314px;
	left: 198px;
	height: 18px;
	width: 18px;
	padding-top: 5px;
	padding-left: 5px;
}
a#house_30 {
	top: 105px;
	left: 371px;
	height: 18px;
	width: 18px;
	padding-top: 5px;
	padding-left: 5px;
}
a#house_03 {
	top: 158px;
	left: 366px;
	height: 18px;
	width: 18px;
	padding-top: 5px;
	padding-left: 5px;
}
a#house_07 {
	top: 194px;
	left: 410px;
	height: 18px;
	width: 18px;
	padding-top: 5px;
	padding-left: 5px;
}
a#house_02 {
	top: 52px;
	left: 417px;
	height: 18px;
	width: 18px;
	padding-top: 5px;
	padding-left: 5px;
}
a#house_08 {
	top: 48px;
	left: 438px;
	height: 18px;
	width: 18px;
	padding-top: 5px;
	padding-left: 5px;
}
a#house_23 {
	top: 170px;
	left: 500px;
	height: 18px;
	width: 18px;
	padding-top: 5px;
	padding-left: 5px;
}
a#house_04 {
	top: 134px;
	left: 392px;
	height: 18px;
	width: 18px;
	padding-top: 5px;
	padding-left: 5px;
}
a#house_08 {
	top: 42px;
	left: 439px;
	height: 18px;
	width: 18px;
	padding-top: 5px;
	padding-left: 5px;
}
a#house_05 {
	top: 5px;
	left: 493px;
	height: 18px;
	width: 18px;
	padding-top: 5px;
	padding-left: 5px;
}
a#house_04 {
	top: 260px;
	left: 214px;
	height: 18px;
	width: 18px;
	padding-top: 5px;
	padding-left: 5px;
}
a#house_12 {
	top: 229px;
	left: 264px;
	height: 18px;
	width: 20px;
	padding-top: 5px;
	padding-left: 3px;
}
a#house_13 {
	top: 183px;
	left: 455px;
	height: 18px;
	width: 20px;
	padding-top: 5px;
	padding-left: 3px;
}
a#house_09 {
	top: 134px;
	left: 391px;
	height: 18px;
	width: 18px;
	padding-top: 5px;
	padding-left: 5px;
}
a#house_10 {
	top: 154px;
	left: 405px;
	height: 18px;
	width: 20px;
	padding-top: 5px;
	padding-left: 3px;
}

a#house_17 {
	top: 54px;
	left: 380px;
	height: 18px;
	width: 20px;
	padding-top: 5px;
	padding-left: 3px;
}
a#house_18 {
	top: 62px;
	left: 484px;
	height: 18px;
	width: 20px;
	padding-top: 5px;
	padding-left: 3px;
}
a#house_28 {
	top: 245px;
	left: 282px;
	height: 18px;
	width: 18px;
	padding-top: 5px;
	padding-left: 5px;
}

div.house_info_kasten_versteckt {
	height: 35px;
	position: absolute;
	top: 30px;
	left: 30px;
	background-color: #D4E5D2;
	padding: 5px;
	border: 1px solid black;
	visibility: hidden;
}
div.house_info_kasten_nichtversteckt {
	height: 35px;
	position: absolute;
	top: 30px;
	left: 30px;
	background-color: #D4E5D2;
	padding: 5px;
	border: 1px solid black;
}
a.houses {
	position: absolute;
	background-image: url(../bilder/haus_off.gif);
}
a.houses:hover {
	background-image: url(../bilder/haus_on.gif);
}
a.houses_versteckt {
	visibility: hidden;
}
div#contentcontainer_eineseite img#druckbild {
	display: none;
}

/* zusaetzlicher bildabstand im contentbereich; ausgelagert 2009-04-28 */
div.zusaetzlicherbildabstand {
	margin-bottom: 22px;
}