/* reset */
html, body, div, h1, h2, h3, h4, h5, ul, li, p, a, form, fieldset, label, input, textarea{
margin:0px;
padding:0px;
border:none;
font-family:"Georgia", "Times", serif;
font-size:13px;
color:#FFF;
}

ul#info a, ul.nav a, ul.menu a, div#content p a{
text-decoration:none;
font-weight:bold;
color:#EFEFEF;
padding-bottom:1px;
border-bottom:solid 1px #CF9A67;
}

ul#info a:hover, ul.nav a:hover, ul.menu a:hover, div#content p a:hover{
color:#DFA66F;
border-bottom:none;
}

ul{
list-style:none;
}

/* select */
::-moz-selection{
background:#EBEBEB;
color:#000;
}

::selection {
background:#EBEBEB;
color:#000;
}

code::-moz-selection {
background:#EBEBEB;
}

code::selection {
background:#EBEBEB;
}

/* layout */
html, body{
width:100%;
height:100%;
}

body{
background:url('img/background_3.jpg') 70% 20% no-repeat;
background-attachment:fixed;
}

div#wrapper{
width:960px;
margin:0px auto;
padding:8px 0px;
}

/* header */
div#header{
height:135px;
margin-bottom:8px;
background-color:#000;
-moz-border-radius:8px; 
-webkit-border-radius:8px;
-o-border-radius:8px;
border-radius:8px;
}

div#left{
float:left;
padding-left:32px;
}

div#right{
float:right;
padding-right:32px;
padding-top:20px;
}

h1{
font-size:83px;
letter-spacing:7px;
}

div#header h2{
position:relative;
top:-6px;
border-top:solid 1px #666;
padding-top:6px;
letter-spacing:1px;
}

ul#info{
padding-bottom:7px;
}

ul#info li{
margin-bottom:3px;
}

ul#info li, ul#info li a{
font-size:13px;
line-height:22px;
text-align:right;
letter-spacing:1px;
}

li.contact{
color:#DDD;
}

li.contact span{
color:#FFF;
font-weight:bold;
}

ul#languages{
border-top:solid 1px #666666;
padding-top:4px;
height:17px;
}

ul#languages li{
display:inline-block;
}

ul#languages li a{
width:27px;
height:17px;
display:block;
background-image:url('img/flags.png');
background-repeat:none;
}

a#nl{
background-position:0px 0px;
opacity:0.1;
}
a#en{
margin-left:6px;
background-position:135px 0px;
}
a#de{
margin-left:6px;
background-position:108px 0px;
opacity:0.1;
}
a#fr{
margin-left:6px;
background-position:81px 0px;
opacity:0.1;
}
a#es{
margin-left:6px;
background-position:54px 0px;
opacity:0.1;
}
a#it{
margin-left:6px;
background-position:27px 0px;
opacity:0.1;
}

/* content */
div#content{
width:898px;
float:left;
background-color:#000;
padding:32px 32px 24px;
margin-bottom:16px;
-moz-border-radius:8px; 
-webkit-border-radius:8px;
-o-border-radius:8px;
border-radius:8px;
}

h3{
padding-bottom:6px;
border-bottom:solid 1px #666666;
font-size:42px;
letter-spacing:3px;
}

ul.nav{
border-bottom:solid 1px #666666;
padding:6px 0px;
margin-bottom:14px;
}

ul.nav li{
display:inline;
/*padding:0px 30px 0px 16px;
background-image:url('img/diamond_dark.gif');
*/
padding:0px 46px 0px 0px;
background-repeat: no-repeat;
background-position:0px 4px;
}

ul.nav li a{
letter-spacing:1px;
font-size:13px;
}

ul.nav li.last-child{
padding-right:0px;
}

ul.nav li.active{
/*background-image:url('img/diamond.gif');*/
}

ul.nav li.active a{
color:#FFF;
border-bottom:none;
}

ul.nav li#home{
float:right;
padding-right:0px;
background-position:0px 7px;
}

div#column-left, div#column-right{
width:432px;
float:left;
}

div#column-left{
padding-right:16px;
}

div#column-right{
padding-left:16px;
}

div#content p{
color:#DDD;
line-height:21px;
padding-bottom:24px;
}

a.img{
font-size:0px;
}

a.img img{
border:none;
display:block;
height:243px;
/*margin-bottom:14px;*/
}

p.subscript{
font-size:11px;
color:#777 !important;
padding-bottom:14px !important;
}

p.indented{
text-indent:18px;
}

div #content a{
line-height:22px;
}

div #content a span{
color:#DDD;
font-weight:normal;
}

/* page specific content */

/* home hostels-club button */

div#hostels-club{
width:182px;
float:right;
}

div#hostels-club a{
display:block;
width:181px;
height:47px;
background-image:url('img/hostels-club.png');
background-repeat:none;
border-bottom:none;
}

div#panorama_amsterdam{
margin-bottom:14px;
}

/* Google map */
div#map{
width:432px; 
height:243px;
margin-bottom:14px;
}

p b{
font-size:11px;
color:#FFF;
display:inline-block;
width:90px;
}

/* email & information */
form{
margin-top:5px;
width:432px;
}

label{
display:block;
font-size:11px;
color:#FFF;
font-weight:bold;
margin-bottom:2px;
}

input, textarea{
border:solid 1px #FFF;
background-color:#373737;
margin-bottom:10px;
padding:4px 3px;
}

textarea{
display:block;
width:430px;
height:160px;
margin-top:14px;
}

input.submit{
background-color:#000;
font-weight:bold;
cursor:pointer;
padding:2px;
color:#EEE;
}

input:focus, textarea:focus, input:hover, textarea:hover{
background-color:#494949;
}

input.submit:hover, input.submit:focus{
background:none;
color:#FFF;
}

/* slideshow */

div#slideshow img{
padding: 0px 24px 12px 0px 
}
