body {
margin:0px 0 0 0;
padding:0px 0 100px 0;
font-family: 'Lucida Grande', arial;
background-color:#204528;
height:900px;
background-image:url(../files/hintergrund2.png);
}

body p {
position:relative;
}


h1{
position:relative;
color: #ffffff;
}


h3{
position:relative;
color: #fff8d2;
}


p {

position:relative;
color:#ffffff;
font-size: 14pt;
}



.textRahmen {
width:900px;
height:auto;
position:relative;
left:0px;
}

div p {
position:relative;
color:#000000;
}

div.textRahmen {
width:900px;
height:auto;
position:relative;
left:50px;
}

div.textRahmen p {
position:relative;
color:#ffffff;
}

.reservierungsrahmen {
width:900px;
height:auto;
position:relative;
left:50px;
}

.reservierungsrahmen h4 {
font-size:1.0em;

}

.reservierungsrahmen p {
font-size:1.0em;
}

.formularkasten1 {
margin:0px 20px 0px 0px;
padding:20px 0 40px 20px;
background-color:#fff8d2;
width:400px;
min-height:640px;
height:auto;
float: left;
border-radius: 18px
}

.formularkasten1 select#Personenanzahl {
-webkit-appearance: none;
-moz-appearance: none;
background-color:#ffffff;
background-image:url(files/auswahl-dreieckle.png);
background-position: 0px -3px;
padding:8px 8px 8px 20px;
margin:0;
border:2px solid #000000;
font-size:1.0em;
border-radius:18px;
width:90%;
}

.formularkasten1 select#Tageszeit {
-webkit-appearance: none;
-moz-appearance: none;
background-color:#ffffff;
background-image:url(files/auswahl-dreieckle.png);
background-position: 0px -3px;
padding:8px 8px 8px 20px;
margin:0;
border:2px solid #000000;
font-size:1.0em;
border-radius:18px;
width:90%;
}

#uhrzeitMittag select, #uhrzeitNachmittag select, #uhrzeitAbend select {
-webkit-appearance: none;
-moz-appearance: none;
background-color:#ffffff;
background-image:url(files/auswahl-dreieckle.png);
background-position: 0px -3px;
padding:8px 8px 8px 20px;
margin:0;
border:2px solid #000000;
font-size:1.0em;
border-radius:18px;
width:90%;
}
.weiterzuerueck {

-webkit-appearance: none;
-moz-appearance: none;
background-color:#ffe6a8;

background-position: 0px -3px;
padding:8px 8px 8px 8px;
margin:0 10% 0 0;
border:2px solid #000000;
font-size:1.0em;
border-radius:18px;
width:40%;
text-align:center;
float:right;
}

.formularkasten1 p{

}

.formularkasten1 input{
margin:0px 0px 0px 0px;
padding:0px;

}

.formularkasten1 input.radio {

margin:0px 10px 8px 0px;
}
.formularkasten2 {
margin:0px 0px 0px 0px;
padding:20px 0 20px 20px;
position: relative;
float:right;
background-color:#fff8d2;
width:400px;
height:330px;
border-radius: 18px
}


.formularkasten2 h4 {
margin:0px 20px 0px 0px;
padding:0px;
position: relative;

border-radius: 18px
}

.formularkasten2 p {
margin:20px 20px 0px 0px;
padding:0px;
position: relative;


}

.formularkasten3 {
position: relative;
width:420px;
height:290px;
float:right;
margin:20px 0px 0px 0px;
padding:0px 0 0 20px;
}

.formularkasten3 img{
margin:20px 20px 0px 0px;
padding:0px 0 0 0px;
position: relative;
width:420px;
height:290px;
border-radius: 18px
}


#blatt3 input {
-webkit-appearance: none;
-moz-appearance: none;
background-color:#ffffff;

background-position: 0px -3px;
padding:8px 8px 8px 20px;
margin:10px 0;
border:2px solid #000000;
font-size:1.0em;
border-radius:18px;
width:70%;

}

#blatt3 textarea {
-webkit-appearance: none;
-moz-appearance: none;
background-color:#ffffff;

background-position: 0px -3px;
padding:8px 8px 8px 20px;
margin:10px 0;
border:2px solid #000000;
font-size:1.0em;
border-radius:18px;
width:70%;
height:50px;
}

#zurueck4 {

-webkit-appearance: none;
-moz-appearance: none;
background-color:#ffe6a8;

background-position: 0px -3px;
padding:8px 8px 8px 8px;
margin:0 10% 0 0;
border:2px solid #000000;
font-size:1.0em;
border-radius:18px;
width:25%;
text-align:center;
float:left;
}

#senden {

-webkit-appearance: none;
-moz-appearance: none;
background-color:#ffe6a8;

background-position: 0px -3px;
padding:8px 8px 8px 8px;
margin:0 10% 0 0;
border:2px solid #000000;
font-size:1.0em;
border-radius:18px;
width:50%;
text-align:center;
float:right;
}

#zweiter {
display:none;
}

.error {
color:red;
}

.clear {
clear:both;

}


@media  screen and (max-width: 450px) {


body {
margin:0px;
padding:0px 3% 0 3%;
font-family: 'Lucida Grande', arial;
background-color:#204528;
width:320px;
overflow-x:hidden;
height:auto;
}

h1 {
font-size:1.4em;
}

.formularkasten1 {
margin:0px 20px 30px 0px;
padding:20px 0 20px 20px;
background-color:#fff8d2;
width:320px;
height:auto !important;
min-height:0;
left:0;
float: left;
border-radius: 18px
}

div, h1, h2, h3, h4 {
max-width:320px;
width:300px !important;
float:none !important;
left:0 !important;
position:relative;
}
div.datepick-nav, div.datepick {
background-color:#444;
}

#datumswahl {
width:260px !important;

}

p {
font-size:1.0em;
}

.formularkasten3 {
padding:0;
width:320px;
left:0;
}

.formularkasten3 img {
padding:0;
width:320px;
}

select {
background-position: -100px -3px !important;

}

}