body {

	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

	background-color: #999967;

	font-size: 101%;

	margin: 0 0 0 0;

	padding: 15px 0 0 0;

}

#banner1 {
	width: 810px;
	height: 75px;
	margin: 0 auto 5px auto;
	text-align: right;
}

#banner1 span {
	width: 468px;
	font-size: 9px;
	line-height: 15px;
	color: #ffffff;
	text-align: left;
	float: right;
}

#frame {

	width: 800px;

	border: 5px solid #ffffff;

	margin: 0 auto 0 auto;	

	background: url(../images/bg-main.gif) repeat-y;

}



#header {

	position: relative;

	height: 73px;

	margin-bottom: -73px;	

	width: 800px;

	z-index: 5;

}



#pic {

	float: right;

	width: 595px;

}



#pic img {

	width: 595px;

	height: 200px;

}



#main {

	position: relative;

	clear: both;

	width: 800px;

}



#nav {

	float: left;

	width: 200px;

	margin-top: 100px;

}



#content {

	position: relative;

	float: left;

	padding: 15px 15px 15px 15px;

	margin-left: 5px;

	border-top: 4px solid #ffffff;

	width: 565px;

}



#footer {

	clear: both;

	background: url(../images/bottom.gif) no-repeat top;

	height: 40px;

	width: 800px;	

}



p.copy {

	font-size: 10px;

	text-align: center;

	color: #e5e5e5;

}



/* Navigation */



#nav span.line {

	width: 170px;

	height: 3px;

	margin: 10px 0 5px 17px;	

	display: block;

	border-top: 1px solid #ffffff;	

}



#nav ul {

	list-style-type: none;

	width: 170px;

	margin: 0 0 0 12px;

	padding: 0 0 0 0;

}



#nav ul li {

	width: 170px;

	padding-bottom: 3px;	

}

#nav ul li.hlew {
	overflow: visible;
	white-space: nowrap;	
	} 

#nav ul li a {

	font-size: 11px;

	font-weight: bold;

	padding-left: 13px;	

	color: #333333;

	text-decoration: none;	

}



#nav ul li ul {

	list-style-type: none;

	margin: 0 0 0 10px;

	padding: 0 0 0 0;	

}



#nav ul li ul li a {

	font-size: 10px;

	font-weight: bold;

	padding-left: 13px;	

	color: #666666;

	text-decoration: none;	

}



#nav ul li a:hover {

	text-decoration: underline;	

}



#nav ul li a:visited {

	

}



#nav ul li a.aktiv {

	color: #e75012;

	padding-left: 13px;

	background: url(../images/arrow2-hover.png) no-repeat left;	

	text-decoration: none;	

}



/* Spracheumschalter */



#nav h4 {

	width: 170px;

	margin: 10px 0 5px 17px;	

	font-size: 10px;

	color: #999999;

}



#nav #lang {

	list-style-type: none; 

	margin: 0 0 0 0;

	padding: 0 0 0 0;	

}



#nav #lang li {

	list-style-type: none; 

	margin: 0 0 0 0;

	padding: 0 0 0 0;	

	width: 30px;

	float: left;

}



#nav #lang li a {

	margin: 0 0 0 17px;

}



/* Suche */



#search {

	width: 170px;

	margin: 10px 0 10px 17px;	

}



#search input {

	font-size: 10px;

	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

	background: #ffffff;

	border: 1px solid #999999;

}



#search input.button {

	background: #79b51c;

	border: 1px solid #79b51c;		

	color: #ffffff;

	cursor: pointer;

}



/* Startseite */

/* Infobox einspaltig */

#content div.infobox {
	float: left;
	width: 182px;
	height: 195px;
	margin: 0 3px 0 0;
	border: 1px solid #e5e5e5;
	background: #ffffff;
}

#content div.infobox h2 {
	margin: 0 0 110px 0;
	width: 172px;
	height: 20px;
	padding: 0 0 0 10px;
	line-height: 20px;
	font-size: 11px;
	font-weight: bold;
	color: #ffffff;
	background: #487118 url(../images/bg-infobox.gif) repeat-x center;
}

#content div.infobox h2 a {
	color: #ffffff;
	text-decoration: none;
	font-size: 11px;
}

#content div.infobox h2 a:hover {
	color: #faba00;
	text-decoration: none;
}

#content div.infobox h3 {
	color: #666666;
	margin: 10px 0 3px 10px;
	font-weight: bold;
	font-size: 11px;
}

#content div.infobox ul {
	list-style-type: none;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

#content div.infobox ul li {
	padding: 2px 10px 2px 10px;
	background: none;
}



#content div.infobox ul li a {
	color: #ee7f01;
	font-weight: bold;
	font-size: 9px;
	text-decoration: none;
	padding-left: 13px;
	background: url(../images/arrow.png) no-repeat left;
}

#content div.infobox ul li a:hover {
	color: #e75012;
	background: url(../images/arrow-hover.png) no-repeat left;
}

/* Infobox zweispaltig */



#content div.infobox2 {

	float: left;

	width: 370px;

	margin: 0 3px 10px 0;

	border: 1px solid #e5e5e5;

	background: #ffffff;

}



#content div.infobox2 h2 {

	margin: 0 0 0 0;

	width: 360px;

	height: 20px;

	padding: 0 0 0 5px;

	line-height: 20px;

	font-size: 11px;

	font-weight: bold;

	color: #ffffff;

	background: #487118 url(../images/bg-infobox.gif) repeat-x center;

}



#content div.infobox2 h2 a {

	color: #ffffff;

	text-decoration: none;

}



#content div.infobox2 h2 a:hover {

	color: #faba00;

	text-decoration: none;

}



#content div.infobox2 h3 {

	color: #999999;

	margin: 10px 0 3px 10px;

	font-weight: bold;

	font-size: 14px;

}



#content div.infobox2 ul {

	list-style-type: none;

	margin: 0 0 0 0;

	padding: 0 0 0 0;

}



#content div.infobox2 ul li {

	padding: 2px 10px 2px 10px;

	background: none;

}



#content div.infobox2 ul li a {

	color: #003366;

	font-weight: bold;

	font-size: 10px;

	text-decoration: none;

}



#content div.infobox2 ul li a:hover {

	color: #e75012;

}



#content div.infobox2 ul li span.date {

	color: #999999;

	font-size: 10px;	

}



/* Allgemeine Klassen */



.clear {

	clear: both;

}



.center {

	text-align: center;

}



/* =================== Inhalte ========================= */

#modlistarticles-main {
	clear: both;
	padding-top: 20px;
	}

p, li {
	font-size: 11px;
}

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

#content ul li {
	padding: 0 0 5px 15px;
	background: url(../images/arrow2-hover.png) no-repeat left top;
}

#content a img {
	border: none;
}

#content h1, #content h1 a {
	font-size: 18px;
	font-weight: bold;
	color: #477118;
	text-decoration: none;
}



#content h2, #content h2 a {
	font-size: 14px;
	font-weight: bold;
	color: #5c8d1b;
	text-decoration: none;	
}

#content h2 span.number, #content h1 span.number {
	font-size: 10px;
	color: #666666;
	font-weight: normal;
}

#content h3, #content h3 a {
	font-size: 12px;
	font-weight: bold;
	color: #477118;
}

#content h4, #content h4 a{
	font-size: 12px;
	font-weight: bold;
	color: #477118;
}

#content a {
	color: #477118;
	font-weight: bold;
}

#content a:hover {
	color: #ee7f01;
}

br.clear {
	clear: both;
}

/* Tabellen */

#content table {
	width: 100%;
	margin-top: 10px;
	border-collapse: collapse;
}


#content table thead tr {
	background: #666666;
}

#content table thead tr th {
	border: 1px solid #666666;
	padding: 2px;
	font-size: 11px;
	color: #ffffff;
	text-align: left;
}

#content table tbody tr td {
	font-size: 11px;
	padding: 2px;	
	border: 1px solid #ffffff;
}

#content table.noborder th {
	border: none;
}

#content table.noborder td {
	border: none;
}

#content table.big td  {
	font-size: 10px;
	background: #f5f5f5;
	}

/* Kontaktboxen */

#content div.contactbox {
	float: left;
	width: 250px;
	margin: 15px 3px 0 0;
	padding: 5px;
	border: 1px solid #e5e5e5;
	background: #ffffff;
}

#content div.contactbox h4 {
	margin: 0 0 0 0;
}

#content div.r_image {

	float: right;

	margin: 0 0 5px 10px;

	font-size: 9px;

	line-height: 11px;

	text-align: right;

	color: #666666;

}



#content div.r_image img {

	margin: 0 0 2px 0;

}

#content div.l_image {

	float: left;

	margin: 0 10px 5px 0;

	font-size: 9px;

	line-height: 11px;

	text-align: left;

	color: #666666;

}



#content div.l_image img {

	margin: 0 0 2px 0;

}



/* Reiseuebersicht */

#content div.journeybox {
	float: left;
	clear: both;
	width: 540px;
	margin-top: 20px;
	padding: 10px 10px 10px 10px;
	border: 1px solid #e5e5e5;
	background: #ffffff;
}

#content div.journeybox h2 {
	margin: -10px -10px 10px -10px;
	height: 15px;
	padding: 3px 10px 3px 10px;
	line-height: 13px;
	font-size: 11px;
	font-weight: bold;
	color: #ffffff;
	overflow: hidden;
	background: #487118 url(../images/bg-infobox.gif) repeat-x top;
}

#content div.journeybox h2 a {
	font-size: 11px;	
	color: #ffffff;
	}

/*

#content div.journeybox h2 {
	clear: both;
	margin: 0 0 5px 0;
	padding: 0 0 0 0;
}

*/

#content div.journeybox h2 span.number, #content h1 span.number {
	clear: both;
	float: left;
	width: 500px;
	font-size: 11px;
	margin: 5px 0 15px 0;
}

#content div.journeybox h3 {
	margin: 0 0 0 0;
}

#content div.journeybox img {
	float: left;
	width: 120px;
	margin: 10px 10px 0 0;
}

#content div.journeybox p.info {
	font-weight: bold;
}

#content div.journeybox div.journeyshorttext {
	float: left;
	width: 350px;
}

#content div.journeybox p.more {
	clear: both;	
	float: left;
	}

/* Reisedetail */



#journey-moodimage {
	float: left;
	margin: 0 15px 10px 0;
}



#journey-facts {
	clear: both;
	margin-top: 10px;
}



#journey-facts tbody tr td {
	padding-left: 10px;
	background: #e4f0d2;
	border: 1px solid #ffffff;		
}

#journey-facts tbody tr td ul {
	margin: 0 0 0 5px;
	padding: 0 0 0 0;
}

#journey-facts tbody tr td ul li {
	padding: 3px 0 3px 15px;
	list-style-type: none;
}

#journey-facts tbody tr td ul li.inclusive {
	background: transparent url(../images/journey/inclusive.png) no-repeat left center;
}

#journey-facts tbody tr td ul li.exclusive {
	background: transparent url(../images/journey/exclusive.png) no-repeat left center;
}

#journey-facts tbody tr td ul li.alternative {
		background: transparent url(../images/journey/alternative.png) no-repeat left center;
}

#journey-facts td.name {
	background: #94c449;
	width: 160px;
	font-weight: bold;
	color: #ffffff;
	padding-left: 10px;
	border-right: none;
}

#journey-facts td.name em {

	font-weight: normal;

	font-size: 8px;

}

#journey-facts tfoot tr td a {
	display: block;
	float: right;
	height: 20px;
	width: 150px;
	margin: 10px 0 0 0;
	text-align: center;
	text-decoration: none;
	line-height: 20px;
	background: #79b51c;
	color: #ffffff;
	font-size: 10px;
	font-weight: bold;
	border: 1px solid #666666;
}

#journey-facts tfoot tr td a:hover {
	color: #ffffff;
	background: #477118;
}

#journey-facts thead, #journey-facts tr td table thead {
	display: none;
}

#journey-facts tr td table tr td {
	border: none;
}

#content p.journey-image {
	border: 1px solid #999999;
	background: #ffffff;
	padding: 0 0 0 0;
	margin: 10px 10px 0 0;
	float: left;
	text-align: center;
}



#content p.journey-image a {
	display: block; 
	overflow: hidden; 
	width: 135px;
	height: 90px;
	color: #ff6600;
}

#content p.journey-image a:hover {
	color: #666666;
}

#content p.journey-image span a  {
	display: block;
	width: 135px;
	height: 12px;
	padding-top: 2px;
	padding-bottom: 2px;
}

#content div.price_info {
	font-size: 10px;
	text-align: center;
}



/* Gastgeber */



/* Uebersicht */

#content #acco {
	font-size: 10px;	
}



#content #acco thead tr {

	background: #487118;

}



#content #acco thead tr th {

	font-size: 10px;	

}



#content #acco tbody tr.light {

	background: #fcfcfc;

}



#content #acco tbody tr td {

	font-size: 10px;	

}



#content #acco tbody tr td a {

	font-size: 10px;	

}



#content #acco tbody tr td img {

	border: none;

	float: left;

}



#content #acco tbody tr td.acco-img {

	width: 80px;

}



#content #acco tbody tr td.adress {

	font-size: 9px;

}



/* Standardinformationen */



#content #basic {

	width: 328px;

	float: left;

	margin: 0 15px 0 0;

}



#content #basic img {

	float: left;

	margin: 0 10px 5px 0;

}



#content #basic h2 {

	font-size: 0.9em;

	color: #333333;

}



#content #basic h3 {

	font-size: 0.8em;

	color: #666666;

}



#content #basic table {

	font-size: 0.7em;

	border: none;

	width: auto;

}



#content #basic table th {

	text-align: left;

	padding: 0 10px 0 0;

	border: none;	

}



#content #basic table td {

	vertical-align: top;

	padding: 0 10px 0 0;

	border: none;	

}



#content #basic table td.left {

	padding-right: 10px;

	font-weight: bold;

}



/* =================== Booking ========================= */



#content div.rightbox a.button, #content div.rightbox form input.button {

	display: block;

	width: 160px;

	padding: 3px 5px 3px 5px;

	margin-bottom: 5px;

	font-weight: bold;

	color: #ffffff;

	border: 1px solid #477118;

	background: #5c8d1b;

}



#content div.rightbox a.button:hover, #content div.rightbox form input.button:hover {

	background: #B9D084;

}



#content div.rightbox {

	width: 200px;

	float: left;

	background: #f5f5f5;

	padding: 5px;

	margin-bottom: 15px;

	border: 1px solid #e5e5e5;

}



#content div.rightbox form {

	border: none;

	margin: 0 0 0 0;

	padding: 0 0 0 0;

}



#content div.rightbox form input {

	float: left;

	margin-right: 7px;

}



#content div.rightbox form label {

	float: left;

	width: 60px;

}



#content div.rightbox form label.nowidth {

	float: left;

	width: auto;

}



#content div.rightbox form em {

	font-size: 10px;

}



/* =================== Formulare ========================= */



#content p.filteroptions a {

	display: block;

	float: left;

	width: auto;

	margin: 0 15px 0 0;

	padding: 0 0 0 0;

	line-height: 20px;

	height: 20px;

	vertical-align: middle;

	text-decoration: none;

}



#content p.filteroptions a img{

	vertical-align: middle;

}



#content form {

	clear: both;

}



#content form input, #content form select {

	font-size: 10px;

	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

	background: #ffffff;

	border: 1px solid #999999;

}



#content form input.button {

	background: #79b51c;

	border: 1px solid #79b51c;	

	color: #ffffff;

	cursor: pointer;

	margin-right: 15px;

}



#content form fieldset {

	padding: 10px;

	margin-top: 15px;

	border: 1px solid #999999;

}



#content form label {

	font-size: 10px;

	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

	color: #333333;

}



#content form legend {

	font-size: 11px;

	font-weight: bold;

	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

	color: #477118;

}



#content form label.fixedwidth {

	display: block;

	width: 120px;

	float: left;	

}



#content form label.nowidth {

	display: inline;

	float: none;

	width: auto;

}



#content form input {

	float: left;

}



#content form br {

	clear: both;

}



/* =================== Filter ========================= */



#content #filter {

	padding-top: 10px;

}



#content #filter label {

	color: #666666;	

}



#content #filter input {

	float: none;

}





/* =================== Error-Messages ========================= */



#error {

	clear: both;

	width: 400px;

	min-height: 60px;

	margin: 10px auto 50px auto;

	border-left: 1px solid #e42c18;

	border-right: 1px solid #e42c18;

	border-bottom: 1px solid #e42c18;		

	background: #ffffff url(../images/system/error.png) no-repeat left;

}



#error h1 {

	width: 392px;

	font-size: 11px;

	color: #ffffff;

	padding: 3px 5px 3px 5px;

	margin: 0 -1px 0 -1px;

	background: #e42c18 url(../images/system/bg-button-error.png) repeat-x;

}



#error h2 {

	color: #e42c18;

	font-size: 14px;

	margin: 10px 0 0 0;

	padding: 0 0 0 60px;

}



#error p {

	padding: 0 5px 5px 60px;

	margin: 10px 0 5px 0;	

}



#error p a.button {

	font-weight: bold;

	color: #ffffff;

	margin: 15px 15px 15px 100px;

	padding: 3px 5px 3px 5px;

	border: none;

	background: #e42c18 url(../images/system/bg-button-error.png) repeat-x;

	cursor: pointer;

}



#error p a.button:hover {

	color: #000000;

	text-decoration: none;

}





#warning {

	clear: both;

	width: 400px;

	min-height: 60px;

	margin: 10px auto 50px auto;

	border-left: 1px solid #ff9900;

	border-right: 1px solid #ff9900;

	border-bottom: 1px solid #ff9900;		

	background: #ffffff url(../images/system/warning.png) no-repeat left;

}



#warning h1 {

	width: 392px;

	font-size: 11px;

	color: #ffffff;

	padding: 3px 5px 3px 5px;

	margin: 0 -1px 0 -1px;

	background: #ff9900 url(../images/system/bg-button-warning.png) repeat-x;

}



#warning h2 {

	color: #ff9900;

	font-size: 14px;

	margin: 10px 0 0 0;

	padding: 0 0 0 60px;

}



#warning p {

	padding: 0 5px 5px 60px;

	margin: 10px 0 5px 0;

}



#warning p a.button {

	font-weight: bold;

	color: #ffffff;

	margin: 15px 15px 15px 100px;

	padding: 3px 5px 3px 5px;

	border: none;

	background: #ff9900 url(../images/system/bg-button-warning.png) repeat-x;

	cursor: pointer;

}



#warning p a.button:hover {

	color: #000000;

	text-decoration: none;

}



#warning ul {

	margin: 0 5px 5px 60px;

	padding: 0 0 0 60px;	

}



#warning ul li {

	color: #ff9900;

	font-weight: bold;

}