/* 
	Campingplatz Hochsauerland
	bgarthe@netzpepper.de
	oktober 2007
	screen-sheet
*/

/* --- allgemeines ------------------------------------------------------------ */
body {
	margin: 0; 
	padding: 0;
	font-size: 12px;
	background-color: white;
	color:#555555;
}
html {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	overflow: auto;
}
a {
	color:#555555;
}
form {
	margin: 0;
	padding: 0;
}
p {
	padding: 0;
	margin: 0;
}

/* --- überschriften ---------------------------------------------------------- */
h1,h2,h3 {
	margin: 0;
	padding: 0;
	color: #000000;
}
h1 {
	font-size: 13px;
	color: #ED7827;
/*	text-transform: uppercase;*/
	margin-bottom: 10px;
}
h2 {
	font-size: 12px;
	color: #ED7827;
/*	text-transform: uppercase;*/
	margin-bottom: 10px;
}
h3 {
	font-size: 12px;
	color: #ED7827;
/*	text-transform: uppercase;*/
	margin-bottom: 9px;
}

/* --- generell listen -------------------------------------------------------- */
div#navigationen-oben ul,
div#navigationen-oben li {
	margin: 0;
	padding: 0;
}

/* --- supporting classes ----------------------------------------------------- */
div.clearing {
	clear: both;
}
img#aspam {
	border: 0;
	width: 1px;
	height: 1px;
	visibility: hidden;
}

/* --- hauptcontainer zentrierung --------------------------------------------- */
div#zentrierung {
	position: absolute;
	vertical-align: bottom;
	height: 540px;
	width: 982px;
	margin: -270px 0 0 -480px;
	top: 50%;
	left: 50%;
	overflow: hidden;
	background-color: white;
}
div#rahmen {
	border: 1px solid #AA1E21;
	width: 978px;
	height: 520px;
	padding: 1px;
}

/* --- spalten ---------------------------------------------------------------- */
div#links {
	float: left;
	width: 387px;
	margin-right: 2px;
}
div#rechts {
	float: left;
	width: 589px;
	width: 588px;
	
	overflow-x:hidden;
}

/* --- teile in den seiten ---------------------------------------------------- */
div#teaser {
	display: block;
	border: 0px solid #A71D20;
	width: 142px;
	height: 282px;
	margin-right: 0px;
	float: left;
	margin-bottom: -2px;
}
img#logo {
	display: block;
	border: 1px solid #D3D3D3;
	width: 241px;
	height: 282px;
	margin-right: 2px;
	float: left;
	margin-bottom: 2px;
}
div#navigationen-oben {
	height: 73px;
	margin-bottom: 10px;
	width:241px;
	text-align: center;
}
div#navigationen {
	position: relative;
	width: 241px;
	height: 282px;
	float: left;
	margin-bottom: 2px;
	margin-right: 2px;
	border: 1px solid #A71D20;
	background-color:#FFE4B7;
	overflow:hidden;
}
div#navigationen ul,
div#navigationen li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
div#navicontainer {	
	height: 170px;	
	width: 241px;
	position: absolute;
	left:0px;
	bottom: 0px;
}
div#rechts-oben {
	position: relative;
	height: 71px;
	background-color: #FFE4B7;
	border: 1px solid #A71D20;
	margin-bottom: 2px;
}

div#subtitle{
	position: absolute;
	
	height: 35px;
	width: 560px;
	left: 10px;
	top: 10px;

	text-align: center;
}
div#navi3{
	position: absolute;
	
	height: 15px;
	width: 560px;
	left: 10px;
	bottom: 2px;
	text-align: center;
		
}

div#navi3 ul,
div#navi3 li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	display:inline;
}


div#inhalt {
	width: 558px;
	height: 391px;
	line-height: 14px;
	overflow: auto;
	overflow-x:hidden;
	padding: 15px;
	margin-right: -10px;
	position: relative;
	font-size: 12px;
}
div#inhalt p {
	margin-top: 0px;
	margin-bottom: 4px;
}

/* --- navigationen ----------------------------------------------------------- */
ul#ebene1 a {
	color: #A71D20;
	text-transform: uppercase;
	font-weight: bold;
	text-decoration: none;
	font-size: 12px;

}
ul#ebene1 a:hover {
	color: #EE8135;
}

ul#ebene1 a.aktiv {
	color: #EE8135;
}
ul#ebene1 {
	position: absolute;
	top: 10px;
	left: 4px;
	line-height: 19px;
}
ul#ebene2 a {
	color: #A71D20;
	text-transform: uppercase;
	font-weight: bold;
	text-decoration: none;
	font-size: 11px;
	font-style: italic;
}
ul#ebene2 a.aktiv {
	color: #EE8135;
}
ul#ebene2 {
	position: absolute;
	top: 10px;
	left: 121px;
	line-height: 19px;
}

ul#ebene3 a {
	color: #666666;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 11px;
	padding:12px;
}
ul#ebene3 a.aktiv {
	color: #AA1E21;
}


/* --- das Inhaltstemplate ------------------------------------------------------------- */

div.obenunten_drumherum{
	position:absolute;
	left:0px;
	top:0px;
	width: 586px;
	height: 401px;
	overflow: hidden;
	height: 419px;
	border: 1px solid #AA1E21;
	margin-right: -4px;
	margin-bottom: -4px;
}

div.obenunten_drumherum div.img{
	width: 588px;
	height: 208px;
	overflow:hidden;
	margin: 0;
	padding: 0;
}


div.obenunten_drumherum img{
	margin: 0;
	padding: 0;
}
div.obenunten_drumherum div.text-links{
	width:366px;
	height:200px;
	padding:5px;
	padding-top: 8px;

	float: left;
	
}
div.obenunten_drumherum div.text-links h1{
	display: block;
	font-size: 12px ;
	color: red;
	float: left;
	margin: 0;
	padding: 0;
	padding-right:4px;
}
div.obenunten_drumherum div.text-links div.floaty{
}
div.obenunten_drumherum div.text-links p{
	margin-top: 5px;
}
div.obenunten_drumherum div.text-links span a{
	text-decoration:underline;
	color: black;
}

div.obenunten_drumherum div.text-rechts{
	width:200px;
	height:200px;
	padding:5px;
	padding-top: 8px;
	float: left;
	
	background-color: #FFF1D7;
}
div.obenunten_drumherum div.text-rechts h1{
	display: block;
	font-size: 12px;
	color: red;
	float: left;
	margin: 0;
	padding: 0;	
	padding-right:4px;
}
div.obenunten_drumherum div.text-rechts div.floaty{
}
div.obenunten_drumherum div.text-rechts p{
	margin-top: 5px;
}

div.obenunten_drumherum div.text-rechts span a{
	text-decoration:underline;
	color: black;
}

/* --- das 2. Inhaltstemplate ------------------------------------------------------------- */

div.obenunten2_drumherum{
	position:absolute;
	width: 586px;
	height: 411px;
	left:0px;
	top:0px;
	overflow: hidden;
	height: 419px;
	border: 1px solid #AA1E21;

}

div.obenunten2_drumherum div.img{
	width: 588px;
	height: 208px;
	overflow:hidden;
	margin: 0;
	padding: 0;
}


div.obenunten2_drumherum img{
	margin: 0;
	padding: 0;
}
div.obenunten2_drumherum div.text-links{
	width:568px;
	height:200px;
	padding:5px;
	padding-top: 8px;

	float: left;
	
}
div.obenunten2_drumherum div.text-links h1{
	display: block;
	font-size: 12px ;
	color: red;
	float: left;
	margin: 0;
	padding: 0;
	padding-right:4px;
}
div.obenunten2_drumherum div.text-links div.floaty{
}
div.obenunten2_drumherum div.text-links p{
	margin-top: 5px;
}
div.obenunten2_drumherum div.text-links span a{
	text-decoration:underline;
	color: black;
}



/* --- der ticker ------------------------------------------------------------- */
div#ticker {
	background-color: #AA1E21;
	position: absolute;
	bottom: 18px;
	left: 2px;
	width: 978px;
	padding-top: 3px;
	height: 19px;
	text-transform: uppercase;
	color: white;
	font-size: 14px;
	font-weight: normal;
	overflow: hidden;
}
div#tickersrc {
	display: none;
}
div.newsticker a {
	color: black;
}
div#ticker p {
	margin: 0;
	padding: 0;
	padding-right: 10px;
	display: inline;
	letter-spacing: 1px;
}
div#ticker {
	cursor: default;
	/* font-weight: bold; */
}
div#ticker p a {
	cursor: pointer;
	text-decoration: none;
	color: white;
}

/* --- fusszeile fuer rechtliche navigation ----------------------------------- */
div.flash {
	width:388px;
	height: 210px;
	overflow:hidden;
	float:left;
}

/* --- fusszeile fuer rechtliche navigation ----------------------------------- */
div#fusszeile ul#rechtlichenavi {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
div#fusszeile ul#rechtlichenavi li {
	margin: 0;
	padding: 0;
	float: left;
}
div#fusszeile ul#rechtlichenavi li a {
	color: #565656;
	font-size: 11px;
	text-transform: uppercase;
	font-weight: bold;
	padding-left: 5px;
	padding-right: 5px;
	text-decoration: none;
}
div#fusszeile {
	position: absolute;
	bottom: 2px;
	right: 0px;
}

/* --- Sprachwahl ------------------------------------------------------------- */

div#sprachwahl {
	display:none;
	position: absolute;
	bottom: -2px;
	left: 0px;
}

html* div#sprachwahl {
	bottom: -3px;
}

div#sprachwahl ul, div#sprachwahl ul li, div#sprachwahl ul a, div#sprachwahl ul a img{
	margin: 0;
	padding: 0;
}

div#sprachwahl ul{
}

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

div#sprachwahl ul li{
	float:left;
	list-style-type: none;
}
div#sprachwahl ul a img {
	border: 0px;
	margin-right: 10px;
	margin-bottom: -2px;
}

/* --- tabellen im content ---------------------------------------------------- */
div#inhalt table td {
	vertical-align: top;
	padding-right: 8px;
}
div#inhalt table {
	border-collapse: collapse; 
}

/* --- formularstuff ---------------------------------------------------------- */
input, textarea {
	border: 1px solid #565656;
	font-size: 13px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
}
input {
	width: 150px;	
}
input.kontakthalf {
	width: 75px;	
}

textarea {
	width: 340px;
	overflow: auto;
	height: 85px;
}
div.fehlerbox {
	margin-top: 14px;
	padding: 3px;
	border: 2px dashed #EE8135;
	color: black;
	margin-bottom: 4px;
}
span.kontakt_fehler {
	font-weight: bold;
	color: #AA1E21;
}
input.pflicht {
	background-color: #F4F4F4;
}



/**************************************************/
/*  Teaser Template*/

div.teaser_drumherum {
	width: 140px;	
	color:#555555;
}

div.teaser_drumherum a{
	text-decoration:none;
	color:#555555;
}

div.teaser_drumherum div#headerrahmen{
	border: 1px solid #AA1E21;
	text-align:center;
	width:140px;
	height:71px;
	background-color:#FFE4B7;

	overflow:hidden;
	
}
div.teaser_drumherum div#headerrahmen h1{
	margin-top: 10px;
}
	
div.teaser_drumherum  div#text{
	position:relative;
	border: 1px solid #AA1E21;
	background-color: #FFF1D7;
	padding:5px;
	margin-top: 2px;
	width: 130px;
	height: 197px;
	overflow:hidden;
}
	
div.teaser_drumherum  div#text p{
}
div.teaser_drumherum  div#text img{
	position:absolute;
	left:0px;
	bottom:0px;
}

/*******************************
	Google Maps
*******************************/
div.tx_lumogooglemaps_pi1_sidebar{
	display:none;
}

div.tx-lumogooglemaps-pi1 {
	height: 365px;
	overflow:hidden;
	margin-bottom:-15px;
}

/*******************************
	Slideshow
*******************************/
div#slideshow img{
	border: 1px solid #A71D20;
}