/*Basiseinstellungen für Seitenaufbau */

body {
    color: #ffffff;
    background-color: #333333;
    font-family:  monospace;
    font-size: 13px;
    }

img { /* Ergänzung für die Darstellung von PNG-Grafiken unter IE 5.5/6 */
   behavior: url("/pngbehavior.htc");
}
	
h1 {
    font-size: 26px;
    font-weight: bold;
    }

p, li {
    line-height: 15px;
    }

a {
    color: #ffffff;
    text-decoration: none;
    }
    
a img {
    border-style: none
    }

a.textlink_white {
    border-bottom-style: dashed;
    border-color: #ffffff;
    border-width: 1px;
    }
    
a.textlink_white:hover, a.textlink_white2:hover {    
    border-color: #cc0000;
    }
	
a.textlink_white2 {
    border-bottom-style: dashed;
    border-color: #ffffff;
    border-width: 2px;
    }
    
#main {
    position: relative;
    width: 980px;
    height: 570px;
    margin-left: auto; margin-right: auto;
    background-image: url(/images/backpacker.jpg);
    background-position: 0px -82px;
    border-style: solid;
    border-color: #000000;
    border-width: 2px;
    z-index: 1;
    }
    
#logo {
    position: relative;
    text-align: right;
    }

#content {
    position: absolute;
    top: 80px;
    left: 200px;
    max-width: 750px; /*bleiben rechts 30px frei*/
    max-height: 480px;
    text-align: justify;
    overflow: hidden;
    }

#content_left2 {
    position: absolute;
    top: 120px;
    right: 200px;
    max-width: 570px;
    width: 570px;
    height: 440px; /*für IE 6*/
    max-height: 440px;
    font-family:  monospace;
    text-align: right;
    overflow: auto;
    padding: 0 10px 5px 5px;
    text-align: left;
    }

#content_center1 {
    position: absolute;
    top: 40px;
    right: 200px;
    max-width: 540px;
    width: 540px;
    height: 60px; /*für IE 6*/
    max-height: 60px;
    text-align: center;
    overflow: hidden;
    padding: 5px 10px 5px 5px;
    }    

#content_center2 {
    position: absolute;
    top: 120px;
    right: 200px;
    max-width: 570px;
    width: 570px;
    height: 440px; /*für IE 6*/
    max-height: 440px;
    text-align: center;
    overflow: auto;
    padding: 0 10px 5px 5px;
    }
    
#content_right1 {
    position: absolute;
    top: 40px;
    right: 200px;
    max-width: 540px;
    width: 540px;
    height: 60px; /*für IE 6*/
    max-height: 60px;
    text-align: right;
    overflow: hidden;
    padding: 5px 10px 5px 5px;
    }
    
#content_right2 {
    position: absolute;
    top: 120px;
    right: 200px;
    max-width: 570px;
    width: 570px;
    height: 440px; /*für IE 6*/
    max-height: 440px;
    text-align: right;
    overflow: auto;
    padding: 0 10px 5px 5px;
    }
    
#pageinfo {
    width: 980px;
    margin-left: auto; margin-right: auto;
    font-family:  monospace;
    font-size: 85%;
    color: #ffffff;
    text-align: left;
    margin-top: 20px;
    }

#browser_warning {
    position: relative;
    max-width: 960px;
    width: 960px;
    margin-left: auto; margin-right: auto;
    text-align: justify;
    padding: 10px;
    overflow: hidden;
    font-size: 90%;
    border-style: solid;
    border-color: #ee0000; /*#bbbbbb*/
    border-width: 2px;
    font-family:  monospace;
    color: #ffffff;
    margin-bottom: 20px;
    }
    
/* Willkommensseite */

#welcome_logo {
    position: relative;
    margin-top: 5%;
    text-align: center;
    }
    
#welcome-buttons {
    position: relative;
    top: 30px;
    overflow: visible;
    vertical-align: middle;
    font-size: 125%;
    font-weight: bold;
    text-align: center;
    }

.welcome-button {
    margin: 0;
    height: 45px;
    min-height: 40px;
    min-width: 76px;
    overflow: visible;
    font-size: 175%;
    /*border-style: solid;
    border-width: 1px;
    border-color: #00ff00;*/
    }


.welcome-button a {
    margin: 0;
    height: 45px;
    min-height: 40px;
    min-width: 76px;
    width: 100px;
    padding: 10px 0px;
    overflow: visible;
    /*border-style: solid;
    border-width: 1px;
    border-color: #0000ff;*/
    }

.welcome-button a:hover  {
    background-image: url(/images/button.png);
    background-position: center;
    background-repeat: no-repeat;
    }

#browser_info {
    font-size: 75%;
    }

    
/* Preisinfo Startseite*/
#preisinfo {
    position: absolute;
    right: 40px;
    top: 30px;
    height: 300px;
    width: 200px;
    }

a#pi_button img {
    margin-top: 150px;
}

/* Menüs */
    
#menu1 {
    position: absolute;
    text-align: left;
    top: 160px;
    width: 200px;
    max-width: 200px;
    margin: 0;
    padding: 0;
    }

#switch_language {
    margin-top: 25px;
    }
    
#menu_rm {
    position: absolute;
    margin: 0;
    padding: 0;
    text-align: left;
    top: 80px;
    width: 200px;
    max-width: 200px;
    }

.menu {
    list-style-type: none;
    position: relative;
    overflow: visible;
    list-style-position: inside;
    margin: 0;
    padding: 0;
    }

.menu li {
    padding: 5px;
    }

.menu img {
    vertical-align: text-bottom;
    }

.menu a {
    height: 45px;
    min-height: 40px;
    min-width: 76px;
    padding: 13px;
    overflow: visible;
    }

.menu a:hover, .menu_active a  {
    background-image: url(/images/button.png);
    background-position: center;
    background-repeat: no-repeat;
    }

/* Seite Index */

#welcome_heading {
	position: absolute;
	top: 30px;
	left: 200px;
    width: 730px;
	max-width: 730px;
	text-align: center;
	}
    
#welcome_block1 {
	position: absolute;
	top: 140px;
	left: 400px;
	width: 310px;
	max-width: 310px;
	height: 190px; /*für Firefox 2 unter Linux*/
	max-height: 190px; /*145px*/
	text-align: center;
	overflow: auto;
	padding: 0;
	margin: 0;
	}
	
.welcome_slide  {
	width: 300px;
	max-width: 300px;
	max-height: 180px;
	padding: 0.8em 0.2em 0 0.2em;
	margin: 0;
	overflow: hidden;
	}

.welcome_slide h2 {
	font-size: 1.2em;
	line-height: 1.2em;
	margin: 0 0.2em 0.8em 0.2em;
	padding: 0;
	}

div.welcome_slide p {
	margin-bottom: 0.8em;
	}
    
#welcome_block2 {
	position: absolute;
	top: 170px;
	left: 200px;
	width: 200px;
	max-width: 200px;
	height: 300px; /*für Firefox 2 unter Linux*/
	max-height: 300px; /*145px*/
	text-align: left;
	overflow: auto;
	padding: 0;
	margin: 0;
	}
    
#welcome_block3 {
	position: absolute;
	top: 350px;
	left: 350px;
	width: 400px;
	max-width: 400px;
	height: 150px; /*für Firefox 2 unter Linux*/
	max-height: 150px; /*145px*/
	text-align: center;
	overflow: auto;
	padding: 0;
	margin: 0;
	}
    
#welcome_block4 {
	position: absolute;
	top: 200px;
	right: 20px;
	width: 240px;
	max-width: 240px;
	height: 230px; /*für Firefox 2 unter Linux*/
	max-height: 230px; /*145px*/
	text-align: right;
	overflow: auto;
	padding: 0;
	margin: 0;
	}

#welcome_block5 {
	position: absolute;
	top: 440px;
	right: 20px;
	width: 240px;
	max-width: 240px;
	height: 70px; /*für Firefox 2 unter Linux*/
	max-height: 70px; /*145px*/
	text-align: center;
	overflow: auto;
	padding: 0;
	margin: 0;
	}
    
.welcome_block p {
	margin: 0;
	padding: 0;
	}
    
#welcome_footer {
	position: absolute;
	top: 520px;
	right: 10px;
	max-width: 820px;
	width: 820px; /*für IE6!*/
	text-align: right;
}
	
#facebook_link {
    position: absolute;
	top: 515px;
	left: 5px;
	font-size: 12px;
	line-height: 11px;
	margin: 0;
	padding: 2px 20px 2px 34px;
	background-image: url(/images/facebook.png);
    background-position: left;
    background-repeat: no-repeat;
}

#facebook_like {
    position: absolute;
	top: 525px;
	left: 15px;
	font-family: sans-serif;
	margin: 0;
	padding: 0;
	width: 125px;
	max-width: 125px;
}

#fb_show_like_button  {
	margin: 0;
	padding: 2px 3px 2px 23px;
	font-size: 80%;
	line-height: 120%;
	color: #3b5998;
	background-color: #eceef5;
	background-image: url(/images/fb_like.png);
	background-repeat: no-repeat;
	background-position: left top;
	border: solid 1px #aaaaaa;
}

#facebook_like a {
	color: #3b5998;
}

#fb_like_info {
	display: none;
	font-size: 80%;
	line-height: 120%;
	background-color: #000000;
	color: #ffffff;
	margin: 0 2px;
	padding: 2px 2px 3px 2px;
}
    
/* Seite Kontakt */

#request_button {
    float: left;
    margin-left: 250px;
    }
    
#summertime, #special_price_info {
    position: relative;
    top: 60px;
    left: 200px;
    max-width: 210px;
    width: 210px;
    display: none;
    }
    
#box_additional_infos {
    display: none;
    }
    
#box_special_prices {
    display: none;
    }
    
.infobox {
    position: absolute;
    top: 130px;
    left: 200px;
    right: 70px;
    max-width: 700px;
    height: 350px;
    max-height: 350px;
    width: 700px;
    text-align: left;
    padding: 10px 20px;
    overflow: auto;
    border-style: solid;
    border-color: #ee0000; /*#bbbbbb*/
    border-width: 3px;
    color: #ffffff;
    }
	
#box_additional_infos h1{
	line-height: 100%;
    margin-bottom: 0;
	padding-bottom: 0;
    }
	
#request-link {
    font-weight: bold;
	font-size: 120%;
    }
	
.infobox ul, .infobox p, .infobox td {
	font-size: 115%;
	line-height: 16px;
}
.infobox li {
	margin: 5px 0;
}

#box_special_prices td {
    padding-right: 5em;
    }
    
#summertime h2, #special_price_info h2 {
    font-size: 18px;
    }
    
#summertime p, #special_price_info p {
    font-size: 14px;
    line-height: 16px;
    font-weight: bold;
    }
    
/* Seite Anfrage */

#contactform {
    position: relative;
    padding: 10px;
    /* !!!Hilfslinien!!! */
    border-style: solid;
    border-color: #ee0000;
    border-width: 2px;
    overflow: auto;
    height: 340px;
    max-height: 340px;
	width: 720px;
	max-width: 720px;
}

#contactform h2 {
	text-align: left;
}

#contactform table {
	table-layout: fixed;
	width: 670px;
}

#contactform td {
    line-height: 24px;
    vertical-align: middle;
}

/* Seite Gästebuch */

#content_center2 .gaestebuch {
    width: 550px;
    max-width: 550px;
}

#content_center2 .gaestebuch img {
    border-style: none;
    background-color: #333333;
    text-align: center;
}

#content_center2 .gaestebuch #col1 {
    position: absolute;
    width: 270px;
    max-width: 270px;
    top: 4em;
    left: 10px;
}

#content_center2 .gaestebuch #col2{
    position: absolute;
    width: 270px;
    max-width: 270px;
    top: 4em;
    left: 290px;
    margin-right: 10px;
}

.gaestebuch .gb_photo_s_class {
    width: 260px;
    max-width: 260px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
	margin-bottom: 5px;
}

.gaestebuch .gb_photo_s2_class {
    width: 200px;
    max-width: 200px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
	margin-bottom: 5px;
}

.gaestebuch .gb_photo2_class {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.gaestebuch .gb_photo_class  img, .gaestebuch .gb_photo2_class  img {
    margin: 10px 0 5px 0;
}

.gaestebuch .gb_photo_s_class  img, .gaestebuch .gb_photo_s2_class  img {
    padding: 0;
    margin: 4px 0 3px 0;
}

.gb_photo_class .ro {
    margin: 0;
    background:url(/images/roundedbox/gbphoto_ro.gif) top right no-repeat;
}

.gb_photo_class .lo {
    margin: 0;
    background:url(/images/roundedbox/gbphoto_lo.gif) top left no-repeat;
}

.gb_photo_class .ru {
    margin: 0;
    background:url(/images/roundedbox/gbphoto_ru.gif) bottom right no-repeat;
}

.gb_photo_class .lu {
    margin: 0;
    background:url(/images/roundedbox/gbphoto_lu.gif) bottom left no-repeat;
}

.gb_photo2_class .ro {
    margin: 0;
    background:url(/images/roundedbox/gbphoto2_ro.gif) top right no-repeat;
}

.gb_photo2_class .lo {
    margin: 0;
    background:url(/images/roundedbox/gbphoto2_lo.gif) top left no-repeat;
}

.gb_photo2_class .ru {
    margin: 0;
    background:url(/images/roundedbox/gbphoto2_ru.gif) bottom right no-repeat;
}

.gb_photo2_class .lu {
    margin: 0;
    background:url(/images/roundedbox/gbphoto2_lu.gif) bottom left no-repeat;
}

.gb_photo_s_class .ro, .gb_photo_s2_class .ro {
    margin: 0;
    background:url(/images/roundedbox/gbphoto_s_ro.gif) top right no-repeat;
}

.gb_photo_s_class .lo, .gb_photo_s2_class .lo {
    margin: 0;
    background:url(/images/roundedbox/gbphoto_s_lo.gif) top left no-repeat;
}

.gb_photo_s_class .ru, .gb_photo_s2_class .ru {
    margin: 0;
    background:url(/images/roundedbox/gbphoto_s_ru.gif) bottom right no-repeat;
}

.gb_photo_s_class .lu, .gb_photo_s2_class .lu {
    margin: 0;
    background:url(/images/roundedbox/gbphoto_s_lu.gif) bottom left no-repeat;
}

.roundedbox {
    margin: 0;
    }

/* Seiten Links, Hostelliste */
.linklist {
    text-align: left;
    padding: 0px 10px 0px 50px;
    margin: 0px 0px 30px 0px;
    }
    
.linklist h2 {
    font-size: 120%;
    font-weight: bold;
    }
    
.linklist h3 {
    font-size: 110%;
    font-weight: bold;
    }
    
/*Texthervorhebungen*/
.important_text {
    font-weight: bold;
    }

.important_text2 {
    font-style: italic;
    }

.text115 {
    font-size: 120%;
    line-height: 115%;
    }

.text125 {
    font-size: 130%;
    line-height: 125%;
    }

.text140 {
    font-size: 145%;
    line-height: 135%;
    }

.rot {
    color: #cc0000;
    }
	
.orange {
    color: #cc7d00;
    }

/* unsichtbarer Text für Anzeige ohne CSS */
.invisibleInfo {
    visibility: hidden;
    }

.noDisplay {
    display: none;
    }