/* STEILSCHIET für den WELTEMPFÄNGER */

body, html {margin: 0px; padding: 0px;}
body {
	background: white; 
	font-family:"Lucida Grande", Verdana, Helvetica, Arial, sans;
	color:#535353;
	font-size:.95em;
	line-height:1.25em;
	}
	
body, p, ul, ol, li, blockquote, h1, h2, h3, h4, h5, h6, form, textarea, input, button, fieldset {margin:0px; padding:0px;}

a {color: #6699ff;}
a.noborder img {border:0;}
a.noborder:active img {border:0;}

#header_bg {position: absolute; left: 0px; background: url(../img/bg1.gif) repeat-x center; margin-top: 91px; height: 290px; width: 100%; z-index:0; }
* html #header_bg {width: 107%; margin-left: -25px;}
#header_bg.schmal {background: url(../img/bg5.gif) repeat-x center; margin-top: 0px; height: 185px; width: 100%; z-index:20;}
* html #header_bg.schmal {width: 107%;}

#contentcenter {position: relative; margin: auto; width: 904px; z-index: 20;}

/* Language Bar */
#lang {position: relative; top: 30px; right: 20px; float: right; z-index: 40;}
* html #lang {margin-right: -30px}
#lang ul {list-style: none; display: inline;}
#lang ul li {float: left;}
#lang ul li a {border: none;}
#lang a.de {display: block; background: url(../img/lang/de.png) no-repeat; width: 20px; height: 18px;}
#lang a.de:hover {background: url(../img/lang/de_gross.png) no-repeat; width: 25px; height: 23px; margin-top: -2.5px;}
#lang a.en {display: block; background: url(../img/lang/en.png) no-repeat; width: 20px; height: 18px;}
#lang a.en:hover {background: url(../img/lang/en_gross.png) no-repeat; width: 25px; height: 23px; margin-top: -2.5px;}
#lang a.fr {display: block; background: url(../img/lang/fr.png) no-repeat; width: 20px; height: 18px;}
#lang a.fr:hover {background: url(../img/lang/fr_gross.png) no-repeat; width: 25px; height: 23px; margin-top: -2.5px;}
#lang a.es {display: block; background: url(../img/lang/es.png) no-repeat; width: 20px; height: 18px;}
#lang a.es:hover {background: url(../img/lang/es_gross.png) no-repeat; width: 25px; height: 23px; margin-top: -2.5px;}
#lang a.pt {display: block; background: url(../img/lang/pt.png) no-repeat; width: 20px; height: 18px;}
#lang a.pt:hover {background: url(../img/lang/pt_gross.png) no-repeat; width: 25px; height: 23px; margin-top: -2.5px;}

#logo {position: relative; top: 10px; left: 25px; width: 500px; z-index: 30;}
* html #logo {padding-left: 30px;}
#header {background: url(../img/) repeat-x center; height: 290px; width: 100%; z-index:30; }
* html #header {padding-left: 50px;}
#header.schmal {background: url(../img/) repeat-x center; margin-top: -88px; height: 173px; width: 100%; z-index:20;}
#header ul {position: relative; list-style: none; width: 920px; float:left; margin-left: 15px;}
#header li {float:left;}
#header ul li.pic_1 {background: url(../img/platzhalter-4.png) no-repeat; width: 320px; height: 200px; margin-top: 8px; }
#header ul li.pic_2 {background: url(../img/platzhalter-7.png) no-repeat; width: 320px; height: 200px; margin: 0px 0 0 5px; }
#header ul li.pic_3 {background: url(../img/platzhalter-8.png) no-repeat; width: 250px; height: 206px; margin: 2px 0 0 25px; }

#navibar {position: absolute; top: 80px; left: 263px; height: 31px; width: 300px; margin-right: 18px; padding-left: 330px; border-bottom: 1px solid #ccc; z-index: 30;}
* html #navibar {height: 32px; width: 303px; margin-right: -17px; padding-left: 310px;}
#navibar ul{display: inline; list-style: none;}
#navibar ul li{display: inline;}
#navibar ul li a{background: url(../img/naviconA.png) no-repeat right; float: left; display: block; height: 28px; width: 73px; font-size: 0.8em; font-weight: bold; color: #666; text-decoration: none; margin-top: 0.5em; text-align: center; margin: 0 1px -3px; padding-top: 0.6em;}
#navibar ul li img {display: none;}
#navibar ul li:hover img {display: block; border: 0px; height: 10px; width: 10px; position: relative; left: 55px; margin: -20px 3px;}
*+ html #navibar ul li:hover img {float: left; margin: -20px 0 0 3px;}
#navibar a.menupassive:hover{background: url(../img/navicon_hA.png) no-repeat right;}
#navibar a.menuactive {background: url(../img/navicon_hA.png) no-repeat right;}

/*#subnavi {position: absolute; top: 115px; left: 600px; width: 330px; z-index: 30;}
#subnavi ul li{display: inline; float: left; font-size: 0.6em; font-weight: bold; list-style: none; margin-left: 1em;}
#subnavi ul li a {text-decoration: none; color: #666;}
#subnavi ul li a:hover {text-decoration: underline;}
#subnavi ul.hostel {display: block; float:right;}
#subnavi ul.kontakt {display: block; float:right;}*/

#container { position: relative; width: 900px;}
#stern { margin: 30px 10px 0 20px; float: right; width: 200px; height: 200px;}
#widget_rechts {margin: 30px 10px 30px 70px;}

#content {position: relative; margin-left: 30px; margin-top: -25px; width: 530px; float: left;}
#content h1 {font:1.5em Georgia,serif; margin:.5em 0 0 0; color:#4e5901;}
#content h2 {font:1.3em Georgia,serif; margin:.5em 0 0 0; color:#4e5901;}
#content h3 {font:1.1em Georgia,serif; margin:.5em 0 0 0; color:#4e5901;}
#content p{font-size:.85em; color:#535353; margin:1.25em 0 2em;}
#content p.subtitle {color:#b6b6b6; margin:0;}

#content img.anfahrt {margin-left: -40px;}
#content img.preisliste {margin: 40px 0 0 40px;}
#content img.hostel {margin: 40px 0 0 10px;}
#content img.cafe {margin: 0px 0 0 100px;}

#content ul {list-style: url(../img/sternHellblau.gif) outside; margin: 20px 0 40px 33px; font-size: 0.8em;}
#content ul {padding: 0;}
#content ul li a {color: #535353; text-decoration: none;}
#content ul li.titel {margin-top: 40px; color:#f9a219;}
#content ul li.titel a {font-size: 1em; font-weight: bold; text-decoration: none;}
#content ul li.untertitel{margin: 10px 0 10px; list-style:none;}
#content ul.event {font-size: 0.75em;}


#content.wide {margin-left: 0px; width: 900px; text-align: center;}
#content.wide a {text-decoration: none; border: none;}
#content.wide p {margin-bottom: -3px;}
#content.wide a img {border: none;}
#content img.pin {position: absolute; top: 152px; left: 230px; margin-top: 5px; z-index: 10;}
#content.wide .wandbild {width: 700px; margin-left: 50px; margin-top: -53px; padding: 2em; border: 3px solid #00468b; background-image: url(../img/bgpic.jpg); z-index: 20;}
*+ html #content.wide .wandbild {width: 700px; margin-left: 0px; margin-top: -40px; padding: 2em; border: 3px solid #00468b; background-image: url(../img/bg1.gif); z-index: 20;}

#content.wide iframe.booking {width: 900px; height: 600px; border: none;}

#content a.pic {text-decoration: none; border: none;}
#content a.pic img.pic {border: none; margin-left: 50px;}

#content .button_kuchen a{position: absolute; left: 30px; top: 50; width: 150px; height: 80px;}


.tab_disp {font-size:70%;}
.dbutton {margin-left: 2px; width: 20px;}
div.ftxt {position: relative;}


#stamp  {margin-top: -20px;}
#stamp img {float: right; margin: -80px 300px;}
#stamp p {background: url(../img/stempel.gif) no-repeat top; width: 240px; height: 150px; padding-top: 20px;}

#right {margin-left: 0px; margin-top: -25px; width: 300px; float: right; position: relative;}
	* html #right {margin-right: -60px; width: 300px; float: right;}
#right h1 {font:1.3em Georgia,serif; margin:.5em 0 0 0; color:#f9a219;}
#right p {font-size:.85em; color:#535353; margin:1.25em 0;}
#right p.subtitle {color:#b6b6b6; margin:0;}
#right ul.angebot {list-style: url(../img/sternHellblau.gif) outside; margin: 20px 0 40px 33px; font-size: 0.8em;}
#right ul.angebot {padding: 0;}
#right ul.angebot li a {color: #535353; text-decoration: none;}
#right ul.angebot li a:hover {cursor: default;}

#right ul.angebot li div.popup p {display: none;}
#right ul.angebot li object.popup p {display: none;}

#right ul.angebot li a.liste:hover div.popup{background: url(../img/blaseB.gif) no-repeat top; display: inline-block; float: left; margin-left: -200px; width: 154px; height: 200px; }
*+ html #right ul.angebot li a.liste:hover div.popup{float: right; margin-left: -460px;}
#right ul.angebot li a.liste:hover object.popup{background: url(../img/blaseB.gif) no-repeat top; display: inline-block; float: left; margin-left: -200px; width: 154px; height: 200px; }

#right ul.angebot li a.liste:hover div.popup p {display: block; float: left; padding: 0 0 0 10px; margin: 10px 0 0 0; width: 100px; color: #999;}
#right ul.angebot li a.liste:hover object.popup p {display: block; float: left; padding: 0 0 0 10px; margin: 10px 0 0 0; width: 100px; color: #999;}

#right .bild_top {margin: 10px 0 0 40px; border: none;}

#right .dist {background: url(../img/dist_bg.gif) no-repeat left top; width: 300px; height: 200px; padding: 20px; margin: 10px 0 0px;}
*+ html #right .dist {float: right;}
#right .dist li {display: block; width: 70px; float: left; font-size: .75em; color: #999999; margin: 2px 0 2px 0;}
#right .dist ul.top li {color: #99CCFF; font-weight: bold; height: 22px;}
#right .dist ul.top li.one {width: 90px;}
#right .dist ul.top li.two {width: 50px;}
#right .dist ul.sub li.one {font-size: .75em; color: #999999; width: 90px;}
#right .dist ul.sub li.two {font-size: .75em; color: #999999; width: 50px;}



#right .prices {background: url(../img/dist_bg2.gif) no-repeat left top; width: 300px; height: 200px; padding: 20px; margin: 10px 0 -20px;}
*+ html #right .dist {float: right;}
#right .prices p {display: block; width: 70px; float: left; font-size: .75em; color: #999999; margin: 2px;}
#right .prices span.top p {color: #99CCFF; font-weight: bold; height: 22px;}
#right .prices p.one {width: 110px;}
#right .prices p.two {width: 100px;}
#right span.stern {font:1.5em Georgia,serif; color:#f9a219;}


#right a img {border: none;}
#right a.pic {text-decoration: none; border: none;}
#right a.pic img.pic {border: none;}
#stern a.pic {text-decoration: none; border: none;}
#stern a.pic img.pic {border: none;}



#foot {width: 900px; margin: 120px 0 100px;  padding-top: 2em; text-align: center; border-top: 1px solid #999;}
#foot p {font-size: 0.7em; color: #999;}
#foot p a{text-decoration: none;}
#foot p a img{text-decoration: none; border: 0;}
#weltkarte {margin-top: -70px; z-index: 50;}
 * html #weltkarte {margin-top: -20px;}
#weltkarte img.weltkarte {margin-top: -100px;}

div.form {font-size: .75em; padding: 0px; margin-left: 30px;}
table.kontaktform {font-size: .75em; margin-top: 30px;}
table.kontaktform td {vertical-align: top;}

h1.storno {font:1.1em Georgia,serif; margin: 25px 0 0 25px;}
table.storno {border-spacing: 0px; border: 1px solid #666; font-family:"Lucida Grande", Verdana, Helvetica, Arial, sans; font-size: .75em; width: 500px; margin: 25px 0 0 25px;}
table.storno th {border: 1px solid #666; text-align: center; background-color: #ccc; font-weight: bold;}
table.storno td {border: 1px solid #666; text-align: center;}
p.storno {font-family:"Lucida Grande", Verdana, Helvetica, Arial, sans; font-size: .75em; width: 500px; margin: 25px 0 0 25px;}


/* Lightbox */

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../img/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../img/images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }



#book p {padding: 8px 0px 4px 8px; margin:0;}
#dormonline {background-color:#fff; color:#FF2222; font-family:Arial,Helvetica,sans-serif; font-size:1em; padding:0; margin-top: 20px; height: 180px; width:350px;}
#dormonline p {margin: 7px;}
#dormonline label {display:block; float:left; padding-top:3px; width:48px;}
#dormonline input {background-color:#ccc; border: 1px #666 solid; margin: 5px 10px 0 10px; padding:0 5px; width: 60px;}
#dormonline input:hover {background-color:#eee;}
#dormonline a {color:#;}
#dormonline a:hover {}
#dormonline select {font-size:13px; margin-left: 20px;}
#dormonlineinputday {width:50px;}
#dormonline .inputmonth {width:100px;}
#dormonline .modify {margin-left:30px;} 










/*
         Toolbox CSS
		 Chris Coyier
		 http://css-tricks.com
*/

/*
	LAYOUT TOOLS
*/
.floatLeft 			{ float: left; }
.floatRight			{ float: right; }
.clear				{ clear: both; }
.layoutCenter		{ margin: 0 auto; }
.textCenter			{ text-align: center; }
.textRight			{ text-align: right; }
.textLeft			{ text-align: left; }

/*
	PRINT TOOLS
*/
.page-break 		{ page-break-before: always; }


/*
	TYPOGRAPHIC TOOLS
*/
.error				{ border: 1px solid #fb4343; padding: 3px; color: #fb4343; }
.warning			{ border: 1px solid #d4ac0a; padding: 3px; color: #d4ac0a; }
.success			{ border: 1px solid #149b0d; padding: 3px; color: #149b0d; }
.callOut			{ font-size: 125%; font-weight: bold; }
.strikeOut			{ text-decoration: line-through; }
.underline			{ text-decoration: underline; }
.resetTypeStyle		{ font-weight: normal; font-style: normal; font-size: 100%; 
					  text-decoration: none; background-color: none; word-spacing: normal; 
					  letter-spacing: 0px; text-transform: none; text-indent: 0px; }

/* 
	STYLING EXTRAS
*/
a[href^="mailto"]	{ background: url(images/emailIcon.png) left center no-repeat; padding-left: 10px; }
a[href~=".pdf]		{ background: url(images/pdfIcon.png) left center no-repeat; padding-left: 10px; }
a.button			{ color: black; border: 1px solid black; padding: 3px; }
	a.button:hover	{ background: black; color: white; }
.transpBlack		{ background: url(images/transpBlack.png); }

/*
	DISPLAY VALUES
*/
.hide				{ display: none; }
.show				{ display: block; }
.invisible			{ visibility: hidden; }