/*** Reset ***/
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote,	pre, form, fieldset, table, th, td {
	margin: 0; padding: 0;
}

img {
	border: 0;
}


/*** Basis Elemente ***/

html {
	background: url(/images/layout/bg-small.jpg) repeat-x #EEF9FF;
}

body {
	background: url(/images/layout/bg-top-cloud.jpg) no-repeat top center;
	color: #000;
	font-family: Arial;
	font-size: 12px;
	margin: 0 auto;
	line-height: 1.4;
}

.clearfix {
	clear:both;
	content:".";
	display:block;
	height:0;
	line-height:0;
	visibility:hidden;
}


/*** Basis Layout  ***/

#top-header {
	background: url(/images/layout/bg-top-header.gif) repeat-x top center;
	font-size: 11px;
	height: 60px;
	width: 100%;
	
	visibility: hidden;
	}


/*** TOP-HEADER ***/

#top-header-center, #allinme {
	margin: 0 auto;
	width: 960px;
}

#top-header-center a {
	color: #000;
	text-decoration: none;
	margin-left: 5px;
}

/*
#top-header-center a:before {
	content: url(/images/layout/top-navi-arrow.gif);
	padding-right: 5px;
}
*/

#top-header-center .pfeil {
	margin-left: 10px;
}

#top-header-left, #top-header-right {
	background: url(/images/layout/bg-top-header-startseite.gif) no-repeat top center;
	float: left;
	height: 33px;
	padding-top: 13px;
	width: 78px;
}

#top-header-right {
	background: url(/images/layout/bg-top-header-smallnav.gif) no-repeat top center;
	float: right;
	width: 187px;
}


#search {
	float: right;
	visibility: hidden;
}


/*** MAIN-NAVI ***/

#reiter {
	background: url(/images/layout/nav-reiter.gif) no-repeat;
	float: left;
	height: 25px;
	width: 155px;

}

#reiter a {
	color: #fff;
	font-size: 14px;
	margin-left: 15px;
	margin-top: 2px;
	text-decoration: none;
	font-weight: bold;
	line-height: 1.8;
}

#mainnavi {
	background: url(/images/layout/bg-mainnav.gif) no-repeat;
	font-size: 11px;
	height: 22px;
	width: 960px;
	line-height: 2;
	clear: both;
}

#mainnavi a {
	color: #fff;
	text-decoration: none;
	margin-left: 5px;
}

/*
#mainnavi a:before {
	content: url(/images/layout/top-navi-arrow-white.gif);
	padding-right: 5px;
}
*/

#mainnavi .pfeil {
	margin-left: 10px;
}

/*** CONTENT STARTSEITE ***/

#header-pic {
	margin-bottom: 20px;
	height: 130px;
	overflow: hidden;
}

#header-pic-start {
	margin-bottom: 10px;
}

#main-area {
	float: left;
	width: 710px;
	margin-bottom: 10px;
}

.zweispalten {
	float: left;
	width: 355px;
	margin-bottom: 5px;
}

.rechts {
	float: right;
}

.center {
	text-align: center;
}

.right-area {
	float: right;
	width: 234px;
}


h1 {
	font-size: 24px;
/*	border-bottom: 1px solid #a1a8b2; */
	margin-bottom: 10px;
}

.nebeneinander h1 {
	float: left;
}



/*** STARTSEITE - PARTNERHOTELS ***/

.partnerhotel {
	float: left;
	height: 304px;
	width: 170px;
	margin-right: 9px;
	/* margin-top: 12px; */
}

.partnerright {
	margin-right: 0;
}

.partnerhotel a {
	color: #000;
	text-decoration: none;
}

.partnerhotel .hotelfoto {
	border-top: 4px solid #79A32E;
}

.partnerhotel .beschreibung {
	background-color: #fff;
	background: url(/images/layout/bg-partnerhotels-new.gif) no-repeat top center;
	height: 123px;
	line-height: 1.7;
	padding: 5px;

}

.partnerhotel .preis-pro-person {
	float: left;
	font-size: 9px;
 	/* line-height: 1.0; */
	margin-top: 13px;
	height: 25px;
}

.partnerhotel .preis {
	float: right;
	height: 28px;
	margin-right: 0px;
	margin-top: 13px;
	width: 86px;
}

.partnerhotel .detailansicht {
	clear: both;
	font-size: 9px;
	margin-top: 0px;
	height: 15px;
}

.partnerhotel .detailansicht img {
	margin-right: 5px;
	margin-top: 6px;
}


.partnerhotel .beschreibungstext {
	line-height: 1.4;
	height: 40px;
	display: block;
	font-size: 11px;
}


/*** FORMULARE ***/

.reiterbox input {
	border: 1px solid #666;
	padding: 3px;
	width: 190px;
}

.button-text {
	border: 0 !important;
	width: auto;
	background: 0;
	margin-top: 5px;
	font-weight: bold;
	text-decoration: underline;
	font-size: 12px;
}

/*** SUCHBOX ***/

.reiterbox {
	background: url(/images/layout/bg-reiterbox.gif) no-repeat top #B6BF54;
	/* height: 350px; */
	margin-bottom: 5px;
	width: 234px;
}

.newsletter-box {
	/* height: 165px; */
}

.reiterbox h2 {
	font-size: 15px;
	margin-left: 10px;
	padding-top: 10px;
}

.reiterbox .text {
	padding: 5px;
}

.reiterbox label {
	display: block;
	margin-top: 5px;
	margin-bottom: 2px;
}

.reiterbox .links {
	float: left;
}


.reiterbox select, .reiterbox input {
	border: 1px solid #666;
	padding: 3px;
	width: 225px;
}

.reiterbox input {
	width: 212px;
}


.reiterbox select#sterne, .reiterbox select#preis, .reiterbox .shorter {
	width: 105px;
}

.newsletter-box .statusmsg {
	color: #f00;
	margin-top: 3px;
}

/*** FOOTER ***/
/*
#footer {
	background: url(/images/layout/bg-footer.gif) repeat-x #fff;
	color: #878786;
	font-size: 9px;
	margin: 0 auto;
}

#footer-main {
	background: url(/images/layout/bg-footer-main.gif) no-repeat top center;
	margin: 0 auto;
	width: 977px;
}

#footer-main a {
	color: #878786;
	text-decoration: underline;
}

#footer-logo, #footer-right {
	font-size: 10px;
	margin-top: 20px;
}

#footer-logo {
	height: 70px;
	float: left;
	margin-top: 10px;
	line-height: 1.6;
	width: 784px;
}

#footer-logo img {
	float: left;
	margin-right: 10px;
}

#footer-right {
	float: right;
	width: 190px;
}

#footer-text {
	width: 750px;
}
*/

#footer {
	background: #fff;
	color: #878786;
	font-size: 9px;
	margin: 0 auto;
}

#footer-main {
	margin: 0 auto;
	width: 960px;
}

.footer-right {
	float: right;
	width: 530px;
	margin-top: 10px;
}

.footer-right .sitemap-navi {
	float: left;
	width: 175px;
}

.footer-right .sitemap-navi a {
	color: #878786;
	font-size: 12px;
	text-decoration: none;
}

.footer-left {
	float: left;
	line-height: 1.7;
	width: 410px;
	margin-top: 10px;
}

.footer-left a {
	color: #505050;
	text-decoration: none;
}

#footer .headline {
	font-weight: bold;
	height: 35px;
	border-bottom: 1px solid #878787;
	vertical-align: baseline;
	color: #505050;
}

#footer .headline img {
	margin-right: 10px;
}

#footer .headline h3 {
	padding-top: 10px;
	font-size: 12px;
	text-transform: uppercase;
}

#footer-text {
	margin-top: 5px;
}

.sitemap {
	font-size: 12px;
}


/**** UEBERSICHT ****/

.uebersicht {
	border-bottom: 1px solid #A1A8B2;
	height: 138px;
	margin-bottom: 10px;
	width: 710px;
}

.uebersicht .image {
	float: left;
	width: 130px;
	border: 1px solid #fff;
}

.uebersicht .inhalt {
	float: right;
	width: 570px;
}

.uebersicht .inhalt .hotelcode {
	font-size: 11px;
	font-weight: bold;
	float: left;
	width: 200px;
}

.uebersicht .inhalt .sterne {
	float: right;
}

.uebersicht .inhalt .status {
	/* background: #CEDBE4; */
	border-top: 1px dotted #8C8C8C;
	border-bottom: 1px dotted #8C8C8C;
	font-size: 11px;
	height: 26px;
	margin-top: 10px;
}

.uebersicht .inhalt .status .eins {
	float: left;
	width: 160px;
	line-height: 2.4;
}

.uebersicht .inhalt .status .zwei {
	float: left;
	/* border-right: 2px solid #E5F1FF; */
	line-height: 2.4;
	margin-right: 10px;
	width: 170px;
}

.uebersicht .inhalt .status .drei {
	float: left;
	font-size: 10px;
	line-height: 1.2em;
	padding-left: 20px;
	width: 100px;
}

.uebersicht .inhalt .status .vier {
	float: right;
	font-size: 18px;
	font-weight: bold;
	width: 95px;
	text-align: right;
	padding-right: 5px;
}

.eins, .zwei, .drei, .vier {
	height: 26px;
}

.uebersicht .inhalt .status .drei sup {
	font-size: 8px;
	line-height: 0.7em;
}

.uebersicht .inhalt .content {
	font-size: 11px;
}

.uebersicht .inhalt .content strong {
	font-size: 12px;
	text-decoration: underline;
	color: #000;
}

.uebersicht .inhalt .beschreibung {
	font-size: 11px;
	margin-top: 10px;
}

.uebersicht .inhalt .beschreibung .red {
	font-size: 11px;
}

.red {
	color: #f00;
	font-size: 12px;
	font-weight: bold;
}

.pager {
	font-size: 11px;
	float: right;
	margin-bottom: 8px;
	margin-top: 7px;
}

.paginate {
	color: #000;
}

.current {
	text-decoration: none;
	color: #000;
}



/** HOTEL DETAIL **/

.detail-links {
	width: 386px;
	float: left;
}

.detail-links strong, .detail-rechts strong {
	font-size: 12px;
	font-weight: bold;
}

.detail-links .hotelcode {
	float: left;
	font-weight: bold;
	margin-bottom: 12px;
	width: 150px;
}

.detail-links .sterne {
	float: right;
	text-align: right;
	width: 150px;
}

.detail-rechts {
	width: 319px;
	float: right;
}

.detail-rechts img {
	border: 1px solid #fff;
}

.zuschlaege {
	margin-bottom: 5px;
	margin-left: 2px;
}
.zuschlaege img, .gfx-headline {
	border: 0;
	margin-top: 3px;
	margin-bottom: 4px;
}


.preise {
	background: url(/images/layout/bg-preise.jpg) no-repeat top center;
	height: 223px;
	width: 319px;
}

.preise-links {
	float: left;
	height: 32px;
	margin-left: 12px;
	width: 160px;
	font-weight: bold;
}

.preise-links .small {
	font-size: 10px;
}

.preise-links sup {
	font-size: 8px;
	line-height: 0.7em;
}

.preise-rechts {
	float: right;
	font-size: 14px;
	font-weight: bold;
	height: 32px;
	margin-right: 30px;
}

.endpreis {
	font-size: 18px;
	margin-top: 9px;
}

.kleinebilder {
	margin-bottom: 15px;
	margin-left: 4px;
	float: right;
	width: 88px;
}

.kleinebilder img {
	cursor: pointer;
	float: left;
	margin-bottom: 5px;
	margin-right: 5px;
}

.bilderkarussell {
	float: left;
	/* width: 384px; */
	width: 225px;
}

#gmap {
	width: 386px;
	height: 200px;
	border: 1px solid #fff;
	border-bottom: 0;
}

#gmap-bottom {
	background: url(/images/layout/bg-reiterbox.gif) repeat-x top #B6BF54;
	border: 1px solid #fff;
	border-top: 0;
	/* padding: 3px; */
	width: 386px;
}
#gmap-bottom input {
	border:1px solid #666666;
}

.inner-padding {
	margin: 5px;
	padding-top: 3px;
}

.zimmer {
	height: 30px;
	margin-top: 50px;
}


/** BESTELLFORMULAR **/

.bestellformular-left {
	width: 550px !important;
}

.bestellformular-right {
	/* width: 386px; */
	width: 370px;
}

#kartebestellen input, #kartebestellen select, #kartebestellen label.liefer {
	width: 215px;
	font-size: 11px;
	padding: 3px;
	margin-top: 5px;
	border:1px solid #666666;
}

#kartebestellen select {
	width: auto;
}

#kartebestellen input.button {
	width: auto !important;
	border: 0;
	float: right;
}

#kartebestellen label, #kartebestellen input.liefer, #kartebestellen-uebersicht label {
	width: 107px;
	float: left;
	margin-top: 7px;
}

#kartebestellen-uebersicht label {
	margin-top: 0px;
	width: 130px;
}

#kartebestellen .kreditkarte label {
	width: 132px;
}

#kartebestellen fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}

#kartebestellen legend {
	display: none;
}

#kartebestellen #addr_zip, #kartebestellen #telefonvorwahl, #kartebestellen #liefer_plz {
	width: 60px;
}

#kartebestellen #addr_city, #kartebestellen #telefon, #kartebestellen #liefer_ort {
	width: 145px;
}


.headline-uebersicht {
	border-bottom: 1px solid #A1A8B2;
	margin-bottom: 10px;
	height: 18px;
}
.headline-uebersicht h2 {
	color: #00599F;
	font-size: 13px;
	float: left;
	border: 0 !important;
}
.headline-uebersicht .zusammenright {
	float: right;
}


.bestellformular-right h2 {
	color: #00599F;
	font-size: 13px;
	border-bottom: 1px solid #a1a8b2;
	margin-bottom: 10px;
}

.radiobutton {
	width: auto !important;
}

.lieferadresse {
	margin: 0;
	padding: 0;
	margin-right: 10px;
}

/* ORDERLINE */

#orderline {
	/* width: 386px; */
	height: 75px;
	margin-bottom: 20px;
	background: url(/images/layout/order_bg.gif) repeat-x;
	text-align: center;
}

#orderline .stage {
	background: url(/images/layout/order_kr.gif) no-repeat center top;
	height: 75px;
	float: left;
	width: 90px;
	text-align: center;
	margin-left: 10px;
	margin-right: 10px;
}

#orderline .stage a, #orderline .stage {
	text-decoration: none;
	color: #A2A2A2;
}

#orderline .blue .zahl, #orderline .blue a, #orderline .blue {
	color: #005DA8 !important;
}

#orderline .green .zahl, #orderline .green a, #orderline .green {
	color: #52A128 !important;
}

#orderline .stage .zahl {
	color: #A2A2A2;
	font-size: 20px;
	font-weight: bold;
	margin-top: 6px;
	margin-bottom: 1px;
	display: block;
}


/* Kontaktformular */

.kontaktformular {
	float: right;
	width: 350px;
}

.kontaktformular fieldset {
	border: 0;
}

.kontaktformular legend {
	display: none;
}

.kontaktformular label {
	width: 80px;
	float: left;
	margin-top: 7px;
}

.kontaktformular input, .kontaktformular select, .kontaktformular textarea {
	width: 180px;
	font-size: 11px;
	padding: 3px;
	margin-top: 5px;
	border:1px solid #666666;
}

.kontaktformular select {
	width: auto;
}

.kontaktformular input.plz {
	width: 60px;
}

.kontaktformular input.ort {
	width: 110px;
}

.kontaktformular textarea {
	width: 220px;

}

.kontaktformular .senden {
	background: 0;
	border: 0;
	font-size: 12px;
	font-weight: bold;
	margin-left: 80px;
	width: auto;
}

.error {
	color: #f00;
	font-weight: bold;
}

.ansprechpartner {
	width: 300px;
	float: left;
}



/* HOTEL ANMELDEN */

.linksausrichten {
	float: left;
	width: 350px;
}

.rechtsausrichten {
	float: right;
	width: 350px;
	/* border: 1px solid #D2DDE3; */
}

.hoteldatenblatt {
	float: none;
}

.hoteldatenblatt label {
	width: 110px;
}


/* HOTEL ANMELDEN */

.faq a {
	text-decoration: none;
	color: #000;
}

.faq li {
	margin-left: 15px;
}


/* HX-Karte */

ul.vorteile {
	list-style-image: url('/images/layout/aufzaehlung.png');
}

ul.vorteile li {
	margin-left: 20px;
}

.rechte-spalte {
	float: right;
	width: 350px;
}

.links-spalte {
	float: left;
	width: 350px;
}


/** Prämien **/

.praemie {
	width: 171px;
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
	cursor: pointer;
}

.tooltip, .tooltip2, .tooltip-kredit { 
    display:none; 
    background: url('/images/content/praemie/tooltip.png');
    height: 303px; 
    width: 348px; 
    color:#000; 
}

.tooltip2 {
	background: url('/images/content/praemie/tooltip2.png');
	height: 210px; 
	width: 348px; 
}

.tooltip-kredit {
	background: url('/images/content/tooltip-kredit.png');
	height: 357px; 
	width: 403px; 
	font-size: 11px;
}

.tooltip .content, .tooltip2 .content, .tooltip-kredit .content  {
	margin: 20px;
}

.tooltip ul, .tooltip2 ul {
	margin-left: 15px;
	font-size: 11px;
}

.tooltip h4, .tooltip2 h4, .tooltip-kredit h4 {
	font-size: 13px;
	margin-bottom: 10px;
}


/*** logo Klickbar ***/

#top-logo-click {
	cursor: pointer;
	float: right;
	display: block;
	height: 100px;
	width: 275px;
}

#kpn {
	text-decoration: underline;
}

.klein-txt {
	font-size: 9px;
}

/*** TIPP DES TAGES ***/

.daily {
	background: url('/images/layout/daily-bg.png') no-repeat;
	height: 160px;
	border: 0;
}

.daily-1, .daily-2, .daily-3 {
	float: left;
}

.daily-1 {
	margin-top: 48px;
	margin-left: 20px;
	font-size: 11px;
	width: 330px;
}

.daily-1 h4 {
	font-size: 14px;
	margin-bottom: 5px;
}
	
.daily-2 {
	margin-top: 53px;
	margin-left: 20px;
	width: 190px;
}

.daily-2 .small {
	font-size: 10px;
}

.daily-3 {
	margin-top: 11px;
	width: 138px;
}

.daily-3 img {
	border: 5px #fff solid;
}

.daily .white {
	font-weight: bold;
}

.daily-price {
	width: 170px;
}

.daily-2 .small sup {
	font-size: 8px;
	line-height: 0.7em;
}



.simple_overlay {
	display: none;
  z-index:10000; 
  background-color:#333;
  width: 580px;
  height: 637px;
  border:1px solid #666; 
     
  /* CSS3 styling for latest browsers */ 
  -moz-box-shadow: 0 0 20px 0px #888888;
  -webkit-box-shadow: 0 0 90px #000;   
}

.simple_overlay .close { 
    background-image:url(/images/content/close.png); 
    position:absolute; 
    right:-15px; 
    top:-15px; 
    cursor:pointer; 
    height:35px; 
    width:35px; 
}