html,body {
	height: 100%;
}


body {
	font-family: Verdana,Helvetica,Arial,sans-serif; 
	font-size: 12px;
	color: #48402F;
	margin:0px;
	padding:29px 0px 0px 0px;
	text-align: center;
	background-image: url(../ui/background.jpg);
	background-repeat: repeat-x;
	background-color: #FDF3DD;
}
a{ color: #48402F; text-decoration: none; outline: none; }
h1{ margin: 0 0 6px 0; font-family: "Trebuchet MS", Verdana, Arial, sans-serif; font-size: 170%; font-weight: bold; }
h2{ margin: 14px 0 14px 0; font-family: "Trebuchet MS", Verdana, Arial, sans-serif; font-size: 145%; font-weight: bold; }
h3{ margin: 7px 0 7px 0; font-family: "Trebuchet MS", Verdana, Arial, sans-serif; font-size: 125%; font-weight: bold; }
h4{ margin: 4px 0 4px 0; font-family: "Trebuchet MS", Verdana, Arial, sans-serif; font-size: 115%; font-weight: bold; }
h5{ margin: 0px 0 0px 0; font-family: "Trebuchet MS", Verdana, Arial, sans-serif; font-size: 100%; font-weight: bold; }


div#wrapper{
	text-align: left;
	margin: 0 auto 0 auto;
	width: 80%;
	min-width: 875px;
	max-width: 1350px;
	background-image: url(../ui/TopBacking.jpg);
	background-repeat: repeat-x;
}

div#header{
	height: 146px;
	width: 100%;
	background-image: url(../ui/TopPictures.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
	div#header img#topLogo{
		position: relative;
		top: -13px;
		margin-bottom: -16px;
		float: left;
		clear: both;
		z-index: 0;
	}
	div#header div#slogan{
		position: relative;
		float: right;
		width: 220px;
		margin-right: 0px;
		left: -613px;
		margin-top: 78px;

		font-family: 'Trebuchet MS','Trebuchet',Arial,sans-serif; 
		font-weight: bold;
		font-size: 12px;
		line-height: 13px;
		letter-spacing: 2px;
		color: white;
		text-align: right;
		z-index: 1;
	}

div#leftBar{
	float: left;
	width: 188px;
	background-image: url(../ui/LeftBacking.jpg);
	background-repeat: repeat-y;
	padding: 10px 10px 0 10px;
}
	div#leftTopLeft{
		float: left;
		width: 5px;
		height: 101px;
		margin: -10px 0 0 -10px;
		background-image: url(../ui/LeftTopLeft.jpg);
		background-repeat: no-repeat;
	}
	div#leftFooter{
		width: 208px;
		height: 11px;
		float: left;
		margin: 100px 0 0 -10px;
		background-image: url(../ui/LeftFooter.jpg);
		background-repeat: no-repeat;
	}


div#middleGap{
	float: left;
	width: 15px;
	height: 98px;
	position: relative;
	margin-left: -6px;
	margin-right: -5px;
	background-image: url(../ui/MiddleGap.jpg);
	background-repeat: no-repeat;
}

div#contentOuter{
	background-color: white;
	float: none;
	margin-left: 212px;
	background-image: url(../ui/ContentLeft.jpg);
	background-repeat: repeat-y;
	/*border: 1px solid red;*/
}
	div#contentInner{
		float: none;
		background-image: url(../ui/ContentRight.jpg);
		background-position: right;
		background-repeat: repeat-y;
		/*border: 1px solid green;*/ 
	}
		div#contentTopRight{
			float: right;
			width: 6px;
			height: 135px;
			margin-top: -35px;
			background-image: url(../ui/ContentTopRight.jpg);
			background-repeat: no-repeat;
		}
				
		div#content{
			margin:0px 0px 0px 0px;
			padding: 30px;
			min-height: 400px;
		}
		
	div#footer{
		float: none;
		height: 21px;
		padding-top: 3px;
		background-image: url(../ui/FooterBacking.jpg);
		background-repeat: repeat-x;
		overflow: hidden;
		white-space: nowrap;
	}
		div#footerLeftCorner{
			float: left;
			width: 8px;
			height: 24px;
			margin-top: -3px;
			background-image: url(../ui/footerLeft.jpg);
			background-repeat: no-repeat;
		}
		div#footerRightCorner{
			float: right;
			width: 6px;
			height: 24px;
			margin-top: -3px;
			background-image: url(../ui/footerRight.jpg);
			background-repeat: no-repeat;
		}





div#footer, div#footer a{
	text-align: center;
	color: #d0d0d0;
	font-size: 9px;
}



/*
*	Upper Navigation
*/
div#header div#menuContainer{
	float: left;
	clear: both;
	height: 23px;
	width: 795px;
	margin: 0px 0 0 8px;
	padding: 3px 4px 0 0px;
	position: relative;
	top: -34px;
	width: 98%;
	margin-bottom: -34px;
	
	white-space: nowrap;
	overflow: hidden;
}
div#header div#menuContainer ul {
	display: inline;
	float: left;
	padding:0;
	margin: 0;
}

div#header div#menuContainer ul li{
	display: inline;
	padding: 0;
	margin: 0;
}
div#header div#menuContainer ul li a:hover, div#header div#menuContainer ul li span.active, div#header div#menuContainer ul li a.tail{
	background-color: #3969B2;
}


div#header div#menuContainer ul a, div#header div#menuContainer ul span{
	font-family: Verdana,Helvetica,Arial,sans-serif; 
    font-size:11px;
	line-height: 11px;
    color: white;
	margin: 0 0 0 0;
	padding: 2px 10px;
}
div#header div#menuContainer div.mod_navigation{
	display: inline;
}

/*
*	left bar items
*/
div#phoneBooking {
	background-color:#F5F339;
	background-image:url(../phoneBacking.jpg);
	background-position:right center;
	background-repeat:repeat-y;
	border:1px solid #C0C0C0;
	color: darkbrown;
	font-family: "Trebuchet MS", Helvetica,Arial,sans-serif;
	font-size:90%;
	font-weight: bold;
	margin:40px 18px;
	padding:2px 0 2px 5px;
}
div#addThis{
	margin:40px 18px;
}

img#anfahrtPic{ float: right; position: relative; top: 0px; left: -60px; margin: 10px;}
div#anfahrtLeft img{ float: left; position: relative; top: -10px; left: 0px; margin: 10px 10px 0 -10px;}
div#anfahrtLeft{
	margin: 40px 18px 80px 18px;
}
div#anfahrtLeft a{
	font-family: "Trebuchet MS";
	font-weight: bold;
	line-height: 12px;
}
div#leftBar div.ce_text{
	font-size: 90%;
	padding: 0 9px;
}

/*
* ospisys overrides
*/
table.ospi_table, table.ospi_form{
	width: 100%;
}
fieldset.ospi_fieldSet{
	border: none;
	border-top: 3px dotted #716393;
	margin: 18px 0 10px 0;
	padding: 20px;
}
fieldset.ospi_fieldSet legend{
	padding: 2px 10px;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	color: #808080;
	background-color: white; 
}
div#adminModeCheckArea{
	color: gray;
	font-size: 80%;
}
td#personalData{ padding-right: 20px; }
td#personalData_notice{ padding-bottom: 20px; }
div#theGuest{
	color: gray;
	font-size: 80%;
	margin: 1em 9px;
}
div#theQuery{
	font-size: 80%;
	padding: 5px;
	margin: 0px 6px 20px 6px;
	border: 1px dotted #3969B3;
	overflow: hidden;
}
div#theQuery h1{ font-size: 100%; font-weight: bold; margin: 0;}
table.ospi_logView{ table-layout: fixed; white-space: nowrap; overflow: hidden; }
table.ospi_logView td{  padding: auto 4px; overflow: hidden; }
tr.log_warning td{ background-color: #FEFF8B; }
tr.log_error td{ background-color: #FBBCBC; }
tr.log_syserror td{ background-color: #FBBCBC; }
tr.log_dayBreak td{border-bottom: 1px solid #3969B3; background-color: white; color: #3969B3; font-weight: bold; padding-top: 1em; }
td.log_timestamp{ font-size: 80%; color: gray; }
td.log_user{ font-size: 80%; color: gray; }
td.log_ip{ font-size: 80%; color: gray; }
td.log_message{ font-size: 90%; }
td.log_image{}

/*
*	hotelier navigation
*/
div#leftBar ul.ospi_navigation  {
}
div#leftBar ul.ospi_navigation li{
	list-style-type: circle;
	list-style-position: outside;
	margin: 0 0 10px 0;
	
	font-weight: bold;
	font-family: "Trebuchet MS", Verdana, sans-serif;
	font-size: 110%;
}
div#leftBar ul.ospi_navigation ul.ospi_navigation {
	padding: 0 0 0 10px;
	margin: 0;
}
div#leftBar ul.ospi_navigation li ul.ospi_navigation li{
	list-style-type: square;
	list-style-position: inside;
	margin: 0;
	font-weight: normal;
	font-family: inherit;
	font-size: 100%;
}
div#leftBar ul a.tail{
}
div#leftBar ul ul span.active{
	background-color: #dedede;
}
div#leftBar ul ul a:hover{
	background-color: #dedede;
}
div#messageContainer{
	float: right;
	width: 601px;
	margin: 6px 6px 0 0;
	margin-left: -608px;
	background-color: #3969B3;
	color: white;
	height: 104px;
}
div#messageContainer ul li{
	list-style-type: none;
}

div#messageContainer{display: none;}
div#ospi_messages { text-align: center; }
div#ospi_messages img{ vertical-align: bottom; }

/*
*	Booking steps
*/
ul.bookSteps {
	padding: 0;
	margin: 0;
}

ul.bookSteps li img, ul.bookSteps li a img{
	margin: 0 7px 0 0;
	vertical-align: bottom;
}
ul.bookSteps li{
	color: #c0c0c0;
	font-size: 11px;
	font-weight: bold;
	height: 20px;
	padding: 7px 0 0px 35px;
	margin: 3px 0 5px 0;
	border: 1px solid #c0c0c0;

	list-style-type: none;
}
ul.bookSteps li.bStepsDone, ul.bookSteps li.active{
	height: 27px;
	padding: 0 0 0 0;
	color: #48402F;
}
ul.bookSteps li.active{
	height: 23px;
	padding: 4px 0 0px 10px;
	color: #48402F;
	background-color: lightblue;
}
ul.bookSteps li a{
	display: block;
	height: 24px;
	padding: 3px 0 0 10px;
}
ul.bookSteps li a:hover{
	background-color: lightblue;
}


/*
*	search form
*/
div#welcomeText{
	margin-bottom: -8px;
}
form#searchForm{
	border-bottom: 2px solid gray;
	border-left: 1px solid gray;
	width: 80%;
	margin: 0 0 0 5%;
	padding: 10px;
}
form#searchForm table#searchSubmit{
	background-color: orange;
}
span.ddmmyy{
	margin-left: 5px;
	font-size: 80%;
	color: gray;
}
a#constrainSearchLink{
	background-color: lightblue;
	font-size: 80%;
	padding: 2px 10px 5px 10px;
	width: 90%;
}

/*
*	forms
*/
.ospi_form  input[type='text'], .ospi_form  input[type='submit'], .ospi_form  input[type='password'], .ospi_form  select, 
.ospi_form  textarea{ padding: 2px; width: 90%; margin: 0; font-size: 100%;}
 .ospi_form  select{ width: 91.8%; }
 .ospi_form  select option{ margin: 0; padding: 0; }
div.offered_room_desc input{ width: auto; }

/*
*	typolight - specific
*/
#content:first-child {border: 1px dotted green;}

.ce_text a{ color: #3969B3; }
.ce_text a:before{	/*content: '\bb0a0';*/ }

p.back a, p.more a{
	color: #3969B3;
	font-size: 80%;
}
p.back a:before{ /*content: '\ab0a0';*/ }
div.pdf_link a{
	color: gray;
	font-size: 80%;
}
div.pdf_link { text-align: right; }
div#links a:before{ content: ''; }
div#links li{ margin: 10px 0; }

.mod_changelanguage{
	width: 20px;
	height: 16px;
	float: right;
	margin: 0;
	padding: 0;
	text-align: right;
}
.mod_changelanguage ul{
	margin: 0;
	padding: 0;
	float: right;
}
.mod_changelanguage ul li, .mod_changelanguage ul li a, .mod_changelanguage ul li p{
	margin: 0;
	padding: 0;
	float: right;
	text-align: right;
	display: inline;
}
.mod_changelanguage ul li p{ float: right; }
div.caption{
	font-size: 85%;
	color: gray;
	text-align: right;
}
div.image_container{
	margin: 2px 6px;
}
/*start page*/
div#versch-teaser{ margin-top: 2em; }