@charset "utf-8";

/* Allgemeine Definitionen
----------------------------------------------- */
html {
	overflow-y: scroll;
}
body {
	background: #f8f6eb url(gfx/bg_gradient.gif) repeat-x 0 0;
	color: #000;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	text-align: center;
}
body#popuppage {
	background: #f8f6eb url(gfx/bg_gradient.gif) repeat-x 0 -20px;
}
img,
a img {
	border: 0;
}
hr {
	display: none;
}	
.linksumfliessend {
	float: left;
	margin: 0 25px 10px 0;
}
.rechtsumfliessend {
	float: right;
	margin: 0 0 10px 15px;
}
.clear {
	clear: both;
	font-size: 1%;
	height: 1px;
	line-height: 1px;
}
.tab {
	float: left;
	width: 14em;
}

/* Links
----------------------------------------------- */
a,
a:visited {
	color: #000;
	outline: none;
	text-decoration: underline;
}
a:hover {
	color: #000;
	text-decoration: none;
}
#boxes a,
#boxes a:visited {
	color: #000;
	text-decoration: none;
}
#boxes a:hover {
	color: #991416;
	text-decoration: none;
}
#footer a,
#footer a:visited {
	color: #adab9f;
	padding: 0 3px;
	text-decoration: none;
}
#footer a:hover {
	color: #adab9f;
	text-decoration: underline;
}

/* Typo
----------------------------------------------- */
h1, h2, h3, h4 {
	font-size: 13px;
	margin: 0;
	line-height: normal !important;
	padding: 0;
}
.blockheader,
h1.blockheader,
h2.blockheader,
h3.blockheader,
h4.blockheader {
	/*background: #e5e2d5;*/
	background: #e8e2c6;
	clear: both;
	color: #5d573f;
	font-size: 13px;
	font-weight: bold;
	margin: 0 0 .5em 0;
	padding: 7px 8px 6px 8px;
	text-transform: uppercase;
}
h1.blockheader {
	color: #881016;
}
h2, h3, h4 {
	font-size: 13px;
	margin: 0 0 .2em 0;
}
p, address, blockquote {
	margin: 0 0 1em 0;
	padding: 0;
}
p.toogle {
	margin-top: 18px;
}
address {
	font-style: normal;
}

/* Layout
-----------------------------------------------*/ 
#wrapper {
	margin: 0 auto;
	padding: 0;
	text-align: left;
	width: 900px;
}
#popuppage #wrapper {
	margin: 0 auto;
	padding: 12px 0 0 0;
	text-align: left;
	width: 680px;
}
#wrapper:after {
	clear: both; 
	content: "."; 
	display: block; 
	height: 0; 
	visibility: hidden;
}
#wrapper {display: inline-block;}
/* Hides from IE-mac \*/
* html #wrapper {height: 1%;}
#wrapper {display: block;}
/* End hide from IE-mac */
#metamenu {
	color: #adab9f;
	float: left;
	font-size: 11px;
	height: 18px;
	margin: 0;
	line-height: 18px;
	padding: 0;
	width: 100%;
}
#header {
	float: left;
	height: 115px;
	margin: 0;
	padding: 0;
	width: 100%;
}
#header p {
	margin: 0;
	padding: 0;
}
.logo {
	float: left;
	margin: 8px 0 0 10px;
	width: 210px;
}
.slogan {
	float: right;
	margin: 54px 3px 0 0;
	width: 277px;
}
#navigation {
	float: left;
	height: 36px;
	margin: 0 0 6px 0;
	padding: 0;
	width: 100%;
}
#home #navigation {
	float: none;
	margin-bottom: 0;
}
#container {
	float: left;
	margin: 0;
	padding: 0;
	width: 100%;
}
#teaser {
	float: left;
	margin: 0;
	padding: 0;
	width: 100%;
}
#boxes {
	float: left;
	margin: 18px 0 20px 0;
	padding: 0;
	width: 100%;
}
.box {
	background: #fff url(gfx/bg_box.png) no-repeat bottom right;
	float: left;
	font-size: 11px;
	height: 58px;
	margin: 0 10px 0 0;
	padding: 5px 5px 0 5px;
	width: 162px;
}
.lastbox {
	margin-right: 0;
}
.box p {
	margin: 0;
	padding-top: 17px;
}
.twolines p,
.lastbox p {
	padding-top: 9px;
}
.box strong {
	font-size: 13px;
	/*padding-top: 8px;*/
}
.box img {
	float: left;
	margin-right: 8px;
}
#sidebar {
	float: left;
	margin: 0 6px 0 0;
	padding: 0;
	width: 214px;
}
#reisemenu,
#servicemenu {
	background: #fff;
	border: 1px solid #d5d0ba;
	margin: 0 0 6px 0;
	line-height: normal !important;
	padding: 4px 4px 0 4px;
	width: 204px;
}
#reisemenu p,
#servicemenu p {
	/*background: #d5d0ba;
	color: #575035;*/
	background: #e8e2c6;
	color: #881016;	
	font-weight: bold;
	margin: 0;
	padding: 7px 8px 6px 8px;
	text-transform: uppercase;
}
#content {
	float: left;
	margin: 0;
	padding: 0;
	width: 680px;
}
#pageteaser {
	background: #fff;
	border: 1px solid #d5d0ba;
	height: 224px;
	margin: 0 0 6px 0;
	padding: 4px 4px 0 4px;
	width: 670px;
}
#text {
	background: #fff;
	border: 1px solid #d5d0ba;
	float: left;
	height: 224px;
	margin: 0 0 6px 0;
	line-height: 1.5em;
	padding: 4px 4px 0 4px;
	width: 670px;
	min-height: 50px;
	height: auto !important;  /*moderne Browser*/
	height: 50px;  /*IE*/
}
#popuppage #text {
	min-height: 50px;
	height: auto !important;  /*moderne Browser*/
	height: 50px;  /*IE*/
}
.innertext {
	float: left;
	padding: 0 8px 12px 8px;
	width: 654px;
}
.leistungen ul {
	margin: 0;
	padding: 0;
}
.leistungen ul li {
	background: url(gfx/list-checked.png) no-repeat 0 2px;
	margin: 0;
	list-style: none;
	padding: 1px 0 1px 20px;
}
ul#thumbs {
	float: left;
	margin: 12px 0;
	padding: 0;
	width: 100%;
}
ul#thumbs li {
	float: left;
	margin: 0 10px 0 0;
	list-style: none;
	padding: 0;
	height: 115px;
	overflow: hidden;
}
ul#thumbs li.lastthm {
	margin-right: 0;
}
/*Bildergalerie*/
ul#galerien img {
	float: left;
	margin: 3px 8px 0 5px;
	padding: 0;
}
ul#galerien {
	margin: 20px 0 0 0;
	padding: 0;
	text-align: left;
}
ul#galerien li,
ul#galerien li.rue_left {
	float: left;
	margin: 0 0 5px 0;
	list-style: none;
	padding: 0;
	width: 320px;
}
ul#galerien li.gu_left {
	margin-right: 10px;
}
ul#galerien li a {
	background: #fff;
	border: 1px solid #d5d0ba;
	color: #575035;
	display: block;
	height: 90px;
	padding: 2px 0 0 0;
	overflow: hidden;
	text-decoration: none;
}
ul#galerien li a:hover {
	background: #f8f6eb;
	border-color: #881016;
	color: #000;
	text-decoration: none;
}
.gu_text {
	font-size: 12px;
}
ul#bildgalerie {
	float: left;
	margin: 0;
	padding: 0;
	width: 100%;
}
ul#bildgalerie li {
	/*background: #e8e2c6;*/
	float: left;
	font-size: 11px;
	margin: 0 10px 10px 0;
	list-style: none;
	padding: 0;
	height: 150px;
	overflow: hidden;
	/*text-align: center;*/
	width: 160px;
}
ul#bildgalerie li.bg_endimg {
	margin-right: 0;
}
ul#reiseuebersicht {
	font-size: 11px;
	margin: 12px 0 0 0;
	padding: 0;
}
ul#reiseuebersicht strong {
	color: #000;
}
ul#reiseuebersicht img {
	float: left;
	margin: 3px 8px 0 5px;
	padding: 0;
}
ul#reiseuebersicht li,
ul#reiseuebersicht li.ru_left {
	float: left;
	margin: 0 0 5px 0;
	list-style: none;
	padding: 0;
	width: 320px;
}
ul#reiseuebersicht li.ru_left {
	margin-right: 10px;
}
ul#reiseuebersicht li a {
	background: #fff;
	border: 1px solid #d5d0ba;
	color: #575035;
	display: block;
	height: 90px;
	padding: 2px 0 0 0;
	overflow: hidden;
	text-decoration: none;
}
ul#reiseuebersicht li a:hover {
	background: #f8f6eb;
	border-color: #881016;
	color: #000;
	text-decoration: none;
}
ul#ausfluguebersicht {
	font-size: 12px;
	margin: 12px 0 0 0;
	padding: 0;
}
ul#ausfluguebersicht strong {
	color: #000;
	font-size: 13px;
}
ul#ausfluguebersicht li.ausflug,
ul#ausfluguebersicht li.ausflug_end {
	border: 1px solid #d5d0ba;
	color: #575035;
	float: left;
	margin: 0 0 8px 0;
	list-style: none;
	padding: 10px;
	width: 300px;
}
ul#ausfluguebersicht li.ausflug_end {
	margin-right: 10px;
}
.chnewsblock {
	border-bottom: 1px solid #ccc;
	float: left;
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	width: 100%;
}
.chnewsblock h3 {
	margin-bottom: 15px;
}
.pressblock {
	border-top: 1px solid #ccc;
	float: left;
	margin: 10px 0 0 0;
	padding: 10px 0 0 0;
	width: 100%;
}
.pressblock .presstitle {
	font-weight: bold;
}
.datum {
	font-style: italic;
	text-align: right;
}
#footer {
	color: #adab9f;
	float: left;
	font-size: 11px;
	margin: 0;
	padding: 15px 0 15px 0;
	text-align: right;
	width: 100%;
}
#footer p {
	margin: 0;
	padding: 0;
}

/* Navigationen
-----------------------------------------------*/
ul#menu {
	background: #881016 url(gfx/bg_menu.png) repeat-x 0 0;
	border-bottom: 1px solid #fff;
	float: left;
	font-size: 15px;
	font-weight: bold;
	height: 36px;
	margin: 0;
	/*line-height: 36px;*/
	padding: 0;
	width: 100%;
}
#home ul#menu {
	border-bottom: none;
}
ul#menu li {
	display: inline;
	float: left;
	margin: 0;
	list-style: none;
	padding: 0;
	text-align: center;
}
ul#menu li a,
ul#menu li a:visited {
	background: url(gfx/bg_menu.png) repeat-x 0 0;
	color: #fff;
	display: block;
	float: left;
	height: 18px;	
	padding: 10px 0 8px 0;
	text-decoration: none;
	width: 180px;
}
ul#menu li a:hover {
	background: #881016;
	color: #fff;
	text-decoration: none;
}
ul#menu li a.start,
ul#menu li a.start:visited {
	background: url(gfx/bg_menu_start.png) no-repeat 0 0;
}
ul#menu li a.start:hover {
	background: #881016 url(gfx/bg_menu_start_on.png) no-repeat 0 0;
}
ul#menu li a.end,
ul#menu li a.end:visited {
	background: url(gfx/bg_menu_end.png) no-repeat top right;
}
ul#menu li a.end:hover {
	background: #881016 url(gfx/bg_menu_end_on.png) no-repeat top right;
}
/*selected*/
ul#menu li a.selected {
	background: #881016;
	color: #fff;
	text-decoration: none;
}
ul#menu li a.start.selected {
	background: #881016 url(gfx/bg_menu_start_on.png) no-repeat 0 0;
}
ul#menu li a.end.selected {
	background: #881016 url(gfx/bg_menu_end_on.png) no-repeat top right;
}
/*Reise- und Servicemenu*/
#reisemenu ul,
#servicemenu ul {
	margin: 0;
	padding: 0;
}
#reisemenu ul li,
#servicemenu ul li {
	margin: 0;
	list-style: none;
	padding: 0;
}
#reisemenu ul li a,
#reisemenu ul li a:visited,
#servicemenu ul li a,
#servicemenu ul li a:visited {
	background: url(gfx/menudot.gif) no-repeat 8px 11px;
	border-top: 1px solid #cdc7ad;
	color: #857d60;
	display: block;
	padding: 6px 0 6px 17px;
	text-decoration: none;
	width: 187px;
}
#reisemenu ul li a:hover,
#servicemenu ul li a:hover {
	background: url(gfx/menudot_on.gif) no-repeat 8px 11px;
	color: #99141b;
	text-decoration: none;
}
#reisemenu ul li a.selected,
#servicemenu ul li a.selected {
	background: url(gfx/menudot_selected.gif) no-repeat 8px 11px;
	color: #99141b;
	text-decoration: none;
}
/*Servicemenu 2. Ebene*/
#servicemenu ul ul {
	margin: 0;
	padding: 0 0 6px 0;
}
#servicemenu ul ul li {
	margin: 0;
	list-style: none;
	padding: 0;
}
#servicemenu ul ul li a,
#servicemenu ul ul li a:visited {
	background: url(gfx/menudot2nd.gif) no-repeat 17px 7px;
	border-top: none;
	color: #857d60;
	display: block;
	padding: 2px 0 2px 25px;
	text-decoration: none;
	width: 179px;
}
#servicemenu ul ul li a:hover {
	background: url(gfx/menudot2nd_on.gif) no-repeat 17px 7px;
	color: #99141b;
	text-decoration: none;
}
#servicemenu ul ul li a.selected {
	background: url(gfx/menudot2nd_on.gif) no-repeat 17px 7px;
	color: #99141b;
	text-decoration: none;
}

/*Metanavigation*/
#metamenu ul {
	float: right;
	margin: 0;
	padding: 0;
}
#metamenu ul li {
	display: inline;
	margin: 0;
	list-style: none;
	padding: 0 0 0 26px;
}
#metamenu ul li a,
#metamenu ul li a:visited {
	color: #98968b;
	text-decoration: none;
}
#metamenu ul li a:hover {
	color: #98968b;
	text-decoration: underline;
}

/* Tabellen
-----------------------------------------------*/
table {
	font-size: 12px;
	text-align: left;
}
td,
th {
	vertical-align: top;
}
th {
	font-weight: bold;
}
.hotelpreise,
.termine-preise,
.hoteldetails,
.sprachkurs,
.ausflugdetails {
	border: solid #e5e2d5;
	border-width: 1px 0 0 1px;
}
.termine-preise {
	margin: 0 0 20px 0;
}
.hotelpreise td,
.hotelpreise th,
.hoteldetails td,
.hoteldetails th,
.termine-preise td,
.termine-preise th,
.sprachkurs td,
.sprachkurs th,
.ausflugdetails td,
.ausflugdetails th {
	border: solid #e5e2d5;
	border-width: 0 1px 1px 0;
	padding: 1px 4px;
	vertical-align: top;
}
.hotelort {
	width: 110px;
}
.hotelnaechte {
	width: 110px;
}
.hotelname {
	width: 287px;
}
.hotelsterne {
	width: 110px;
}
.zeitraum {
	width: 150px;
}
.preis-dz,
.preis-ez {
	width: 100px;
}
.zimmerart {
	width: 110px;
}
.saisonzeit {
	width: 110px;
}
.hoteldz,
.hotelez {
	width: 100px;
}
.small {
	font-size: 11px;
}
.sprachkurs td {
	width: 216px;
}
.ausflugdetails {
	margin-top: 12px;
}
.saisonzeit-ahead {
}
.saisonzeit-a {
	width: 112px;
}
.zweipers,
.einpers {
	width: 87px;
}
/*Flüge*/
#flugliste {
	background: #fff;
	border: solid #d5d0ba;
	border-width: 1px 0 0 1px;
	width: 100%;
}
#flugliste th {
	background: #881016;
	color: #fff;
	font-weight: bold;
}
#flugliste td,
#flugliste th {
	border: solid #d5d0ba;
	border-width: 0 1px 1px 0;
	padding: 1px 4px;
}
.flughinweis {
	color: #857d60;
	font-size: 11px;
}


/* Formulare
-----------------------------------------------*/
#kontaktform,
#buchung,
#flugform,
#form_recommend,
.newsletterform {
	border: none;
	margin-top: 20px;
}
fieldset {
	border: none;
	margin: 1em 0;
	padding: 0;
}	
#kontaktform fieldset,
#buchung fieldset,
#flugform fieldset,
#form_recommend fieldset,
#reisebericht-form fieldset,
.newsletterform fieldset {
	border: 1px solid #d5d0ba;
	margin: 1em 0;
	padding: 12px 20px;
}
#flugform p {
	display: block;
	float: left;
	width: 100%;
}	
legend {
	color: #d5d0ba;
	font-weight: bold;
	margin: 0;
	padding: 0 5px;
}
label {
	cursor: pointer;
	float: left;
	width: 160px;
}
label.smalllbl {
	width: 60px;
}
label.ckb {
	display: inline;
	float: none;
	width: auto;
}
.terminselect {
	width: 255px;
}
.anrede {
	width: 150px;
}
.mediumlabel {
	width: 120px;
}
.smalllabel {
	width: 50px;
}
label.ckb {
	cursor: pointer;
	display: inline;
	float: none;
	width: auto;
}
.ickb {
	border: none;
	margin: 0;
	padding: 0;
	text-align: left;
	width: 8px;
}
input.ti,
input.txta_kurz {
	border: 1px solid #ccc;
	font-family: inherit;
	font-size: 1em;
	width: 250px;
}
.largeinput {
	width: 420px;
}
input.ti_m {
	font-family: inherit;
	font-size: 1em;
	width: 150px;
}
input.ickb {
	width: 50px;
}
.mediuminput {
	width: 178px;
}
.smallinput {
	width: 80px;
}
textarea,
textarea.txta_kurz {
	background: #fff;
	border: 1px solid #ccc;
	font-family: inherit;
	font-size: 12px;
	width: 525px;
}
textarea.txta_kurz {
	width: 365px;
}
.commenthinweis {
	color: #999;
	padding-left: 160px;
}
.formp {
	padding-left: 180px;
}
.formpin {
	padding-left: 160px;
}
.button_in,
.button_in:hover {
	cursor: pointer;
	padding: 0 4px;
}
.button,
.button:hover {
	cursor: pointer;
	margin-left: 160px;
	padding: 0 4px;
}
.rb-hinweis {
	color: #f00;
	font-size: 14px;
	font-weight: bold;
}
.disabled {
	border: 1px solid #ccc;
	color: #999;
	display: block;
	float: left;
	width: 250px;
}
.angebotszeitraum {
	color: #999;
}
.reisende {
	border: none;
	margin: 0;
	padding: 0;
	width: 100%;
}
.reisendetd1,
.reisendetd2,
.reisendetd3 {
	width: 150px;
}


/* Startseite
-----------------------------------------------*/
#featuredProductTransition {
	position: relative;
}
#featuredProductImage {
	height: 445px;
}
#featuredContent {
	background: #881016;
	color: #fff;
	font-size: 13px;
	height: 90px;
	left: 590px;
	line-height: 1.5em;
	padding: 10px 10px 0 10px;
	position: absolute;
	width: 258px;
	top: 315px;
}
#featuredContent a,
#featuredContent a:visited {
	color: #fff;
	text-decoration: none;
}
#featuredContent a:hover {
	color: #fff;
	text-decoration: none;
}