/**************************************************************************************
*
*			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 h1 {
	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: 105px;
	border: 0;
	background: #ffffff;
	color: #666666;
	font-size: 11px;
	padding: 2px;
	margin-left: 105px;
	cursor: pointer;
}
/***********************************
*		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;	
}