/**************************************************************************************
*
*			SCREENDESIGN LANDHOTEL RUPERTUS
*
***************************************************************************************/
html {
	overflow-y: scroll;
	overflow-x: hidden;
}
body {
	margin: 0;
	padding: 0;
	font-family: Arial, Verdana, Times New Roman;
	font-size: 12px;
	color: #666666;
	text-align: center;
	background: #f7f4ed url(../images/screen/background.gif) repeat-x top left;
	/** behavior: url(fileadmin/templates/js/csshover3.htc); **/
}
h1,
h2 {
	font-weight: normal;
	margin: 0;
	padding: 0;
}
h3 {
	font-size: 12px;
	margin: 0 0 8px 0;
	padding: 0;
}
p {
	margin: 0;
	padding: 0;
	line-height: 17px;
}
a {
	color: #666666;
}
a:hover {
	color: #989183;
}
a.external-link-new-window {
	margin-left: 3px;
	padding-left: 15px;
	background: url(../images/screen/icon_external.gif) no-repeat left center;
}


/***********************************
*		Grundstruktur
************************************/

div.main {
	width: 1003px;
	height: 100%;
	margin: auto;
	background: #ffffff;
	text-align: left;
}
div.header {
	height: 420px;
	width: 963px;
	margin: 0px 20px 0 20px;
	position: relative;
	z-index: 9999;
	overflow: hidden;
}
div.border,
div.border_bk {
	float: left;
	width: 100%;
	height: auto;
	border-bottom: 20px solid #ffffff;
	background: #ffffff url(../images/screen/bg_border.gif) repeat-y center top;
}
div.border_bk {
	background: #ffffff url(../images/screen/bk_background.gif) repeat-y center top;
}
*:first-child+html .navigation {
	position: absolute;
	z-index: 5000;
	margin-top: 370px;
}
div.navigation {
	position: relative;
	height: 50px;
	margin-top: 370px;
}
div.sidebar_left {
	float: left;
	width: 262px;
	height: auto;
	margin-left: 20px;
}
div.main_content {
	float: left;
	width: 445px;
	margin: 20px;
	height: auto;
}
div.sidebar_right {
	float: left;
	position: relative;
	width: 216px;
	height: auto;
}
div.logo_isn {
	
	text-align: right;
	margin-top: 5px;
	padding-right: 20px;
	background: #f7f4ed;
}
div.logo_isn a img {
	border: 0;
}

/***********************************
*		Header
************************************/

div.header_image {
	position: absolute;
	z-index: 100;
	width: 963px;
	height: 370px;
	background: #CEC6B2;
}
div.header_image img {
	width: 963px;
	height: 370px;
}
div.mirror {
	position: absolute;
	z-index: 700;
	width: 262px;
	height: 370px;
	background: #CEC6B2;
/**	opacity: 0.80;
	filter: alpha(opacity=80); **/
}
div.navi1 {
	position: absolute;
	z-index: 500;
	width: 942px;
	height: 22px;
	margin: 21px 20px 0 0;
	text-align: right;
}
div.slogan {
	position: absolute;
	z-index: 500;
	width: 946px;
	height: 40px;
	margin: 310px 0px 0 0;
	padding: 1px 0 0 3px;
	text-align: right;

}

/********************
*	Mirror
*********************/

div.leaf {
	position: absolute;
	z-index: 900;
	width: 222px;
	height: 110px;
	margin: 20px 20px 0 20px;
	background: url(../images/screen/blatt.png) no-repeat top center;	
}
div.logo {
	position: absolute;
	z-index: 900;
	width: 222px;
	height: 75px;
	background: url(../images/screen/logo.png) no-repeat top left;
	margin: 132px 20px 0 20px;
}
div.logo a img{
	border: none;
}
div.form_teaser {
	position: absolute;
	z-index: 900;
	width: 222px;
	height: 143px;
	margin: 211px 20px 20px 20px;	
}

/*************************
*	Formular-Teaser Mirror
**************************/

div.form_teaser h3 {
	font-size: 12px;
	padding: 0;
	margin: 0 0 7px 0;	
}
div.form_teaser form {
	margin: 0;
	padding: 0;
}
div.form_teaser p {
	font-size: 11px;
	color: #ffffff;
}
div.form_teaser select {
	margin: 2px 0 10px 0;
	font-size: 11px;
	font-family: Arial;
	color: #666666;	
}
select.teaser_month {
	margin: 2px 7px 10px 7px !important;	
	width: 90px;
}
div.form_teaser input {
	width: 151px;
	border: 0;
	color: #666666;
	font-size: 11px;
	padding: 5px;
	margin-left: 50px;
	cursor: pointer;
}
input.request {
	border:none;
	background:url(/fileadmin/templates/images/request.png) no-repeat;
	text-align:center;
	width:150px;
	font-weight:bold;
}
div.request_button {
	background:url(/fileadmin/templates/images/request.png) no-repeat;
	width:150px;
	height:24px;
	margin-left:50px;
}

/***********************************
*		Navigation - Grundstruktur
************************************/

div.navi2 {
	float: left;
	width: 262px;
	height: 50px;
	background: #d8d1c1;	
}
div.navi3 {
	float: left;
	width: 701px;
	height: 100%;
	background: #cec6b2;	
}

/***********************************
*		linke Sidebar
************************************/

div.navi4 {
	width: 222px;
	height: auto;
	margin: 20px;
}
div.sb_content_left,
div.sb_blog {
	width: 222px;
	height: auto;
	margin: 0 20px 20px 20px;
	overflow: hidden;
}

/***********************************
*		Content-Bereich
************************************/

div.breadcrumb {
	height: 19px;
	line-height: 18px;
	border-top: 1px solid #dfdacc;
	border-bottom: 1px solid #dfdacc;
}
div.breadcrumb a {
	font-size: 11px;
	text-decoration: none;
}
div.content {
	height: auto;	
}

/***********************************
*		rechte Sidebar
************************************/

div.sb_content_right {
	width: 176px;
	height: auto; 
	margin: 20px;
	overflow:hidden;	
}

/************************************
*		Footer
*************************************/
div#footer {
    background: none repeat scroll 0 0 #CEC6B2;
    clear: both;
    color: #666666;
    margin-left: 20px;
    text-decoration: none;
    width: 963px;
}

div.lefty {
	float: left;
	height: 50px;
	width: 212px;
	padding: 25px;
}

.middle {
	float:left;
	height:64px;
	line-height:22px;
	padding:32px 0 0 20px;
	width:681px;
}

.middle > span {
	display:block;
	float:left;
	font-family:verdana;
	font-size:12px;
	padding-right:35px;
}


div#footer > img {
    margin: 20px 0 0 30px;
}


div#position {
    width: 715px;
    float: right;
    padding-top: 35px;
}
.logo_print {
	display: none;
}
/************************************************
*   Kontakt und Downloads auf der rechten Seite
*************************************************/
.cd_container {
    background: url("../images/rupertus_logo_rs.png") no-repeat scroll 0 0 #E8E4D5;
    float: left;
    height: 52px;
    width: 177px;
    letter-spacing: 1px;
    color: #58585A;
    font-family: Arial;
    font-size: 12px;
    padding-bottom: 15px;
}
.cd_container.vouchers {
    float: none !important;	
}
.voucher_txt {
    text-align: center;
}
.contact,
.downloads {
    float: left;
    list-style-type: none;
    margin: 8px 0 0 30px;
    overflow: hidden;
    padding: 0;
}
.downloads {
	margin-top: 1px;	
}
.contact li,
.downloads li {
    width: 90px;
    padding-left: 50px;
}
.contact li a, .contact li a:visited,
.downloads li a, .downloads li a:visited {
    color: #FFFFFF;
    display: block;
    height: 16px;
    padding: 1px 0 1px 2px;
    text-decoration: none;
}
.contact li a:hover,
.downloads li a:hover {
    background-color: #BBBBBB;
    color: #444444;
}

div.slideshow-images img {
    left: 0 !important;
    top: 0 !important;
}
/*===================
Holiday Check Widget
===================*/
.hc_widget_main.hc_widget_box {
	width:200px !important;
	border: none !important;
}
.hc_widget_main_top {
    width:auto !important;
}
.hc_widget_main_right {
    float: left !important;
    width: auto;
}
.hc_widget_main_right {
    float: left !important;
}
.hc_widget_averagereviewrating {
    float: left !important;
    height: 20px !important;
    margin-right: 0px !important;
    text-align: left !important;
}
.hc_widget_totalsuns {
    float: left !important;
    margin: 5px 0px 0 0 !important;
}
#hc_widget_9797 .hc_widget_button {
    float: left !important;
    margin-right: 0px !important;
}
.hc_widget_ratebutton {
    float: none !important;
    margin-left: 0 !important;
    margin-top: 10px !important;
    overflow:hidden !important;
}

.hc_widget_bookingbutton {
    float: none !important;
    margin-left: 0 !important;
    margin-top: 10px !important;
    overflow:hidden !important;
    display:none !important;
}
.tx-cal-controller {
	width:660px;
}
.app {
clear:both;
}
.app_img {
height:67px !important;
background:none !important;
}
.app_img2 {
    padding-top: 13px;
    padding-left: 13px;
}