* {
    padding: 0;
    margin: 0;
} 

body {
background: #ffffff;
font-family: verdana, tahoma, arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 17px;
color: #333333;
}

img { border: none; }
a { color: #5d800a; text-decoration: none; }
a:hover { text-decoration: underline; color: #7b9b2c; }

#wrap {
margin: 0 auto;
width: 800px;
background: #ffffff;
overflow: auto;
}

#header { 
height: 240px;
background: url(layout_01.jpg) no-repeat;
}



/* /////////////////////////// CONTENT //////////////////////// */


#content {

}

/* /////////////////////////// LEFT //////////////////////// */

#left {
background: transparent;
width: 170px;
float: left;
font-size: 12px;
font-weight:normal;
background: url(layout_02.jpg) no-repeat;

}


#left ul {
list-style-type: none;
padding: 0px 0px 0px 10px;
margin-top: 20px;
}

#left ul li a{
line-height:19px;
padding: 3px 0px 3px 3px;
width: 130px;
border-bottom: 1px solid #7f684c;
display:block;
}

#left ul li a:hover {
	
background: #b08b63;
color: #ffffff;
}


#left ul li a.rex-current {

background: #b08b63;
color: #ffffff;
}



#left a {
text-decoration: none
}

/* /////////////////////////// RIGHT //////////////////////// */

#right {
width: 630px;
float: left;
background: url(layout_03.jpg) no-repeat;
}



#right .inner {
padding-right: 145px;
margin-top: 15px;
}


#right .inner .tinymcewysiwyg p{
margin-right: 65px;
line-height:18px;
margin-bottom: 7px;
}


#right h1 {
color: #5d800a;
padding: 0px 0px 3px 0px;
margin:0px;
margin-bottom: 6px;
font-size:18px;
font-weight:bold;
}

#right h2 {
color: #7f684c;
font-size: 13px;
font-weight: bold;
padding: 0 0 10px 0;

}

#right p {

}

#right ul {
width: 410px;
padding: 8px;
text-align: left;
}

#right ul li {
line-height:21px;
list-style-type: none;
margin-left:2px;
padding-left:22px;
background: url(arrow.gif) no-repeat;
background-position: 3px 3px;
}



/* /////////////////////////// FOOTER //////////////////////// */


#footer {

color: #333;
font-size: 11px;
height: 133px;
background: url(bg_footer.jpg) no-repeat;
clear: both;
display:block;
}


/* ************************ Bild mit Text-Div ************************* */

#right .bildtextblock h2 {
	padding:0 0 3px 0;
}


/* ************************* KONTAKTFORMULAR ************************* */

.formgen {
padding: 12px 0px 10px 35px;
margin: 20px 0px 15px 0px;
width: 400px;
}

.formgen label {
width: 140px;
display:block;
margin-bottom: 4px;
color: #7f684c;
}

.formgen .formtext {
width: 200px;
margin-bottom: 10px;
border: 1px solid #7f684c;
padding: 2px;
}

.formgen .formtextfield {
width:300px;
overflow:auto;
border: 1px solid #7f684c;
}

.forminfo {
font-weight:bold;
color: #ff3300;
margin-top:15px;
}

#form-module-thanks {
border: 1px solid #5d800a;
background: #7b9b2c;
color: #ffffff;
padding:10px;
margin: 20px 0px 10px 0px;
width: 350px;
}

.formblock {
	display:block;
clear: both;
margin: 5px 0px 5px 0px;
}

.formcaptcha {
	display:block;
clear:both;}


/* **************************** GOOGLE_MAPS **************************** */


#static_map {
margin:0 auto;
border:1px solid #000;
}


#map_route {
width:300px;
height:500px;
border:1px solid #000;
float:left;
}


#directions {
float:right;
width:253px;
max-width:253px;
font-size:11px;
}

#directions tbody,#directions tr, #directions table {
width:253px;
}


#routenplaner {
	margin-bottom:20px;
font-size:13px;
}

#routenplaner fieldset {
border: 1px solid #ddd;
margin: 15px 0px 10px 2px;
padding:10px 0px 15px 10px;
width: 440px;
background: #eee;
}

#routenplaner legend {
font-weight:normal;
color: #333333;
}

#routenplaner input {
border:1px solid #aaa;
display:block;
width:60%;
float:left;
margin-right:1em;
padding:0.3em 0.35em;
}


#routenplaner input.btn-submit {
	
	width: 30%;
	padding:0.3em 0.35em;

}

/* //////////////////////////// ZWEISPALTER MIT TINY ////////////// */

#zweispalter {
text-align:left;	

}

#zweispalter .linkespalte {
width:300px;	
float:left;
margin-right: 15px;

}

#zweispalter .rechtespalte {
	float:left;

}

/* ////////////////////////////// BUCHUNGSKALENDER ///////////////////// */

#calendar ul {
padding:0;
margin:0;
margin: 15px 0px 20px 0px; 
width: 300px;
}

#calendar ul li {
padding:5px;
margin:0;
display: inline;
list-style-type: none;
font-weight:normal;
margin-right:30px;
color: #b08b63;
overflow: hidden;
font-size: 12px;
background: #ffffff;
}

#calendar ul li a {
padding:5px;
font-weight:bold;
color: #b08b63;
background: #ffffff;
border: 1px solid #b08b63;
}

#right #calendar table {
float:left;
margin:0px 10px 10px 0px;
width: 150px;
height: 150px;
border-collapse:separate;
font-size: 10px;
}

#right #calendar table th {
background: #f3f1e9;
color: #999792;
text-align:center;
}

#calendar table caption {
background: #b08b63;
color: #ffffff;
font-weight: bold;
font-size: 11px;
}

#calendar td {
text-align:center;
background-color:#ffffff;
color: #333333;
}

#calendar strong {
display:block;
font-weight:bold;
background: #ffffff;
color: #ff3300;
text-align:center;
}

.ssgthumb {
	padding: 2px;
margin-right: 3px;
border: 1px solid #7f684c;
}

.gal {
overflow: hidden;
margin: 5px 0px 5px 0px;
}

.weather {
margin-left: 12px;
margin-top: 8px;
}