/*
	StudentenHuisvesting.nl CSS Styling

	January - March 2006 by Marijn Scholtus
	URL: www.linkablemedia.nl
	Email: marijn@linkable.nl

	Table of Contents
		General Layout Rules
			Container
			Header
			Menu
			Content
			Banner
			Footer
		Typography
		Forms
			Klein
			Groot
		Kamerinfo
			small
		Oproepinfo
		Popup
		General Classes
		Hacks
*/

/* General Layout Rules
----------------------------------------------- */

*{ margin: 0; padding:0; }

body
{
	text-align: center;
	padding: 0;
	margin: 0;
	font : 0.75em/1.7em "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
	color: #333;
	background: #E7E7E7 url("../images/body-bg.jpg") top repeat-x fixed;

}

/* General Layout Rules
		Container
----------------------------------------------- */

#wrapper
{
	width: 864px;

	margin: auto;

	border-left: 24px solid #fff;
	border-right: 24px solid #fff;

	background-color: #fff;
	/*background: #fff url("../images/bg_header.gif") top left repeat-x;
	background: lime url(1px-wit.gif) bottom repeat-x;*/
}


#header,
#content,
#menu,
#banners,
#footer
{
	width: 864px;
	margin: auto;
	padding: 0;
	text-align: left;
	background-color: #fff;
}

#monitor td{
	font : 0.7em/1.7em "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
	color: #333;
}


/* General Layout Rules
		Header
----------------------------------------------- */
/*
#wrapper .inloggen
{
	float: right;
	position: absolute;
	top: 20px;
	left: 900px;
	height: 200px;
	width: 300px;
	overflow: hidden;
}
*/

#slogo
{
	position: relative;
	width: 854px;
	margin-left: 5px;
	height: 57px;
	margin-bottom: 10px;
	background: #fff url("../images/slogo.gif") top no-repeat;
}
.balk-left
{
	position: absolute;
	width: 24px;
	margin-left: -24px;
	height: 182px;
	background: #fff url("../images/bg_header_2.gif") repeat-x;
}
.balk-right
{
	position: absolute;
	width: 24px;
	margin-left: 864px;
	height: 182px;
	background: #fff url("../images/bg_header_2.gif") repeat-x;
}
#header
{
	width: 275px;
	height: 125px;
	overflow: hidden;
	z-index: 1;
	margin: 0px;
}


/*.ruud #header {	background: #fff url("../images/header-image-ruud.jpg") top right no-repeat; }*/

#header div a
{
	display: block;
	width: 275px;
	height: 145px;
	background: #fff url("../images/kamerlink-logo.gif") top no-repeat;
	padding: 0;
	margin: 0;

}

/* General Layout Rules
		Menu
----------------------------------------------- */

*html #menu
{
	position: relative;
}

#menu ul
{
	display: block;
	list-style: none;
	height: auto;
	overflow: hidden;
	margin: 0;
	padding-left: 0px;
	background: transparent none;
}

#menu ul.left
{
	float: left;
	width: 275px;
	list-style-type:none;

}

#menu ul.mid, ul.mid li
{
	list-style-type: none;
	padding:0;
	height: 30px;
	border: 1px solid red;

}

#menu ul.right
{
	height: 100px;
	float: right;
	width: 190px;
	display: block;
	list-style-type: none;
	/*border:1px solid red;*/

}

#menu ul li
{
	display: inline;
	height: 30px;
	overflow: hidden;
	margin: 0;
	padding: 0;
	margin-left: 1px;
	background: transparent none;
}


input.transparent
{
	background: transparent none;
	border: 0px;
	height: 30px;
}

#menubar
{
	position: relative;
	top:105px;
	left:150px;
	width: 728px;
	height: 20px;
	/*border: 1px solid red;*/
	border-bottom: 2px solid #CCC;
}

#afsluiten_login {
	margin-bottom: -144px; /*ie hack*/
}

#afsluiten {
	margin-bottom: -90px; /*ie hack*/
}

#home, a#kamers, a#oproepen, a#acties, a#informatie, a#mijnprofiel, a#uitloggen, #afsluiten, #afsluiten_login, #blokje, #column, #pers {
	position: relative;
	height: 18px;
	display: block;
}

a#home
{
	background: #fff url("../images/menu_0_home.gif") no-repeat;
	width: 38px;
	margin-left: 0px;
	top: 0px;
	_top: 18px;
}

a:hover#home
{
	background: #fff url("../images/menu_1_home.gif") no-repeat;
}


a#kamers
{
	background: #fff url("../images/menu_0_kamers.gif") no-repeat;
	width: 51px;
	margin-left: 58px; /*margin 10 verhoogd naar 20!*/
	top: -18px;
	_top: 0px;
}

a:hover#kamers
{
	background: #fff url("../images/menu_1_kamers.gif") no-repeat;
}

a#oproepen
{
	background: #fff url("../images/menu_0_prikbord.gif") no-repeat;
	width: 68px;
	margin-left: 129px;
	top: -36px;
	_top: -18px;
}

a:hover#oproepen
{
	background: #fff url("../images/menu_1_prikbord.gif") no-repeat;
}

a#column
{
	background: #fff url("../images/menu_0_column.gif") no-repeat;
	width: 60px;
	margin-left: 218px;
	top: -54px;
	_top: -36px;
}

a:hover#column
{
	background: #fff url("../images/menu_1_column.gif") no-repeat;
}

a#pers
{
	background: #fff url("../images/menu_0_pers.gif") no-repeat;
	width: 69px;
	margin-left: 218px;
	top: -54px;
	_top: -36px;
}

a:hover#pers
{
	background: #fff url("../images/menu_1_pers.gif") no-repeat;
}

a#acties
{
	background: #fff url("../images/menu_0_acties.gif") no-repeat;
	width: 40px;
	margin-left: 300px;
	top: -72px;
	_top: -54px;
}

a:hover#acties
{
	background: #fff url("../images/menu_1_acties.gif") no-repeat;
}

a#informatie
{
	background: #fff url("../images/menu_0_opkamers.gif") no-repeat;
	width: 72px;
	margin-left: 362px;
	top: -90px;
	_top: -72px;
}

a:hover#informatie
{
	background: #fff url("../images/menu_1_opkamers.gif") no-repeat;
}

span#blokje
{
	background: #fff url("../images/menu_blokje.gif") no-repeat;
	width: 18px;
	margin-left: 454px;
	top: -108px;
	_top: -90px;
}

a#mijnprofiel
{
	background: #fff url("../images/menu_profiel.gif") no-repeat;
	width: 85px;
	margin-left: 484px;
	top: -126px;
	_top: -108px;
}

a:hover#mijnprofiel
{
	background: #fff url("../images/menu_profiel.gif") no-repeat;
}

a#uitloggen
{
	<!--background: #fff url("../images/menu_uitloggen.gif") no-repeat;-->
	width: 72px;
	margin-left: 589px;
	top: -144px;
	_top: -126px;
}
<!--
a:hover#uitloggen
{
	background: #fff url("../images/menu_uitloggen.gif") no-repeat;
}
-->
#ingelogged {
	background: url("../images/ingelogged.gif") no-repeat;
	background-position: top right;
	width: auto;
	height: 50px;
	color: #666;
	float: right;
}

#ingelogged p{
	font-size: 12px;
	float: right;
}

#klembord-container ul.right {float: right;}
a#klembord-container ul {  color: #fff; }
#klembord-container ul.left {float: left;}
#klembord-container #slider-menu
{
	background-color: #e2e2e2;
	margin-top: 2px;
	height: 20px;
	padding: 5px;
}

.klembord-postcode {
  margin: 0;
  padding: 0;
}

/* General Layout Rules
		Content
----------------------------------------------- */
#content-blok
{
	margin-top: 10px;
	width: 100%;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	border-left: 1px solid #CD0280;
	border-right: 0px solid #CD0280;
}
#content-blok p
{
	color: #666;
	font-weight: bold;
	font-size: 75%;
	margin-left: 10px;
}
#content-blok td
{
	width: 33%;
	height: 100%;
	text-align: top;
	vertical-align: top;
	border-right: 1px solid #CD0280;
}
#content-blok2 p
{
	color: #666;
	font-weight: none;
	font-size: 75%;
	line-height: 1.3em;
	margin: 10px;
}

#kop_actie { position: relative; left: 2px; background: url("../images/kop_actie.gif") top no-repeat; width: 44px; height: 21px;}
#kop_inschrijven { position: relative; left: 2px; background: url("../images/kop_inschrijven.gif") top no-repeat; width: 93px; height: 21px; }
#kop_oproep { position: relative; left: 2px; background: url("../images/kop_oproep.gif") top no-repeat; width: 93px; height: 21px;}
a#senseo_actie { display: block; width: 270px; height: 145px; background: #fff url("../images/senseo.gif") no-repeat;}
a#gratis_inschrijven { display: block; margin-top: -15px; width: 270px; height: 95px; background: #fff url("../images/gratis_inschrijven.gif") no-repeat;  }
/* oude kan weg straks*/

#oproepFront {
	margin-left: -2px;
	border: 0px solid red;
	width: 280px;
	padding: 0px;
	font : 0.75em/1.7em "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
	border-bottom: 1px solid #E3A9C1;
	min-height: 170px;
clear: both;
} /*tabel*/
#oproepFront #oproepImg { margin-left: 5px;  padding: 10px; margin-top: 5px; float: left;  width: 100px; border: 0px solid red; text-align: top; vertical-align:top; }
#oproepFront #oproepText {  float: right; width: 140px; margin-right: 10px;  border: 0px solid red; line-height: 15px; }
#oproepFront #oproepText #oproepNaam { color: #9A0060; font-weight: none;}
#oproepFront #oproepText #oproepTitel { color: #D32491; font-weight: bold; }
#oproepFront #oproepText #oproepInfo
{
	color: #666666;
	text-align: justify;
	height: auto;
	width: 130px;


	background-color: #e2e2e2;
	border: 1px solid #ccc;

	position: relative;


	padding: 5px;
	z-index: 10;
}

#imgballon {position: absolute; z-index: 1; margin-left:-20px; margin-top:5px; background: url("../images/arrow-ballon.gif") top no-repeat; height: 10px; width: 15px;}
#oproepFront li {list-style-type: none;}
#oproepFront #oproepText #oproepLink { position: relative; top: -10px; float:left; font-weight: bold;}

#kamerlijst ul {list-style-type: none; padding: 0; margin: 0; }
#kamerlijst #kamerholder {
cursor:pointer;
width:100%;
padding: 2px;
}

#kamerholder {
border-bottom: 1px solid #E3A9C1;
min-height: 55px;
clear: right;
}

#kamerholder img {
height: 50px;
width: 50px;
float: right;
border: 2px solid #CC0280;
margin-top: 0px;
}

/* for a banner in place of a room */
#kamerlijst #bannerholder {
    cursor: pointer;
    width: 100%;
    padding: 2px;
    border-bottom: 1px solid #E3A9C1;
    clear: right;
    font-weight: bold;
    font-size: 11px;
    color: FF00FF;
    overflow: hidden;
}
#kamerlijst #bannerholder img {
    height: 50px;
    width: 50px;
    float: right;
    border: 2px solid #FF00FF;
    margin-top: 0px;
}

#kamerlijst ul li {padding: 0; margin: 0;}
#kamerlijst a {text-decoration: none;}
.box-container {margin-left:10px;margin-right:10px;}
#nm_bc { margin: 0px; width: 260px; }
#nn { width: 273px; }

#fp_top_conv {
height:182px;
display:table;
}

#fp_top_conv a {
position:absolute; margin-left:-246px; _margin-left:-249px; margin-top:20px;
}

#fp_top_convt {
height:182px;
display:table;
}

#fp_top_convt a {
position:absolute; margin-left:-178px; _margin-left:-178px; margin-top:20px;
}

#fp_top_convd {
height: 182px;
display: table;
}

#fp_top_convd a {
position:absolute; margin-left:-54px; _margin-left:-54px; margin-top:20px;
}

#menu_commands {border:1px solid #ccc;background-color: #f2f2f2}
#menu_commands ul {display: block;margin-left: 20px;}
#menu_commands ul li { list-style-type: disc; font-size:90%;}

#content
{
	/*background: #fff url("../images/content-bg.gif") right repeat-y;*/
	/*background: #fff url("../images/bg_header_2.gif") top left repeat-x;*/
	clear: both;
	height: auto;
	min-height: 500px;
	padding-bottom: 15px;
	position: relative;
	z-index: 2;
}
*html #content
{
	height: 500px;
	top: -3px;
}


/* General Layout Rules
		Content
			Left
----------------------------------------------- */

#content-left
{
	clear: both;
	/*background: #fff;*/
	width: 510px;
	float: left;
	margin: 0 0 0 0;
	padding: 0;
	/*background: #fff url("../images/content-bg.gif") left repeat-y;*/
}

#content-main
{
	clear: both;
	width: 864px;
	float: left;
	margin: 0 0 0 0;
	padding: 0;
	/*background: #fff url("../images/content-bg.gif") left repeat-y;*/
}

#loginensloganspace{
	position: relative;
	height: 80px;
}

#loginenslogan{
	position: absolute;
	width: 879px;
}

#content-left ul.nobullet
{
	list-style: none;
}

#content-left p,
#content-left li
{
	padding: 0 1em 0 0;
}

#content-left ul,
#content-left ol
{
	padding: 0 0 0 2.5em;
}

#content-main #listings
{
	padding-left: 10px;
	text-align: top;
}

#content-main .blok
{
	/*background: inherit url("../images/content-left-bg.gif") top repeat-x;*/
	padding: 0;
	/*width: 864px;*/

	/*text-align:top;*/
}
#content-left #blok
{
	/*text-align:top;
	vertical-align:bottom;*/
}

#content-main .box-2 #blok
{
	margin-top: 15px;
}

#content-main .box-2 #blok a
{
	text-decoration: none;
}

#content-right #blok a
{
	text-decoration: none;
}

#content-main .box-2 #blok td
{
	border-bottom: 1px solid #E3A9C1; line-height: 2px;
}

#content-right #blok td
{
	border-bottom: 1px solid #E3A9C1; line-height: 2px;
}

#content-main .box-2
{
	/*vertical-align: middle;*/
	position: relative;
	width: 288px;
	height: 182px;
	/*float: left;*/
	background: url("../images/laatste3kamers.gif") top no-repeat;
}

#content-main .plaatsen
{
	vertical-align: middle;
	text-align: top;
	width: 288px;
	height: 182px;
	/*float: left;*/
	background: url("../images/plaatsen.gif") top no-repeat;
}

#content-main #nu-plaatsen
{
	background: url("../images/nuplaatsen.gif") top no-repeat;
	width: 108px;
	height: 27px;
	position: relative;
	top: -25px;
	left: 155px;
	padding-right: 108px;
	text-align: right;
	vertical-align: center;
	padding-bottom: 5px;
}

#content-main #nu-plaatsen1
{
	background: url("../images/nuplaatsen.gif") top no-repeat;
	width: 108px;
	height: 27px;
	position: relative;
	top: -25px;
	left: 155px;
	padding-right: 108px;
	text-align: right;
	vertical-align: center;
	padding-bottom: 5px;
}

#content-main .kamer-vinden
{
	width: 288px;
	/*float: left;*/
	background: url("../images/vindkamer.gif") top no-repeat;
}


#content-left ul.blok
{
	width: 288px;
	float: left;
}


#content-left #kamer-plaatsen
{
	background-color: #F8D8ED;
	width: 205px;
	float: right;
}

#content-left #kamer-plaatsen p
{
	padding: 0 5px;
}

#content-left #kamer-plaatsen,
#content-main #kamer-vinden
{
	vertical-align:middle;
	text-align: top;
	width: 288px;
	height: 182px;
	position: relative;
	top: 60px;
	left: 150px;
	/*border: 1px solid red;*/
	font-size: 80%;
	/*height: 72px;  Beide blokjes even hoog maken */
}

#content-right #klembord #kamer-vinden
{
	vertical-align:middle;
	text-align: top;
	width: 283px;
	height: 120px;
	position: relative;
	top: 35px;
	left: 150px;
	/*border: 1px solid red;*/
	/*height: 72px;  Beide blokjes even hoog maken */
}

* html #content-left #kamer-plaatsen,
* html #content-main #kamer-vinden
{
	height: 190px;
}

#content-left div.kamer-miniinfo
{
	clear: both;
	font-size: 90%;
	height: 90px;
	overflow: hidden;
}

#content-left div.kamer-miniinfo .picture
{
	float: left;
	margin-right: 10px;
}

#content-left div.kamer-miniinfo h3,
#content-left div.kamer-miniinfo p
{
	margin: 0 3px;
}

#content-left div.kamer-miniinfo p.opties
{
	font-weight: bold;
}

#content-left p {
	text-align: justify;
}
ul.blokerror { margin: 0.5em 2em 0.5em 0; padding: 0.3em; color: darkred; }
div.blokinfo { margin-top: 2px; padding: 10px; background-color: #F8D8ED; border: 2px solid #E3A9C1; }
div.blokinfo ul { margin: 5px 0; }
div.blokinfo li { padding: 0; margin: 0; }

/* General Layout Rules
		Content
			Right (Sidebar)
----------------------------------------------- */

#content-right
{
	position: relative;
	border-left: 1px solid #C20273;
	width: 336px;
	float: right;
	margin: 0;
	padding: 0 0 0 10px;
	height: 100%;
}

.right_column {
width: 288;
text-align: left;
vertical-align: top;
border-left: 1px solid #cd0280;
border-right: 1px solid #cd0280;
}

.rectangle_home{
	position: absolute;
	width: 300px;
	height: auto;
	text-align: right;
	margin-left: 7px;
	_margin-left: -150px;
	background-color: #ccc;
}

#reactangle_336_280{
	width: 300px;
	height: 280px;
	margin-top: 10px;
	margin-bottom: 10px;
}

#reactangle_300_250{
	position: relative;
	width: auto;
	height: auto;
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: center;
}

#reactangle_300_250 iframe{
	margin-top: 10px;
	margin-bottom: 10px;
}

#iframe{

}

#iframe iframe{
	width: 300px;
	height: 250px;
	margin:0px;
	padding: 0px;
	align: center;
}

* html #content-right
{
	margin: 13px 0 0 0;
}

#content-right #klembord {
	background: Url("../images/vindjekamer.gif") no-repeat;
	height: 144px;
	width: 336px;
	margin-top: 10px;
}

#content-right #klembord-container {
	margin: 5px;
}

#content-right #klembord-kop {
	background: Url("../images/kop_klembord.gif") no-repeat;
	height: 22px;
	width: 70px;
}

#content-right ol#lastentries
{
	display: block;
	background-color: #F8D8ED;
	margin: 0;
	padding: 0 0 0 24px;
}

#content-right ul
{
	margin-left: 15px;
}

ol#lastentries .odd
{
	background-color: #fff;
}

ol#lastentries .even
{
	background-color: #fff;
}

#content-right ol#lastentries li
{
	padding: 1px;
	margin: 0;
}

#content-right ol#lastentries li h3
{
	font-size: 120%;
	line-height: 1em;
}

#content-right ol#lastentries li a
{
	padding: 0 5px;
	line-height: 25px;
	display: block;
	text-decoration: none;
}

#content-right ol#lastentries li a:hover
{
	background-color: #F8D8ED;
	cursor: hand;
}

#content-right ol#lastentries li a,
#content-right ol#lastentries li p,
#content-right ol#lastentries li h3
{
	margin: 0;
	padding: 0;
}

/* General Layout Rules
		Banner
----------------------------------------------- */

#leaderboard{
	float: left;
	display: inline;
	position: absolute;
	margin-left: 150px;
	margin-top: 10px;
	_margin-top: 25px;
	width: 728px;
	height: 90px;
}

#leaderboardfix {
	position: relative;
	top: 0px;
	left: 0px;
}

#banners
{
	clear: both;
	display: block;
	text-align: center;
	margin: 0;
}

#banners div
{
	width: 230px;
	display: inline;
	margin: 0;
	padding: 0;
}
#banners img,
#banners a
{
	margin: 0;
	padding: 0;
}

/* General Layout Rules
		Footer
----------------------------------------------- */

#footer
{
	clear: both;
	/*border-top: 2px solid #ddd;*/
	background: #fff url("../images/content-left-bg.gif") top left repeat-x;
	display: block;
}

#footer p
{
	margin: 0;
	padding: 0;
	line-height: 25px;
}

#footer ul
{
	list-style: none;
	margin: 0;
	padding: 0;
	/* float: left; */
}

#footer ul li
{
	display: inline;
	border-left: 1px solid #222;
	margin: 0;
	padding: 0 5px 0 5px;
	line-height: 25px;
}

#footer ul li.first
{
	border: none;
	padding: 0 5px 0 0;
}

#footer ul li a.info-english
{
	padding-left: 20px;
	background: transparent url("../images/english-flag.gif") left no-repeat;
}
/* voor footer-text layout, zie onder typography -> footer_... */

/* Typography
----------------------------------------------- */
.exclusive
{
	font-weight: bold;
	font-size: 85%;
	text-decoration: none;
	color: #9B0751;
}

.plain
{
	font-size: 85%;
	text-decoration: none;
	color: #C20273;
}
.oproeptitel
{
	font-size: 70%;
	text-decoration: none;
	color: #C20273;
}
.oproeptext
{
	font-size: 70%;
	text-decoration: none;
	color: #C20273;
}

h1,
h2,
h3
{
	font-weight: bold;
}

h1 {
	font-size: 25px;
	color: #C20273;
	margin-bottom: 0.75em;
	line-height: 1em;
	width: 100%;
}

h2
{
	font-size: 20px;
	color: #CC0280;
	background: #CD0280;
	color: #fff;
	padding: 0 5px;
	line-height: 20px;
}

h2.fp_title {
font-size: 120%;
color: #CD0280;
background-color: #FFFFFF;
width:100%;
padding: 2px;
margin-bottom: 5px;
}

h6 { border-bottom: 1px solid #E3A9C1; width:100%; line-height: 2px; padding: 2px;}

#content-right h2
{
	font-weight: bold;
	font-size: 135%;
	color: #fff;
	background: #CD0280 url("../images/hoekje.gif") top left no-repeat;
	display: block;
	padding: 3px 8px;
	line-height: 15px;
	margin: 13px 0 8px 0;
}

#navbar{
	display: block;
	margin-bottom: 18px;
}

h3 { font-size: 140%; color: #CD0280;  }
h4 { font-size: 135%; color: #CD0280; font-weight: normal; line-height: 2; }
h5 { border-bottom: 1px solid #C85191; width:100%; line-height: 2px; margin-top: -18px; padding: 0px; margin-bottom: 25px;}

p,
ul,
li,
label,
span,
input,
select,
textarea
{
	font-size: 100%;
	line-height: 1.5;
}

p, li { margin: 0px 0; }

#oproepFront #oproepText p#oproepInfo  { margin: 5px 0px 5px; 5px; }

a
{
	text-decoration: underline;
	color: #CD0280;
}

a:hover
{
	color: #CD0280;
}

img { border: 0; }

p#footer_title {
font-size: 12px;
color: #000000;
text-align: justify;
}
p#footer_text {
font-size: 10px;
color: #666666;
text-align: justify;
line-height: 1.2;
}
p#footer_credits {
font-size: 9px;
color: #333333;
text-align: right;
}
.fp_news_title {
color: #C20273;
font-size: 12px;
font-weight: bold;
line-height: 12px;
}
.fp_right_text {
color: #C20273;
font-size: 12px;
}

.fp_steden_list a {
font-size: 10.5pt;
text-decoration: none;
}
.fp_steden_list a:hover {
text-decoration: underline;
}
/* Forms
	Klein (Sidebar en Index)
----------------------------------------------- */

form.kleinForm label
{
	display:block;
	float:left;
	width: 80px;
}

#inloggen input.text
{
	color: black;
	font-size: 70%;
	width: 80px;
	line-height: 10px;
}

.triggerInloggen{
	margin-top: 8px;
	margin-bottom: 10px;
	margin-right: 10px;
	padding-right: 10px;
	float: left;
	width: 48%;
	_width: 50%;
	border-right: 1px solid #cc0280;
}

.triggerInschrijven{
	margin-top: 8px;
	margin-bottom: 10px;
	float: left;
	width: 47%;
}

.triggerInschrijven img{

}

hr {
	width: 100%;
	float: left;
	height: 1px;
	color: #cc0280;
}

form.kleinForm div
{
	display: block;
	clear:both;
	margin-bottom:5px;
}

input,
select
{
	border: 1px solid #999999;
	border-bottom-color: #CCCCCC;
	border-right-color: #CCCCCC;
	padding: 2px;
	margin: 1px;
	color: #333333;
	font-size: 90%;
}

#kamer-vinden .kleinform input.submit
{
	/* onzichtbare submit knop */
	width: 70px;
	cursor: hand;
	background-color: transparent;
}
#kamer-vinden .kleinForm select
{
	width: 8.5em;
	height: 18px;
	padding: 1px;
	margin: 0px;
	font-size: 11px;
}

#kamer-vinden .kleinForm input
{
	width: 8.5em;
	height: 18px;
	padding: 1px;
	margin: 0px;
	font-size: 11px;
}

.kleinForm input.text
{
	width: 100px;

}

input.button,
input.submit
{
	/*
	border: 1px solid #CCCCCC;
	border-bottom-color: #999999;
	border-right-color: #999999;
	font-weight: bold;
	*/
	border: 0px;
}
.kleinForm input.button,
.kleinForm input.submit
{
	margin-left: 0px;
}
* html .kleinForm input.button,
* html .kleinForm input.submit
{
	margin-left: 4px;
}

input.button:active,
input.submit:active
{
 /*
	border: 1px solid #CCCCCC;
	border-top-color: #999999;
	border-left-color: #999999;
 */
}

/* Forms
	Groot (Inschrijf e.d.)
----------------------------------------------- */
.inschrijving {
	margin-left: 1.0em;
	font: 0.75em/1.7em "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
	border: 0px;
	font-size: 100%;
	line-height: 1.5;
}
TABLE.kamerplaatsen {
	margin-left: 0.4em;
	font: 0.75em/1.7em "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
	border: 0px;
	font-size: 100%;
	line-height: 1.5;
}

.grootForm fieldset
{
	margin: 1em 2em 1em 0;
	padding: 0 0 0.5em 0;
	border: 1px solid #B04288;
	position: relative;
	display: block;
}

.grootForm legend
{
	font-weight: bold;
	color: #CC0280;
	margin: 0 0 0 -1px;
	padding: 0.2em 0.5em;
	display: block;
	float: right;
	position: relative;
}

textarea { font: inherit; display: block; }

.grootForm .label2
{
	display: inline;
}

.grootForm label,
.grootForm .label,
.grootform select
{
	display: block;
	font-family: Verdana;
	font-size: 10px;
}

.grootForm #radius {
  width: 118px;
  _width: 114px;
}

.grootForm select option
{
	padding-right: 0.7em;
}
* html .grootForm select option
{
	padding-right: 0;
}
.grootForm fieldset p
{
	padding: 0.3em 1em;
}

.grootForm fieldset div
{
	padding: 0.3em 1em;
	margin-top: 0.5em;
}

.date {
  padding: 0.3em 1em;
	margin-top: 0.5em;
	margin-bottom: 20px;
}

.date #kijkavondtijd {
  margin: 0;
  margin-top: 25px;
  padding: 0;
}

.date select{
  float: left;
}

.grootForm label .required,
.grootForm .label .required
{
	margin-left: 0.2em;
	color: red;
	font-weight: bold;
}

div.toggleLayer
{
	display: none;
}

.telefoon1
{
	float:left;

}
.telefoon2
{
	float:left;

}

/* Kamerinfo
		Groot
----------------------------------------------- */

table.kamerinfo { 	font : 0.75em/1.7em "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif; width: 100%;  border: 1px solid #CC0280; }
table.kamerinfo tr td { width: 50%;  padding-left:5px; padding-right:5px; font-size: 130%; }
img.beschrijvingimage { float: right; display: inline; margin: 5px; }
span.tagline { position: relative; top: -1.2em; color: #888; font-size: 90%; }

/* Kamerinfo
		Klein
----------------------------------------------- */

div.kamerinfo-small { margin: 1px 0; clear: both; }
/*div.kamerinfo-small-odd {
  margin: 1px 0;
  background: #fff;
}

div.kamerinfo-small-even {
  margin: 1px 0;
  background: #f8d8ed;
}*/
div.kamerinfo-small .kamerinfo-right span { display: block; margin: 5px 0; }

div.kamerinfo-small .kamerinfo-right
{
	display: inline;
	float: left;
	width: 300px;
	padding: 8px;
}

div.kamerinfo-small .kamerinfo-right em
{
	color: #CC0280;
	font-style: normal;
}

div.kamerinfo-small .kamerinfo-right div.klembord {
  /*float: right;*/
	font-size: 90%;
	position: relative;
	margin: 0;
	padding: 0;
	text-align: right;
}

.kamerinfo-right h4 {
  line-height: 1.3;
}

div.kamerinfo-right div.klembord /* voor de inc*/
{
	font-size: 90%;
	position: relative;
}

div.kamerinfo-right div.klembord div.blokinfo textarea { border: 1px solid #E3A9C1; }

div.kamerinfo-right div.klembord span /* voor de inc*/
{

	width: 80px;
	display: block;
	list-style: none;
	overflow: hidden;
	margin: 0;
	padding-left: 0px;
	background: transparent none;
	color: #C20273;
}

div.kamerinfo-right div.klembord span.right /* voor de inc*/
{
	list-style-type: none;
	float: right;
	display: block;
}

div.kamerinfo-right div.klembord span.left /* voor de inc*/
{
	list-style-type: none;
	float: left;
	display: block;
}

div.kamerinfo-right div.klembord span.mid /* voor de inc*/
{
	display: block;
}

div.kamerinfo-right div.klembord a /* voor de inc*/
{
	text-decoration: underline;

}

div.kamerinfo-right div.klembord a:hover /* voor de inc*/
{
	color: #CD0280;
	text-decoration: none;

}

div.kamerinfo-small .kamerinfo-left
{
	display: inline;
	background-color: #CC0280;
	color: #fff;
	float: left;
	width: 60px;
	height: 124px;
	padding: 5px;
	margin-right: 15px;
	text-align: center;
	font-weight: bold;
}
div.kamerinfo-small .kamerinfo-left span { line-height: 30px; font-size: 120%; }

span.kamerinfospan { line-height: 13px; font-size: 100%; }

div.kamerinfo-small .kamerinfo-thumb
{
	display: inline;
	color: #fff;
	float: center;
	width: 100px;
	height: 100px;
	padding: 5px;
	margin-left: 40px;
	margin-top: 20px;
	text-align: center;
}

.prijs-opp {
  margin-top: 25px;
}

#kamer-details h2 {
	font-size: 15px;
	font-weight: bold;
	line-height: 19px;
	margin-top: 10px;
	margin-bottom: 5px;
	margin-left: 5px;
	background: none;
	color: #cd0280;
}

/* Oproepinfo
----------------------------------------------- */

div.oproepinfo-small
{
	clear: both;
	border-top-style: solid;
	border-top-color: #CC0280;
	border-top-width: 1px;
	padding: 2px;
}
div.oproepinfo-small .oproepinfo-right span { display: block; margin: 3px 0; }

div.oproepinfo-small .oproepinfo-right
{
	display: inline;
	float: left;
	width: 250px;
	padding: 8px;
}

div.oproepinfo-small .oproepinfo-right em
{
	color: #CC0280;
	font-style: normal;
}

div.oproepinfo-small .oproepinfo-right span.klembord
{
	float: right;
	font-size: 90%;
	position: relative;
	left: 50px;
	top: -7px;
}


div.oproepinfo-small .oproepinfo-left
{
	display: inline;
	background-color: #CC0280;
	color: #fff;
	float: left;
	width: 80px;
	height: 80px;
	padding: 5px;
	margin-right: 15px;
	text-align: center;
	font-weight: bold;
}
div.oproepinfo-small .oproepinfo-left span { line-height: 30px; font-size: 120%; }

/* Popup
----------------------------------------------- */

h2.popupheader { margin: 0 20px; }
div#popupwrapper
{
	background-color: #fff;
	margin: 0 20px 20px 20px;
	padding: 5px 15px;
	text-align: left;
}

/* General Classes
----------------------------------------------- */

.flRight { float: right; }
.flLeft { float: left; }
.flCenter { text-align: center; }
.clearer {
clear: both;
}
.clearer_border {
clear: both;
border-bottom: 1px solid #E3A9C1;
}

.odd { background-color: #fff; }
.even { background-color: #F8D8ED; }
.urgent { background-color: #F8D8ED;
		  background-image:url(../images/urgent.png);
		  background-repeat:no-repeat;
		  background-position:right top;
		  font-weight:bold;}

.invisible,
ul#accessability,
#header #logo h2
{
	display: none;
}

/* Hacks
----------------------------------------------- */

/*	Mike Rundle's Text-indent replacement method
	http://phark.typepad.com/phark/2003/08/accessible_imag.html */
.gone { text-indent: -9000px; }
#container-actie {
 margin-left: -156px;
 margin-top: -16px;
}
* html #container-actie {
 margin-left: -565px;
 margin-top: -1px;
}
#container-actie2 {
 margin-left: -86px;
 margin-top: 183px;
}
* html #container-actie2 {
 margin-left: -90px;
 margin-top: 180px;
}
*html #content-main #nu-plaatsen { top: -10px; }
p#hack_hoogte { margin-top: -10px;}
p#hack_hoogte1 { margin-top: -10px;}
*html p#hack_hoogte { margin-top:0px;}

table.links {font-size:100%;}

/* payment
----------------------------------------------- */

.ncoltxtc{
	padding-top: 10px;
}

ncoltxtl{

}

.ncoltxtl{
	color: #FFFFFF;
	height: 1px;
	display: none;
}

.ncoltxtr{
	color: #FFFFFF;
	height: 1px;
	align: right;
}

.ncoltxtr small{
	align: right;
}

small{
	align: right;
}

.ncoltxtc{
	color: #FFFFFF;
	height: 1px;
}

.ncoltable2{
	margin-top: -30px;
}

.ncoltable2 img{
	display: none;

}

.ncollogoc a{
	margin-top: 20px;
}

.ncoltable3 img{
	display: none;
}

.ncoltable2 input{
	height: 25px;
	width: 300px;
	border: 1px solid #999999;
	background-color: #f0f0f0;
	float: left;
	margin-left: 93px;
	color: #333333;
	margin-top: 15px;
}

.paymentImages{
	margin-left: 90px;
}

.ncoltable3 input{
	height: 25px;
	width: 148px;
	border: 1px solid #999999;
	background-color: #f0f0f0;
	color: #333333;
	margin-top: 15px;
}

.ncoltxtr select{
	width: 300px;
	float: left;
	margin-left: 93px;
}

/*autosuggest 'box' */
#stad {
  margin: 1px 1px 0;
  padding: 0 1px;
  width: 126px;
}

#radius-profiel {
  margin: 1px 1px 0;
  padding: 0 1px;
  width: 66px;
}

*html #stad {
  width: 120px;
}

/*#suggestions {
  display: none;
  margin: 0;
  /*min-height: 300px;
  _height: 300px;
  padding: 0;
  position: absolute;
}

#suggestions ul {
  background: #fff;
  border: 1px solid #999;
  border-bottom-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-top: none;
  margin: 0 1px;
  min-height: 52px;
  _height: 180px;
  padding: 0 2px;
  width: 120px;
}

#suggestions li {
  color: #333;
  font-size: 11px;
  font-family: Verdana;
  margin: 0;
  padding: 0;
  list-style-type: none;
}

#suggestions li:hover {cursor: pointer;}

#suggestions .aantal {
  position: absolute;
  font-size: 9px;
  color: #ccc;
  right: 2px;
}*/

#citytable {
  border: none;
  border-collapse: collapse;
  font-size: 11px;
  font-family: Verdana;
  width: 350px;
}

.citytable_kamers, .citytable_afstand {
  text-align: right;
  width: 90px;
}

#bladeren-main .bladeren-placeholder {
  border: 1px solid #CCC;
  display: inline;
  float: left;
  margin: 0;
  margin-bottom: 10px;
  padding: 0px;
  position: relative;
  width: 100%;
}

#bladeren-main .bladeren-header {
  background: #eee;
  border-bottom: 1px solid #ccc;
  font-weight: bold;
  margin: 0;
  padding: 0 0 0 8px;
}

#bladeren-main .bladeren-listholder {
  margin: 0;
  padding: 5px 0;
}

#bladeren-main .bladeren-list {
  float: left;
  width: 49%;
}

#bladeren-main .bladeren-list ul {
  margin: 0 0 0 8px;
  padding: 0;
}

#bladeren-main .bladeren-list li {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

#bladeren-main .bladeren-list li input {
  margin: 0 4px 0 0;
  padding: 0;
}

#bladeren-main .bladeren-list li span {
  color: #aaa;
}

#bladeren-main #bladeren-search {
  margin: 0;
  padding: 0;
  text-align: right;
}

#reactions p {
  font-weight: bold;
}

.reactie {
  border: 1px solid #CD0280;
  margin: 5px 0;
  padding: 0;
}

.reactie_naam {
  color: #fff;
  float: left;
  margin: 0;
  padding: 0 0 0 4px;
}

.reactie_datum {
  background: #CD0280;
  color: #fff;
  margin: 0;
  padding: 0 8px 0 0;
  text-align: right;
}

.reactie_reactie, .reactie_reageer {
  margin: 4px;
  padding: 0;
  text-align: justify;
}

.reactie_reageer div textarea {
  height: 100px;
  margin: 2px 0;
  padding: 4px;
  text-align: justify;
  width: 100%;
  _width: 456px;
}

.reactie_verstuur {
  text-align: right;
}

#main-tab {
	position: relative;
	float: left;
	width: 502px;
	_width: 504px;
	display: inline;
	border-collapse: collapse;
	border-left: 1px solid #CD0280;
	border-right: 1px solid #CD0280;
	margin: 0;
	padding: 0px;
	min-height: 100px;
	_height: 100px;
}

#main-tab p{
	margin-left: 10px;
}

.cbl {
	position: relative;
	float: left;
	width: 252px;
	height: 12px;
	background: url('/images/cblPurple.gif') #CD0280 left no-repeat;
	font-size: 1px;
}

.cbr {
	position: relative;
	float: left;
	width: 252px;
	height: 12px;
	background: url('/images/cbrPurple.gif') #CD0280 right no-repeat;
	font-size: 1px;
}

#profiel-menu{
  margin: 0;
  padding: 0;
  float: left;
  position: relative;
  height: auto;
}

#profiel-menu ul {
	width: 100%;
	padding:0px;
	margin:0;
	text-align: center;
}

#profiel-menu li {
  background: url('/images/profielNav-bg.png') repeat-x;
  border-bottom: 1px solid #fff;
  cursor: pointer;
  display: inline;
  float: left;
  list-style-type: none;
  margin: 0px 1px;
  padding: 0;
  width: 106px;
  font-size: 10px;

}

#profiel-menu li.first-item {
  background: url('/images/profielNav-firstitem.png') no-repeat;
  width: 90px;
}

#profiel-menu li.last-item {
  background: url('/images/profielNav-lastitem.png') no-repeat;
  width: 87px;
}

#profiel-menu a {
  color: #fff;
  text-decoration: none;
  font-weight: bold;
  margin: 0;
  padding: 0;
  width: 90px;
}

/*----------- Search Results ------------*/
#searchResultsHolder #resultsBottom {
  background: url('/images/searchResult_onder.png') no-repeat;
  float: left;
  height: 12px;
  margin: 0;
  padding: 0;
  position: relative;
  width: 100%;
}

#searchResultsHolder #resultsTop {
  background: url('/images/searchResult_boven.png') no-repeat;
  float: left;
  font-size: 1px;
  height: 12px;
  margin: 0;
  padding: 0;
  position: relative;
  width: 100%;
}

.searchResult {
  /*background: url('/images/searchResult_balk.png') bottom 1px no-repeat;*/
}

.searchResultCenter {
  display: inline;
  float: left;
  _height: 96px;
  margin: 0;
  min-height: 120px;
  padding: 0;
  position: relative;
  width: 420px;
  margin-left: 10px;
}
/* for Internet Explorer */
/*\*/
* html .searchResultCenter {
height: 150px;
}
/**/


.searchResultCenter .klembord {
  float: right;
  margin: 0;
  padding: 0;
}

.searchResultCenter .toonKaart {
  position: absolute;
  top: 0px;
  right: 10px;
  margin: 0;
  padding: 0;
}

.searchResultCenter a{
	text-decoration: underline;
}

.searchResultCenter font{
  color: #cd0280;
  font-size: 12px;
	font-weight: bold;
	margin:0px;
	padding: 0px;
}

.searchResultCenter .kamerGeslacht {
 	color: #cd0280;
  	font-weight: bold;
  	float: left;
}
.searchResultCenter .smallfont {
font-size: 10px;
text-align: center;
position: relative;
top: 10px;
}

/* reinier: veranderd van enkel h2 -> h2, h3, h4 */
#searchResultsHolder h1,
#searchResultsHolder h2,
#searchResultsHolder h3 {
	font-size: 15px;
	font-weight: bold;
	line-height: 19px;
	margin: 0px;
	margin-bottom: 10px;
	margin-left: 5px;
	background: none;
	color: #cd0280;
}

/*REINIER: uitgezet omdat h4 toch niet gebruikt wordt en ik iets wil uitproberen voor de grote G
.searchResultCenter h4{
  font-size: 14px;
  font-weight: bold;
	line-height: 22px;
	margin: 0px;
	margin-bottom: 10px;
	margin-left: 10px;
}
*/
.searchResultCenter img{
	/*float: right;
	margin-right: 10px;
	margin-top: 10px;*/
}

.searchResultCenter p{
	font-size: 12px;
	line-height: 16px;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 10px;
	_margin: 0;
	width: 320px;
	_width: 300px;
}

.searchResultCenterReaction{
  /*background: #CD0280;*/
  display: inline;
  float: left;
  height: 14px;
  margin-left: 10px;
	margin-bottom: 10px;
	position: relative;
	width: 318px;
}

.searchResultCenterReaction p{
	/*color: #fff;*/
  font-weight: bold;
	font-size: 10px;
	height: 12px;
	margin: 0;
	padding: 0 !important;
	text-align: right !important;
	width: 318px;
}

.searchResultImage {
  height: 75;
  position: absolute;
  width: 75;
}

.searchresultImageOverlay {
  diplay: inline;
  float: left;
  height:75px;
  margin-left: 425px;
  _margin-left: 418px;
  position: absolute;
  top: 90px;
  width: 75px;
}

.searchResultLast, .searchResult{
  float: left;
  position: relative;
  width: 100%;
  z-index: 2;
}

.searchResultLeft {
  background: transparent;
  color: #fff;
  display: inline;
  float:left;
  font-size: 14px;
  font-weight: bold;
  margin: 0;
  padding: 0;
  position: relative;
  width: 70px;
}

.searchResultLeft p {
  margin-left: 15px;
}

.searchResultMain {
  background: url('/images/searchResult_links.png') repeat-y;
  display: inline;
  float: left;
  margin: 0px;
  padding: 0px;
  position: relative;
  width: 100%;
  z-index: 1;
  min-height: 170px;
}

#kamer-stad {
font-size: 11px;
width: 100%;
margin-left: 10px;
}
#kamer-stad td {
width: 33%;
}
#kamer-stad select, #kamer-stad input {
width: 100%;
}
#kamer-stad .kamers-uitgebreid {
text-align: right;
}

#kamer-verwijderd {
color: #FF0000;
border: 1px solid #CD0280;
text-align: center;
padding-top: 40px;
padding-bottom: 40px;
margin-top: 20px;
margin-bottom: 20px;
}
#kamer-verwijderd h2 {
color: #CD0280;
background: none;
}
/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */


.sIFR-hasFlash h3.index {
	visibility: hidden;
	letter-spacing: -9px;
	font-size: 22px;
	margin-left: 10px;
}