body {
margin : ;
padding : 0;
text-align : center;
background : url(Bilder/hintergrund.jpg);
font-size : 92%;
font-family : Arial, Helvetica, sans-serif;
line-height : 160%;
}

#pagewidth {
width : 950px;
text-align : left;
margin-left : auto;
margin-right : auto;
padding : 10px;
border : 2px solid #9B3028;
}

DIV.container {
	margin-top: 3%;
	width: 849px;
	height : auto;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	
	}
	
	
DIV.container a:link ,DIV.container a:visited, DIV.container a:hover{
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;	

}

DIV.container_aussen {
	margin-bottom: auto;
	width: auto;
	background-image: url(Bilder/wellehintergrund.jpg);
	background-repeat: repeat-x;
	background-color: #FEECBA;
	height: auto;
	border-bottom-width: 25px;
	border-bottom-style: solid;
	border-bottom-color: 993333;
	text-align: center;
	vertical-align: bottom;
	margin-top: 3%;
	overflow: visible;
}



#header {
position : relative;
height : 180px;
background : #fdf6e3 url(img/banner.jpg) no-repeat;
width : 100%;
margin-bottom : 0;
padding : 8px 10px 0 0;
}


.button a, .button a:link, .button a:active, .button a:visited {
color : #fff;
font-size : 85%;
font-weight : bold;
letter-spacing : 1px;
text-align : center;
display : block;
width : 120px;
height : 14px;
background : url(img/button.png) no-repeat;
text-decoration : none;
margin : 10px 0 5px 0;
padding : 3px 0 3px 0;
line-height : normal;
}

.button a:hover {
color : #fff;
background-position : 0 -20px;
background-repeat : no-repeat;
}

.submitbutton {
color : #fff;
font-size : 85%;
font-weight : bold;
letter-spacing : 1px;
text-align : center;
display : block;
margin : 10px 0 5px 0;
padding : 3px 0 3px 0;
width : 125px;
height : 26px;
border : 1px solid white;
}

#details {
font-size : 85%;
background-color : #fff;
border : 1px solid #8eb287;
width : 398px;
padding : 5px;
margin : 20px 10px 0 0;
text-align : left;
line-height : 140%;
}

#leftcol {
width : 175px;
float : left;
position : relative;
margin-bottom : 40px;
}

#logo {
background : url(img/logo.jpg) no-repeat;
width : 165px;
height : 165px;
padding : 5px;
text-align : center;
font-size : 136%;
color : #fff;
font-weight : bold;
letter-spacing : 1px;
}

ul#navlist {
width : 175px;
width : 175px;
width : 175px;
padding : 0;
border-top : 0;
margin : 0;
}

ul#navlist li {
list-style : none;
margin : 0;
border : 0;
}

ul#navlist li a {
font-size : 80%;
color : #128073;
font-weight : bold;
display : block;
width : 159px;
width : 175px;
width : 159px;
padding : 4px 8px 4px 8px;
border : 0;
text-decoration : none;
text-align : left;
outline : none;
letter-spacing : 1px;
background-color : #fdf6e3;
border-bottom : 1px solid #dbd49e;
border-top : 1px solid #dbd49e;
}

ul#navlist li a:hover {
background-color : #fdf6e3;
color : #a3c9a2;
border-bottom : 1px solid #128073;
border-top : 1px solid #128073;
}

ul#submenu {
background-color : transparent;
margin-left : 20px;
padding-left : 0;
}

ul#submenu a, ul#submenu a:link, ul#submenu a:active, ul#submenu a:visited {
font-weight : bold;
color : #808080;
font-size : 77%;
width : 140px;
background-color : transparent;
padding-left : 0;
line-height : normal;
border-bottom : 1px solid #fdf6e3;
border-top : 1px solid #fdf6e3;
}

ul#submenu li a:hover {
color : #9dad4a;
border-bottom : 1px solid #fdf6e3;
border-top : 1px solid #fdf6e3;
}

#navlist a.current, #navlist a.current:active, #navlist a.current:visited {
background-color : #27673a;
color : #fff;
text-decoration : none;
border-bottom : 1px solid #128073;
border-top : 1px solid #128073;
}

#submenu a.current, #submenu a.current:active, #submenu a.current:visited {
color : #128073;
background-color : transparent;
border-bottom : 1px solid #fdf6e3;
border-top : 1px solid #fdf6e3;
}

#maincol {
float : right;
display : inline;
position : relative;
width : 565px;
margin-bottom : 40px;
}

#maincol .text {
color : #0f6679;
margin : 10px 0 0 10px;
}

a:link, a:visited, a:active {
color : #266538;
font-weight : bold;
outline : none;
text-decoration : underline;
}

a:hover {
color : #9dad4a;
text-decoration : none;
}

h1 {
background : url(img/leaf.png) no-repeat;
height : 30px;
padding : 5px 0 0 34px;
position : relative;
margin : -10px 0 10px 0;
color : #128073;
font-size : 182%;
letter-spacing : 2px;
}

h2 {
background : url(img/basket.png) no-repeat 0%;
height : 25px;
color : #9dad4a;
font-size : 167%;
letter-spacing : 2px;
padding : 5px 0 0 30px;
position : relative;
}

h3 {
background : url(img/bottle.png) no-repeat 0% 0%;
height : 22px;
color : #6aa58a;
font-size : 152%;
letter-spacing : 2px;
padding : 0 0 0 38px;
position : relative;
}

h4 {
color : #128073;
font-size : 136%;
letter-spacing : 1px;
}

h5, h6 {
color : #333;
font-size : 107%;
letter-spacing : 1px;
}

#footer {
font-size : 85%;
text-align : center;
padding : 10px 0 0 0;
background-color : #fdf6e3;
clear : both;
color : #0f6679;
border-top : 1px solid #39581c;
}

clearfix:after {
content : ".";
display : block;
height : 0;
clear : both;
visibility : hidden;
}

.clearfix {
display : inline;
}

* html .clearfix {
height : 1%;
}

.clearfix {
display : block;
}