@charset "UTF-8";
@import "cssReset.css";
@import "print.css";
@media screen, projection {

body {
	background: #3b69ad;
	padding: 10px 0;
}

#page_margins {
	min-width: 70em; /* 800px; */
	max-width: 900px; /* 85em; */
	background: #fff;
	text-align: left;
	margin: 0 auto;
	border: 0 none;
	background-image: url(./gfx/border_left.gif);
	background-repeat: repeat-y;
	background-position: left;
}

#border-top {
	overflow: hidden;
	width: auto;
	height: 20px;
	font-size: 0;
	margin-bottom: -15px;
	background-image: url(./gfx/border_top.gif);
	background-repeat: repeat-x;
	background-position: top left;
}

#border-bottom {
	overflow: hidden;
	width: auto;
	height: 20px;
	margin-top: 0 /* -15px */;
	font-size: 0;
	background-image: url(./gfx/border_bottom.gif);
	background-repeat: repeat-x;
	background-position: bottom left;
}

#edge-tl {
	float: left;
	width: 20px;
	height: 20px;
	font-size: 0;
	background-image: url(./gfx/corner_tl.gif);
	background-position: top left;
}

#edge-tr {
	position: relative; /*IEFix|z-index*/
	float: right;
	width: 20px;
	height: 20px;
	font-size: 0;
	background-image: url(./gfx/corner_tr.gif);
	background-position: top right;
}

#edge-bl {
	float: left;
	width: 20px;
	height: 20px;
	background-image: url(./gfx/corner_bl.gif);
	background-position: bottom left;
}

#edge-br {
	position: relative; /*IEFix|z-index*/
	float: right;
	width: 20px;
	height: 20px;
	background-image: url(./gfx/corner_br.gif);
	background-position: bottom right;
}

#page {
	padding: 10px;
	border: 0 none;
	margin: 0 0 0 5px;
	padding: 10px 15px 10px 10px;
	background-image: url(./gfx/border_right.gif);
	background-repeat: repeat-y;
	background-position: right;
}

#main {background: #fff; padding: 10px 0;}

#footer {color:#666; background: #f9f9f9; padding: 10px 20px; border-top: 5px #efefef solid; border-bottom: 5px #efefef solid}

.footerRSS {
	text-align: center;
	margin-top: 10px;
}

#nav * {border: 0px none !important;}
#nav_main {background: #f7cf57;}
#nav_main ul {
	margin-left: 10px;
	list-style: none;
	height: 2em;
}

#nav_main ul li {
	line-height: 2em;
	display: inline;
}

#nav_main ul li a,
#nav_main ul li strong {
	color: #666;
	font-weight: bold;
	padding: 0.2em 0.8em 0.3em 0.8em;
}

#nav_main ul li a:focus, 
#nav_main ul li a:hover, 
#nav_main ul li a:active {
	background: #3b69ab;
	color: #efefef;
	text-decoration: none;
}

#nav_main ul li#current {background: transparent;}

#nav_main ul li#current strong, 
#nav_main ul li#current a, 
#nav_main ul li#current a:focus, 
#nav_main ul li#current a:hover,
#nav_main ul li#current a:active {
	color: #4D87C7;
	font-weight: bold;
}

.time {
	margin: 5px 0;
}

} /* projection ende */

/* ######################################## basic stuff ##################################################
   #################################### borrowed from yaml.de ############################################
*/
@media all {
	
	* {margin: 0; padding: 0;}
	/*p {margin: 1em 0;}*/
	option {padding-left: 0.4em;}
	select {padding: 1px;}
	* html body * {overflow: visible;}
	* html iframe, * html frame {overflow: auto;}
	* html frameset {overflow: hidden;}
	html {height: 100%; margin-bottom: 1px;}
	html * { font-size: 100.01%;}
	body {font-size: 100.01%; color: #000; text-align: left;}
	fieldset, img {border: 0 solid;}
	ul, ol, dl {margin: 0 0 1em 1em;}
	li {/*margin-left: 0.8em; line-height: 1.5em;*/}
	dt {font-weight: bold;}
	dd {margin: 0 0 1em 0.8em;}
	blockquote {margin: 0 0 1em 1em;}
	blockquote:before, blockquote:after, q:before, q:after {content: "";}
	textarea, pre, tt, code {font-family:"Courier New", Courier, monospace;}
	body {
		font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
		font-size: 75.00%;
		color: #444;  
	}

	h1, h2, h3, h4, h5, h6 { 
		font-family: "times new roman",times,serif;
		font-weight: bold;
		color: #666;
		margin: 0 0 0.25em 0;
	}

	h1 {font-size: 200%}                        /* 24px */
	h2 {font-size: 175%; /* color: #182E7A*/ }        /* 24px */
	h3 {font-size: 150%}                        /* 18px */
	h4 {font-size: 133.33%}                     /* 16px */
	h5 {font-size: 116.67%}                     /* 14px */
	h6 {font-size: 116.67%; font-style: italic} /* 14px */

	#header h1 {
		font-size: 2.5em;
		letter-spacing: -2px;
		line-height: 65%;
		color: #000;
	}

	#header span {color: #999;}
	p {margin: 0 0 1em 0;}

	/* ### Lists | Listen  #### */
	ul, ol, dl {/* line-height: 1em;*/ margin: 0 0 0.5em 0.5em;}
	li {margin-left: 1em; line-height: 1em; list-style-image: url(../layout/bilder/list-icon.png); list-style-position: inside;}
	dt {font-weight: bold;}
	dd {margin: 0 0 1em 2em;}

	/* ### text formatting | Textauszeichnung ### */
	cite, blockquote {font-style: italic;}
	strong, b {font-weight: bold;}
	em, i {font-style: italic;}
	pre, code {font-family: monospace; font-size: 1.1em;}
	acronym, abbr {
		letter-spacing: .07em;
		border-bottom: .1em dashed #c00;
		cursor: help;
	}

	/* Standardklassen zur Positionierung und Hervorhebung */
	.note {background: #dfd; padding: 1em; border-top: 1px #bdb dotted; border-bottom: 1px #bdb dotted;}
	.important {background: #ffd; padding: 1em; border-top: 1px #ddb dotted; border-bottom: 1px #ddb dotted;}
	.warning {background: #fdd; padding: 1em; border-top: 1px #dbb dotted; border-bottom: 1px #dbb dotted;}

	.float_left { float: left; display:inline; margin-right: 1em; margin-bottom: 0.15em;  }
	.float_right { float: right; display:inline; margin-left: 1em; margin-bottom: 0.15em;  }
	.center { text-align:center; margin: 0.5em auto }

	/* Hyperlinks */
	a {color: #4D87C7; text-decoration: none;}
	a:focus, a:hover, a:active {color:#182E7A; text-decoration: none;}
	
	#topnav a {color: #999; font-weight: normal; background:transparent; text-decoration:none;}
	#topnav a:focus, #topnav a:hover, #topnav a:active {text-decoration: underline; background-color: transparent;}
	
	#footer a {color: #999; background: transparent; font-weight: bold;}
	#footer a:focus, #footer a:hover, #footer a:active {color: #4D87C7; background-color: transparent; text-decoration:underline;}

	/* Tabellen 
	table { width: auto; border-collapse: collapse; margin-bottom: 0.5em;}
	table.full {width: 100%;}
	table.fixed {table-layout: fixed;}

	th, td {padding: 0.5em;}
	thead th {background: #444; color: #fff;}
	tbody th {background: #ccc; color: #333;}font: 0.7em/1.2em;
	tbody th.sub {background: #ddd; color: #333;}
	*/
  
  /* diverses */
	hr {
		color: #fff;
		background: transparent;
		margin: 0 0 0.3em 0;
		padding: 0 0 0.3em 0;
		border: 0;
		border-bottom: 2px #d4d4d4 solid;
	}

	/* Layout */
	#header {position: relative;}
	#langnav {
		text-align: center;
		padding: 5px;
		background-color: #F7CF57;
	}
	#langnav p {
		border-bottom: 1px solid #3B69AB;
		margin-bottom: 5px;
		padding-bottom: 5px;
		
	}
	#header #langnav {position: absolute; top: 0px; right: 0px;}
	#header, #nav, #main, #footer {clear: both;}
	#col1 /* left column */ {float: left; width: 150px;}
	#col2 /* right column */ {float: right; width: 150px;}
	#col3 /* center column */ {width: auto; margin: 0 150px;}
	/* #col1_content, #col2_content, #col3_content {position: relative; padding: 5px;} */
	#col3_content {position: relative; padding: 0 5px;}
	
	.clearfix:after {content: "."; display: block; font-size: 0; height: 0; clear: both; visibility: hidden;}
	.clearfix {display: block;}
	.floatbox {overflow: hidden;}
	#ie_clearing {display: none;}
	
	/* Angepasstes Layout fuer Restplatzboerse */
	.moduleTitle {
		font-size: 1.3em;
		line-height: 1.2em;
		font-weight: bold;
		text-align: center;
		color: #f7cf57;
		margin-bottom: 0.75em;
		background-color: #3b69ab !important;
		padding: 3px 0;
		
		
	}
	
	.moduleContainer {
		padding: 5px;
		margin-bottom: 10px;
		background:	#efefef url(../layout/bilder/verlaufGrau.jpg) repeat-x bottom
	}
	
	.moduleContainer input, .moduleContainer select {
		width: 95%;
	}
	
	#searchToggleButton {
		min-height: 15px;
		line-height: 15px;
		margin: 10px 0;
		background: #fff url(../layout/bilder/iconToggleButton.gif) no-repeat right center;
		cursor: pointer;
		padding: 3px;
	}

	.spacer {
		height: 10px;
	}

	#toggle { /* aus- und einblendbare Elemente */
		/* border: 1px solid black; */
	}
	
	.info { /* z.B. fuer leere Suchergebnisse */
		font-weight: bold;
		color: red;
	}

	/* Angebotstabelle */
	
	.rp { /* Tabelle fuer RPB-Inhalt */
		width: 100%;
		border: none;
		background-color: white;
	}
	
	.rp td {
		padding: 5px;
	}
	
	.rpImg {
		border: 1px solid #cecece;
		padding: 3px;
		margin: 2px;
		background-color: white;
	}
	
	.rp_td_img, .rp_td_date, .rp_td_rm_name, .rp_td_preis {
		text-align: center;
	}
	
	
	.rp_td_uk_name {
		font-weight: bold;
		padding-right: 3px;
		font-size: 1.1em;
		width: 10em;
	}

	.rp_td_buttons {
		text-align: right;
	}
	
	.rp th {
		text-align: center;
	}
	
	.light {
		background-color: white;
	}

	.dark {
		background-color: #efefef;
	}

	.modalSettings {
		background-color: white;
		margin: 5px;
	}
	
	.error {
		font-weight: bold;
		color: red;
		text-indent: 40px;
		height: 35px;
		font-size: 1.3em;
		line-height: 2em;
		background: url("../layout/bilder/error.png") no-repeat left;
	}

	.success {
		font-weight: bold;
		text-indent: 40px;
		height: 40px;
		background: url("../layout/bilder/success.png") no-repeat left;
	}
	
	.pagination {
		text-align: center;
		padding: 10px 0;
		border: 1px solid #cecece;
	}

	.pagination a {
		text-decoration: none;
		color: inherit;
		padding: 5px 10px;
		border: 1px solid #cecece;
		background-color: #efefef;
	}

	.pagination a:hover {
		color: inherit;
		border: 1px solid #b6b6b6;
		background-color: white;
	}

	.pagination a.active {
		background-color: #F7CF57;
	}
	
	.pagination ul {
		/* border:1px solid #676767; */
		list-style-image: none;
		list-style-position: outside;
		list-style-type: none;
		margin: 0;
		padding: 0;
	}

	.pagination li {
		display: inline;
		/*border: 1px solid #dedede;*/
	}
/* ******* modBookmarks **********************/	
	.bookmarksBox {
		text-align: center;
		background-color: #efefef;
	}
	
	#bookmarksToggleButton {
		background: url(../layout/bilder/iconToggleButton.gif) no-repeat right center;
		cursor: pointer;
	}
	
	.bookmarkSingleItem {
		margin-bottom: 10px;
		background: url(../layout/bilder/verlaufGrau.jpg) repeat-x bottom;
		padding-bottom: 5px;
	}
	
	.bookmarkSingleItem a {
		line-height: 2em;
		font-weight: bold;
	}
	
	.bookmarksBottomLinks {
		font-weight: bold;
	}
	
	
	.smallFont {
		font-size: 75%;
	}
	
/* *********** modLatestOffers  *********** */
	
	.lastOffersBox {
		text-align: center;
		background-color: white;
		background: url(../layout/bilder/verlaufGrau.jpg) repeat-x bottom;
		margin-bottom: 5px;
		padding: 5px 0;
	}
	
	.lastOffersUKName {
		font-size: 1.2em;
		font-weight: bold;
		padding-bottom: 5px;
	}
	
	.lastOffersRMName {
		padding-top: 5px;
	}
	
	.lastOffersDescr {
		/* Verpflegung, Anz. Zimmer */
	}
	
	.lastOffersBookInquiry {
		/* Links fuer BUCHEN oder ANFRAGE */
	}
	
	.lastOffersBox img {
		border: 1px solid #cecece;
		padding: 3px;
		background-color: white;
	}
	
/* *************  UK-Modal-Fenster ************ */

	.ukContainerAll {
		width: 850px !important;
		min-height: 500px;
		font-family: Helvetica, Arial, sans-serif;
	}	
	
	.ukLeftContainer {
		float: left;
		width: 300px;
		border: 1px solid #e1e1e1;
		background-color: #efefef;
		padding: 5px;
	}
	
	.ukLeftContainer img {
		text-align: center;
	}
	
	.ukImgLogo {
		text-align: center;
		padding-bottom: 10px;
	}
	
	.ukRightContainer {
		float: right;
		background-color: #efefef;
		padding: 5px;
		border: 1px solid #e1e1e1;
	}
	
	.ukGalleryDiv {
		width: 510px;
		text-align: center;
	}
	
	.galThumbs {
		width: auto;
		white-space: nowrap;
		overflow-x: scroll;
		overflow-y: hidden;
		padding: 0 5px;
	}
	
	.galThumbs img {
		padding: 3px;
		border: 1px solid #e1e1e1;
	}
	
	#largeImg {
		padding: 5px;
		border: 1px solid #e1e1e1;
		margin-top: 10px;
	}
	
/******************** modLogos ***************************/
	.modLogoContainer {
		text-align: center;
		margin: 5px;
	}
	
	.modLogoContainer img {
		border: 1px solid #cecece;
		padding: 3px;
		margin: 3px;
		background-color: white;
	}
	
	
/************** Anfrage/Inquiry Modal-Fenster ******************/
	.inquiryContainerAll {
		width: 850px !important;
		min-height: 500px;
		font-family: Helvetica, Arial, sans-serif;
	}	

	.inquiryLeftContainer {
		float: left;
		width: 300px;
		border: 1px solid #e1e1e1;
		background-color: #efefef;
		padding: 5px;
	}
	
	.inquiryRightContainer {
		float: right;
		background-color: #efefef;
		padding: 5px;
		border: 1px solid #e1e1e1;
		width: 500px;
	}
	
	.inquiry {
		width: 100%;
		/* padding-top: 10px; */
		background: url(../layout/bilder/verlaufGrau.jpg) bottom repeat-x;
		min-height: 100px;
	}
	
	.inquiry .imgForgetValues { /*Forget Session Bild*/
		margin-left: 40px;
		white-space: nowrap;
	}
	
	.inquiry td {
		vertical-align: top;
		padding: 5px;
	}
	
	.inquiry .description {
		font-style: italic;
		border: 1px solid #d4d4d4;
	}
	
	.inquiry .heading {
		font-size: 2em;
		font-weight: bold;
		text-align: center;
		background: url(../layout/bilder/verlaufGrau.jpg) bottom repeat-x;
	}
	
	.inquiryLogoAndName {
		/*border: 1px solid black;*/
		height: 100px;
		padding: 3px;
		background: url(../layout/bilder/verlaufGrau.jpg) bottom repeat-x;
	}
	
	.inquiryImage {
		width: 100px;
		float: left;
		padding-right: 10px;
	}
	
	.inquiryUKName {
		
	}
	
	.inquiryRoomImageAndRoomName {
		min-height: 100px;
		padding: 3px;
		background: url(../layout/bilder/verlaufGrau.jpg) bottom repeat-x;
	}
	
	.description {
		padding: 5px;
	}
	
	.verifyEmail {
		font-weight: bold;
		border: 1px solid #ddd;
		padding: 5px;
		background: url(../layout/bilder/diagonalGrau.gif);
	}

/************* HEADER ******************************/
	.innerfadeContainer {
		position: relative;
		float: left;
		height: 100px;
		width: 550px;
		overflow: hidden;
	}

	.innerfadeContainer ul, .innerfadeContainer li {
		margin: 0;
		list-style: none;
		
	}
	
	#headertable {
		width: 100%;
		margin-bottom: 10px;
		vertical-align: top;
		height: 100px;
	}
	
	#headertable .logo {
		width: 140px;
		height: 100px;
		float: left;
		margin-left: 10px;
		position: relative;
	}
	

/************** FOOTER *****************************/
	.logoPartner {
		text-align:  center;
	}
	
	.logoPartner img {
		padding-right: 10px;
		text-align: center;
	}




}
/* ############################################# basic stuff (media all) ende ################################################## */