/* CSS */

/* bg */
/* LAYOUT */



html {
}


body {
font: 100.01% Arial, sans-serif;
color: #415789;
padding:0;
margin:0;
background: #fff url(../_img/bg_body.jpg) 0 0 repeat-y;
}

.invsbl { /* unsichtbare Inhalte */
position:absolute;
top:-5000em;
left:-5000em;
overflow:hidden;
text-indent:-5000em;
margin: 0;
}





/* CONTAINER */

#container {
padding: 0 ;
/*width:1000px;*/
background: transparent url(../_img/bg_header.jpg) 0 0 no-repeat;
}
#wrp {
width:1000px;
position: relative;
}



/* links 
**********************************************************/

.left-col {
float: left;
width: 234px;
min-height: 500px;
background: transparent url(../_img/bg_header.jpg) no-repeat left top;
}


div#branding {	
position:relative;
height:131px;
}

div#branding h1,
div#branding h2 {	
position:absolute;
top:-5000em;
left:-5000em;
overflow:hidden;
text-indent:-5000em;
margin: 0;
}
div#branding a {	
display:block;
height:131px;
width:234px;
}


#showday {
margin-top:10px;
color:#fff;
background-color: #FA0015;
margin-right:1px;
padding: 10px 22px;
font-size: 0.75em;
}


/* Navigation
*******************************************************/

#navigation {
padding: 28px 0 150px 0;
font-size: 0.75em;
background: transparent url(../_img/bg_un.gif) no-repeat left bottom;
}

#navigation ul {
position:relative;
top:1px;
}
#navigation li {
display: block;
}

#navigation a {
border:1px solid #4B42C1;
background-color: #fff;
padding: 1px 22px;
display: block;
border-left:none;
color: #415789;
font-weight:bold;
text-decoration: none;
line-height:1.4em;
margin-top: 8px;
}
#navigation li.last a {
}

#navigation a:hover {
color: #ff0006;
}

#navigation li.active {
}
#navigation li.active a,
#navigation li.active a:hover {
color: #415789;
background: #fff url(../_img/bg_nav.jpg) repeat-y right top;
}




/* rechts 
**********************************************************/

#mainbody {
text-align:left;
width: 766px;
min-height:420px;
/*background: transparent url(../_img/bg_header.jpg) no-repeat -234px top;*/
padding: 240px 0 0 0;
}
.right-col {
float: left;
}


/* Kopfbild */
#sitepic {
border:1px solid #4B42C1;
position:absolute;
height: 208px;
width: 528px;
top:13px;
left:468px;
background-color:#fff;
}

/* Oeffnungszeiten */
#open {
position: absolute;
top:45px;
left:265px;
width: 190px;
height: 80px;
overflow: hidden;
color:#fff;
font-size: 0.75em;
}
#open p {
line-height: 1.15em;
margin-bottom: 0;
}

/* Sprach Navi */
#lang-nav {
	position: absolute;
	top:124px;
	left:254px;
}
#content_breadcrumb ul,
#lang-nav ul {
	margin:0;
	padding:0;
}
#content_breadcrumb ul li,
#lang-nav ul li {
	list-style: none;
	float: left;
	margin: 0;
	padding:0;
}
#lang-nav ul li a {
	padding: 20px 0 18px 48px;
	font-size: 0.8em;
	color: #415789;
	text-decoration: none;
	text-transform: capitalize;
	font-weight: bold;
display: block;
outline: none;
}
#lang-nav ul li a.current {
color: #990033;
}

.lang_0 a {
margin-left:10px;
background: transparent url(../_img/lang0.jpg) no-repeat left center;
}
.lang_1 a {
margin-left:10px;
background: transparent url(../_img/lang1.jpg) no-repeat left center;
}


/* Content 
**********************************************************/

#content {
font-size: 0.8em;
padding: 20px 0 20px 30px;
width: 736px;
}
#content.wi70{
width: 525px;
float:left;
}

#content ul {
margin: 0 0 18px 20px;
padding: 0;
line-height: 1.25em;
}
#content ol {
margin: 0 0 18px 30px;
padding: 0;
line-height: 1.25em;
}
#content li {
margin: 0 0 2px 0;
}

/* Sidebar 
*************/

#sidebar {
width: 176px;
padding: 20px 0;
float:right;
font-size:0.78em;
}

#sidebar h2 {
}



/* Footer 
**********************************************************/

#siteinfo {
clear:both;
}





/********************************************************* 
allgemeine Formate
**********************************************************/

h1, h2 {
font-size: 1.35em;
margin: 0 0 10px 0;
}
h3 {
font-size: 1.15em;
margin: 0 0 10px 0;
}
h4 {
font-size: 1em;
margin: 0 0 10px 0;
}
h5 {
font-size: 0.95em;
margin: 0 0 10px 0;
}
h6 {
font-size: 0.9em;
margin: 0 0 10px 0;
font-weight: normal;
}

p {
margin: 0 0 10px 0;
line-height: 1.4em;
}

ul, ol, li {
margin: 0;
padding: 0;
}


a {
color: #415789;
text-decoration: underline;
}
a:hover {
text-decoration: none;
}

hr {
height: 1px;
background-color: #4840B7;
color: #4840B7;
border: none;
margin: 3px 0 15px 0;
width: 100%;
clear:both;
}


table {
border-collapse: collapse;
margin-bottom: 15px;
line-height: 1em;
font-size: 0.9em;
width: 100%;
}

th {
border: 1px solid #4840B7; 
padding: 4px 15px 4px 6px;
text-align: left;
vertical-align: top;
color: #333333;
}
td {
border: 1px solid #4840B7;
padding: 4px 15px 4px 6px;
text-align: left;
vertical-align: top;
}

td p,
th p {
margin: 0;
}

img {
border: none;
}



form {	
margin: 0;
padding: 0;
font-size:1em;
float:left;
clear: both;
}

form p {
margin:0;
clear:both;
width:100%;
}

fieldset {	
border: none;
padding: 0;
margin: 0;
}

legend {	
font-weight: bold;
font-size: 1.05em;
padding: 0 5px 15px 0;
margin-left: -5px;
background-color: transparent;
}

label {	
margin:2px 0 5px 0;
float:left;
font-size:1em;
}

input,
select, 
textarea {	
float:left;
margin: 0 5px 5px 0;
border:1px solid #4840B7;
background-color:#fff;
padding:1px;
font-family: Arial, sans-serif;
font-size:1em;
}

input.submit {	
float:left;
margin: 0 5px 5px 0;
border:1px solid #4840B7;
background: #687aa1;
font-weight: bold;
width:auto;
color:#fff;
}

.left {
float:left;
}
.right {
float:right;
}

.clear {
clear: both;
}

.big {
font-size: 135%;
font-weight: bold;
}

/********************************************************* 
MODUL-Formate
**********************************************************/


/* Abstand + Clear
*************************/

div.space {
height: 20px;
clear:both;
}


/* MODUL Text + Bild
**************************/

div.section-txtpic {
margin: 0 0 10px 0;
clear:both;
float:left;
width:100%;
}

div.section-txtpic div.sectiontext {
clear:both;
}
div.section-txtpic.re div.sectiontext,
div.section-txtpic.li div.sectiontext,
div.section-txtpic.li-box div.sectiontext {
clear:none;
}

div.section-txtpic div.sectiontext img {
margin: 3px 15px 15px 0;
float:left;
}


div.section-txtpic p.pic {
margin: 0 0 10px 0;
display:inline;
float:left;
}
div.section-txtpic.re p.pic {
margin: 3px 0 15px 20px;
float: right;
clear:both;
}
div.section-txtpic.li p.pic {
margin: 3px 20px 15px 0;
float: left;
clear:both;
}
span.picsub {
font-size: 0.85em;
line-height:1.2em;
margin:4px 0;
padding-bottom:4px;
display:block;
}



/* fuer 2-spaltige Darstellung */

div.section-txtpic.col-li,
div.section-txtpic.col-re,
div.section-txtpic.col-li-box,
div.section-txtpic.col-re-box {
float:left;
clear:none;
width:48%;
}

div.section-txtpic.col-re,
div.section-txtpic.col-re-box {
float:right;
margin-left:2%;  /*fuer FF3, Safari */
}

div.colclear {
clear: both;
height: 1px;
}

/* mit Rahmen (Aktuelles) */
div.section-txtpic.red {
border: 1px solid #ff0006;
background: #fff url(../_img/bg_redbox.png) 0 0 repeat-x;
font-size: 0.95em;
color:#cc0000;
width:98%;
}
div.section-txtpic.col-li.red,
div.section-txtpic.col-re.red {
width:47.5%;
}
div.section-txtpic.red h2 {
/*background-color: #ff8c8f; heller rot*/
background-color: #ff0006;
color:#fff;
font-size: 1.3em;
padding: 3px 5px;
border-bottom: 1px solid #ff0006;
margin-bottom: 0;
}
div.section-txtpic.red h3 {
font-size: 1.05em;
}
div.section-txtpic.red a {
color:#ff0006;
}
div.section-txtpic.red p.pic,
div.section-txtpic.red div.sectiontext {
padding: 5px 5px 0 5px;
}
div.section-txtpic.red p.pic {
margin: 0;
padding-bottom:5px;
}


/* KONTAKT-FORMULAR xform
**********************************/

div.form-kontakt {
clear: both;
}

div.form-kontakt form {
margin:0 0 10px 0;
}
div.form-kontakt input,
div.form-kontakt select, 
div.form-kontakt textarea {	
margin-bottom: 8px;
margin-right: 0;
}
div.form-kontakt input.text,
div.form-kontakt textarea {
/*width: 524px; ohne Sidebar */
width:300px;
}
div.form-kontakt textarea {
height:300px;
}
div.form-kontakt label {	
width: 194px;
text-align: right;
margin-right: 10px;
}
div.form-kontakt p.req {
font-size: 0.85em;
color:#ff0006;
margin-bottom: 10px;
margin-left: 204px
}

div.form-kontakt input.submit {	
margin-left: 204px
}
div.antispam {
display: none;
}

#content ul.form_warning {
list-style: none;
margin:0 0 15px 0;
color:#ff0006;
}
li.error-first {
font-weight: bold;
}
p.answertext {
}


/* MODUL Galerie
 * allgemein
**********************/

div.gallery {
margin:10px 0;
clear: both;
float: left;
}

#content div.gallery ul {
margin:0;
padding: 0;
}
#content div.gallery li {
list-style: none;
float:left;
display: block;
margin:0 6px 6px 0;
width: 177px;
height: 180px;
}
#content div.gallery li a {
padding:1px;
width: 173px;
height: 98px;
display: block;
overflow: hidden;
}
#content div.gallery li img {
margin: -3px 0 0 -3px;
}
#content div.gallery li span.gal-pic {
border:1px solid #4840B7;
width: 175px;
height: 100px;
display: block;
padding: 1px;
}
#content div.gallery li span.gal-caption {
display: block;
margin: 5px 3px;
font-size: 0.9em;
line-height: 1.15em;
}

/* Vermietung 
***************************/
div.rent-gal {
margin-top:0;
width:100%;
}
span.pricefrom {
font-size:12px;
display:block;
font-weight:bold;
margin:0 5px;
}

#content div.rent-gal li {
width:auto;
height: 144px;
}
#content div.rent-gal li span.gal-pic {
width: auto;
height: 140px;
}
#content div.rent-gal li a {
width: auto;
height: 138px;
}
#content div.rent-gal li img {
margin: 0;
}
p.renteasy a {
text-align:center;
display:block;
padding-top:5px;
font-size:115%;
}

div.rent-desc {
float:left;
width:40%;
}

div.rent-pic-price {
float:right;
width:55%;
}
div.rent-price {
clear: both;
padding-top:10px;
}
div.rent-price-tab {
width:43%;
background-color: #d7dce6;
border:1px solid #4840B7;
padding:2%;
margin-bottom:15px;
}
div.rent-price-txt {
clear: both;
padding-top:6px;
}
div.sparwochen {
margin-top:10px;
clear:both;
width:390px;
padding-left:6px;
padding-right:6px;
text-align:center;
}

div.renteasy {
clear: both;
margin-top:20px;
border:1px solid #ff0006;
padding: 2%;
}
div.renteasy img {
display:block;
margin-top:5px;
}
div.renteasy h4 {
margin-bottom: 4px;
}
div.renteasy p {
margin-bottom: 6px;
}


div.rent-overview {
clear: both;
margin-top:0;
}

#content div.rent-overview ul {
margin:0;
list-style: none;
}
#content div.rent-overview li {
float:left;
}
span.caravan-name {
display:block;
}
#content div.rent-overview li span.gal-pic {
height:110px;
}
#content div.rent-overview li a {
height:108px;
}
#content div.rent-overview li span.caravan-name a {
height: auto;
}

/* MODUL Artikel-, Kategorieliste, Paginierung 
**********************************************/
ul.kategorie-list,
ul.article-list,
ul.pagination {
clear:both;
margin-bottom:10px;
}

div.pager {
clear: both;
padding-top: 30px;
}
p.pager-back {
float:left;
}
p.pager-next {
float:right;
}

/* MODUL Mobile.de 
*********************/
div.mobile-pager {
clear: both;
padding-bottom: 20px;
}

#content ul.pagination {
margin-left:0;
display: inline;
}
#content ul.pagination li {
display:inline;
list-style:none;
margin-left:5px;
font-size: 110%;
}
#content ul.pagination li a {
padding:0 2px;
background:none;
}

div.pager ul.pagination strong {
color:#ff0006;
}

/*#content span.psites {float:left;}*/

.mobile_object {
	clear: both;
	padding-bottom: 10px;
}
.mobile_de_details .mainpic,
.mobile_object .thump {
	float: left;
	border:1px solid #4840B7;
	padding:1px;
}
.mobile_de_details .mainpic {
	margin-right:20px;
}
.mobile_object .mehr {
	clear:both;
	padding:5px 0;
}
dl.kurzinfo {
	margin:0 0 0 165px;
	padding:0;
	border:1px solid #4840B7;
}
dt {
	float:left;
	width:100px;
	padding:3px 5px;
}
dd {
	padding:3px 5px;
}

tr.typ0,
dt.leistungtyp0,
dd.leistungtyp0,
dt.preis,
dd.preis,
dt.kategorie,
dd.kategorie {
	background-color: #BBC4E1;
}


.mobile_de_details .pricebox {
	clear:both;
	padding-top: 20px;
}
.mobile_de_details .pricebox .price {
font-weight: bold;
font-size: 110%;
}

.extrapics a img {
	border:1px solid #4840B7;
	padding:1px;
}
.mobile_de_details .backtop {
	display: block;
	padding-bottom:10px;
	width: 180px;
}

.mobile_de_details table {
	border:1px solid #4840B7;
}

.mobile_de_details table tr td {
	border:none;
	padding:3px 5px;
}
.mobile_de_details .detailfooter {
padding-top:10px;
}
.mobile_de_details .detailfooter a {
margin-right: 5px;
}

.techdata {
margin-bottom: 20px;
}



/* MODUL Tabelle
 * ohne Rahmen
 * sonst Standardformat
**************************

table.border,
table.noborder {
clear:both;
margin-bottom:10px;
}

table.noborder,
table.noborder th,
table.noborder td {
border: none;
padding-left:0;
}
*/