/*  
Theme Name: hotel_zeller
Theme URI: 
Description: Theme of Hotel Zeller.
Version: 0.1
Author: Bjoern M. Wibben
Author URI: http://www.wibben.de 

	
 */

body {margin: 0; padding: 0; 
	background: #333 url(images/bg.jpg) no-repeat top left;
	font-family: Helvetica, Arial, sans-serif;}
	
*, div, ul, li {margin: 0; padding: 0;}
img {border: none;}

a {
	outline: none;
	border: none;
}

.clear {clear: both;}

/* start */

#kastanie {position: absolute; top: 0px; left: 0px; z-index: 10;}

#lang {position: absolute; top: 80px; left: 850px;}
#qtrans_language_chooser {list-style-type: none;}
#qtrans_language_chooser li {display: inline; padding-right: 10px;}
#qtrans_language_chooser li a {color: #fff; text-decoration: none; font-size: 10px;}

#site {position: absolute; top: 102px; left: 52px; }

#cont {width: 907px; height: 599px;}

#bgimg {z-index: 1;}
#logo {position: absolute; top: 0px; left: 0px; z-index: 3;}
#theLogo {
	position: absolute;
	top: 16px;
	left: 20px;
	z-index: 1;
}
#headbg {
	position: absolute;
	top: 0px;
	left: 0px;
}
#txt {position: absolute; top: 93px; left: 176px; z-index: 2;}

#tbox {width: 714px; background: url(images/textbox-middle.png) repeat-y; font: 10px/14px Helvetica, Arial, sans-serif; color: #666}
#inside {padding: 0px 20px 0px 20px; height: 100%;}
#theText {float: left; width: 250px;}
#theText p {margin-bottom: 14px;}

#theText p a.externalLink, #theText p a.externalLink:link {color: #8a7c6a; background: transparent; padding-left: 0px; text-transform: none; text-decoration:underline; outline: none; line-height: 19px;}
a.externalLink, a.externalLink:link {color: #8a7c6a; text-decoration:underline; outline: none; line-height: 19px;}

#theText p a, #theText p a:link {color: #8a7c6a; text-decoration:underline; outline: none;padding-left: 15px; background: url(images/dreieck.png) no-repeat left; text-transform: uppercase;line-height: 19px;}

#theText p a:visited {color: #8a7c6a; text-decoration:underline; outline: none;}
#theText p a:hover, #theText p a:active {color: #000; text-decoration:underline; outline: none;}

.jsiconvor {
padding-left: 20px; background: url(images/dreieck.png) no-repeat left;
}


#imgsub {
	position: relative;
	top: 0px;
	padding-top: 10px;
	padding-bottom: 20px;
	left:  0px;
	width:  395px;
	float:  right;
}

#subtxt {
	position: relative;
	margin: 0px auto 0px auto;
	width: 350px;
}


#slidesw {float: right; width: 395px; height: 205px; background: white;}
#swcnt {position: relative; top: 0px; left: 0px; width:395px; height:205px; margin: 0; padding: 0; overflow: hidden;}
#slideshow img {margin: 0; padding: 0; border: none; z-index: 11;}
#swnav {position: absolute; top: 205px; left: 0px; width:395px; height:31px; background: #000; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); opacity: .5; z-index: 20;}

#swbtns {position: absolute; top: 9px; left: 160px; margin: 0; padding: 0;}
#swbtns li {list-style-type: none; display: inline;}
#swbtns li a {display: block; width: 13px; height: 11px; text-indent: -9999px; background: url(images/controller.png) no-repeat; float: left; outline: none;}
#swbtns li a#pres {background-position: 0px 0px; padding-right: 25px; outline: none;}
#swbtns li a#stc {background-position: -50px 0px; padding-right: 19px; outline: none;}
#swbtns li a#nexts {background-position: -82px 0px; padding-right: 60px; outline: none;}
#swbtns li a#fulls {background-position: -160px 0px; outline: none;}

#introtxt {position: absolute; top: 320px; left: 0px; width: 900px; z-index: 3; color: #fff; font-weight: bold;}
#introtxt #icont {
	margin: 0 auto;
	width: 600px;
}

#introtxt #icont p {
	margin-bottom: 14px;
}

#ptitle {position: absolute; top: 490px; left: 50px; width: 720px;z-index: 4; color: #fff; font-size: 52px; background-color: transparent; text-transform: lowercase;}

/* main navi */
#main-nav {position: absolute; top: 68px; left: 175px; text-transform: uppercase; font-size: 10px; z-index: 4;}
#nl {list-style: none; margin: 0; padding: 0; text-align: center;}
#nl li {float: left;
	background: url(images/mainnav_hg.png) no-repeat top left;
	padding: 0px 0px 8px 1px;
	width: 100px;
}

#nl li a {text-decoration: none; width: 100px; overflow: hidden;}
#nl li.page_item a {color: #fff; position: relative; top: 5px;}
#nl li.current_page_item a {color: #8a7c6a; text-decoration: none;}


.jshov {
	position: relative;
	top: -16px;
	width: 100px;
	height: 18px;
	overflow:  hidden;
}

.hhg {
	position: relative;
	top: 18px;
	width: 99px;
	height: 18px;
	background: white;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
	filter: alpha(opacity=20);
	opacity: 0.2;
}

/* footer navi */
#footer {position: relative; width: 908px; height: 31px; background: url(images/subnav_hg.png) no-repeat top left; text-transform: uppercase; font-size: 9px; padding: 0; margin: 0;}
#footnav {position: absolute; top: 9px; left: 304px;}
#footnav li {list-style-type: none; display: inline; padding-right: 20px;}
#footnav li a {color: #8a7b68; text-decoration: none;}


/* colorbox css */


#colorbox, #modalBackgroundOverlay, #modalWrap{position:absolute; top:0; left:0; z-index:9999;}
#modalBackgroundOverlay{position:fixed; width:100%; height:100%;}
#colorbox{overflow:hidden; padding:1px; margin-top:-1px; margin-left:-1px;}/*padding fixes a ghosting issue in IE7, the negative margin compensates */
	#modalWrap{width:9000px; height:9000px;}
		#modalContent, #borderTopLeft, #borderTopCenter, #borderTopRight, #borderBottomLeft, #borderBottomCenter, #borderBottomRight, #borderMiddleLeft, #borderMiddleRight {float:left; height:0; width:0; overflow:hidden;}
		#borderMiddleLeft, #borderBottomLeft{clear:left;}
		#modalContent{position:relative; overflow:visible;}
			#contentTitle{margin:0;}
			#modalClose, #contentPrevious, #contentNext{outline:none; cursor:pointer; border:0; margin:0;}
			#modalLoadedContent{overflow:auto; width:0; height:0;}
			#modalLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
			#modalLoadedContent embed{display:block; border:0;}/* Display:block removes the line-height gap embedded content */
			#modalLoadingOverlay{position:absolute; width:100%; height:100%; top:0; left:0;}
			
			
			/* custom */
			
			#modalBackgroundOverlay{background:#000;}

			#colorBox{}
				#borderTopLeft{width:6px; height:6px; background:url(images/lb_tl.png) 0 0 no-repeat;}
				#borderTopCenter{height:6px; background:url(images/lb_tl.png) 0 0 repeat-x;}
				#borderTopRight{width:13px; height:6px; background:url(images/lb_tr.png) 0 0 no-repeat;}
				#borderBottomLeft{width:6px; height:13px; background:url(images/lb_bl.png) 0 0 no-repeat;}
				#borderBottomCenter{height:13px; background:url(images/lb_b.png) 0 0 repeat-x;}
				#borderBottomRight{width:13px; height:13px; background:url(images/lb_br.png) 0 0 no-repeat;}
				#borderMiddleLeft{width:6px; background:url(images/lb_tl.png) 0 0 repeat-y;}
				#borderMiddleRight{width:13px; background:url(images/lb_r.png) 0 0 repeat-y;}
				#modalContent{background:#fff; }
					#modalLoadedContent{margin-bottom:0px;}
						#contentTitle{display:none;}
						#contentCurrent{position:absolute; bottom:0px; left:65px; font-weight:bold; color:#999;}
						#contentPrevious{position:absolute; bottom:0px; left:0; font-weight:bold;}
						#contentNext{position:absolute; bottom:0px; left:110px; font-weight:bold;}
					#modalLoadingOverlay{background:url(images/loading.gif) 5px 5px no-repeat #fff;}
					#modalClose{position:absolute; top:2px; right:2px; background: url(images/lb_close1.png) 0px 0px no-repeat; width: 10px; height: 10px; text-indent: -9999px;}
					


#prn {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 197428;
}

@media screen {
  .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
  }
  
  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }
  
  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }
  
  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
  }
}

@media print {
  .sIFR-flash {
    display    : none !important;
    height     : 0;
    width      : 0;
    position   : absolute;
    overflow   : hidden;
  }
  
  .sIFR-alternate {
    visibility : visible !important;
    display    : block   !important;
    position   : static  !important;
    left       : auto    !important;
    top        : auto    !important;
    width      : auto    !important;
    height     : auto    !important;
  }
}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {
  /* Example:
  .sIFR-active h1 {
    font-family: Verdana;
    visibility: hidden;
  }
  */
}


.headlinebold {
	font-weight: bold;
	text-transform: uppercase;
}

.footertext {
	font-size: 10px;
}

.hzlogo {
	border: none;
}

.telfaxbuendig {
	position: absolute;
	left: 45px;
}

.zabstandlinks {
	position:  absolute;
	top: 216px;
	left: 20px;
	width: 245px;
}