
/* Custom font */
@font-face {
    font-family: 'BodoniStdPosterItalic';
    src: url('/fonts/bodoni/bodonistd-posteritalic-webfont.eot');
    src: url('/fonts/bodoni/bodonistd-posteritalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/bodoni/bodonistd-posteritalic-webfont.woff') format('woff'),
         url('/fonts/bodoni/bodonistd-posteritalic-webfont.ttf') format('truetype'),
         url('/fonts/bodoni/bodonistd-posteritalic-webfont.svg#BodoniStdPosterItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}
#wrapper #content h2, #content #right h3, #wrapper #content .box_navigation li, #wrapper #content .box_navigation li a, #wrapper #content .tabs li, #wrapper #content .tabs li a, #wrapper #content #slider .title {
    font-family: 'BodoniStdPosterItalic' !important;
    font-style: normal !important;
    font-weight: normal !important;
	-webkit-font-smoothing: antialiased;
}

/* Accessibility content */
.invisible-but-accessible {
    position: absolute !important;
    height: 1px; width: 1px; 
    overflow: hidden;
    clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
    clip: rect(1px, 1px, 1px, 1px);
}
.invisible-but-accessible:focus {
    height: auto;
    width: auto;
    clip: auto;
}

/* AddThis button */
.at300bs.at15t_compact { background:none !important; width: 0px !important; height: 12px !important; }




* {	margin: 0; padding: 0; }
img { border: none; }
.clear { font-size: 1px; clear: both; }

body {
	background: #edf6ff;
	background-repeat: none;
	background-position: center top;
	font-size: 1em;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
}
input,
textarea,
button { font-family: Arial, Helvetica, sans-serif; }

hr { display: none; }


/* HEADER */
#header {
	width: 938px;
	background: url(../images/header_bg.png) no-repeat center bottom;
	position: relative;
	text-align: left;
	margin: 0 auto 0 auto;
	border-top: none;
	z-index: 3;
	padding: 10px 15px 0 15px;
}
	#header h1 {
		overflow: hidden;
		position: absolute;
		top: 0;
		left: 15px;
		z-index: 1000;
	}
		#header h1 a {
			display: block;
			height: 96px;
		}
		#header h1.de a {
		    width: 390px;
		}
		#header h1.fr a {
		    width: 393px;
		}
		#header h1.en a {
		    width: 308px;
		}
		
	#header .settings {
		list-style: none;
		position: absolute;
		right: 15px;
		top: 0;
		z-index: 999;
		background: #fff;
		font-size: 0.688em;
		padding: 10px 0 10px 250px;
	}
		#header .settings li {
			float: left;
			margin-left: 20px;
		}
			#header .settings li a {
				display: block;
				padding: 2px 0 0 0;
				color: #4B79AA;
				text-decoration: none;
			}
			#header .settings li a.lightbox-video {
			    background: transparent url('/images/icons/video-link-without-foot.png') no-repeat scroll 1px 0px;
			    padding-left: 22px;
			}
				#header .settings li a:hover {
					color: #222;
					text-decoration: underline;
				}
	    
        #header .settings .language-picker {
    	    background: url('/images/icons/arrow_down.png') no-repeat right center;
    	}
        	#header .settings li.select_language a {
        		color: #666;
        		padding-right: 12px;
        		padding-left: 20px;
        		background-color: transparent;
        		background-repeat: no-repeat;
        		background-attachment: scroll;
        		background-position: 0px 2px;
        	}
        	#header .settings .language-picker a:hover {
        	    color: #000;
        	    text-decoration: none;
        	}
        	#header .settings .language-picker a.current:hover {
        	    color: #666;
        	    text-decoration: none;
        	}
    		#header .settings .language-picker ul {
    		    display: none;
    			position: absolute;
    			background: #fff;
    			list-style: none;
    			margin: 0;
    			padding-top: 5px;
    			margin-left: -10px;
    			-webkit-border-bottom-right-radius: 5px;
    			-webkit-border-bottom-left-radius: 5px;
    			-moz-border-radius-bottomright: 5px;
    			-moz-border-radius-bottomleft: 5px;
    			-o-border-bottom-right-radius: 5px;
    			-o-border-bottom-left-radius: 5px;
    			-msie-border-bottom-right-radius: 5px;
    			-msie-border-bottom-left-radius: 5px;
    			border-bottom-right-radius: 5px;
    			border-bottom-left-radius: 5px;
    		}
    			#header .settings .language-picker ul li {
    				float: none;
    				margin: 0;
    			}
    				#header .settings .language-picker ul li a {
    				    background-position: 10px 5px;
    					padding: 4px;
    					padding-right: 10px;
    					padding-left: 30px;
    				}
    				#header .settings .language-picker ul li a.last {
    				    padding-bottom: 8px;
    				}
    				#header .settings .language-picker ul li.hover a {
    				    background-color: #eee;
    				}
        
        #header .settings form {
            float: left;
            color: #666;
            font-size: 1em;
            margin-top: -3px;
        }
            #header .settings label {
                float: left;
                padding: 5px 5px 0 0;
                position: relative;
                z-index: 3;
            }
            #header .settings input.iT {
                border: 1px solid #d8d8d8;
                -moz-box-shadow: inset 1px 1px 2px #888;
                -moz-border-radius: 10px;
                padding: 4px 5px 3px 25px;
                width: 130px;
                background: url(../images/icons/search.gif) no-repeat 7px 5px;
                color: #555;
            }
		
	#header h3#sign {
		position: absolute;
		top: 60px;
		left: 812px;
		width: 128px;
		height: 274px;
		background: url(../images/sign.png) no-repeat top left;
		z-index: 998;
		text-indent: -5000px;
	}
	#header #photo {
		width: 938px;
		height: 180px;
		margin-top: 31px;
	}
		
	#header #navigation {
		list-style: none;
		font-size: 1em;
		padding-top: 8px;
		-webkit-font-smoothing: antialiased;
	}
		#header #navigation li {
			float: left;
		}
			#header #navigation li a {
				display: block;
				padding: 10px 20px 18px 20px;
				color: #4B79AA;
				text-decoration: none;
			}
			    #header #navigation li.active a, #header #navigation li a:hover {
			        color: #666;
			    }
				#wrapper.blue #header #navigation li.active a, #wrapper.blue #header #navigation li a:hover {
					background: url(../images/nav_hover.gif) no-repeat center bottom;
				}
				#wrapper.white #header #navigation li.active a, #wrapper.white #header #navigation li a:hover {
					background: url(../images/nav_hover.gif) no-repeat center bottom;
				}
				
/* CONTENT */
#content {
	width: 960px;
	margin: 10px auto;
	text-align: left;
}
    #content h2, #content #right h3, #content h2 p {
        font-family: Georgia, serif;
        font-size: 1.125em;
        font-weight: bold;
        font-style: italic;
        color: #666;
        margin-bottom: 10px;
        position: relative;
    }
    #content h2.smaller {
        font-size: 0.938em;
        padding-top: 3px;
    }
    #content h2 span.special_link {
        position: absolute;
        color: #666;
        top: 5px;
        right: 0;
        font-size: 0.75em;
        font-family: Arial, Helvetica, sans-serif;
        font-style: normal;
    }
    #content h3 {
        font-size: 0.938em;
        color: #333;
        margin-bottom: 10px;
    }
        #content h3 span {
            font-size: 0.75em;
            font-weight: normal;
        }
    #content h4 {
        font-size: 0.75em;
        color: #333;
        margin-bottom: 2px;
    }
    #content h4 span {
        font-size: 0.8em;
        margin-right: 5px;
        font-weight: normal;
        color: #666;
    }
    #content p, #content table, #content div.teaser_wrap { 
        line-height: 1.5;
        position: relative;
        z-index: 3;
    }
    #content p, #content table, #content .wysiwyg-content ul, #content .wysiwyg-content ol{
        font-size: 0.75em;
        margin-bottom: 10px;
        color: #333;
    }
    #content .wysiwyg-content div.teaser_wrap a{
        font-size: 0.75em;
        line-height: 1.5;
    }
    #content .wysiwyg-content table.stylish {
        width: 100%;
        border-spacing: 0;
    }
        #content .wysiwyg-content table.stylish th, #content .wysiwyg-content table.stylish td {
            padding: 5px 4px;
        }
        #content .wysiwyg-content table.stylish th {
            font-family: Georgia, serif;
            font-size: 1.2em;
            color: #444;
            font-style: italic;
        }
        #content .wysiwyg-content table.stylish .alternate {
            background-color: #eee;
        }
        #content .wysiwyg-content table.stylish p {
            margin: 0;
        }
    #content .shop_page_content { position: relative; z-index: 3; }
    #content .wysiwyg-content { position: relative; z-index: 2; }
    #content table p { font-size: 1em; }
    #content .wysiwyg-content ul, #content .wysiwyg-content ol { margin-left: 20px; }
    #content .wysiwyg-content .no-bullets { margin-left: 0px; list-style: none; }
    #content .wysiwyg-content li { margin: 4px 0px; }
    #content #right .wysiwyg-content li { margin: 2px 0px; }
    #content p.right-aligned { text-align: right; }
    #content div.right-aligned { float: right; z-index: 5; position: relative; }
    #content p.center-aligned { text-align: center; }
    #content p.publication img {
        float: left;
        margin: 0 20px 0 0;
    }
    #content ul li a.external_link,
    #content p a.external_link {
        padding-right: 15px;
        background: url(../images/external_link.gif) no-repeat right 1px;
    }
    #content p.breadcrumb {
        font-size: 0.688em;
        margin-top: 4px;
        color: #666;
    }
        #content p.breadcrumb a {
            font-weight: normal;
            color: #666;
            text-decoration: underline;
        }
        #content p.breadcrumb a:hover { color: #333; }
    #content .smaller p, #content p.smaller {
        font-size: 0.688em;
        margin-bottom: 15px;
    }
        #content .smaller a {
            font-weight: normal;
        }
    #content p.intro {
        font-family: Georgia, serif;
        font-size: 0.938em;
        font-style: italic;
        margin-bottom: 15px;
    }
    
    #content .order_form { background: url(../images/card_big.png) no-repeat 420px 30px; position: relative; }
    #content .order_form label {
        font-size: 0.688em;
        float: left;
        width: 140px;
        text-align: right;
        margin-right: 20px;
        position: relative;
        z-index: 3;
    }
    #content .order_form p {
        font-size: 0.688em;
        margin-bottom: 13px;
    }
    #content .order_form .submit_order {
        float: right;
        margin: -35px 240px 0 0 ;
    }
        #content .order_form .submit_order input {
            font-size: 0.875em;
			font-weight: bold;
			color: #555;
			cursor: pointer;
			padding: 2px;
        }
    #content .order_form p span { padding-right: 20px; }
    #content .order_form .iT {
        width: 210px;
        padding: 3px 5px 2px 5px;
        color: #333;
        font-size: 0.688em;
    }
    #content .order_form .iT.smaller {
        width: 115px;
    }
    #content table.icon_table {
        width: 100%;
    }
        #content table.icon_table .icon {
            width: 50px;
        }
    #content table.list {
        width: 100%;
        font-size: 0.688em;
        color: #333;
        margin-bottom: 15px;
    }
        #content table.list td, #content table.list th {
            padding: 8px 10px;
        }
            #content table.list td a {
                font-size: 0.75em;
                font-weight: normal;
            }
        #content table.list th {
            font: normal 0.813em Georgia, serif;
            font-style: italic;
            border-bottom: 1px solid #e0e0e0;
        }
        #content table.list tr.second td {
            background: #efefef;
        }
        #content table.list.member_advantages th {
            text-align: left;
            font-size: 1em;
        }
        #content table.list.member_advantages th.hostel {
            width: 150px;
        }
        #content table.list.member_advantages td a {
            font-size: 1em;
        }
    #content a {
        color: #4B79AA;
	    text-decoration: none;
	    font-weight: bold;
    }
    #content a:hover {
        text-decoration: underline;
    }
    #content #search_form {
        padding: 15px 0 5px 0;
        text-align: center;
        font-size: 0.813em;
        font-weight: bold;
    }
        #content #search_form .iT {
            border: 1px solid #ccc;
            -moz-box-shadow: inset 1px 1px 2px #333;
            -moz-border-radius: 10px;
            padding: 4px 5px 3px 25px;
            width: 200px;
            background: url(../images/icons/search.gif) no-repeat 7px 5px;
            color: #555;
        }
        #content #search_form .iSu {
            padding: 4px 5px 3px 25px;
            overflow: auto;
            color: #555;
            font-weight: bold;
            font-size: 1.3em;
						cursor: pointer;
        }
    #content a.skype {
        text-indent: -5000px;
        overflow: hidden;
        display: block;
        width: 89px;
        height: 21px;
        background: url(../images/icons/skype.png) no-repeat top left;
        margin-top: 3px;
    }
    
    #search_results .meta {
        background: #efefef;
        padding: 10px;
        margin: 0 0 20px 0;
    }
        #content #search_results .meta p {
            margin: 0;
            font-size: 0.688em;
            color: #666;
        }
    #search_results .node { margin-bottom: 20px; }
    #search_results .node h3 {
        font-size: 0.938em;
        color: #333;
        margin-bottom: 10px;
    }
    #search_results .node p {
        font: 0.813em Georgia, serif;
        font-style: italic;
        line-height: 1.3;
        margin-bottom: 0;
    }
        #search_results .node p a {
            font: 13px Helvetica, Arial, sans-serif;
        }
    #content .pagination {
        list-style: none;
        font-size: 0.688em;
        text-align: center;
        color: #999;
        margin: 20px 0 20px 0;
    }
        #content .pagination li {
            display: inline;
            padding: 6px 8px;
        }
            #content .pagination li.current {
                font-size: 0.938em;
                font-weight: bold;
                color: #333;
            }
    
    #content ul.archive {
        font-size: 0.688em;
        list-style: none;
        line-height: 18px;
        margin-left: 0px;
    }
    
    #content .floating_list {
        width: 30%;
        padding: 0 3% 0 0;
        float: left;
    }
    
    #content #left {
        width: 800px;
        margin-right: 20px;
        float: left;
        overflow: visible !important;
        overflow: hidden;
    }
        #content #left.wide {
            width: 960px;
        }
        #content #left .banner {
            background: url(../images/banner.png) no-repeat top left !important;
            background: #eee;
            padding: 8px 22px 5px 22px !important;
            padding: 0px;
            width: 796px !important;
            width: auto;
            margin-left: -20px !important;
            margin-left: 0;
            position: relative;
        }
            #content #left .banner h2, #content #left .banner h2 p {
                font-size: 26px;
            }
            #content #left .banner ul {
                z-index: 1;
                list-style: none;
                font-size: 0.75em;
                position: absolute;
                top: 20px;
                right: 40px;
            }
                #content #left .banner ul li {
                    float: left;
                    margin-left: 30px;
                }
                    #content #left .banner ul li a {
                        font-weight: normal;
                        padding: 0 0 9px 0;
                    }
                    #content #left .banner ul li.active a {
                        background: url(../images/banner_selected.png) no-repeat center bottom;
                        color: #333;
                    }
                    #content #left .banner ul li a:hover { color: #333; text-decoration: none; }
            
        #content #left .closed-warning {
            background-color: #FCEFAD;
            border: 1px solid #E8DA92;
            border-top: none;
            margin: -10px;
            margin-bottom: 10px;
        }
            #content #left .closed-warning p {
                font-weight: bold;
                padding: 6px 9px 5px 29px;
                margin: 0;
                background: transparent url('/images/closed-warning.png') no-repeat scroll 7px 7px;
            }
                
        #content #left .page_options {
            position: absolute;
            top: 10px;
            right: 20px;
            font-size: 0.625em;
            text-transform: uppercase;
            list-style: none;
            z-index: 10;
        }
            #content #left .page_options li {
                float: left;
                margin-left: 20px;
            }
                #content #left .page_options li a {
                    display: block;
                    padding: 3px 0 2px 20px;
                    color: #666;
                    text-decoration: none;
                    font-weight: normal;
                }
                #content #left .page_options li a:hover {
                    color: #333;
                }
                #content #left .page_options li.print a { background: url(../images/icons/print.png) no-repeat left center; }
                #content #left .page_options li.email a { background: url(../images/icons/email.png) no-repeat left center; }
        
        #content #left .information {
            margin-bottom: 20px;
            padding-top: 10px;
            font-size: 1em;
        }
        #content #left .information.hostels {
            width: 500px;
        }
        #content #left .box_with_shadow {
            padding: 10px 9px 10px 9px !important;
            padding: 10px 2px 10px 2px;
            position: relative;
            z-index: 2;
        }
        #content .box_with_shadow.like_left {
            width: 800px;
            margin-right: 20px;
            float: left;
        }
        
            #content #left .grid_hostel_node {
                width: 140px;
                margin: 0 19px 20px 0;
                float: left;
                position: relative;
                z-index: 2;
            }
            #content #left .grid_hostel_node img {
              width: 100%;
            }
            #content #left .grid_hostel_node.fifth { margin: 0 0 20px 0; }
            #content #left .list_option {
                list-style: none;
                position: absolute;
                top: 20px;
                right: 20px;
                font-size: 0.75em;
                text-transform: uppercase;
            }
                #content #left .list_option li {
                    float: left;
                    margin-left: 20px;
                }
                    #content #left .list_option li a {
                        font-weight: normal;
                        color: #333;
                        opacity: 0.5;
                        padding: 4px 0 4px 20px;
                    }
                        #content #left .list_option li.map a { background: url(../images/icons/map.png) no-repeat left center;}
                        #content #left .list_option li.grid a { background: url(../images/icons/grid.png) no-repeat left center;}
                        #content #left .list_option li a:hover,
                        #content #left .list_option li.active a {
                            opacity: 1;
                            text-decoration: none;
                        }
        
        #content .basket_item .quantity {
            width: 30px;
        }
        #content .shop_item {
            width: 194px;
            margin-right: 20px;
            float: left;
            border: 1px dotted #e0e0e0;
            padding: 12px;
            position: relative;
            z-index: 4;
        }
            #content .shop_item h3 {
                font-size: 0.813em;
                margin-bottom: 5px;
            }
            #content .shop_item p {
                margin: 0;
            }
        
        #content .tabs, #content .tabs_with_normal_font {
            list-style: none outside none;
            height: 35px;
            overflow: hidden;
            margin: 0px 0px 14px -5px;
            padding: 5px 0px 0 5px;
            position: relative;
            z-index: 5;
            background: transparent;
        }
            #content .tabs li, #content .tabs_with_normal_font li {
                margin: 0px;
                padding: 0px;
                float: left;
                font-family: Georgia, serif;
                font-style: italic;
                font-size: 0.813em;
                font-weight: bold;
            }
            #content .tabs_with_normal_font li {
                font-family: arial, sans-serif;
                font-style: normal;
            }
            #content .tabs li a, #content .tabs_with_normal_font li a {
                display: block;
                padding: 10px 15px;
            }
            #content .tabs.small li, #content .tabs_with_normal_font.small li { font-size: 0.75em; }
            #content .tabs.small li a, #content .tabs_with_normal_font.small li a { padding: 10px 12px; padding-bottom: 11px; }
            #content .tabs li a:hover, #content .tabs_with_normal_font li a:hover {
                text-decoration: none;
                color: #666;
            }
            #content .tabs li.basket_button {
                position: absolute;
                top: 4px;
                right: 0;
                float: none;
            }
            #content .tabs li.active a, #content .tabs_with_normal_font li.active a, #content .tabs li.basket_button a {
                background: #fff;
                -moz-box-shadow: 0px 0px 5px #c1d0de;
                -webkit-box-shadow: 0px 0px 5px #c1d0de;
                box-shadow: 0px 0px 5px #c1d0de;
                border: 1px solid #D5DDE5;
                border-bottom: 0;
                color: #666;
            }
            #content .tabs li.basket_button a {
                background: #fff url(/images/basket.gif) no-repeat 6px center;
                padding: 10px 15px 10px 28px;
                color: #4B79AA;
            }
                #content .tabs li.basket_button a:hover { color: #666;}
    
    #content #right {
        width: 140px;
        float: left;
    }
    #content #right .more-top-margin, #content #right.more-top-margin {
        margin-top: 90px;
    }
    #content #right .some-top-margin, #content #right.some-top-margin {
        margin-top: 45px;
    }
        #content #right h2, #content #right h3 {
            font-size: 0.875em;
            margin-bottom: 12px;
        }
        #content #right ul {
            list-style: none;
            font-size: 0.688em;
            margin: 0 0 20px 0;
            line-height: 1.7;
        }
            #content #right ul li a {
                color: #666;
                text-decoration: underline;
                font-weight: normal;
            }
            #content #right ul li a:hover { color: #333; }
            #content #right ul.no-bullets li a {
                color: #4B79AA;
                text-decoration: none;
                font-weight: bold;
                font-size: 1.1em;
            }
            #content #right ul.no-bullets li a:hover {
                text-decoration: underline;
            }
        
    
    #hostel_map_top {
        width: 478px;
        float: left;
        margin-bottom: 10px;
    }
    #content .map_legend, #content #hostel_map p.map_legend {
        font-size: 11px;
        margin: 0px;
        padding: 0px;
        margin-top: 6px;
        margin-bottom: -2px;
        line-height: 1;
    }
    #content .map_legend .open, #content .map_legend .closed {
        margin-right: 5px;
        padding-left: 17px;
        min-height: 16px;
        padding-top: 2px;
        padding-bottom: 2px;
        background: transparent url('/images/maps/marker-blue-mini.png') no-repeat scroll top left;
    }
    #content .map_legend .closed {
        background-image: url('/images/maps/marker-red-mini.png');
    }
    
	#content #find_hostel {
		width: 472px;
		float: left;
		margin-right: 10px;
		margin-bottom: 10px;
	}
	    #content #find_hostel .box_with_shadow, #content #hostel_map_top .box_with_shadow {
	         margin-top: -11px;
	    }
		#content #swiss_hostels {
		    position: relative;
			padding: 13px 10px 10px 10px;
			background: url(../images/find_hostel_bg.png) no-repeat left top;
			min-height: 185px;
		}
    		#content #swiss_hostels .form-wrapper {
    		    position: relative;
    		    padding-right: 165px;
    		}
    		#content #swiss_hostels .video-wrapper {
    		    padding-top: 5px;
    		    width: 178px;
    		    text-align: center;
    		    position: absolute;
    		    top: 11px;
    		    right: 10px;
    		}
    		#content #swiss_hostels select {
    		    margin-top: 4px;
    		    margin-bottom: 2px;
    		}
    		#content #swiss_hostels .submit input {
    		    color: #000;
    		    float: left;
    		}
    		#content #swiss_hostels .submit .cc_icons {
    		    position: relative;
    		    float: left;
    		    margin-top: 1px;
    		    margin-left: 10px;
    		}
		#content #international_hostels {
			padding: 13px 10px 10px 10px;
			background: url(../images/find_hostel_int_bg.png) no-repeat left top;
			min-height: 185px;
			display: none;
		}
		    #content #international_hostels.inline {
		        padding: 0;
		        display: block;
                background: url(../images/international.png) no-repeat right 45px;
		    }
	#content .box_with_shadow {
		background: #fff;
		-moz-box-shadow: 0px 0px 5px #c1d0de;
		-webkit-box-shadow: 0px 0px 5px #c1d0de;
        box-shadow: 0px 0px 5px #c1d0de;
		border: 1px solid #d5dde5;
		position: relative;
		z-index: 1;
		margin-top: -15px;
		padding-top: 0px;
	}
	#content .shadow_fix {
		background: #fff;
		height: 10px;
		margin-left: 1px;
		z-index: 99;
		position: relative;
		margin-top: -2px;
	}
	
		#content #find_hostel .shadow_fix { width: 461px; }
		#content #hostel_map_top .shadow_fix { width: 471px; }
		
		
		#content #find_hostel p {
			margin-bottom: 7px;
		}
		
		
		
	#content #hostel_map_top #hostel_map, #popular_hostels {
	    padding: 13px 10px 10px 10px;
	    position: relative;
	}
	#content #popular_hostels {
	    padding-bottom: 30px;
	    display: none;
	}
	#content .bottom_right_link {
	    position: absolute;
	    bottom: 0px;
	    right: 10px;
	}
	    #content #popular_hostels .hostel {
	        width: 140px;
	        float: left;
	        margin-right: 18px;
	    }
	        #content #popular_hostels p {
	            font-size: 0.75em;
	            color: #333;
	            line-height: 1.4;
	            margin-bottom: 12px;
	        }
	        #content #popular_hostels .hostel.last {
	            margin-right: 0;
	        }
	    #content #hostel_map form {
	        padding: 0 0 10px 0;
	    }
	    #content #hostel_map p {
	        font-size: 0.688em;
	        color: #333;
	    }
        #content #hostel_map label {
            padding: 5px 10px 5px 0;
            float: left;
            position: relative;
            z-index: 3;
        }
        #content #hostel_map .iT {
            font-size: 0.688em;
            color: #333;
            float: left;
            display: block;
        }
        #content #hostel_map .iSu {
            font-size: 0.688em;
            font-weight: bold;
            float: left;
            display: block;
            margin: 2px 0 0 5px;
        }

	#content .normal_label label {
		display: block;
		float: left;
		width: 75px;
		margin-right: 10px;
		padding: 5px 0;
		font-size: 1em;
		font-weight: bold;
		color: #333;
		position: relative;
        z-index: 3;
	}
	/*#content #international_hostels .normal_label label, */
	#content #swiss_hostels .normal_label label {
        width: 110px;
        position: relative;
        z-index: 3;
    }
	
	#content .gender {
	    padding: 5px 0;
	}
	    #content .gender label {
	        font-size: 1em;
	        font-weight: bold;
	        color: #333;
	        position: relative;
            z-index: 3;
	    }
	        #content .gender select {
    	        padding-right: 5px;
    	        margin-right: 10px;
    	    }
	
	#content select {
		font-size: 1em;
		font-weight: bold;
		padding: 2px 20px 2px 2px;
	}
	
	#content .iT {
		font-size: 1.1em;
		padding: 3px 3px 1px 3px;
		color: #333;
	}
	
	#content .short .iT {
		width: 40px;
	}
	
	#content .checkbox_list {
		list-style: none;
		font-size: 0.75em;
		font-weight: bold;
		color: #333;
		line-height: 1.8;
		margin-bottom: 5px;
	}
	
	#content .submit {
		text-align: right;
		margin-top: -15px;
	}
    #content .submit.leftaligned {
        text-align: left !important;
        margin-top: 10px !important;
    }
		#content .submit input {
			font-size: 1.1em;
			font-weight: bold;
			color: #555;
			cursor: pointer;
			padding: 2px;
		}
		#content .submit input:hover { color: #222; }
	
	#content .calendar .iT { float: left; margin-right: 10px; width: 100px; position: relative; z-index: 4; }
	#content .calendar a {
		text-indent: -5000px;
		overflow: hidden;
		display: block;
		width: 22px;
		height: 25px;
		background: url(../images/icons/calendar.png) no-repeat center bottom;
		margin-top: 3px;
	}
	
	#content .cut {
		background: url(../images/cut.png) no-repeat top left;
		padding: 18px 10px 10px 10px;
	}
	    #content .cut .text {
	        background: url(../images/card.png) no-repeat right center;
	        padding: 0 158px 10px 0;
	    }
		#content .cut h2 {
			font-family: Georgia, serf;
			font-style: italic;
			font-weight: bold;
			margin-bottom: 5px;
			font-size: 1.125em;
			color: #4B79AA;
		}
		#content .cut p {
			font-size: 0.688em;
			color: #333;
		}

	#content .box_navigation {
		font-size: 0.938em;
		font-style: italic;
		font-weight: bold;
		font-family: Georgia, serif;
		list-style: none;
		z-index: 3;
		position: relative;
	}
		#content .box_navigation li {
			float: left;
		}
			#content .box_navigation li a {
				display: block;
				padding: 12px;
				background: transparent;
				color: #666;
				text-decoration: none;
				border: none;
			}
				#content .box_navigation li.active a {
					background: #fff;
					-moz-box-shadow: 0px 0px 5px #c1d0de;
					-webkit-box-shadow: 0px 0px 5px #c1d0de;
					box-shadow: 0px 0px 5px #c1d0de;
					color: #666;
					padding: 11px 11px 12px 11px;
					border: 1px solid #d5dde5;
					border-bottom: none;
				}
				#content .box_navigation li.active a:hover { color: #666; cursor: default; }
				#content .box_navigation li a:hover { color: #333; }
				
    #content .date {
        margin-left: 4px;
        padding: 2px 3px;
        font-size: 0.688em;
        background-color: #7FA2C7;
        color: #fff;
        font-weight: bold;
    }

    #content #newsletter_sign_up {
        margin-top: 0px;
        width: 289px;
        padding: 10px;
        float: left;
    }
        #content #newsletter_sign_up .subscribe-form, #content #newsletter_sign_up .subscribe-successful, #content #newsletter_sign_up .subscribe-error {
            display: none;
        }
        #content #newsletter_sign_up .subscribe-form.active, #content #newsletter_sign_up .subscribe-successful.active, #content #newsletter_sign_up .subscribe-error.active {
            display: block;
        }
        #content #newsletter_sign_up .subscribe-successful, #content #newsletter_sign_up .subscribe-error {
            margin-top: 10px;
            padding: 5px;
            line-height: 130%;
            font-size: 12px;
            color: #fff;
            font-weight: bold;
        }
        #content #newsletter_sign_up .subscribe-successful {
            text-shadow: 0px 1px #2F441F;
            background-color: #486830;
            border: 1px solid #2F441F;
        }
        #content #newsletter_sign_up .subscribe-error {
            text-shadow: 0px 1px #420209;
            background-color: #68050F;
            border: 1px solid #420209;
        }
        #content #newsletter_sign_up #recaptcha_image {
            margin-top: 2px;
            margin-left: -5px;
        }
        #content #newsletter_sign_up .unsubscribe_link {
            font-size: 0.8em;
        }
        #content #newsletter_sign_up .reload-captcha-link-wrapper {
            text-align: right;
        }
        #content #newsletter_sign_up .reload-captcha-link {
            font-weight: normal;
            
        }
        #content .newsletter_label {
            font-size: 0.8em;
            display: block;
            color: #666;
            margin: 5px 0 2px 0;
        }
        #content .bar {
            width: 100%;
            height: 5px;
            background: url(../images/bar_with_dot.png) no-repeat center center;
            margin: 5px 0 10px 0;
        }
        
        #content #newsletter_sign_up form {
            line-height: 1.8;
        }
        #content #newsletter_sign_up p {
            margin-bottom: 0;
        }
        
        #content #newsletter_sign_up .iT {
            width: 200px;
            padding: 3px 3px 2px 3px;
            font-size: 1em;
            margin-right: 5px;
        }
        #content #newsletter_sign_up .iSu {
						color:#555555;
						cursor:pointer;
						font-size:1.1em;
						font-weight:bold;
						padding:2px;
        }
    #content #facebook_widget {
		    margin-top: 0;
		    margin-left: 10px;
		    padding: 10px 10px 0 10px;
		    width: 284px;
		    float: left;
		}
    #content #news {
        margin-top: 0;
        margin-left: 10px;
        padding: 10px 10px 0 10px;
        width: 298px;
        float: left;
    }
        #content #news .news-items .node {
            padding-top: 15px;
            background: url(../images/bar_with_dot.png) no-repeat center top;
        }
        #content #news .news-items .node:first-child {
            background: none;
            padding-top: 0px;
        }
    #content #left .hostel_reservation {
        background: url(../images/reservation_gradient.png) repeat-y left top;
        padding: 10px;
    }
    #content #left img.gallery_image, #content #left img.single-image-gallery {
        border: 3px solid #eee;
    }
    
    #content #left #gallery {
        width: 455px;
        height: 309px;
        position: relative;
        overflow: hidden;
        border: 3px solid #eee;
    }
    
    #content #left .teaser {
        margin-bottom: 2px;
    }
    
    #content #left .gallery_navigation {
        list-style: none;
        position: absolute;
        top: 6px;
        right: 0;
        font-size: 0.688em;
    }
        #content #left .gallery_navigation li {
            float: left;
            margin-left: 5px;
            color: #666;
        }
            #content #left .gallery_navigation li a {
                color: #999;
                text-decoration: underline;
                font-weight: normal;
            }
            #content #left .gallery_navigation li a:hover { color: #666; }
    #content #left .div_140 {
        width: 140px;
        margin-right: 20px;
        float: left;
        position: relative;
        z-index: 2;
    }
    #content #left .div_220 {
        width: 220px;
        margin-right: 20px;
        float: left;
        position: relative;
        z-index: 2;
    }
    #content #left .div_140 p.smaller,
    #content #left .div_220 p.smaller,
    #content #left .div_300 p.smaller { margin-top: -8px; }
    #content #left .div_300 {
        width: 300px;
        margin-right: 20px;
        float: left;
        position: relative;
        z-index: 2;
    }
    #content #left .div_370 {
        width: 370px;
        margin-right: 20px;
        float: left;
        position: relative;
        z-index: 2;
    }
    #content #left .div_390 {
        width: 390px;
        margin-right: 20px;
        float: left;
        position: relative;
        z-index: 2;
    }
    #content #left .div_460 {
        width: 460px;
        margin-right: 20px;
        float: left;
        position: relative;
        z-index: 2;
    }
    #content #left .div_540 {
        width: 540px;
        margin-right: 20px;
        float: left;
        position: relative;
        z-index: 2;
    }
    #content #left .div_620 {
        width: 620px;
        margin-right: 20px;
        float: left;
        position: relative;
        z-index: 2;
    }
    
    #content .hostel-overview h3 {
        font-size: 0.75em;
        margin: 0.1em 0;
    }
    
    #content #left div.no-right-margin { margin-right: 0 !important; }
    #content #left div.with-top-margin { margin-top: 10px; }
    /*#content #left div.with-top-padding { padding-top: 20px; }*/
    #content #left div.with-small-top-margin { margin-top: 10px; }
    
    #content #basket_wrapper { display: none; }
    #content #basket { background: #fefefe; border: 1px solid #eee; padding: 15px 15px 0 15px; }
    
    #content #order_fields {position: relative;z-index: 3;}        
	#content #order_fields p { clear:both; }
    #content #order_fields .fields_with_error label { color: #b73737;}
    #content #order_fields .fileupload .fields_with_error span { color: #b73737;}
    #content #order_fields .fields_with_error input { color: #b73737; background: #ffdada; }
    #content #order_fields label {display: block;float: left;width: 110px;}
    #content #order_fields .fileupload {margin-bottom:10px;clear:both;float:left;width:100%;}
    #content #order_fields .fileupload span.fl{float:left;}
    #content #order_fields .fileupload span.info_text {clear:both;display:block; font-size:11px; color:#3e3d40;}
    #content #order_fields .radio_buttons label { display: inline; float: none; width: auto; }
    #content #order_fields .text_area textarea {width: 178px;height: 90px;}    
    #content .price-page h3 {
        margin-top: 1em;
        margin-bottom: 0;
    }
    #content .price-page h3 em {
        font-weight: normal;
        font-size: 0.65em;
    }
    #content .price-page table {
        width: 100%;
        margin-bottom: 15px;
        table-layout:fixed;
    }
        #content .price-page table p {
            margin: 0;
        }
        #content .price-page table td, #content .price-page table th {
            padding: 5px;
            text-align: right;
            vertical-align: center;
        }
        #content .price-page table tr td:first-child, #content .price-page table tr th:first-child {
            text-align: left;
            width: auto;
        }
        #content .price-page table th {
            font-size: 1em;
            font-weight: normal;
        }
        #content .price-page table td {
            font-size: 0.85em;
        }
        #content .price-page table tr:first-child td {
            font-family: Georgia, serif;
            color: #333;
            font-weight: normal;
            font-style: italic;
        }
        #content .price-page table tr {
            background-color: #EFEFEF;
        }
        #content .price-page table tr.alternate {
            background: none;
        }
        
        #content .price-page table tr th, #content .price-page table tr td {
            width: 100px;
        }
        #content .price-page table tr:first-child td {
            width: 200px;
        }
        #content .price-page table tr th:first-child, #content .price-page table tr td:first-child {
            width: auto;
        }
        
/* FOOTER */
#footer {
    width: 942px;
    background: url(../images/footer.png) no-repeat top left;
    margin: 30px auto 0 auto;
    font-size: 0.688em;
    text-align: left;
    padding: 22px 11px 32px 11px;
    color: #666;
    position: relative;
}
    #footer span {
        margin-right: 12px;
    }
        #footer a {
            color: #4B79AA;
            text-decoration: none;
        }
        #footer a:hover { text-decoration: underline; }
        
    #footer .social_media {
        list-style: none;
        position: absolute;
        top: 17px;
        right: 0px;
    }
        #footer .social_media li {
            float: left;
            margin-right: 12px;
        }
            #footer .social_media li a {
                display: block;
                padding: 5px 0 5px 20px;
                background-repeat: no-repeat;
                background-position: left center;
                background-size: 16px 16px;
            }
            #footer .social_media.lang_fr li a {
                padding-left: 16px;
                text-indent: -9999px;
            }
            #footer .social_media li.facebook a  { background-image: url(../images/icons/facebook.png); }
            #footer .social_media li.twitter a   { background-image: url(../images/icons/twitter.png); }
            #footer .social_media li.youtube a   { background-image: url(../images/icons/youtube.png); }
            #footer .social_media li.instagram a { background-image: url(../images/icons/instagram.png); }
            #footer .social_media li.rss a       { background-image: url(../images/icons/feed.png); }

/*slider*/
#slider_hold {
	background: #fff;
	border: 1px solid #d5dde5;
	margin-bottom:10px;
	padding:9px;
	position: relative;
	width:940px;
	box-shadow: 0px 0px 5px #c1d0de;
	-moz-box-shadow: 0px 0px 5px #c1d0de;
	-webkit-box-shadow: 0px 0px 5px #c1d0de;
}			
#slider_hold .slider {
	float:left;
	height:180px;
	overflow:hidden;
	position: relative;
	width: 100%;
}
#slider_hold .slider .slides {
	float: left;
}
#slider_hold .slider .slides ul {
	list-style:none;
	padding:0;
	margin:0;
}
#slider_hold .slider .slides ul li {
    display: block;
	font-size:0.9em;
	padding:0 10px;
	width:210px;
}
#slider_hold .slider .slides ul li .placeholder {
	background:#eee;
	height:105px;
	margin-bottom:10px;
	width:210px;
}
#slider_hold .slider .slides ul li .title {
	color:#4B79AA;
	font-size:14px;
	font-weight:bold;
}
#slider_hold .slider .slides ul li p {line-height:1.25em;}

#slider_hold .prev, #slider_hold .next {
	cursor:pointer;
	float:left;
	height:180px;
	width:10px;
}
#slider_hold .prev {background:url(/images/arrow_prev.png) 0 0 no-repeat;}
#slider_hold .prev:hover, #slider_hold .prev:focus, #slider_hold .prev:active {background:url(/images/arrow_prev.png) -10px 0 no-repeat;}

#slider_hold .next {background:url(/images/arrow_next.png) 0 0 no-repeat;}
#slider_hold .next:hover, #slider_hold .next:focus, #slider_hold .next:active {background:url(/images/arrow_next.png) -10px 0 no-repeat;}



a.lightbox-video {
    background: transparent url('/images/icons/video-link.png') no-repeat scroll 2px center;
    min-height: 16px;
    padding-left: 22px;
}
a.lightbox-video.no-icon {
    padding-left: 0;
    background: none;
}

ul.no-bullets { list-style: none;}

.ptb10{padding: 10px 0;}
.mathCaptcha {font-size: 1.5em;font-weight: bold; margin-bottom:5px;clear: both;  }
label.error { width: 250px; display: block; float: left; color: red; clear: both; }
#newsletter_form p {clear:both;}

/* Styles associated with homepage popup*/
body.popup { overflow: hidden; }
.popup_overlay, .ML_popup_overlay { background: rgba(0, 0, 0, 0.5); display: none; height: 100%; left: 0; overflow: auto; position: fixed; top: 0; width: 100%; z-index: 999; }
.popup_content_wrap, .ML_popup_content_wrap { text-align: center; }
.popup_overlay .popup_close, .ML_popup_overlay .ML_popup_close { background: #656565 url('/images/pop-up/close.png') center no-repeat; border: 5px solid #fff; border-radius: 50%; display: block; height: 30px; position: absolute; right: -15px; text-decoration: none; top: -15px; width: 30px; }
.popup_content, .ML_popup_content { background-color: #fff; border-radius: 6px; box-shadow: 0 0 6px 2px rgba(0,0,0,.4); display: inline-block; margin: 20px; padding: 5px; position: relative; width: 40%; margin: 0; max-width: 400px; }
.popup_content img { display: block; height: auto; max-width: 100%; max-height: 100%; }
.popup_content .popup_link { background-color: #4e91c8; border-radius: 4px; bottom: 20px; box-shadow: 0 0 3px 1px rgba(0,0,0,.3); color: #fff !important; font-size: 14px; line-height: 14px; padding: 10px 20px; position: absolute; right: 20px; text-align: center; text-decoration: none !important; text-transform: uppercase; z-index: 3; }
.ML_popup_content{width:400px;padding-left:20px;}
.ML_popup_content label, form#ML_form p, form#ML_form h2{text-align: left;}
.ML_popup_content p.h40{height:30px;margin-bottom:0px!important;width:70%;}
.ML_popup_content p input.iT{width:90%!important;float:left;}
.ML_popup_content p.clear {clear: both;}
.ML_popup_content p.fl {float:left} 
.ML_popup_content p.fl.bw {margin-bottom: 7px!important;}
#ML_field_memberid_errors {margin-bottom: 3px!important;}
#ML_field_memberid_errors label{width:100%;clear: both;margin-bottom:2px;}
