html, body {
margin: 0;
padding: 0;
}
body {
background-color: #FEEDC9;
color: #FFF;
font-family: Verdana, Helvetica, sans-serif;
font-size: 100%;
text-align: center;/*fuer IE_quirks*/
}


/* mainboxes */

#gesamt {
position: relative;
margin: 0 auto;
width: 900px;
background-color: #FFF;
color: #000;
text-align: left; /*Aufheben von IE_quirks im BODY*/
z-index: 1
}

#kopf {
position: absolute;
background-color: #F5C55E;
top: 0px;
left: 0px;
margin: 0;
padding: 0;
width: 900px;
height: 112px;
z-index: 2
}

#flaeche {
position: absolute;
background-color: #FCF6DD;
top: 112px;
left: 0px;
margin: 0;
padding: 0;
width: 900px;
height: 900px;
z-index: 3
}

#logo {
position: absolute;
background-color: #FFF;
top: 0px;
left: 30px;
text-align: center;
vertical-align: bottom;
margin: 0;
padding: 0;
width: 121px;
height: 162px;
background-attachment: scroll;
background-image: url(grafik/culiente_logo.gif);
background-repeat: no-repeat;
z-index: 4
}

#raster {
position: absolute;
top: 0px;
left: 570px;
text-align: right;
margin: 0;
padding: 0;
width: 330px;
height: 82px;
z-index: 5
}

#menue {
position: absolute;
top: 0px;
left: 212px;
text-align: left;
margin: 0;
padding: 0;
width: 200px;
height: 140px;
z-index: 6
}

#shopmenue {
position: absolute;
top: 96px;
left: 570px;
text-align: left;
margin: 0;
padding: 0;
width: 330px;
height: 30px;
z-index: 7
}

#ambiente {
position: absolute;
top: 140px;
left: 860px;
margin: 0;
padding: 0;
width: 30px;
height: 351px;
background-attachment: scroll;
background-image: url(grafik/culina_ambie.gif);
background-repeat: no-repeat;
z-index: 8
}

#content_0 {
position: absolute;
top: 149px;
left: 310px;
margin: 0;
padding: 0;
width: 480px;
height: auto;
z-index: 9
}

#content_1 {
position: absolute;
top: 190px;
left: 30px;
margin: 0;
padding: 0;
width: 239px;
height: auto;
z-index: 10
}

#content_2 {
position: absolute;
top: 190px;
left: 310px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 230px;
height: auto;
z-index: 11
}

#content_3 {
position: absolute;
top: 190px;
left: 570px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 230px;
height: auto;
z-index: 12
}

#content_4 {
position: absolute;
top: 140px;
left: 310px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 230px;
height: auto;
z-index: 13
}

#content_5 {
position: absolute;
top: 140px;
left: 570px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 230px;
height: auto;
z-index: 14
}

#content {
position: absolute;
top: 140px;
left: 310px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 10px;
width: 510px;
height: auto;
z-index: 15
}

#content_i {
position: absolute;
top: 214px;
left: 540px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 300px;
height: auto;
z-index: 16
}

#content_h {
position: absolute;
top: 315px;
left: 540px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 230px;
height: auto;
z-index: 17
}

#content_k {
position: absolute;
top: 149px;
left: 300px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 10px;
width: 510px;
height: auto;
z-index: 18
}

#soInput {

z-index: 19
display: yes
}

/* -----------------Formatierungen------------------ */
#saison h1 {
font-size: 200%;
color: #CCC;
letter-spacing: 0pt
}

h3 {
font-size: 80%;
color: #F0AC07;
letter-spacing: 1pt;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-decoration: none
}

h4 {
font-size: 80%;
color: #F0AC07;
letter-spacing: 1pt;
margin: 0px 0px 0px 0px;
padding: 15px 0px 0px 0px
}

#content_1 h4 {
font-size: 80%;
color: #F0AC07;
letter-spacing: 1pt;
margin: 0px 0px 0px 0px;
padding: 0px 0px 10px 0px
}

h5 {
font-size: 70%;
color: #EDEEEE;
letter-spacing: 0pt;
margin: 0px 0px 0px 10px
}

/* Texte */
p, li {
font-size: 70%;
line-height: 150%;
color: #963D46
}

#content_2 p {
color: #963D46;
line-height: 150%;
font-weight: normal;
margin: 15px 0px 0px 0px
}
#content_2 {
text-decoration: yes;
color: #963D46
}
#content_2 a:link {
color: #963D46
}
#content_2 a:visited {
color: #963D46
}
#content_2 a:hover {
color: #FAAA5A
}
#content_2 a:active {
color: #FF6600
}

#content_3 p {
color: #963D46;
line-height: 150%;
font-weight: normal;
margin: 15px 0px 0px 0px
}
#content_3 {
text-decoration: yes;
color: #963D46
}
#content_3 a:link {
color: #963D46
}
#content_3 a:visited {
color: #963D46
}
#content_3 a:hover {
color: #FAAA5A
}
#content_3 a:active {
color: #FF6600
}

#content p {
font-size: 70%;
line-height: 150%;
color: #963D46;
margin: 0;
padding: 0
}
#content li {
line-height: 150%
}
#content a {
text-decoration: yes;
color: #963D46
}
#content a:link {
color: #963D46
}
#content a:visited {
color: #963D46
}
#content a:hover {
color: #F0AC07
}
#content a:active {
color: #FF0000
}

ul {
margin: 3px 0px 0px 35px
}

#menue p {
font-size: 8pt;
line-height: 10pt;
color: #963D46;
letter-spacing: 0pt;
margin: 0;
padding: 0;
vertical-align: top
}
#menue p a {
color: #963D46;
text-decoration: none
}
#menue p a:link {
color: #963D46
}
#menue p a:visited {
color: #963D46
}
#menue p a:hover {
color: #FFFFFF
}
#menue p a:active {
color: #FF6600
}

#content_0 p {
font-size: 70%;
line-height: 150%;
color: #963D46;
margin: 10px 0px 0px 0px;
padding: 0
}
#content_0 a {
text-decoration: yes;
color: #963D46
}
#content_0 a:link {
color: #963D46
}
#content_0 a:visited {
color: #963D46
}
#content_0 a:hover {
color: #F0AC07
}
#content_0 a:active {
color: #FF0000
}

#content_1 p {
font-size: 70%;
line-height: 150%;
color: #963D46;
margin: 10px 0px 0px 0px;
padding: 0
}
#content_1 a {
text-decoration: yes;
color: #963D46
}
#content_1 a:link {
color: #963D46
}
#content_1 a:visited {
color: #963D46
}
#content_1 a:hover {
color: #F0AC07
}
#content_1 a:active {
color: #FF0000
}

#content_k p {
font-size: 70%;
line-height: 150%;
color: #963D46;
margin: 10px 0px 0px 0px;
padding: 0
}
#content_k a {
text-decoration: yes;
color: #963D46
}
#content_k a:link {
color: #963D46
}
#content_k a:visited {
color: #963D46
}
#content_k a:hover {
color: #F0AC07
}
#content_k a:active {
color: #FF0000
}

.invis, hr {
display: none
}

img {
border: 0 none
}

.TEXTFELD {
	margin: 10px 0;
	scrollbar-3dlight-color: #FFFFFF;
	scrollbar-arrow-color: #FFFFFF;
	scrollbar-base-color: #FFF;
	scrollbar-darkshadow-color: #F2CB74;
	scrollbar-face-color: #F5BB2E;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-shadow-color: #FFFFFF;
	scrollbar-track-color: #FEEDC9;
	border: 1px #FFF solid;
	background-color: #F2CB74;
	width: 260px;
	font-size: 70%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 12pt;
	color: #963D46;
  	text-align: left;
	padding-left: 5px;
	vertical-align: top
}
.FELD {
	background-color: #DDE1E1;
	width: 140px;
	font-family: Courier New, Courier, mono;
	font-size: 8pt;
	font-style: normal;
	line-height: 9pt;
	color: #4C5B4C;
  	text-align: left;
	padding-left: 5px;
	vertical-align: middle
}
.INPUTFELD {
	background-color: #DDE1E1;
	width: 50px;
	font-family: Courier New, Courier, mono;
	font-size: 8pt;
	font-style: normal;
	line-height: 9pt;
	color: #4C5B4C;
  	text-align: left;
	padding-left: 5px;
	vertical-align: middle
}

.inputbox {
	font-size: 70%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 9pt;
	padding-left: 5px;
	background-color: #F2CB74;
	color: #963D46;
	border: 1px #FFF solid
}

.BUTTON {
	background-color: #F5BB2E;
	border: #963D46 solid;
	border-width: 2px 2px 2px 2px;
	width: 150px;
	font-size: 70%;
	line-height: 10pt;
	color: #963D46;
	text-align: center;
	vertical-align: middle
}

.preis {
background-color: #FFF;
border: #E5CE90 solid;
border-width: 1px 1px 1px 1px
}

.btbmail {
background-color: #FFF;
border: #E5CE90 solid;
border-width: 1px 1px 1px 1px
}
