* {
padding: 0;
margin: 0;
}
body {
margin:0;
padding:0;
border:0;			/* This removes the border around the viewport in old versions of IE */
width:100%;
background:#fff url(../prgimg/topbg.gif) top left repeat-x;
min-width:990px;    /* Minimum width of layout - remove line if not required. The min-width property does not work in old versions of Internet Explorer */
color: #222;
text-align: center;
font: 100.01%/1.25  Verdana, Helvetica, Arial, sans-serif;
}

*+html body {
overflow:hidden;
}
#wrapper {
width:990px;
margin: 0 auto;
text-align: left;
}

/* Header */
#header {
height:148px;
width:100%;
}
#header h1 {
color:#fff;
font-size:22px;
padding:5px 0 0 0;
margin:0 0 0 30px;
width:700px;
float:left;
whitespace:nowrap;
}
#header img {
border-left:1px solid #999;
border-right:1px solid #999;
float:left;
}
#header .logo {
float:right;
margin: 20px 20px 0 0;
padding: 0;
}
/* column container */
.colmask {
position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
clear:both;
float:left;
width:100%;			/* width of whole page */
overflow:hidden;	/* This chops off any overhanging divs */
}
/* 2 column left menu settings */
.leftmenu {
border-left:1px solid #999;
background:#fff;
}
.leftmenu .colright {
float:left;
width:200%;
position:relative;
left:245px;
border-left:1px solid #999;
background:#fff;
}
.leftmenu .col1wrap {
float:right;
width:50%;
position:relative;
right:245px;
}
.leftmenu .col1 {
margin:0 0 0 275px;
position:relative;
right:100%;
overflow:hidden;
}
.leftmenu .col2 {
float:left;
width:245px;
position:relative;
right:246px;
background:#fff;
}

/* Footer */
#footer {
clear:both;
float:left;
width:100%;
background:#a6bb88;
height:15px;
}

/* Content */
#contentleft {
padding: 20px 0 20px 0;
margin-right: 40px;
position:relative;
background:#fff;
float:left;
width:330px;
}
#contentleft p, #contentright p {
font: normal .8em  Verdana, Helvetica, Arial, sans-serif;
text-align:justify;
}
#contentright {
padding: 20px 0 20px 0;
margin: 0;
position:relative;
background:#fff;
float:left;
width:330px;
}
.toptext {
font:normal .8em  Verdana, Helvetica, Arial, sans-serif;
text-align:justify;
padding: 20px 0 20px 0;
}
#contentleft ul
{
list-style-type:disc;
font:normal 0.8em Verdana,Arial,Helvetica,sans-serif;
text-align:left;
margin-top:10px;
}
#contentleft li, .biglightgreenbox-kontakt li { margin:0 0 7px 20px;}
#contentleft li, .biglightgreenbox-ep li { margin:0 0 1px 20px;}
.biglightgreenbox-kontakt {
background:#c6d3b1;
width:680px;
padding:10px;
font:normal .8em Verdana,Arial,Helvetica,sans-serif;
}
.biglightgreenbox-kontakt ul,
.biglightgreenbox-ep ul{
list-style-type:disc;
text-align:left;
margin-top:10px;
}

.greenbox {
padding: 5px;
background:#a6bb88;
border:1px solid #a6bb88;
width:320px;
font: normal .8em  Verdana, Helvetica, Arial, sans-serif;
text-align:left;
}
.lightgreenbox {
padding: 5px;
background:#c6d3b1;
border:1px solid #c6d3b1;
width:320px;
font: normal .8em  Verdana, Helvetica, Arial, sans-serif;
text-align:left;
}
#contentright .lightgreenbox p {
text-align:left;
}
.biglightgreenbox, .biglightgreenbox-ep {
background:#c6d3b1;
width:690px;
margin-top:20px;
font: normal .688em  Verdana, Helvetica, Arial, sans-serif;
text-align:left;
}
.biglightgreenbox {
padding-left:10px;
}
.biglightgreenbox h2, .toptext h2 {
margin-bottom:5px;
font: normal 1.3em  Verdana, Helvetica, Arial, sans-serif;
}
.biglightgreenbox h3 {
float:right;
background:#638f38;
width:430px;
padding:5px;
margin:0;
font: bold 1.3em  Verdana, Helvetica, Arial, sans-serif;
color:#fff;
text-align:right;
}
.biglightgreenbox-ep h3 {
background:#638f38;
width:670px;
padding:5px 10px;
margin:0;
font: bold 1.5em  Verdana, Helvetica, Arial, sans-serif;
color:#fff;
text-align:left;
}
.cardbox {
padding:0;
background:#fff;
width:700px;
margin-top:20px;
}
.width200 {
width:200px;
height:294px;
position:relative;
}
.epbox {
margin:10px;
width:210px;
}
.eppreis {
background:#fff;
padding:3px;
}
.boxmargin {
margin:2px 0 2px 0;
text-align:left;
}
.bildunterschrift, .bildunterschrift_klein {
padding: 5px;
margin: 5px 0 5px 0;
border:1px solid #a6bb88;
background:#a6bb88;
font: normal .688em  Verdana, Helvetica, Arial, sans-serif;
}
.bildunterschrift {
width:690px;
}
.bildunterschrift_klein {
width:320px;
}
.bildunterschrift_mini {
padding: 2px;
margin:0;
background:#a6bb88;
width:196px;
font: normal .8em  Verdana, Helvetica, Arial, sans-serif;
}
h2 {
padding: 0;
margin: 0;
font: bold 0.9em  Verdana, Helvetica, Arial, sans-serif;
}
.streckentipp td {
border:none;
vertical-align:top;
padding:0px 2px 2px 0px;
font: normal .625em  Verdana, Helvetica, Arial, sans-serif;
}
.streckentipp caption {
text-align:left;
font: normal .8em  Verdana, Helvetica, Arial, sans-serif;
}
.info {
border:1px solid #0a519f;
padding:5px;
font: normal .625em  Verdana, Helvetica, Arial, sans-serif;
position:absolute;
bottom:0;
}
.karte {
margin-top:20px;
margin-bottom:10px;
border:1px solid #ccc;
}
.margintop20 {
margin-top:20px;
}
#ausflugstipps {
margin-top:30px;
}
#ausflugstipps td {
font: normal .8em  Verdana, Helvetica, Arial, sans-serif;
width:350px;
padding-bottom:20px;
}
#ausflugstipps .marginbottom {
margin-bottom:7px;
}
#ausflugstipps .border	{
border: 1px solid #999;
margin-right:10px;
}
.left		{float: left;}
.right		{float: right;}

/***** Forms *****/

#kontaktform .field {
clear:both;
margin:0 0 5px 5px;
}
#kontaktform legend {
font:1.2em Verdana, Helvetica, Arial, sans-serif;
color:#ccc;
padding:5px;
}
#kontaktform label {
float:left;
width:150px;
}
#kontaktform input, select, textarea {
font:1em Verdana, Helvetica, Arial, sans-serif;
left:160px;
width:200px;
border:1px solid #638f38;
background:#f5f5f5;
}
#kontaktform textarea {
width:400px;
}
#kontaktform .button {
border:1px solid #638f38;
background:#a6bb88;
color:#fff;
font-weight:bold;
}
#kontaktform fieldset {
width:700px;
}

/* __________________________NAVIGATION__________________________ */

#navcontainer
{
padding: 20px 0 20px 0;
}
#navcontainer ul
{
padding: 0;
list-style-type: none;
font-size: 0.9em; 
font-weight: bold; 
font-family : Verdana,Arial,Helvetica,sans-serif;
}

#navcontainer li { margin: 0 0 10px 0; }

#navcontainer a
{
display: block;
padding: 2px 2px 2px 5px;
color: #333;
background: transparent;
border-left: 10px solid #FFF;
text-decoration: none;
}

#navcontainer a:hover, #navcontainer .currentactive
{
color: #fff;
background-color: #a6bb88;
border-left: 10px solid #638f38;
text-decoration: underline;
}

#navcontainer .current
{
color: #fff;
padding: 2px 2px 2px 5px;
background-color: #a6bb88;
border-left: 10px solid #638f38;
text-decoration: none;
}


/* __________________________NAVIGATION SUB__________________________ */

#subnav ul
{
margin: 0;
padding: 0;
list-style-type: none;
font: normal 0.8em Verdana,Arial,Helvetica,sans-serif;
}

#subnav li { margin: 5px 0 5px 0; }

#subnav a
{
display: block;
padding: 2px 2px 2px 15px;
color: #333;
background: transparent;
border-left: 10px solid #FFF;
text-decoration: none;
}

#subnav a:hover
{
color: #fff;
background-color: #a6bb88;
border-left: 10px solid #638f38;
text-decoration: underline;
}

#subnav .current
{
color: #fff;
padding: 2px 2px 2px 15px;
background-color: #a6bb88;
border-left: 10px solid #638f38;
text-decoration: none;
}

#subnav .margin
{
margin: 0 0 15px 0;
}

/* -- Wenn alles andere versagt, fixfloat hilft -- */

.fixfloat	{
	float					:	none;
	clear					:	both;
	width					:	1px;
	margin					:	0;
	padding					:	0;
	font-size				:	0px;
	line-height				:	0px;
	height					:	1px;
}


/* __________________________CONTENT__________________________ */



.contentpicleft		{float: left; margin: 0 1.5em 0.5em 0;}

.caption			{vertical-align: middle; background-color:#EFEFEF; font-size: smaller; font-weight:bold}

.lefttextar			{text-align: right; font-size: 0.7em;}

.righttextal		{text-align: left; font-size: 0.9em;}

.ausflug			{text-align: left; font-size: 0.9em;}



.smallertext		{font-size: smaller; font-weight: normal}

a:link			{color: #034EA2; text-decoration: underline;}

a:hover	{color: #FF0000;}

a:visited	{color: #333;}

a:visited:hover	{color: #FF0000;}

a:link IMG	{border: 1px solid #000;}
a:visited IMG {border: 1px solid #444;}
a:active IMG {border: 1px solid #FF0000;}

#umleitung, #header a:link IMG	{border: none;}
#umleitung, #header a:visited IMG {border: none;}
#umleitung, #header a:active IMG {border: none;}

#umleitung {visibility:hidden; display:none;}

.border	{border: 1px solid #999;}

#symbole		{
margin: 30px 0 10px 0;
padding: 0;
}

#symbole	li	{
display: inline;
list-style-type: none;
padding-right: 20px;
padding-left: 0;
}


/* __________________________DEISTERTAG__________________________ */

.odd {
background-color:#f5f5f5;
font-weight:bold;
width:50%
}
.even {
background-color:transparent;
font-weight:bold;
width:50%
}
.near {
font-weight:normal;
padding-bottom:20px;
}