#site {
	position: relative;
	margin: 0;
	padding: 0;
}

#snet-container {
}

p {	padding: 0 12px 0 12px;
	line-height: 1.4em;
	margin-top: 4px;
	margin-bottom: 4px;
}

.search-text {
	font-size: 11px;
}

#site, #site textarea, #site input, .suggestions {
	font-family: Arial, FreeSans, sans-serif;
	font-size: 13px;
}

#site, #site textarea, #site input {
	font-weight: normal;
}


a {
	color: #b34748;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0px;
	padding: 0.1em 0;
	clear: both;
}

h1 {
	display: none;
}

h2 {
	background:transparent url(img/bg_header_skamers.png) repeat scroll 0 0;
	color: white;
	font-size: 16px;
	height: 20px;
	margin-top: 0;
	padding:3px 12px;
	border: 1px solid #666666;
}

.home-box h2 a {
	color: #ffffff;
	text-decoration: none;
}

h3 {

	color: #b34748;
	font-size: 15px;
/*	margin: 5px 0 0px 5px;*/
	padding: 3px 12px;
}


h3.miniprofile {
	background: white;
	color: #006eaf;
	font-size: 14px;
	margin: 0px 0 5px 0px;
	padding: 0 0 0 0px;
}

h4 {
	color: #b34748;
	font-size: 13px;
	margin: 15px 0 5px 9px;
	padding: 0 0 0 15px;

}
h4.profile-contact {
	color: #006eaf;
	font-size: 13px; input.text-small,
	margin:0px;
	padding:0px;
}

hr {
	border:none;
	background: #C1C1C1;
	height: 1px;
	margin: 3px 12px;
}

img {
	border: none;
}

table#view, table.view-big {
	margin: 0 0 10px 24px;
	border-collapse: collapse;
}
#view td p {
    margin:0;
}

td.td-big {
	width:300px;
}
td.td-small {
	width:100px;
}
.view-big tr td ul {
	margin:0 20px;
	padding:0;
}
td {
	color: #666666;
	vertical-align: top;
}

.box-small-bottom {
	background: url(img/box_small_bottom.png) bottom no-repeat;
	height: 10px;
	margin: 0 0 0 0;
	padding: 0;
}

.box-small-top {
	background: url(img/box_small_top.png) no-repeat;
	height: 8px;
	margin: 0;
	padding: 0;
}

.box-tiny-top {
	background: url(img/box_tiny_top.png) no-repeat;
	height: 8px;
	margin: 0;
	padding: 0;
}

.censored-note {
	color: #ff8000;
	font-size: 85%;
}

#sidebar-small {
	margin: 4px 0 4px 0;
	position: relative;
	float: left;
	left: -494px; /* -centerWidth + leftMarginLeft */ 
	width: 120px; /* leftWidth */ 
}

#menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#menu a {
	position: absolute;
	height: 22px;
	width: 100px;
}

#menu ul li {
	background: url(img/button.png);
	font-weight: bold;
	font-size: 12px;;
	height: 22px;
	margin: 0 0 4px 0;
	padding: 6px 0 0 5px;
	width: 115px;
}

#menu ul li.active a {
	color: #ffffff;
}

#menu ul li.currentpage { 
	background: url(img/button_active.png);
}

#menu ul li.currentpage a { 
	color: white;
}

#menu ul li.head {
	color: #666666;
	background: #ffffff;
}

#menu {
}

#content {
	position: relative;
	float: left;
	left: 128px;
	margin-top: 4px;
	width: 498px;
	
}

#content .error, #content .lbl.error {
	color: #ff3333;
	font-weight: bold;
}

#content .error input.text, #content .error input.password, #content .error select, #content .error textarea {
	background: #ffeeee;
}


#content p.error {
	background-color: #ffeeee;
	border: 1px solid #ff3333;
	margin-top: 16px; 
	margin-right: 32px;
	padding: 6px;
}

#content .success, #content .lbl.success {
	color: #009900;
	font-weight: bold;
}

#content p.success {
	background-color: #ccffcc;
	border: 1px solid #009900;
	margin-top: 16px; 
	margin-right: 32px;
	padding: 6px;
}

#contentarea {
/*	border-bottom: 1px solid #666666;*/
}

.blokje {
	padding: 10px;
	margin-bottom: 10px;
	border: 1px dotted #757575;
}

.blokje form {
	display: block;
}

#sidebar-big {
	margin: 30px 0 4px 0px;
	padding: 0 4px 0 0;
	width: 336px;
	float: right;
	position: relative;
}

.sidebar-overlay-div h2 {
	background: none;
	border: 0;
	color: black;
	padding: 0;
}

.sidebar-overlay-div h2 a {
	color: #000000;
	text-decoration: none;
}

#sidebar-big .block_right_small {
	padding: 20px;
	padding-top: 0;
}

#sidebar-big .block_right_small .underlay {
	border: 1px solid #b34748;
	width: 294px;
	background: white;
	filter:alpha(opacity=90);
	-moz-opacity:.90;
	opacity:.90;
}

.sidebar-overlay-div {
	position: absolute;
	width: 296px; 
	right: 5px;

}

#sidebar-big .block_right {
	border: 1px solid #b34748;
 	padding: 10px 10px 20px 10px; 
	margin: 0 20px 20px 20px;
	clear: both;
	background-color: white;
	filter:alpha(opacity=90);
	opacity:.90;

}

#sidebar-big input {
	background-color: white;
	filter:alpha(opacity=100);
	-moz-opacity:1.0;
	opacity:1.0;

}

#sidebar-big .block_right_big {
	padding: 4px 0px 0px 0px;
}

#sidebar-big .advert, #sidebar-big .toplist {
	border: 1px solid #b34748;
	clear: both;
	padding: 10px 0px 10px 10px;

}



#sidebar-big .advert {
	padding: 0;

}

#sidebar-big .lbl {
	padding: 0;
	margin: 10px 0 0 0;
	border: 0;
}

#sidebar-big .wwvergeten {
	padding: 0;
	border: 0;
	float: left;

}

#sidebar-big .registerdiv input, #sidebar-big .submitdiv input { width: 85px; margin-right: 10px; float: left; }
#sidebar-big .registerdiv input {
	margin-right: 4px;
}

#sidebar-big label {
	color: black !important;
	width: 80px;
	margin: 0;
	padding: 0;
}

#sidebar-big input.text, #sidebar-big input.password, #sidebar-big select {
	border: 1px solid #b34748;
	width: 180px;
}


#sidebar-big .verhurendiv {
	padding: 10px 0 0 0;
}

.home-gray {
	background: #cccccc url(img/pattern.gif);
	margin: 4px 0;
	padding: 10px;
}

.home-gray img {
	display: block;
	margin: 0 auto;
}

.lbl {
	color: #666666;
	clear: both;
}

div.map {
	width: 320px;
	height: 320px;
}

.sidebar-box {			padding: 4px 0px 0px 0px; background: url(img/box_big_bottom.png) bottom no-repeat; }
.sidebar-box .sidebar-box-outer-ul { background: url(img/box_big_bg.png); }
.sidebar-box .sidebar-box-inner-ul { background: url(img/box_big_top.png) top no-repeat; /*padding: 0 0 12px 0; */}
.sidebar-box h2 {		margin: 4px 0 4px 0; }
.sidebar-box h2 a { color: #FFFFFF; text-decoration: none; }

/*input[type="text"] XXX werkt niet onder veel browsers... */
.lbl input.text, .lbl input.password, .lbl input.smalltext, .lbl select, .lbl textarea, .lbl input.text-price, .lbl input.text-date-2, .lbl input.text-date-4, .lbl input.text-surface, .lbl .text_medium, .lbl .text_small {
	border: 1px solid #666666;
	margin: 4px 0;
	
}

input.text_medium {
	width: 240px;
}

input.text_small {
	width: 60px;
}

input.text-price {
	width: 63px;
}

input.text-date-2 {
	width: 25px;
}


input.text-date-4 {
	width: 60px;
}

input.text-surface {
	width: 63px;
}

.lbl textarea {
	height: 75px;
}

.lbl input.text, .lbl input.password, .lbl textarea, .lbl select{
	width: 305px;
/*	float: left;
	clear: right;*/
	display: block;
	border: 1px solid #666666;
	margin: 0 0 4px 0;
}

.lbl input.file {
	margin-left: 30px;
	margin-top: 60px;
}

.lbl select.start_type {
	margin-left: 4px;
	width: 280px;
	float: left;
	clear: right;
}

.lbl input.city {
	margin-left: 4px;
	width: 280px;
	float: left;
	clear: right
}

.lbl input.counter {
	width: 50px;
	float: left;
	clear: right;
	display: block;
}

.lbl select.date {
	width: auto;
	float: none;
	clear: none;
	display: inline;
}

.lbl label {
	clear: left;
	color: #666666;
	display: block;
	float: left;
	margin: 4px 0;
	padding: 0 0 0 25px;
	width: 125px;
}

.lbl label.map {
	padding: 0 0 0 15px !important;

}

div.map {
	width: 320px;
	height: 320px;
}

label.inline-label {
	display: inline;
	padding: 0;
	margin: 0;
	float: none;
}

.lbl input.submit {
/*	margin: 4px 0 0 25px;*/
	padding: 0 0 0 0;
	float: right;
/*	margin-right: 40px;*/
	width: 120px;
}

.small {
	font-size: 10px;
}

/**********************************************************************/
/* REGISTER FORMS                                                      */
/**********************************************************************/
.register-form div {    clear: both; padding: 1px 0; width: 420px; }
.register-label {       float: left; font-size: 12px; margin: 0; padding: 2px 8px; width: 170px; }
.register-input-text, .register-input-text_small, .register-input-text_medium,.register-textarea, .register-select {     border: 1px solid #989898; float: right; margin: 0; padding: 2px; }
.register-input-text {  width: 220px; }
.register-input-text_small { width:30px; margin-left: 14px; float: left; }
.register-input-text_medium {       width: 92px; float: left; margin-left: 14px; }
.register-input-radio {   margin-left: 4px; }
.register-input-submit {        float: left; margin: 0; padding: 0; margin-left: 7px; }
.register-select {       width: 220px; }
.register-input-checkbox {  }
.register-textarea {    width: 220px; height: 50px; }
.register-form div.checkbox-list {float: left; width: 100px; clear: none;}
.register-form div.checkbox-box {	clear: both; margin-left: 148px; width: 350px;}
div.suggestions {   /*	-moz-box-sizing: border-box; box-sizing: border-box;*/ background-color: white;	border: 1px solid black; position: absolute; text-align: left; }
div.suggestions div {	cursor: default; padding: 0px 3px; }
div.suggestions div.current {	background-color: #3366cc; color: white; }
.page-register p {       padding:14px 6px; }




/**************************************************************/
/* Boxes 						     */
/************************************************************/

.home-box {
	margin: 0 0 4px 0;
	clear: both;
	width: 498px;
	color: black;
}

.home-box a {
	color: black;
	display: block;
	width: 100%;
}

.home-box a:hover {
	text-decoration: none;
	parent.background: black;
}

.home-box h2 {
	margin: 0 0 4px 0;
}

.home-box .home-box-outer-ul {
	background: url(img/home_box_bg.png);
}

.home-box .home-box-inner-ul {
	background: url(img/home_box_top.png) top no-repeat;
}
.home-box ul {
	margin: 0;
	background: url(img/home_box_bottom.png) bottom no-repeat;
}

.search_box {
	margin-left:-8px;
	padding-top:4px;
}
.tab {      background: url('img/tab-inactive.png'); width: 120px; height: 12px; font-size: 11px;
            float:left; margin: 0 2px; padding:6px 0; text-align: center;  margin-bottom:-1px;}
.tab span { cursor:pointer; width:120px; display:block; }
#active-tab, #active-shout-tab {   background: url('img/tab-active.png'); font-size: 12px; padding: 4px 0; height: 16px;  margin-bottom:-2px; margin-top:1px; position:relative;}


.home-box ul {                  margin: 0; padding: 7px 5px 7px 5px; list-style: none; }
.home-box li {			clear: both; padding: 0; padding: 5px 4px 1px 4px; height: 100%; }
/*				background: url(img/list_item_white_bg.png) 0 6px no-repeat;*/
				
.home-box li.is_hot {   	background: url(img/btn_hot.gif) left center no-repeat; padding-left: 22px; }
.home-box li.alt {		background-color: #eeeeee; }

.home-box .count {		float: left; width: 20px; font-size: 11px; padding-left: 3px;  }
.home-box .city  {		float: left; width: 85px; font-size: 11px; padding-left: 2px; font-weight: bold; }
.home-box .titel  {		float: left; width: 180px; font-size: 11px; padding-left: 5px; }
.home-box .titel:hover {	color: #00aeef; }
.home-box .aantal {		float: left; width: 60px; font-size: 11px; padding-left: 5px; }
.home-box .size  {		float: left; width: 50px; font-size: 11px; padding-left: 5px; }
.home-box .prijs  {		float: left; width: 60px; font-size: 11px; padding-left: 5px; }

.home-box .telnr {	float: left; width: 107px; font-size: 11px; padding-left: 3px; }
.home-box .ban_description {	float: left; width: 170px; font-size: 11px; padding-left: 3px; }
.home-box .email {	float: left; width: 170px; font-size: 11px; padding-left: 5px; } 
.home-box .klikieklik { font-weight: bold; font-size: 11px; }

/*
 * Zwarte lijst
 */
.black_list_div { line-height:1.35em;}
.black_list_div ul { margin: 0; padding: 10px 10px 10px 10px; list-style: none; }
.black_list_div li { clear: both; padding: 0; padding: 10px 10px 10px 10px; height: 100%; border: 1px dotted #757575; margin-bottom: 10px; }

.black_list_div li .left { 	float: left; clear: right; width: 170px; }
.black_list_div li .right {	}
.black_list_div li .full { overflow: auto; width: 100%; }



/*
 * Room details
 */

h2 .city {
	background: red;
	color: blue;
	float: right;
}

h4.kamerheader {
	font-size: 24px;
	margin-left: 8px;
	clear: none;
}

.more_rooms, .find_jobs {
	padding: 10px;
	font-size:12px;
	line-height: 1.8em;
	margin-left: 16px;
	border: 4px solid #c6c6c6;
	width: 250px;
}

.find_jobs .studentennet {
	font-size: 11px;
}

.find_jobs a {
	font-weight: normal;
	font-size: 11px;
}

.find_jobs ul {
	list-style-image: url(img/list_item_white_bg.png);
	list-style-type: circle;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-left: 15px;
	margin-left: 0px;
}

.room_details {
	padding: 10px;
	border-top: 1px dotted #cccccc;
	font-size:12px;
	line-height: 1.8em;

}

.room_details .left {
	clear: right;
	float: left;
	width: 110px;
}

.room_details .right {

}

.room_details .fillme {
	clear: right;
}

.roomimage, .roomimagethumb {
	border: 1px solid #cccccc;
	background-color: #e9e9e9;
	padding: 9px;
	margin: 20px 4px;
}

.roomimagethumb {
	float: left;
	width: 130px;
	cursor: pointer;
}

#largeimage_div {
	height: 340px;
	border-bottom: 1px dotted #757575;
	padding-top: 10px;
	text-align: center;
}

#largeimage_img {
	height: 300px;
}

#thumbs_div {
	padding-top: 10px;
}

#thumbs_div .roomimagethumb, #largeimage_img {
	cursor: pointer;
}
/* 
 * Search
 */

.room-item:hover {
	cursor: pointer;
	background: #F1F1F1;
}


#search-results h4 {
background:transparent url(img/bg_header_skamers.png) repeat scroll 0 0;	
margin:0;
padding:5px 0 5px 24px;
color: white;
margin-bottom: 5px;
}

#search-results h4 a {
color: white;
}


.room-item {
clear:both;
border: 1px dotted #757575;
padding-bottom:5px;
margin: 6px 0;
line-height: 1.2em;
}
	
.room-item .lbl {
clear:none;
float:right;
font-size:85%;
margin:0 0 3px 24px;
width:276px;
}

.room_picture img { width: 150px; }

.room-item .room_picture {
	float: left;
	border: 1px solid #808080;
	margin-left: 24px;
}

.room-item .lbl .key {
clear:left;
float:left;
font-weight:bold;
width:40%;
}

.room-item .lbl .value {
clear:right;
float:left;
width:60%;
}

.room-item .lbl-short {
clear:none;
font-size:85%;
margin:0 24px 8px;
}

.room-item .room_edit {
	float: left;
	padding: 24px;
}

#search_rooms {
	border: 1px solid #C1C1C1;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
}

#search_rooms input.submit {
color: white;
background:transparent url(img/bg_header_skamers.png) repeat scroll 0 0;
border: 1px black solid;
padding: 3px;
margin-left: 20px;
margin-top: 5px;
}

/* LIST_ROOMS */
/*.room {	clear: both; margin: 12px 0; border: 1px solid black; padding: 4px;}*/
.room .room_title { clear: both; padding-bottom: 6px;}
.room .room_picture { border: 1px solid grey; }
.room .room_description {	padding:0 8px; }
.room .room_edit { float: right; }
.room .room_picture, .room .room_description, .room .room_edit { float: left;  }

.search-status {
color:#666666;
font-weight:bold;
margin:16px 0 0 24px;
text-align:center;
}

#new_room_button
{ background: url(img/add_room.png); display: block; height: 68px; margin: 0; padding: 0; width: 234px; }
#new_room_button span
{ display: none; }

.buttonunit {
 background:transparent url(img/bg_header_skamers.png) repeat scroll 0 0;
 border:1px solid black;
 color:white;
 margin-left:50px;
 margin-bottom: 20px;
 padding:3px;
 width: 80px;
 text-align: center;
 float: left;
 cursor: pointer;
}
.buttonunit a {
	color: white;
	width: 100%;
	height: 100%;
}

/**********************************************************************/
/* SITEMAP                                                            */
/**********************************************************************/

.sitemap {
height: 250px; margin-top: 20px;
}

.sitemap .title
{ background: url(img/title.png) no-repeat; height: 40px; margin-bottom: 20px; }
 
.sitemap .title span
{ display: none; }
 
.sitemap ul,
.sitemap ul li
{ display: block; float: left; font-size: 11px; font-family: Arial, Helvetica, FreeSans, sans-serif; line-height: 1.6em; list-style: none; margin: 0; padding: 0; }
 
.sitemap ul li
{ width: 100px; }
 
.sitemap ul li ul,
.sitemap ul li ul li
{ float: none; }
 
.sitemap ul li ul li a { color: #1c9ad6; text-decoration: none;  }
.sitemap ul li ul li a:hover { color: #146d98; text-decoration: underline;  }
