/* CSS Document */

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	margin: 0;
	padding: 0;
	line-height: 20px;
	color: #333;	
background: url('img/navi_bg.jpg') no-repeat top left;
}


img {
padding: 5px 10px 0 0;
float: left;
border: none;
}

p {
margin: 0;
padding: 0 0 20px 0;
}

h3, h4 {
margin: 0;
padding: 0;
}

h4 {
font-size: 12px;
font-weight: bold;
color: #5A690A;
margin: 0;
padding: 0;
}

a, a:link { color: #596906; text-decoration: none;}
a:visited { color: #596906; text-decoration: none;}
a:hover 	{ color: #489A50; text-decoration: underline;}
a:active 	{ color: #596906; text-decoration: none;}

#intro, h3 span {
display:none;
}

/******* Head *******/

#head {
background: #fff url('img/head.jpg') no-repeat;
height: 190px;
padding: 10px 0 0 580px;
}

#meta {
position: absolute;
top: 6px;
left: 370px;
font-size: 10px;
margin: 0;
padding: 0;
}

#headline {
background: url('img/headline_bg.jpg') no-repeat;
height: 57px;
margin: 0;
padding: 0;
}

h3.headStart {
background: url('img/ty_head_start.gif') no-repeat;
height: 57px;
margin-left: 180px;
}

h3.headHaus {
background: url('img/ty_head_haus.gif') no-repeat;
height: 57px;
margin-left: 180px;
}

h3.headZimmer {
background: url('img/ty_head_zimmer.gif') no-repeat;
height: 57px;
margin-left: 180px;
}

h3.headFreizeit {
background: url('img/ty_head_freizeit.gif') no-repeat;
height: 57px;
margin-left: 180px;
}

h3.headWandern {
background: url('img/ty_head_wandern.gif') no-repeat;
height: 57px;
margin-left: 180px;
}

h3.headWandern2 {
background: url('img/ty_head_wandern2.gif') no-repeat;
height: 57px;
margin-left: 180px;
}

h3.headMotorrad {
background: url('img/ty_head_motorrad.gif') no-repeat;
height: 57px;
margin-left: 180px;
}

h3.headPreise {
background: url('img/ty_head_preise.gif') no-repeat;
height: 57px;
margin-left: 180px;
}

h3.headAngebote {
background: url('img/ty_head_angebote.gif') no-repeat;
height: 57px;
margin-left: 180px;
}

h3.headBuchung {
background: url('img/ty_head_buchung.gif') no-repeat;
height: 57px;
margin-left: 180px;
}

h3.headImpressum {
background: url('img/ty_head_impressum.gif') no-repeat;
height: 57px;
margin-left: 180px;
}

h3.headKontakt {
background: url('img/ty_head_kontakt.gif') no-repeat;
height: 57px;
margin-left: 180px;
}

h3.headWanderbares {
background: url('img/ty_head_wanderbares.gif') no-repeat;
height: 57px;
margin-left: 180px;
}

/******* Navigation *******/

#navi {
font-size: 12px;
font-weight: bold;
width: 133px;
margin: 0;
padding: 0;
float:left;
color: #fff;
}

#navi ul {
list-style: none;
margin: 0;
padding: 0 ;
}

#navi li {
background: url('img/navi_linie.gif') no-repeat bottom left;
padding: 5px 0 5px 20px;
}

#navi li.mainNavEnd {
background: none;
padding: 5px 0 0px 20px;
}

#navi li.subNav {
background: none;
padding: 5px 0 0px 30px;
}

#navi li.subNavEnd {
background: url('img/navi_linie.gif') no-repeat bottom left;
padding: 5px 0 5px 30px;
}

#navi li.angebote {
background: url('img/navi_linie.gif') no-repeat bottom left;
padding: 5px 0 5px 30px;
}

#navi a:link { color: #596906; text-decoration: none; font-weight:normal;}
#navi a:visited { color: #596906; text-decoration: none; font-weight:normal;}
#navi a:hover 	{ color: #fff; text-decoration: none; font-weight:normal;}
#navi a:active 	{ color: #596906; text-decoration: none; font-weight:normal;}

#navi li.angebote a:link 		{ color: #fff; text-decoration: none; font-weight:bold;}
#navi li.angebote a:visited 	{ color: #fff; text-decoration: none; font-weight:bold;}
#navi li.angebote a:hover 		{ color: #fff; text-decoration: none; font-weight:bold;}
#navi li.angebote a:active 	{ color: #fff; text-decoration: none; font-weight:bold;}

/******* Textbereich  *******/

#text {
position: absolute;
left: 131px;
width: 440px;
margin: 0;
padding: 0 0 0 54px;
}

/******* Bubbles *******/ 

#bubbles {
position: absolute;
top: 200px;
left: 637px;
width: 220px;
margin: 0;
padding: 0;
}

#bubbles h3 {
background: url('img/bubbles_start.jpg') no-repeat;
/*height: 357px; alte Höhe*/
height: 500px;
}

#bubbles h3.bubblesHaus {
background: url('img/bubbles_unserhaus.jpg') no-repeat;
height: 357px;
}

#bubbles h3.bubblesZimmer {
background: url('img/bubbles_zimmer.jpg') no-repeat;
height: 357px;
}

#bubbles h3.bubblesFreizeit {
background: url('img/bubbles_freizeit.jpg') no-repeat;
height: 357px;
}

#bubbles h3.bubblesWandern {
background: url('img/bubbles_wandern.jpg') no-repeat;
height: 357px;
}

#bubbles h3.bubblesWandern2 {
background: url('img/bubbles_wandern2.jpg') no-repeat;
height: 357px;
}

#bubbles h3.bubblesMotorrad {
background: url('img/bubbles_motorrad.jpg') no-repeat;
height: 357px;
}

#bubbles h3.bubblesKontakt {
background: url('img/bubbles_kontakt.jpg') no-repeat;
height: 357px;
}

#bubbles h3.bubblesGaestebuch {
background: url('img/bubbles_gaestebuch.jpg') no-repeat;
height: 357px;
}

#bubbles h3.bubblesBuchung {
background: url('img/bubbles_buchung.jpg') no-repeat;
height: 357px;
}

#bubbles h3.bubblesAngebote {
background: url('img/bubbles_angebote.jpg') no-repeat;
height: 357px;
}

#bubbles h3.bubblesPreise {
background: url('img/bubbles_preise.jpg') no-repeat;
height: 357px;
}

/******* Tabellen *******/
td.bg1 {
background: #D7E97D;
padding: 1px 1px 1px 20px;
}

td.bg2 {
background: #BACA5F;
padding: 1px 1px 1px 20px;
}

td.bg1Mitte {
background: #D7E97D;
padding: 1px 10px 1px 10px;
text-align:center;
}

td.bg2Mitte {
background: #BACA5F;
padding: 1px 10px 1px 10px;
text-align:center;
}

.typoKlein {
	font-size: 10px;
}


td.bga1 {
background: #D7E97D;
padding: 1px 1px 1px 20px;
width: 30px;
}

td.bga2 {
background: #BACA5F;
padding: 1px 1px 1px 20px;
width: 30px;
}

td.bgb1 {
background: #D7E97D;
padding: 1px 1px 1px 20px;
}

td.bgb2 {
background: #BACA5F;
padding: 1px 1px 1px 20px;
}
/******* Angebot *******/
#angebot {
position: absolute;
top: 72px;
left: 40px;
font-size: 11px;
line-height: 12px;
color: #5B690A;
}

.preis {
font-size: 16px;
font-weight: bold;
line-height: 20px;
text-align: right;
}

.weiter {
padding-top: 0px;
padding-left: 60px;
}

/******* Kontakt ******
input {
	width: 230px;
	height: 18px;
	border: solid 1px #5A690A;
	font-family : Verdana, Arial, sans-serif;
	color : #5A690A;
	font-size : 11px;
	margin: 0;
	padding: 0;
}

input.plz {
	width: 50px;
}

input.ort {
	width: 175px;
}

input.reise {
	width: 20px;
}

input.radio {
	border: none;
	width: 12px;
}

select {
	width: 232px;
	height: 18px;
	border: solid 1px #5A690A;
	font-family : Verdana, Arial, sans-serif;
	color : #5A690A;
	font-size : 11px;
	margin: 0;
	padding: 0;
}

select.monat {
	width: 134px;
}

select.jahr {
	width: 60px;
}

textarea {
	width: 228px;
	height: 100px;
	border: solid 1px #5A690A;
	font-family : Verdana, Arial, sans-serif;
	color : #5A690A;
	font-size : 11px;
}

/******* Backend *******/

h3.headRedaktion {
background: url('img/ty_head_redaktion.gif') no-repeat;
height: 57px;
margin-left: 180px;
}

#confirm {
position: relative;
top: -2px;
left: -2px;
padding : 0px 0px 10px 0px;
width : 244px;
height: 60 px;
font-family : Verdana, Arial, sans-serif;
font-size: 11px;
line-height: 16px;
text-align : center;
color: #5A690A;
background: #D7E97D;
border : solid 2px #5A690A;
}

input.login {
	position: absolute;
	left: 200px;
	width: 180px;
}

.errordisplay { 
line-height: 30px;
color : #FF0033;
font-weight : bold;
vertical-align : bottom;
}

.redstar { 
color : #FF0033;
font-weight : bold;
}

.successdisplay { 	
line-height: 30px;
color : #BACA5F;
font-weight : bold;
vertical-align : bottom;
}

input.neu {
position : absolute;
margin-bottom : 20px;
top : 0px;
left : 393px;
width : 100px;
font-size : 10px;
background-color : #ffffff; 
color : #5A690A;
border : 1 solid #5A690A;
}


.headline { 
position : absolute; 
left : 120px;
width : 300px;
}

.edit { 
position : absolute; 
left : 460px;
width : 12px;
}

.delete { 
position : absolute; 
left : 480px;
width : 12px;
}

.formrow1 { 
position : relative; 
top : 0px;
padding : 12px 0px 12px 0px;
line-height: 16px;
}

.formrow2 { 
position : relative; 
top : 56px;
padding : 12px 0px 12px 0px;
line-height: 16px;
}

.formrow3 { 
position : relative; 
top : 112px;
padding : 12px 0px 12px 0px;
line-height: 16px;
}

.formrow4 { 
position : relative; 
top : 120px;
padding : 12px 0px 12px 0px;
line-height: 16px;
}

.formrow5 { 
position : relative; 
top : 160px;
padding : 12px 0px 12px 0px;
line-height: 16px;
text-align: right;
}

.formrow6 { 
position :absolute; 
top : 190px;
padding : 12px 0px 12px 0px;
line-height: 16px;
}

.formrow7 { 
position :absolute; 
top : 226px;
padding : 12px 0px 12px 0px;
line-height: 16px;
}

.formheadline { 
position : absolute;
top : 6px;
left : 160px;
width : 278px;
border : 1 solid #5A690A;
}

.formtext { 
position : absolute;
top : 6px; 
left : 160px;
width : 277px;
height : 70px;
border : 1 solid #5A690A;
}

.formpreis { 
position : absolute;
top : 6px;
left : 160px;
width : 60px;
border : 1 solid #5A690A;
}

.save { 
position : absolute;
top : 0px; 
left : 160px;
width : 277px;
padding : 12px 0px 12px 0px;
line-height: 16px;
}

.formbeschreibung { 
position : absolute;
top : 6px; 
left : 120px;
width : 330px;
height : 90px;
border : 1 solid #5A690A;
}

.formok {
position : absolute;
margin-bottom : 20px;
top : 360px;
left : 341px;
width : 100px;
font-size : 10px;
background-color : #ffffff; 
color : #000000;
border : 1 solid #5A690A;
}

.formweiter {
position:relative;
top:50px;
float:right;
margin-bottom : 20px;
width : 100px;
font-size : 10px;
background-color : #ffffff; 
color : #000000;
border : 1 solid #5A690A;
}

.formback {
position : absolute;
margin-bottom : 20px;
top : 360px;
left : 231px;
width : 100px;
font-size : 10px;
background-color : #ffffff; 
color : #000000;
border : 1 solid #5A690A;
}

.formok2 {
position : absolute;
margin-bottom : 20px;
top : 0px;
left : 341px;
width : 100px;
font-size : 10px;
background-color : #ffffff; 
color : #000000;
border : 1 solid #5A690A;
}

.formback2 {
position : absolute;
margin-bottom : 20px;
top : 0px;
left : 231px;
width : 100px;
font-size : 10px;
background-color : #ffffff; 
color : #000000;
border : 1 solid #5A690A;
}

#toolbar {
position: absolute;
top: 6px;
left: 120px;
width: 282px;
height:26px;
}

.image {
WIDTH: 22px;
HEIGHT: 22px;
padding: 0 0 0 0;
border: none;
}

.imagebutton {
WIDTH: 26px;
HEIGHT: 26px;
position:relative;
float:left;
}

.view { 
position : absolute;
top : 0px;
left : 20px;
}

.font9
{font-size:9px;}