body {
padding:0;
padding-top:20px;
margin:0;
}
html {
background-color:#647348;
background-image:url(http://www.gaertnerlinks.ch/images/Layout/HG_verlauf.jpg);
background-position: bottom;
background-repeat: repeat-x;
min-height: 100%;
}
h1 {
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF; font-weight: bold; PADDING: 4px; background-color: #647348;
}
h2 {
margin:0;
padding:0;
padding-bottom:3px;
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #003300; font-weight: bold;
}
p {
margin:0;
padding:0;
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #003300; font-weight: normal;
}

.klein {  
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 5px; color: #000000;
}
.adresse {  
margin:0;
padding:0;
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height:13px; font-weight:bold; color: #003300; padding-left:8px;
position:relative;
top:60px;
}
.bildlegende {
margin:0;
padding:0;
padding-left:1px;
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; line-height:13px; color: #000000;
top:4px;
}
.navitop {  
font-family: verdana; font-size: 10px; color: #ffffff;
}
.flussli {
float:left;
margin-right: 13px;
}
.flussli2 {
float:left;
margin-right: 13px;
margin-bottom: 10px;
}
.thumbbild {
margin-right: 13px;
margin-bottom: 10px;
}

.footer {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#a6a6a6;
}
.breadcrumb {
PADDING-top: 3px;
PADDING-bottom: 5px;
MARGIN: 1Px;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
FONT-SIZE: 11px;
line-height:15px;
COLOR: #003300;
}

.navibox {
background-color:#cccccc;
border-top: 1px solid rgb(114, 106, 95);
border-right: 1px solid rgb(114, 106, 95);
vertical-align:top;
}

a:link {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; line-height: 13pt; color: #006600}
a:visited {font-family: verdana; font-size:11px; line-height: 13pt;color: #909000 }
a:hover {color: #FF0000 ; text-decoration: none}
a:active {color: #FF0000 ; text-decoration: none}

a.text:link, a.text:visited { COLOR: #556631; TEXT-DECORATION: underline; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; }
a.text:hover, a.text:active { COLOR: #ffffff; background-color:#00782e; TEXT-DECORATION: none; font-size:11px; padding: 1px; } /* 00782e */

a.footer:link, a.footer:visited {	COLOR: #a6a6a6; TEXT-DECORATION: underline; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:10px; }
a.footer:hover, a.footer:active {	COLOR: #ffffff; TEXT-DECORATION: none; font-size:10px;}

a.navitop:link, a.navitop:visited {	COLOR: #FFFFFF; TEXT-DECORATION: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px;}
a.navitop:hover, a.navitop:active {	COLOR: #999999; TEXT-DECORATION: underline; font-size:11px;}

a.breadcrumb:link, a.breadcrumb:visited {	COLOR: #003300; TEXT-DECORATION: underline; font-size:11px;}
a.breadcrumb:hover, a.breadcrumb:active {	COLOR: #999999; TEXT-DECORATION: underline; font-size:11px;}

.besucht {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #CCCCCC}
.titel {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bolder}
.titel_gross {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bolder}
.table_ws_tabelle { font-size: 12 px; COLOR: #000000; font-family: Verdana, Arial, Helvetica, sans-serif; VISIBILITY: hidden; }

.button {
	font-weight: bold;
	border:solid 1px #585250;
	background-color: #FFFFFF;
	color: #585250;
	text-align: center;
	font-size: 9px;
	margin-top: 5px;
}

.inputbox {
	font-weight: normal;
	color: #585250;
	background: #FFFFFF;
	border: 1px solid #585250;
SCROLLBAR-FACE-COLOR: #FFFFFF; 
SCROLLBAR-HIGHLIGHT-COLOR: #585250; 
SCROLLBAR-SHADOW-COLOR: #585250; 
SCROLLBAR-3DLIGHT-COLOR: #FFFFFF; 
SCROLLBAR-ARROW-COLOR: #585250; 
SCROLLBAR-TRACK-COLOR: #FFFFFF; 
SCROLLBAR-DARKSHADOW-COLOR: #FFFFFF;
}

/*Menueinstellugnen*/
#home a.home,
#vorschlag a.vorschlag,
#kontakt a.kontakt {
TEXT-DECORATION: none; DISPLAY: block; WIDTH: 160px; BORDER-BOTTOM: 1px solid #726A5F; PADDING: 3px; text-indent:3px; MARGIN: 1Px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 11px; FONT-WEIGHT: normal; TEXT-ALIGN: left; COLOR: #FFFFFF; BACKGROUND-COLOR: #67724a;
}

.menutree {
position:relative; 
z-index:1000;
}

/* remove all the bullets, borders and padding from the default list styling */
.menutree ul {
padding:0;
margin:0;
list-style-type: none;
width:160px;
}
/* hack for IE5.5 */
* html .menutree ul {margin-left:-16px; ma\rgin-left:0;}
/* position relative so that you can position the sub levels */
.menutree li {
position:relative;
background:#cccccc;
height:23px;
}

/* get rid of the table */
.menutree table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em;}

/* style the links */
.menutree a, .menutree a:visited {
TEXT-DECORATION: none; DISPLAY: block; WIDTH: 160px; BORDER-BOTTOM: 1px solid #726A5F; PADDING: 3px; MARGIN: 1Px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 11px; line-height:15px; FONT-WEIGHT: normal; TEXT-ALIGN: left; COLOR: #333333; BACKGROUND-COLOR: #cccccc;
}
/* hack for IE5.5 */
* html .menutree a, * html .menutree a:visited {background:#cccccc; min-width:160px; w\idth:160px;}

/* style the link hover */
* html .menutree a:hover {color:#FFFFFF; font-weight:normal; background:#67724a; border-bottom:1px solid #726A5F;
}
.menutree :hover > a {
TEXT-DECORATION: none; DISPLAY: block; WIDTH: 160px; BORDER-BOTTOM: 1px solid #726A5F; PADDING: 3px; text-indent:3px; MARGIN: 1Px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 11px; FONT-WEIGHT: normal; TEXT-ALIGN: left; COLOR: #FFFFFF; BACKGROUND-COLOR: #67724a;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menutree ul ul {
visibility:hidden;
position:absolute;
top:0;
left:168px;
}
.menutree ul :hover ul li a,
.menutree ul :hover ul :hover ul,
.menutree ul :hover ul :hover ul :hover ul {
width: 160px;
left:168px;
 z-index:1000;
 }
/* make the second level visible when hover on first level list OR link */
.menutree ul li:hover ul,
.menutree ul a:hover ul {
visibility:visible;
font-weight:normal;
}

/* keep the third level hidden when you hover on first level list OR link */
.menutree ul :hover ul ul{
visibility:hidden;
}
/* keep the fourth level hidden when you hover on second level list OR link */
.menutree ul :hover ul :hover ul ul{
visibility:hidden;
}
/* make the third level visible when you hover over second level list OR link */
.menutree ul :hover ul :hover ul{ 
visibility:visible;
}
/* make the fourth level visible when you hover over third level list OR link */
.menutree ul :hover ul :hover ul :hover ul { 
visibility:visible;
}
.menutree li {float:left;}