/*


Copyright Jeroen van der Meer, http://www.jero.net/;
Main image copyright Brammeke, http://www.brammeke.net/
some rights reserved
http://creativecommons.org/licenses/by-sa/2.0/




/* Basic elements */

body {
	background-color: #EBF0F6;
	color: #272727;
	padding: 0;
	text-align: center;
	width: 600px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	margin:0 auto;
	float: inherit;
}

.floatright { float: right;
margin: 0 0 0px 10px;
border: 1px solid #666; }

.floatleft { float: left;
margin: 0 10px 0px 0px;
border: 1px solid #666; }

.cnter{
	text-align:center;
	border-style: solid;
	border-color: #F7F9FA;
	border-width: 1px 4px

}

img.pos_abs
{
position:absolute;
left:42px;
top:712px
}


h1, h3 {
	padding-top: 5px;
	font-family: Arial, Helvetica, sans-serif;
}

h2{
	font-family: Arial, Helvetica, sans-serif;
	background-image:url(images/440back.png);
	text-align: center;
margin: +1px;}

ul {
	margin: 0;
	padding: 0;
	line-height: 2em;
	font-size: 100%;
	
}

li {
line-height: 12px;
}

a {
color: #AB4D00;
padding: 1px;
text-decoration: none;
}

/* Layout */

#border {
	position: relative;
	width: 600px;
	padding-left: 30px;
	padding-right: 30px;
	background: url(images/background.png);
	font-family: Arial, Helvetica, sans-serif;
}

#banner {
	position: relative;
	width: 600px;
	height: 350px;
    border-left: 1px solid #7F7F7F;
	border-right: 1px solid #7F7F7F;
	border-bottom: 1px solid #7F7F7F;
	cursor: auto;
	background-image: url(images/hostel1.jpg);

}


#title {
margin: 0;
color: #39531B;
font-size: 3em;
padding-right: 10px;
text-align: right;
padding-top: 2px;
background-repeat: no-repeat;
background-position: +3px;}

#slogan {
color: #ffffff;
font-size: 1.5em;
padding-right: 12px;
text-align: right;
margin-top: 1px;}

#nav-meta {
position: relative;
float: left;

border: 1px solid #B0B0B0;
top: -350px;
left: 2px;
width: 240px;
cursor: default;
}

#nav-meta a {
color: #898989;
}

#nav-meta a:hover {
color: #3D3D3D;
border-top: 1px solid #B0B0B0;
border-bottom: 1px solid #B0B0B0;
}

#nav-meta li {
display: inline;
}

#nav-main {
position: relative;
width: 600px;
padding: 10px;

background-color: #EEF3F9;
border: 1px solid #7F7F7F;
cursor: default;
}

html>body #nav-main {
width: 595px;
position: absolute;
margin: 10px 10px 10px 0;
padding: 3px;
}

#nav-main li {
display: inline;
padding: 5px;
}

#nav-main a {
color: #39531B;
font-weight: bold;
border-right: none;
border: 1px none;}

#nav-main a:hover {
border-top: 2px solid #8EC009;
}
#nav-main a:visited   {color:#990000}

#nav-section {
	position: absolute;
	float: left;
	margin-top: 10px;
	width: 130px;
	border: 1px solid #7F7F7F;
	background-color: #EEF3F9;
	height: 316px;
	background-image: url(images/swirl3.gif);
	background-position: 200px;
	background-repeat: repeat;
}

#translator {
	position: absolute;
	float: left;
	margin-top: 400px;
	width: 130px;
	border: 1px solid #7F7F7F;
	background-color: #EEF3F9;
	height: 150px;
	background-image: url(images/swirl3.gif);
	background-position: 200px;
	background-repeat: repeat;
}

html>body #nav-section {
margin-top: 60px;
}

#nav-section a {
color: #39531B;
}

#nav-section li {
margin-top: 20px;
margin-bottom: 20px;
list-style-type: none;}

#nav-section li:hover {
	background-color: #FFF;
	border-left: 2px solid #8AA2C0;
	border-right: 2px solid #8AA2C0;
	list-style: none;
}

#nav-section a:hover {
text-decoration: underline;
}
#nav-section a:visited   {color:#990000}
html>body #nav-section a:hover {
color: #000;
text-decoration: none;
}

/* Content */

#container {
	padding: 30px;
	top: 30px;
	text-align: justify;
	font-size: inherit;

}

#content {
margin-left: 120px;
	margin-right: -20px;
	width: 440px;
	background: none no-repeat top right;
	}
#content p, #content li {
	text-align: inherit;
	font-size: 80%;
	line-height: 1.6em;
	font-family: Arial, Helvetica, sans-serif;
}
.address{background: #EBF0F6 url(images/swirl3.gif) no-repeat 220px;
	padding-left: 70px;
	padding-top: 10px;
	padding-bottom: 10px;}

.style2{font-size: 12pt;
	color: #663300;
	font-weight: bold;}

#content a:hover {
text-decoration: underline;
}

#content h1, h2, h3 {

}
#thumbs{
width:600px;
position: relative;}
/* Footer */

#info-site {
width: 600px;
color: #C9A742;
background: #F7F9FA url(images/bottom.jpg) no-repeat center;
cursor: default;
}

#info-site a {
color: #AF701E;
}

#info-site a:hover {
background-color: #CED2D5;
}

#info-site p {
margin: 0;
width: 100%;
padding-left: 5px;
padding-right: 5px;
}
#border #info-site {
	height: 200px;
}
#border #container #content p {
}
#border #container #content #table th {
	background: #EEF3F9;
}
.bloc {
	background: #EBF0F6;
}
.thumbs{

overflow: scroll;}
#border #blok {
	width: 440px;
	margin-left: 5px;
	margin-right: -20px;
	overflow: scroll;
}

.margin{
margin-left: 50px;}