/* Start of CMSMS style sheet 'Salmon Weir Hostel' */
body{background:#D3E7FF}

div#pagewrapper{border:0px solid #000}

div#header{color:#fff}

div#footer{color:#100000; background-color:#fff}

a, 

a:link 
a:active, a:visited{color:#C41D2C}

a:hover{color:#F60}

h1, h2, h5{color:#3679f4}

h4{color:#3679f4}

.phone{color:#41165D}

h3, h6{color:#3679f4}

#menu_vert,{ margin:0px;  padding:0px; font-family:Verdana,Geneva,Arial,Helvetica,sans-serif}

#menu_vert ul{ width:171px;   border-top:0px solid #069;   border-right:0px solid #069;   background:transparent;   margin:0;   padding:0}

#menu_vert li{padding:0 0 0 20px;   list-style:none}

#menu_vert li a{  
    display:block;   
    text-decoration:none;   
    padding:8px 8px 8px 10px;   
    border-bottom:1px solid #A8D4FF;   
    color:#000; 
    background:#fff url(uploads/images/website/nav_arrow.gif) right center no-repeat
}

* html #menu_vert li{float:left; height:1%}

* html #menu_vert li a{height:1%}

 div#menu_vert ul ul li a, 
 div#menu_vert ul ul li a:link, 
 div#menu_vert ul ul li a:visited{ display:block;  padding:3px 5px 3px 25px;  border-bottom:none;  font-size:90%}

 div#menu_vert ul ul{ border-right:none;  border-top:none;  border-bottom:0px solid #069;  padding-bottom:5px}

 div#menu_vert ul ul ul li a, 
 div#menu_vert ul ul ul li a:link, 
 div#menu_vert ul ul ul li a:visited{ padding-left:40px}

 div#menu_vert ul ul ul{ border-bottom:none}

#menu_vert li ul li a{padding:5px 5px}

#menu_vert li a:hover{background-color:#A8D4FF}

.current{list-style-type:square; display:inline; background-color:#FEE1C2}

.currentpage{
     display:block;
     text-decoration:none;
     display:block;   
     text-decoration:none;   
     padding:8px 8px 8px 10px;   
     border-bottom:1px solid #A8D4FF;   
     color:#000; 
}

#menu_vert li.activeparent{ background-color:#FEE1C2}

#menu_vert li.active01 h3{ 
     display:block;
     text-decoration:none;
     padding:8px 8px 8px 10px;
     border-bottom:0px solid #069;
     color:#000;  margin:0;
     font-size:1em;
     line-height:1em;
     background-color:#FEE1C2
}

#menu_vert li.active02 h3{ display:block;  padding:3px 5px 3px 25px;  border-bottom:none;  font-size:90%;  font-weight:bold;  color:#000;  margin:0}

#menu_vert li.active03 h3{ display:block;  padding:3px 5px 3px 40px;  border-bottom:none;  font-size:90%;  font-weight:bold;  color:#000;  margin:0}

li.sectionheader{ margin:0;  margin-right:-1px}

li.sectionheader h3{ margin:0;  padding:1em 10px 0.5em 10px;  border:none;  background-color:#fff;  border-bottom:0px solid #069;  z-index:90}

li.separator{ height:1px;  padding:0.5em 0;  margin:0;  width:100%;  border-bottom:0px dotted black}

    body{margin: 20px auto 0px auto;         padding:0;         text-align:center; background-image:url(uploads/images/website/main_bg.gif); background-repeat:repeat-y; background-position:center}

div#headbg{margin:0px auto 0px auto; padding:0; width:766px; height:189px; background-image:url(uploads/images/website/header_bg.jpg); background-repeat:no-repeat}

div#logo{width:515px; height:146px; float:left; margin:0; padding:0; display:block}

div#logo img{padding:13px 0 0px 70px; margin:0}

div#headtext{width:185pxfloat:left; margin:0; padding:0; display:block; height:146px}

div#headtextpadd{margin:0px; padding:20px 0 0 0px}

div#banner{ margin:0px; padding:0; text-align:center; background-image:url(uploads/images/website/shadow_bg.jpg); background-repeat:repeat-y; background-position:center}

div#shadow{background-image:url(uploads/images/website/shadow_bg.jpg); background-repeat:repeat-y; width:881px;  margin: 0px auto 0px auto; padding:0}

 div#pagewrapper{ margin: 0px auto 0px auto; width:760px;  padding:0;  text-align:center}

 
 
        div#header{            margin:0;             padding:0;             height:80px;             background:#385C72;                       text-align:left}

        div#header h1 a{            background: url(uploads/images/website/logo1.gif) no-repeat 0 12px;  display:block;  height:80px;  text-indent:-700em;  width:198px;  margin:0;  padding:0}

 
 
div#flashcontent{background-color:#010000}

 
 
 div#content{ }

 
 
 div#main{ }

 
 
 
 div#sub{  }

 
 
 
 
 
 
        div#footer{ margin: 0px auto 0px auto; background-image:url(uploads/images/website/footer_bg.jpg); background-repeat:no-repeat; background-position:center; width:770px; height:80px }

 div#footer p{ font-size:1em;  margin:0;  padding:10px 5px 0px 230px;  text-align:left}

 div#footer img{ margin:0;  padding:15px 0px 5px 0px;  text-align:left}

 
div.flags{ float:right;  width:18px;  padding:1em 0;  text-align:right;  margin:0 1em 0 0}

    div#container{background-image:url(uploads/images/website/main_bg.jpg); background-repeat:repeat-y; background-position:center; width:760px; position:relative; margin:0; padding:18px 0 0 0}

    div#container_wide{background-image:url(uploads/images/website/main_bg_wide.jpg); background-repeat:repeat-y; background-position:center; width:760px; position:relative; margin:0; padding:18px 0 0 0}

 div#content{ position:relative;  margin:0em 0 0em 0;  padding:0;  text-align:left}

 div#menu_vert{ float:left;  width:195px;  display:inline}

 div#main{ float:left;  width:345px;  display:inline}

 div#main_wide{ float:left;  width:545px;  display:inline}

div#text{margin:0px 10px 20px 25px; padding:0px}

 div#content2{ float:left;  width:200px;  display:inline;  padding:0px; margin:0 -3px 0 0}

div#book{margin:0; padding:0px 0 15px 15px}

div#group{margin:0; padding:9px 0 10px 23px}

.darkbar{background-color:#3679F4; margin:4px; padding:2px}

.lightbar{background-color:#D3E8FF; margin:4px; padding:2px}

.right{padding:0 0 0 4px}

form{margin:0; padding:0}

form div, 

form p{font-size:1em; margin:0 0 1em 0; padding:0}

label{font-weight:bold}

fieldset{border:1px solid #D2DD7F; padding:5px 10px; margin:0 0 1.5em 0}

fieldset legend{color:#666; font-size:1.1em; font-weight:bold; margin:0 0 0 0px; padding:0; background-color:white}

* html fieldset legend{margin:0 0 10px -10px}

fieldset ul{list-style:none; margin:0 0 1.5em 0; padding:0; border:1px solid #D2DD7F}

fieldset ul li{list-style:none; margin:0 0 0.5em 0; padding:0; border:1px solid #D2DD7F}

 
input, select, textarea{font-size:1em; font-family:arial,helvetica,verdana,sans-serif;  border:1px solid #D2DD7F;  margin:4px; padding:2px}

input, select{vertical-align:middle; border:1px solid #D2DD7F}

textarea{width:200px; height:8em; border:1px solid #D2DD7F}

input.check{border:none; width:auto; height:auto; margin:0; border:1px solid #D2DD7F}

input.radio{border:none; width:auto; height:auto; margin:0; border:1px solid #D2DD7F}

input.file{height:auto; width:250px; border:1px solid #D2DD7F}

input.readonly{background-color:transparent; border:none; border:1px solid #D2DD7F}

input.button{width:5em; border:1px solid black; background-color:#F00; color:#fff}

input.image{border:none; width:auto; height:auto}

 form div.submit{margin:1em 0}

 form div.submit input{height:2em;  width:15em}

body{text-align:left; font-family:"Trebuchet MS",Arial,sans-serif; font-size:75.01%;  line-height:1em}

div{font-size:1em}

img{border:0}

a, 

a:link 
a:active, a:visited{text-decoration:underline}

 div#footer a, 
 div#footer a:link 
div#footer a:active, div#footer a:visited{ color:#10000}

a:hover{text-decoration:none}

div#main a, a:link, a:visited{padding:0px 0px 0px 0px; color:#C41D2C; text-decoration:underline}

div#main a:hover{color:#C41D2C; text-decoration:none}

div#infosonic{color:#C41D2C; width:220px; margin:0px auto 0px auto; padding:10px 0px 20px 0px; text-align:left}

div#infosonic a, a:link, a:visited{padding:0px 0px 0px 0px; color:#C41D2C; text-decoration:none}

div#infosonic a:hover{color:#C41D2C; text-decoration:underline}

h1{font-size:1.5em; line-height:1em; margin:0; padding:0}

h2{font-size:1.4em;  line-height:1.5em; margin:0 0 0.5em 0; padding:0}

h3{font-size:1.2em; line-height:1.3em; margin:0 0 0.5em 0; padding:0; font-weight:normal}

h4{font-size:1.2em; line-height:1.3em; margin:0 0 0.5em 0; padding:0; font-weight:normal}

h5{font-size:1.1em; line-height:1.3em; margin:0 0 0.25em 0; padding:0}

h6{font-size:1em; line-height:1.3em; margin:0 0 0.25em 0; padding:0}

p{font-size:1.1em; margin:0 0 1em 0; padding:0; line-height:1.6em}

blockquote{border-left:10px solid #ddd; margin-left:10px}

pre{font-family:monospace; font-size:1.0em}

strong, b{font-weight:bold}

em, i{font-style:italic}

 code{ font-family:"Courier New",Courier,monospace;  font-size:1em;  white-space:pre}

.phone{font-size:1.5em; line-height:1.8em; margin:0; padding:0}

#main ul{ line-height:1.4em; margin:0 0 1.5em 0; padding:0}

#main ul li{margin:0 0 0.25em 30px; padding:0}

ol{font-size:1.0em; line-height:1.4em; margin:0 0 1.5em 0; padding:0}

ol li{font-size:1.0em; margin:0 0 0.25em 30px; padding:0}

dl{margin:0 0 1.5em 0; padding:0; line-height:1.4em}

dl dt{font-weight:bold; margin:0.25em 0 0.25em 0; padding:0}

dl dd{margin:0 0 0 30px; padding:0}

table{ font-size:1em; margin:0 0 1.5em 0;  padding:0}

table caption{font-weight:bold; margin:0 0 0 0; padding:0 0 1.5em 0}

th{font-weight:bold; text-align:left}

td{font-size:1em}

hr{margin:20px 0px 20px 0px; height:0; border-width:1px 0 0 0; border-style:dotted; border-color:#EC6800}

div.hr{height:1px; margin:1.5em 10px; border-bottom:1px dotted #EC6800}

.stretch, 

.clear{clear:both; height:1px; margin:0; padding:0; font-size:15px; line-height:1px}

.clearfix:after{content:"."; display:block; height:0; clear:both; visibility:hidden}

* html>body .clearfix{display:inline-block; width:100%}

* html .clearfix{height:1%}

.replace{display:block; background-repeat:no-repeat; background-position:left top; background-color:transparent}

.replace *{text-indent:-10000px; display:block; background-repeat:no-repeat; background-position:left top; background-color:transparent}

.replace a{text-indent:0}

.replace a span{text-indent:-10000px}

 span.accesskey{ text-decoration:none}

 .accessibility{ position:absolute;  top:-999em;  left:-999em}

dfn{ position:absolute;  left:-1000px;  top:-1000px;  width:0;  height:0;  overflow:hidden;  display:inline}

#imagegallery{ overflow:auto; width:100%}

.imagegallery{ overflow:auto; width:100%}

.thumb{margin:1em 1em 1.6em 0; padding:0; float:left; text-decoration:none; line-height:normal; text-align:left}

.thumb img, .thumb a img, .thumb a:link img{width:96px; height:62px; padding:12px; margin:0; background-color:white;  border-top:1px solid #eee; border-right:2px solid #ccc; border-bottom:2px solid #ccc; border-left:1px solid #eee; text-decoration:none}

.thumb a:visited img{background-color:#eee}

.thumb a:hover img{background-color:#dae6e4}

.thumbPicCaption{text-align:center; font-size:smaller; margin:0 1px 0 0; padding:0; width:124px}

.bigPic{margin:10px 0 5px 0; padding:0; line-height:normal}

.bigPicCaption{text-align:center; font-weight:bold; font-variant:small-caps; font-weight:bold; margin:0 1px 0 0; padding:0; width:386px}

.bigPic img{width:350px; height:auto; display:inline; padding:18px; margin:0; background-color:white;  border-top:1px solid #eee; border-right:2px solid #ccc; border-bottom:2px solid #ccc; border-left:1px solid #eee; text-decoration:none; text-align:left}

.bigPicNav{margin:0; width:386px; padding:0; color:#000; font-size:smaller; line-height:normal; text-align:center}

.corner{display:block}
.corner *{display:block; height:1px; overflow:hidden}
.corner1{padding:0 1px; margin:0 3px}
.corner2{padding:0 1px; margin:0 1px}
.corner3{margin:0 1px}
.corner1, .corner2, .corner3, .corner4, .corner5{border-width:0 1px; border-style:solid}
.corner91{padding:0 1px; margin:0 6px}
.corner92{padding:0 1px; margin:0 4px}
.corner93{margin:0 3px}
.corner94{margin:0 2px}
.corner95, .corner96{margin:0 1px}
.corner91, .corner92, .corner93, .corner94, .corner95, .corner96, .corner97, .corner98, corner99{border-width:0 1px; border-style:solid}

.sidebar-innerbox, .bluecorner *{background:#d3e8ff}

.bluecorner1{border-color:#d3e8ff; background:#d3e8ff}
.bluecorner8, .bluecorner1 b{border-color:#d3e8ff}
.bluecorner2{border-color:#d3e8ff; background:#d3e8ff}
.bluecorner3{border-color:#d3e8ff}
.bluecorner4{border-color:#d3e8ff}
.bluecorner7, .bluecorner5{border-color:#d3e8ff}
.bluecorner9, .bluecorner6{border-color:#d3e8ff}

.sidebar-box-blue h3{color:#4468aa}

.sidebar-box{margin:0px 0px 0px 20px}

.sidebar-innerbox{padding:6px 15px}

.button_bookonline{ background-color:#E00;  color:#FFF}


/* Guestbook styling */

.cms-guestbook-div-insert em {
	left: 90px;
	position: absolute;
}

.cms-guestbook-div-insert .veld {
	width: 190px;
	height: 19px;
	padding-top: 2px;
	padding-left: 5px;
	padding-right: 5px;
	background-color: white;
	border: 1px solid #ae9e90;
	margin-top: -2px;
}

.cms-guestbook-div-insert .tekstvak {
	width: 256px;
	height: 150px;
	padding-top: 2px;
	padding-left: 2px;
	padding-right: 2px;
	background-color: white;
	border: 1px solid #ae9e90;
	margin-top: 6px;
}

.guestbook_entry {
	margin-top: 0;
	margin-bottom: 0;
	padding-bottom: 10px;
	padding-top: 8px;
	padding-left: 5px;
}

.guestbook_header {
	font-size: 11px;
	padding-left: 5px;
	background: url(/uploads/images/website/bg_shout.gif) no-repeat;
	height: 36px;
	margin-left: -5px;
	padding-top: 1px;
	margin-bottom: -5px;
}

.guestbook_name {
	font-size: 11px;
	font-weight: bold;
	color: #56004b;
}

.guestbook_header .country {
	font-weight: normal;
	font-style: normal;
	color: #695846;
}

.guestbook_header .country a {
	text-decoration: none;
	color: #695846;
}

.guestbook_header .country a:hover {
	text-decoration: underline;
	color: #7b0f70;
}

.guestbook_nav {
	font-size: 11px;
	margin-top: 10px;
}

.cms-guestbook-showform-button {
     background-color:#E00;  
     color:#FFF
     padding: 3 px;
     font-weight: bold;
}

/* Calendar Popup Styles */
.TESTcpYearNavigation,
	.TESTcpMonthNavigation
			{
			background-color:#6677DD;
			text-align:center;
			vertical-align:center;
			text-decoration:none;
			color:#FFFFFF;
			font-weight:bold;
			}
	.TESTcpDayColumnHeader,
	.TESTcpYearNavigation,
	.TESTcpMonthNavigation,
	.TESTcpCurrentMonthDate,
	.TESTcpCurrentMonthDateDisabled,
	.TESTcpOtherMonthDate,
	.TESTcpOtherMonthDateDisabled,
	.TESTcpCurrentDate,
	.TESTcpCurrentDateDisabled,
	.TESTcpTodayText,
	.TESTcpTodayTextDisabled,
	.TESTcpText
			{
			font-family:arial;
			font-size:8pt;
			}
	TD.TESTcpDayColumnHeader
			{
			text-align:right;
			border:solid thin #6677DD;
			border-width:0 0 1 0;
			}
	.TESTcpCurrentMonthDate,
	.TESTcpOtherMonthDate,
	.TESTcpCurrentDate
			{
			text-align:right;
			text-decoration:none;
			}
	.TESTcpCurrentMonthDateDisabled,
	.TESTcpOtherMonthDateDisabled,
	.TESTcpCurrentDateDisabled
			{
			color:#D0D0D0;
			text-align:right;
			text-decoration:line-through;
			}
	.TESTcpCurrentMonthDate
			{
			color:#6677DD;
			font-weight:bold;
			}
	.TESTcpCurrentDate
			{
			color: #FFFFFF;
			font-weight:bold;
			}
	.TESTcpOtherMonthDate
			{
			color:#808080;
			}
	TD.TESTcpCurrentDate
			{
			color:#FFFFFF;
			background-color: #6677DD;
			border-width:1;
			border:solid thin #000000;
			}
	TD.TESTcpCurrentDateDisabled
			{
			border-width:1;
			border:solid thin #FFAAAA;
			}
	TD.TESTcpTodayText,
	TD.TESTcpTodayTextDisabled
			{
			border:solid thin #6677DD;
			border-width:1 0 0 0;
			}
	A.TESTcpTodayText,
	SPAN.TESTcpTodayTextDisabled
			{
			height:20px;
			}
	A.TESTcpTodayText
			{
			color:#6677DD;
			font-weight:bold;
			}
	SPAN.TESTcpTodayTextDisabled
			{
			color:#D0D0D0;
			}
	.TESTcpBorder
			{
			border:solid thin #6677DD;
			}


/* End of 'Salmon Weir Hostel' */