/*update für Ausflugssziele 24.11.2022, xl-works.ch/oertli*/

* {
margin: 0;
padding: 0;
}

/* rendert html5 elemente als block  */
.header, .footer, .section, .nav {display: block;}

body {
background-color: rgb(255,255,255);
background: rgb(255,255,255);
font-family: Arial, Helvetica, SunSans-Regular, Sans-Serif;
font-weight: 400;
font-size: 0.95em;
color: rgb(255,0,0);
}

img {border: none}

a {letter-spacing: 0.03em; color: rgb(159,149,129); text-decoration: none; margin: 0 0px;}
a:visited {font-weight: 500;}
a:hover {color: rgb(190,100,100);}
a:active {font-weight: 400;}
a.sprache{color: rgb(199,189,169); text-transform: uppercase;}
a.sprache:hover {color: rgb(190,100,100); text-transform: uppercase;}
a.spracheaktiv {font-weight: 700; color: rgb(159,149,129); text-transform: uppercase;}
a.spracheaktiv:hover {color: rgb(190,100,100);}

a.top{font-weight: 700; color: rgb(199,189,169);}
a.top:hover {font-weight: 700; color: rgb(159,149,129);}
a.topaktiv {font-weight: 700; color: rgb(159,149,129);}

a.subtop{font-weight: 400; color: rgb(255,255,255);}
a.subtop:hover {color: rgb(159,149,129);}
a.subtopaktiv {color: rgb(159,149,129); font-weight: 400;}

h1 {
font-family: Arial, Helvetica, SunSans-Regular, Sans-Serif;
font-size:1.1em;
letter-spacing: 0.05em;
text-transform: uppercase;
color: rgb(159,149,129);
padding: 40px 0 20px 500px;
font-weight: 700;
}

h2 {
font-family: Arial, Helvetica, SunSans-Regular, Sans-Serif;
font-size:1em;
letter-spacing: 0.05em;
text-transform: uppercase;
color: rgb(159,149,129);
padding: 20px 0 5px 500px;
font-weight: 600;
}

/********************************
container zentriert das layout
********************************/

#container {
width: 1100px;
margin: 0px auto 0;
background-color: rgb(255,255,255);
}


/********************************
header for logo
********************************/

.header {
background: rgb(255,255,255);
height: 135px;
padding: 0px;
}

/********************************
content
********************************/

.section#navi-top {
background-color: rgb(255,255,255);
font-size:0.83em;
min-height: 35px;
margin: 0 0 10px 0;
padding: 3px 0 0 100px;
border-top: 1px dotted rgb(199,189,169);
}

.section#navi-sub {
background-color: rgb(199,189,169);
text-transform: uppercase;
font-size:0.83em;	
padding: 5px 0 6px 410px;		
}

.section#bild {
background-color: rgb(255,255,255);
height: 400px;
margin: 0px;
padding: 0px;
}

.section#content {
background-color: rgb(239,229,209);
background-repeat: no-repeat;
background-position: left top;
background-image: url(../pic/wasserzeichen.png); /*wasserzeichen, in styles fodler*/
margin: 0px;
min-height: 250px;
border-top: 6px solid rgb(255,255,255);
}

.foto-left-ausfluege {
float: left;
width: auto;
height: 100px;
margin: 0px 20px 20px 500px;
padding: 0;
}

.foto-ausfluege {
float: left;
width: auto;
height: 100px;
margin: 0px 20px 20px 0px;
padding: 0;
}

.quellenangabe-foto-ausfluege {
position:absolute;
color: rgb(159,149,129);
margin: -16px 0 0 500px;
padding: 0;
font-size: 0.8em;
line-height: 1.0em;
}

.foto-left {
float: left;
width: 250px;
height: 225px;
margin: 30px 24px 50px 207px;
padding: 0;
}

.foto {
float: left;
width: 250px;
height: 225px;
margin: 30px 24px 50px 15px;
padding: 0;
}

.foto-middle {
float: left;
width: 250px;
height: 225px;
margin: 30px 24px 50px 500px;
padding: 0;
}

.foto-left-hoch {
float: left;
width: 250px;
height: 320px;
margin: 30px 24px 50px 207px;
padding: 0;
}

.foto-hoch {
float: left;
width: 250px;
height: 320px;
margin: 30px 24px 50px 15px;
padding: 0;
}

.foto-gastgeber {
float: left;
width: 450px;
height: 300px;
margin: 0px 0px -1px 650px;
padding: 0;
}

.plan {
float: left;
width: 550px;
height: 365px;
margin: 40px 0px 50px 500px;
padding: 0;
}

p {
line-height: 1.5em; 
font-weight: 400;
padding: 0px 50px 10px 500px;
color: rgb(159,149,129);
}

.preis {
padding: 0 20px 0 0;
font-weight: 400;
}

/********************************
navigation
********************************/

ul {
text-transform: uppercase;
font-weight: 700;
margin: 0;
padding: 0;
list-style: none;
}
		
ul li {
display: block;
position: relative;
float: left;
}
		
li ul {display: none;}
		
ul li a {
display: block;
text-decoration: none;
color: rgb(199,189,169);
border-top: 0px solid #ffffff;
padding: 5px 10px 5px 10px;
margin-left: 1px;
white-space: nowrap;
}
		
ul li a:hover {}

li:hover ul { 
display: block; 
position: absolute;
}	
		
li:hover li { 
float: none;	
}
		
li:hover a {background: rgb(255,255,255);}
li:hover a:hover {color: rgb(190,100,100);}


/********************************
navigation sprachen
********************************/

.nav {
float: left;
font-size:0.83em;
line-height: 1.6em;
width: 100px;
margin: 0 0 0 100px;
padding: 10px 0px 0px 0px;
}

.logo {float: right; padding: 15px 50px;}

.antifloat {
clear: left;
}


/*******************************
float box
********************************/

.clr {
clear: both;
margin: 0;
padding: 0;
overflow:hidden;
height: 1px;
}


/********************************
footer: NEU 3.6.16/xl-works.ch
********************************/

.footer-logo {
float: left;
width: 60px;
margin: 40px 0px 0px 100px;
padding: 0px;
}

.footer-left {
float: left;
font-size: 0.85em;
font-weight: 300;
color: rgb(150,150,150);
background-color: rgb(255,255,255);
width: 250px;
margin: 30px 24px 50px 47px;
padding: 0;
}

.footer {
float: left;
font-size: 0.85em;
font-weight: 300;
color: rgb(150,150,150);
background-color: rgb(255,255,255);
width: 250px;
margin: 30px 24px 50px 15px;
padding: 0;
}

.footer a {
margin: 0; padding: 0;
font-weight: 300;
color: rgb(150,150,150);
background-color: rgb(255,255,255);
}

.footer a:hover { 
color: rgb(190,100,100);
}

.BnB {
padding: 13px 100px 0px 0px;
}

/*.formtext {font-size: 1.0em; color: rgb(159,149,129);}*/
.formtext {font-size: 1.0em; color: rgb(204,0,0);}
.formfehler {font-size: 1.0em; font-weight: bold; color: rgb(204,0,0);}
.formsend {font-size: 1.0em; font-weight: bold; color: rgb(159,149,129); padding: 3px 0px 3px 500px;}
.formread {font-size: 1.0em; color: rgb(159,149,129); padding: 3px 50px 3px 500px;}
.formfehlersend {font-size: 1.0em; font-weight: bold; color: rgb(204,0,0); padding: 3px 50px 3px 500px;}

/********************************
Formular
********************************/

form {
margin: 0px 0 30px 300px;
padding: 0;
}

input { 
width: 450px;
background: rgb(229,219,199);
border: 1px solid rgb(229,219,199); 
color: rgb(129,119,99);
font-size: 0.85em; 
margin-top: 5px;
padding: 1px;
}

textarea {
font-family: Arial, Helvetica, SunSans-Regular, Sans-Serif;
font-size: 0.85em;
padding: 5px;
color: rgb(129,119,99);
width: 450px; 
line-height: 12px;
margin-top: 5px;
border: 0px solid rgb(229,219,199); 
background: rgb(229,219,199);
}

input.not, textarea.not { 
width: 90px;
background-color: rgb(229,219,199);
border: 1px solid rgb(189,179,159); 
color: rgb(179,169,149);
font-size: 0.8em; 
margin-top: 15px;
padding: 1px;
}

.beschriftung {
color: rgb(179,169,149);
width: 190px; padding-right:10px;
text-align:right;
font-size: 0.9em;
float: left;
line-height: 150%;
}

.message {font-size: 1.0em; color: rgb(159,149,129); padding: 20px 50px 3px 500px;}