/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/variable_dl.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

*{
	margin:                0;
	padding:               0;
}

body {
	background:            url(../images/i_water.gif) repeat-x;
	background-color:      #ffffff;
	padding:               0px;
	margin:                0px;
	font:                  normal 10px/15px Verdana, Arial, Helvetica, sans-serif;
	color:                 #106635;
	text-align:            justify;
}

a, a.href {
	cursor:                pointer !important;
	color:                 #106635;
	font-weight:           bold;
	font-style:            normal;
	text-decoration:       none;
}
a.href {
	border-bottom:         1px dotted #99cc33;
	letter-spacing:        1.2px;
}
a.href:hover, a.href:active, a.href:visited, a.href:focus {
	border-bottom:         1px solid #99cc33;
}

h1 {
	margin:                0px;
	font-size:             1.6em;
	color:                 #106635;
	font-weight:           bold;
	font-style:            italic;
	line-height:           1.3;
	letter-spacing:        1.4px;
	padding-bottom:        6px;
	text-align:            left;
}

h2 {
	margin:                0px;
	font-size:             1.4em;
	color:                 #99cc33;
	font-weight:           bold;
	font-style:            italic;
	line-height:           1.3;
	letter-spacing:        1.4px;
	padding-top:           6px;
	padding-bottom:        3px;
	text-align:            left;
}

h3 {
	margin:                0px;
	font-size:             1.2em;
	color:                 #99cc33;
	font-weight:           bold;
	font-style:            italic;
	line-height:           1.2;
	letter-spacing:        1.1px;
	padding-top:           6px;
	padding-bottom:        3px;
	text-align:            left;
}

ul {
	list-style-image:      url(../images/x_dot_light_m.gif);
	list-style-position:   outside;
	margin-top:            2px;
	margin-bottom:         2px;
	padding-left:          30px;
	padding-top:           6px;
	padding-bottom:        6px;
}
ol {
	list-style-position:   outside;
	margin-top:            2px;
	margin-bottom:         2px;
}
li {
	margin-bottom:         2px;
}

p {
	margin-top:            5px;
	margin-bottom:         10px;
}

table {
	background-color:      #ffffff;
	border-collapse:       collapse;
	border:                1px solid #106635;
	margin-top:            10px;
	margin-bottom:         5px;
}
td, th {
	font-size:             10px;
	color:                 #106635;
	font-family:           Arial, Helvetica, sans-serif;
	border-collapse:       collapse;
	padding:               5px;
}
td.table_smart_nowrap {
	white-space:           nowrap;
}
th {
	color:                 #106635;
	background-color:      #99cc33;
}
td.table_fill {
	background-color:      #106635;
}
tr {
	vertical-align:        top;
}

table.clear {
	border:                0;
	margin:                0;
}

#navright {
	position:              absolute;
	width:                 950px;
	height:                auto;
	left:                  10px;
	top:                   -1px;
}

#navigation {
	position:              absolute;
	top:                   0px;
	right:                 0px;
	margin-right:          5px;
}

#footertext {
	font:                  normal 9px Verdana, Arial, Helvetica, sans-serif;
	text-align:            right;
	background:            #99cc33;
	color:                 #106635;
	border-top:            1px solid #106635;
	border-bottom:         1px solid #106635;
	padding:               2px 5px 2px 5px;
	margin-top:            5px;
}
#footerbiosiegel {
	position:              relative;
	top:                   -24px;
	left:                  5px;
	float:                 left;
}
#footerdisclaimer {
	font:                  normal 9px Verdana, Arial, Helvetica, sans-serif;
	text-align:            right;
	color:                 #106635;
	padding:               5px 5px 7px 5px;
}

.roundcorner {
	float:                 left;
	display:               block;
	overflow:              hidden;
	width:                 29px;
	height:                26px;
}

img.pfeil {
	margin-top:            7px;
}
img.dotsmall {
	margin-bottom:         1px;
	border:                0;
}
img.alphabet, img.translate {
	border:                0;
	float:                 left;
}
img.grafix {
	border:                0;
}
img.grafixborder {
	border-top:            1px solid #99cc33;
	border-left:           1px solid #99cc33;
	border-right:          1px solid #99cc33;
}
img.border {
	border:                1px solid #99cc33;
}
img.content {
	margin-top:            10px;
	border:                0;
}
img.flags {
	margin-left:           3px;
	border-top:            1px solid #99cc33;
	border-left:           1px solid #99cc33;
	border-right:          1px solid #106635;
	border-bottom:         1px solid #106635;
}
img.smallicon {
	margin-bottom:         2px;
}

#logo {
	position:              absolute;
	left:                  0px;
	top:                   5px;
}

#drinks {
	position:              absolute;
	left:                  572px;
	top:                   109px;
}

#content {
	position:              absolute;
	width:                 950px;
	height:                auto;
	left:                  10px;
	top:                   200px;
}

#contentheader {
	float:                 left;
	width:                 620px;
	height:                auto;
	margin-right:          10px;
}

#contentleft {
	float:                 left;
	width:                 300px;
	height:                auto;
}

#contentright {
	float:                 left;
	width:                 300px;
	height:                auto;
	margin-right:          10px;
	margin-left:           10px;
}

#grafix {
	float:                 left;
	width:                 310px;
	text-align:            right;
	font:                  normal 0.8em/0.8em Verdana, Arial, Helvetica, sans-serif;
	color:                 #99cc33;
}

#left20 {
	float:                 left;
	width:                 20px
}
#left80 {
	float:                 left;
	width:                 80px
}
#left170 {
	float:                 left;
	width:                 170px
}
#left210 {
	float:                 left;
	width:                 210px
}

hr, hr.hr620 {
	width:                 100%;
	height:                1px;
	color:                 #99cc33;
	border-top:            1px solid #99cc33;
	border-bottom:         0px solid #FFFFFF;
	border-left:           0px solid #FFFFFF;
	border-right:          0px solid #FFFFFF;
	margin:                0;
	padding:               0;
}
hr.hr620 {
	width:                 620px;
	text-align:            left;
}

.form_small, .form_wide {
	float:                 left;
	width:                 140px;
	text-align:            right;
	margin-right:          10px;
	margin-top:            0px;
	margin-bottom:         0px;
	color:                 #9F390A;
}
.form_small {
	width:                 140px;
}

textarea, input, select {
	border:                1px solid #9F390A;
	background-color:      #ffffff;
	width:                 140px;
	margin-top:            0px;
	margin-bottom:         0px;
}
input.submit, input.submit_wide {
	color:                 #ffffff;
	background-color:      #9F390A;
}
input.submit_wide {
	width:                 300px;
	min-width:             300px;
}

#error {
	width:                 300px;
	font-weight:           bold;
	color:                 #cc0000;
	text-decoration:       none;
	padding:               5px;
	margin-top:            5px;
	margin-bottom:         5px;
	border:                1px solid #cc0000;
}

#erfolg {
	width:                 300px;
	font-weight:           bold;
	color:                 #00aa00;
	text-decoration:       none;
	padding:               5px;
	margin-top:            5px;
	margin-bottom:         5px;
	border:                1px solid #00aa00;
}

#menu {
	list-style-type:       none;
	padding:               0;
}

#menu li {
	display:               block;
	float:                 left;
	position:              relative;
	z-index:               100;
	margin-right:          1px;
}
#menu li span {
	display:               block;
	z-index:               100;
	background:            #99cc33;
	padding:               5px 10px;
	font:                  bold 12px/14px Verdana, Arial, Helvetica, sans-serif;
}
#menu li a, #menu li a:visited {
	display:               block;
	padding:               0;
}

#menu dl {
	position:              absolute;
	top:                   0;
	left:                  0;
	margin:                0;
	padding:               0;
	background:            url(../images/x_transparent.gif);
}
#menu dt {
	background:            #99cc33;
	margin:                0;
	font:                  bold 12px/14px Verdana, Arial, Helvetica, sans-serif;
	border-bottom:         1px solid #ffffff;
	float:                 left;
	border-right:          1px solid #ffffff;
	height:                26px;
}
#menu dd {
	display:               none;
	background:            transparent;
	border-bottom:         1px solid #ffffff;
	clear:                 left;
	margin:                0;
	padding:               0;
	color:                 #106635;
	font-size:             1em;
	text-align:            left;
}

#menu dt a, #menu dt a:visited {
	display:               block;
	color:                 #106635;
	padding:               5px 10px;
	text-decoration:       none;
}
#menu dd a, #menu dd a:visited {
	background:            transparent url(../images/opaque_green.png); 
	color:                 #106635;
	text-decoration:       none;
	display:               block;
	padding:               5px 10px;
	font:                  bold 10px/14px Verdana, Arial, Helvetica, sans-serif;
}

#menu li a:hover {
	border:                0;
}

#menu li:hover dd, #menu li a:hover dd {
	display:               block;
}
#menu li:hover dl, #menu li a:hover dl {
	border-bottom:         1px solid #ffffff;
}
#menu li:hover dt a, #menu li a:hover dt a, #menu dd a:hover {
	background:            transparent url(../images/opaque.png); 
	color:                 #106635;
}