body {

	background-image: url(/images/background_01.jpg);

	background-repeat: repeat-y;

	background-color: #F0F0F0;

}



h1 {

	font-family: "Trebuchet MS", sans-serif;

	font-size: 16px;

	font-weight: bold;

	color: #549515;

}

h2 {

	font-family: "Trebuchet MS", sans-serif;

	font-size: 14px;

	font-weight: bold;

	color: #000000;

	text-decoration: none;

	text-align: center;

}

h3 {

	font-family: "Trebuchet MS", sans-serif;

	font-size: 12px;

	color: #FF0000;

}

h4 {

	font-family: "Trebuchet MS", sans-serif;

	font-size: 14px;

	font-weight: bold;

	color: #549515;

}





p {

	font-family: "Trebuchet MS", sans-serif;

	font-size: small;

	color: #000000;

}

/* zu #headerbild: ich denke mir hier eine animation.. sprich die bilder tauschen sich aus oder laden in unterschidlichen rythmus. */



#headerbild {

	position:absolute;

	width:184px;

	height:146px;

	z-index:1;

	background-image: url(/images/background_08.jpg);

	background-repeat: no-repeat;

	background-position: left;

	text-decoration: none;

	visibility: visible;

	top: 16px;

}

#hbild1 {

	position:absolute;

	width:101px;

	height:94px;

	z-index:1;

	visibility: visible;

	left: 2px;

	top: 0px;

}

#hbild2 {

	position:absolute;

	width:64px;

	height:86px;

	z-index:2;

	visibility: visible;

	left: 113px;

	top: 8px;

}

#hbild3 {

	position:absolute;

	width:68px;

	height:48px;

	z-index:3;

	visibility: visible;

	left: 114px;

	top: 101px;

}

#hbild4 {

	position:absolute;

	width:102px;

	height:47px;

	z-index:4;

	visibility: visible;

	top: 101px;

	left: 1px;

}





/* firmenname */

.header {

	font-family: "Trebuchet MS", sans-serif;

	font-size: 30px;

	color: #549515;

	position: absolute;

	top: 72px;

	left: 212px;

	z-index: 1;

	background-image: url(/images/Kg.gif);

	background-repeat: no-repeat;

	background-position: right center;

	width: 368px;

	height: 44px;

	padding-top: 30px;

	padding-bottom: 30px;

}

/* navigation oben */

#navigation {

	position: absolute;

	left: 638px;

	top: 115px;

	color: #000000;

	visibility: visible;

	width: 372px;

	margin-right: 5px;

	z-index: 2;



}

#navigation a {

	font-family: "Trebuchet MS", sans-serif;

	font-size: 14px;

	color: #000000;

	text-decoration: none;

	background-image: url(/images/button2_26.jpg);

	background-repeat: no-repeat;

	visibility: visible;

	padding-left: 15px;

	padding-right: 4px;

	margin-bottom: 5px;

	display: inline;

}

#navigation a:visited {



}

#navigation a:hover {



}

#navigation a:active {

	background-image: url(/images/buttonaktiv2_26.jpg);

	background-repeat: no-repeat;

}



#navigation a:link.navigationaktiv, #navigation a:visited.navigationaktiv, #navigation a:hover.navigationaktiv, #navigation a:active.navigationaktiv  {

	background-image: url(/images/buttonaktiv2_26.jpg);

	background-repeat: no-repeat;

}



/* navigation links */

#subnavi {

	top: 177px;

	position: absolute;

	left: 18px;

	z-index: 6;

}



#subnavi a {

	font-family: "Trebuchet MS", sans-serif;

	font-size: 14px;

	color: #000000;

	text-decoration: none;

	background-image: url(/images/button2_26.jpg);

	background-repeat: no-repeat;

	visibility: visible;

	padding-left: 15px;

	top: 5px;

	padding-top: 0px;

	padding-right: 0px;

	padding-bottom: 0px;

	margin: 0px;

}

#subnavi a:visited {



}

#subnavi a:hover {



}

#subnavi a:active {

	background-image: url(/images/buttonaktiv2_26.jpg);

	background-repeat: no-repeat;

}



#subnavi a:link.navigationaktiv, #subnavi a:visited.navigationaktiv, #subnavi a:hover.navigationaktiv, #subnavi a:active.navigationaktiv  {

	background-image: url(/images/buttonaktiv2_26.jpg);

	background-repeat: no-repeat;

}







a:link {

	color: #549515;

	font-family: "Trebuchet MS", sans-serif;

	font-size: 14px;

	text-decoration: none;

}



a:visited {

	color: #549515;

	text-decoration: none;

}

a:hover {

	color: #549515;

	text-decoration: none;

}

a:active {

	color: #549515;

	text-decoration: none;

}

.startcontent {
	top: 177px;
	position: absolute;
	left: 215px;
	width: 740px;
	height: 458px;
	z-index: 7;


}

/*  für fotos auf der startseite*/

.startseitepics {

	position: absolute;

	top: 50px;

	left: 55px;

	width: 631px;

}

/* die idee "nächste reise" würde ich wie die Gästebuch News in einen eigenen Berreich geben und anstelle "schönste reisen" im content */

.nächstereise {

	top: 275px;

	position: absolute;

	width: 177px;

	left: 22px;

	background-color: #F4F4F4;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #A4A1A1;

	height: 165px;

}

/* gästebuch/news */

.gaestebuchnews {

	background-color: #F4F4F4;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #A4A1A1;

	position: absolute;

	height: 100px;

	width: 177px;

	left: 22px;

	top: 396px;

}

.gaestebuch {
	background-color: #F4F4F4;
	height: auto;
	width: 740px;
	left: 215px;
	top: 50px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #A4A1A1;
	margin-top: 10px;
	margin-bottom: 20px;
	padding: 10px;
}
/* danke Meldung für die Anfrage und das Gästebuch */
.dankeanfrage {
	background-color: #F4F4F4;

	width: 740px;

	left: 215px;

	top: 206px;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #A4A1A1;
}
.dankegaestebuch {
    background-color: #F4F4F4;

	width: 740px;

	left: 215px;

	top: 206px;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #A4A1A1;
}

/* reisen übersicht: wiederholbar */

.reisen {
	background-color: #F4F4F4;
	height: 200px;
	width: 690px;
	left: 215px;
	top: 206px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #A4A1A1;
	/*background-image: url(Bilder/herzog_92.jpg);
	background-repeat: no-repeat;
	background-position: 30px;
	position: fest;*/
	padding-top: 65px;
	padding-left: 65px;
	padding-bottom: 10px;
	margin-bottom: 20px;
}

#reiseinfo {
	position:relative;
	width:401px;
	z-index:8;
	left: 260px;
    top: -200px;
	height:189px;

}

#startcontent .reisen #reiseinfo p {

	font-family: "Trebuchet MS", sans-serif;

	font-size: 12px;

	color: #000000;

	line-height: 14px;

}

/* reisen detail ansicht bzw hintergund container für alle inhalte außer auf der startseite */

.reisendetail {

	background-color: #F4F4F4;


	left: 215px;

	top: 206px;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #A4A1A1;
	margin-top: 10px;
	margin-bottom: 20px;
	padding: 10px;

}



.detailpics {

	left: 125px;

	position: absolute;

	top: 110px;

}

/* table für preisliste */

table {

	font-family: "Trebuchet MS", sans-serif;

	font-size: 12px;

}

/* kontaktformular */

#startcontent .kontaktformular #form1 table {

	font-family: "Trebuchet MS", sans-serif;

	font-size: 12px;

	color: #549515;

	font-weight: bold;

	text-decoration: none;

	padding: 3px;

}

.formbg {

	background-color: #F4F4F4;

	border: 1px solid #A2A2A1;

}