/* For theme colors, see the relevant color theme CSS */

body {
	margin: 0px;
	padding: 0px;
}

div#sitewrap {
	position: relative;
	width: 972px;
	margin: 0 auto 0 auto;
	z-index: 10;
}
div#contentwrap {
	position: relative;
	z-index: 1;
	margin-top: 93px;
	padding: 1px;
}
img {
	border: 0;
}
.clearfloat {
	clear: both;
}
br.clr {
	clear: both;
	height: 0px;
	font-size: 0em;
}

span.clr{
	clear: both;
	height: 0px;
	font-size: 0em;
}
p.MsoNormal{
	margin:0;
	padding;0;	
}
.rightfloat {
	float: right;
}
div.back {
	position: absolute;
	top: 0px;
	right: 20px;
}
.back a {
	font-family: Arial, Verdana, Sans-serif;
	font-size: 10px;
	text-decoration: none;
	color: #000;
}
/************************************************************************/
/* Header elements														*/
/************************************************************************/
div#project_logo {
	position: absolute;
	right: 0px;
	top: 0px;
	text-align: center;
	width: 200px;
	z-index: 500;
}
div#trammeltv {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 100;
	width:170px;
}
div#logo_forum{
	position: absolute;
	top: 0px;
	left: 1px;
	z-index: 100;
	width:172px;
}
div.header_block_txt{
	position: absolute;
	top: 45px;
	height:19px;
	min-height: 19px;
	width:172px;
	font-weight:bold;
	text-align:center;
	font-family: Arial, Verdana, Sans-serif;
	font-size:12px;
	padding:5px 0 0 0;
	background:#000000;
	color:#ffffff;
	z-index:400;
	height: auto !important;
}

div#titlebar {
	position: absolute;
	top: 60px;	
	width: 500px;
	left:0px;	
	height: 60px;
}
div#titlebarfill {	
	position: absolute;
	top: 60px;	
	width: 300px;
	left:0px;	
	height: 60px;
	z-index:10;
}
div#bartitle {
	position: absolute;
	top: 60px;
	left:0px;
	height: 60px;
	width: 760px;
	z-index: 0;	
}
div#bartitle h1 {
	font-family: Arial, Verdana, Sans-serif;
	font-weight: normal;
	margin: 10px 20px 0 0;	
	text-align:right;
	padding: 0;
}
div#bartitle h1.lowercase {
	text-transform:lowercase;
	font-family: Arial, Verdana, Sans-serif;
	font-weight: normal;
	margin: 10px 20px 0 0;	
	text-align:right;
	padding: 0;
}
/************************************************************************/
/* Columns, spacers, offsets and rows									*/
/************************************************************************/
div.hugerow {
	position: relative;
	width: 775px;
	float: left;
}
div.smallcol {
	float: left;
	position: relative;
	width: 190px;
	margin: 0px 1px 0px 0px;
}
div.smallcolborder {
	float: left;
	position: relative;
	width: 190px;
	margin: 0px 1px 0px 0px;
	background-image: url(/docroot/images/dashline_vert.gif);
	background-position: left;
	background-repeat: repeat-y;
}
div.mediumcol {
	float:left;
	position: relative;
	width: 380px;
	margin: 0px 1px 0px 0px;
}
div.bigcol {
	float:left;
	position: relative;
	width: 575px;
	margin: 0px 1px 0px 0px;
}
div.hugecol {
	float:left;
	position: relative;
	width: 760px;
	margin: 0;
}
div.offset30down {
	top: 30px;
	position: relative;
}
div.imgcol {
	float: right;
	position: relative;
	width: 190px;
	margin: 0px 4px 0px 3px;
}
/************************************************************************/
/* Readmore link														*/
/************************************************************************/
div.readmore {
	margin: 10px 3px 3px 3px;
}
a.readmore {
	font-family: Verdana, Arial, Sans-serif;
	font-size: 9px;
	text-decoration: none;
}
.readmore:hover {/* See color theme */}

/************************************************************************/
/* Readmore button														*/
/************************************************************************/
div.readmorebutton {
	background-image: url(/docroot/images/readmore_side.gif);
	background-position: left;
	background-repeat: no-repeat;
	position: absolute;
	height: 16px;
	width: 80px;
	left:10px;
	bottom: 20px;
}
div.readmorebutton2 {
	background-image: url(/docroot/images/readmore_side.gif);
	background-position: left;
	background-repeat: no-repeat;
	height: 16px;
	width: 80px;
}
a.readmorebutton {
	display: block;
	background-image: url(/docroot/images/readmore_side.gif);
	background-repeat: no-repeat;
	background-position: right;
	font-family: verdana, arial, sans-serif;
	font-size: 9px;
	text-decoration: none;
	text-align: center;
	line-height: 14px;
	height: 16px;
	padding: 0;
	margin: 0 0 0 1px;	
}
div.lightbutton {
	background-image: url(images/readmore_side.gif);
	background-position: left;
	background-repeat: no-repeat;
	background-color: #e7e7f1;
	height: 16px;
	width: 80px;
}
a.lightbutton {
	display: block;
	background-image: url(images/readmore_side.gif);
	background-repeat: no-repeat;
	background-position: right;
	font-family: verdana, arial, sans-serif;
	font-size: 9px;
	text-decoration: none;
	text-align: left;
	text-indent: 5px;
	line-height: 14px;
	height: 16px;
	padding: 0;
	margin: 0 0 0 1px;
	color: #000;
}

/************************************************************************/
/* Sitewide menu														*/
/************************************************************************/
div#sitewide_empty {
	width: 760px;
	height: 25px;
}
div#sitewidefill{
	position:absolute;
	top:0;
	left:0;
	height: 25px;
	background: #e9e9eb;
	width:700px;
}
div#sitewide {
	width: 760px;
	height: 25px;
	background-color: #e9e9eb;	
}
#sitewide ul {
	margin: 0px;
	padding: 0px;
	float: right;
	list-style: none;

}
#sitewide li {
	background-image: url(/docroot/images/dotline.gif);
	background-repeat: no-repeat;
	background-position: left;
	vertical-align: middle;
	height:20px;
	float: left;
	padding:0px 10px 0px 10px;
}
#sitewide li a {
	font-family: Arial, verdana, Sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	color: #a3a2a2;
}
#sitewide li a:hover {
	color: #051e70;
}
#sitewide li a img {
	vertical-align: middle;
	margin: 0 0 0 3px;
}
#sitewide form {
	margin: 1px 0 0 0;
	padding: 0;
}
#sitewide .submit {
	vertical-align: middle;
	display: inline;
	width: 15px;
	height: 13px;
	border: 0;
	background-image: url(/docroot/images/sitewide_search_submit.gif);
	cursor: pointer;
}
#sitewide .search {
	margin: 0 3px 0 0;
	border: 1px solid #dadada;
	font-family: Arial, Verdana, Sans-serif;
	font-size: 10px;
	width: 150px;
}

/************************************************************************/
/* Postit menu															*/
/************************************************************************/
div#navcolumn {
	background:#666666;
	float: left;
	position: relative;
	width: 172px;
	margin: 0px 0px 0 0;
	padding:0 0 5px 0;
}
div#nav {
	width: 172px;
	margin: 105px 0 0 0;
	padding: 0px;
	min-height: 200px;
	height: auto !important;
	height: 200px;
}
#nav ul {
	display:block;
	margin: 5px 0 5px 10px;
	padding: 0px;
	list-style: none;
}
#nav li {
	display: block;
	background-image: url(/docroot/images/dotline_bottom_white.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	width: 150px;
}
#nav li a {
	display: block;
	width: 155px;
	padding: 2px;
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
#nav li a:hover {
	color: #FFFFFF;
	background-image: url(/docroot/images/gray_paw.gif);
	background-position: right;
	background-repeat: no-repeat;
}
#nav li .active {
	color: #051e70;
	background-image: url(/docroot/images/gray_paw.gif);
	background-position: right;
	background-repeat: no-repeat;
}
#nav .activeopen {
	color: #000;
}
#nav a.open {
	color: #FFFFFF;
	background-image: none;
}
#nav a.open:hover {
	background-image: none;
}
#nav li.open {
	background-image: none;
}

/* Sub nav */

#nav ul ul {
	margin: 0 0 0 0;
	padding: 0 0 5px 0;
	background-image: url(/docroot/images/dotline_bottom_white.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}
#nav li li {
	background-image: none;
	padding-left:0px;
}
#nav li li a {
background-image: url(/docroot/images/gray_paw.gif) no-repeat 0 0;
	display:block;
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	padding-left:15px;
	width:140px;
}
#nav li li a:hover {
	color: #FFFFFF;
	background-image: url(/docroot/images/gray_paw.gif);
	background-position: left;
	background-repeat: no-repeat;
}
#nav li li .active {
	color: #FFFFFF;
	background-image: url(/docroot/images/gray_paw.gif);
	background-position: left;
	background-repeat: no-repeat;
	font-weight: bold;
	padding-left:15px;
	width:140px;
}
/************************************************************************/
div#homeimage {
	width: 570px;
	position: relative;
	top: -20px;
	left: -4px;
	z-index: 5;
	margin-bottom: -20px;
	margin-left:5px;
}
/************************************************************************/
div.vtour {
	margin:0 0 0 10px;
}

/************************************************************************/
/* Sticked paper														*/
/************************************************************************/
div.paperwrap {
	position: relative;
	margin-right: -10px;
	top: -12px;
	width: 200px;
	z-index: 50;
}
div.papertop {}
div.paper {
	background-image: url(/docroot/images/paper_bg.jpg);
	background-repeat: no-repeat;
	min-height: 240px;
	height: auto !important;
	height: 240px;
	padding: 1px;
}
div.papercontent {
	overflow: hidden;
	position: relative;
	width: 150px;
	margin: 10px 30px 0px 20px;
}
.papercontent h2 {
	font-family: Arial, Verdana, Sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #fff;
	padding: 3px;
	margin: 0px;
}
.papercontent div.newsbit {
	margin:8px 5px 0px 5px;
	display: block;
	font-family: Verdana,Arial, sans-serif;
	text-decoration: none;
}
.papercontent div.newsbit a {
	text-decoration: none;
	cursor: pointer;
}
.papercontent div.newsbit em {
	font-size: 9px;
	font-style: normal;
	color: #9a0000;
}
.papercontent div.newsbit p {
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	font-size: 9px;
	font-weight: bold;
	color: #494949;
}

/************************************************************************/
/* Horizontal Quicklink Blocks											*/
/************************************************************************/
div#ql1 {
	min-height: 160px;
	height: auto !important;
	height:160px;
	margin: 0px 5px 30px 10px;
	padding: 0 0 20px 0;
}
div#ql2 {
	min-height: 160px;
	height: auto !important;
	height:160px;
	margin: 0px 5px 30px 10px;
	padding: 0 0 20px 0;
}
div#ql3 {
	min-height: 160px;
	height: auto !important;
	height:160px;
	margin: 0px 5px 30px 10px;
	padding: 0 0 20px 0;
}
div.qlblock {
	font-family: Arial, Verdana, Sans-serif;
	font-size: 11px;
	color: #757575;
}
.qlblock h2 {
	display: block;
	font-size: 18px;
	font-weight: normal;
	margin: 0px;
}
.qlblock p {
	display: block;
	font-size: 11px;
	margin: 5px 0 5px 0;
}
.qlblock ul {
	margin: 0 0 5px 10px;
	padding: 0;
	list-style: none;
	line-height: 12px;
}
.qlblock li {
	font-size: 11px;
}
.qlblock li a {
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	color: #009
}
.qlblock a:hover {}
/************************************************************************/
/* Vertical Quicklink Blocks											*/
/************************************************************************/
div#qlblock1 {
	position: relative;
	background-image: url(/docroot/images/dashline_hor.gif);
	background-position: bottom;
	background-repeat: no-repeat;
	padding: 0 0 10px 10px;
}
div#qlblock2 {
	position: relative;
	background-image: url(/docroot/images/dashline_hor.gif);
	background-position: bottom;
	background-repeat: no-repeat;
	padding: 0 0 10px 10px;
}
div#qlblock3 {
	position: relative;
	padding: 0 0 10px 10px;
}

/************************************************************************/
/* Event cards															*/
/************************************************************************/
div#eventcards {
	position: relative;
	width: 200px;
	height: 150px;
	background-image: url(/docroot/images/events_bg.gif);
	background-repeat: no-repeat;
	margin: 10px 0 0 0;
}
.eventcards {
	width: 135px;
	height: 25px;
	overflow: hidden;
	background-image: url(/docroot/images/lightlines_bg.gif);
	font-family: Verdana, Arial, Sans-serif;
	line-height: 10px;
	padding: 2px 0 0 5px;
}
#eventcards div.eventcards_title {
	font-family: Verdana, Arial, Sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #000;
	position: absolute;
	top: 7px;
	left: 35px;
}
.eventcards em {
	display: block;
	font-size: 9px;
	font-style: normal;
	color: #000;
}
.eventcards a {
	display: block;
	font-size: 9px;
	font-style: normal;
	text-decoration: none;
	font-weight: bold;
	color: #000;
}
div#event1 {
	position: absolute;
	top: 35px;
	left: 35px;
}
div#event2 {
	position: absolute;
	top: 65px;
	left: 35px;
}


/************************************************************************/
/* Banner adds															*/
/************************************************************************/
div.banneradd1 {
	width: 154px;
	border: 1px solid #a9aecd;
	margin: 10px auto 4px auto;
}
.banneradd1 div.banner {
	margin: 2px;
}
.banneradd1 img {
	margin: 2px;
}

/************************************************************************/
div#footer {
	position: relative;
	font-family: Verdana, Arial, Sans-serif;
	font-size:9px;
	margin-top: 30px;
	padding:5px 0 0 0;
}

/************************************************************************/
/* Events																*/
/************************************************************************/

div#events {
	margin: 20px;
}
div#eventmonths {
	height: 20px;
}
#eventmonths ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#eventmonths li {
	float: left;
	padding: 0 2px 0 4px;
	border-left: 1px solid #003399;
	font-family: Verdana, Arial, Sans-serif;
	font-size: 9px;
}
#eventmonths li.first {
	border-left: 0;
}
#eventmonths a {
	padding: 0 2px 0 2px;
	letter-spacing: -1px;
	text-decoration: none;	
	color: #003399;
}
#eventmonths a:hover {
	background-color: #EEE;
}
div#legend {
	font-family: Verdana, Arial, Sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFF;
	clear: both;
	background-color: #6c6c6c;
	padding: 3px;
}
#legend #legendevent {
	width: 380px;
	float: left;
}
#legend #legenddate {}

#eventAccordion .accButton {
	background-image: none;
	display: block;
	padding: 3px;
	text-decoration: none;
	cursor: pointer;
	font-family: Verdana, Arial, Sans-serif;
	font-size: 11px;
	border-bottom: 1px dashed #6c6c6c;
}
#eventAccordion .accButton:hover {
	background-image: url(/docroot/images/row_on.gif);
	background-position: left;
}

#eventAccordion .event {
	font-weight: bold;
	width: 380px;
	float: left;
	cursor: pointer;
}
#eventAccordion .date {
	color: #000;
}
div.accContent {
	display: none;
	padding: 15px;
	background-color: #e6e8f0;
	min-height: 130px;
	height: auto !important;
	height: 130px;
	font-family: Verdana, Arial, Sans-serif;
	font-size: 11px;
	border-bottom: 1px dashed #6c6c6c;
}
.accContent .ewrap {
	width: 360px;
	float: left;
}
.accContent .eimage {
	float: right;
	right: 38px;
}
.accContent .eimage img {
	border: 1px solid #666;
}

.accContent .etitle {
	width: 180px;
	float: left;
	font-size: 9px;
	color: #666;
}
.accContent .etitle h2 {
	font-size: 14px;
	margin: 0;
	padding: 0;
}
.accContent .edate {
	width: 80px;
	float: left;
	font-size: 9px;
	color: #666;
}
.accContent .edate span {
	display: block;
	font-size: 10px;
	color: #000;
}
.accContent .etime {
	float: left;
	font-size: 9px;
	color: #666;
	width: 80px;
}
.accContent .etime span {
	display: block;
	font-size: 10px;
	color: #000;
}
.accContent .description {
	width: 340px;
	margin: 10px 0 0 0;
	clear: both;
	font-size: 9px;
	color: #666;
}
.accContent .description p {
	display: block;
	font-size: 10px;
	color: #000;
	margin: 0;
}

/************************************************************************/
/* Photoalbum															*/
/************************************************************************/
div.photoalbum {
	margin: 0 0 0 20px;
}
div.photobox {
	float: left;
	position: relative;
	width: 154px;
	margin: 25px 25px 0 0;
	background-image: url(/docroot/images/photobox_bg.gif);
	background-position: bottom;
	background-repeat: repeat-y;
}
.photobox .photo {
	position: relative;
	width: 134px;
	margin: 10px 10px 0 10px;
	background-image: url(/docroot/images/photobox_top.gif);
	background-repeat: no-repeat;
	background-position: top;
}
.photobox .photo a {
	display: block;
	height: 100%;
}
.photobox .caption {
	height: 20px;
	bottom: 0px;
	right: 0px;
	margin: 10px;
}
.photobox .caption a {
	font-family: Arial, Verdana, Sans-serif;
	font-size: 10px;
	text-decoration: none;
	color: #00F;
}
div.photodetail {
	margin: 0 20px 0 20px;
	font-family: verdana, arial, sans-serif;
}
.photodetail .title h2 {
	font-size: 18px;
	font-weight: normal;
	margin: 0 0 5px 0;
	position: relative;
	display: block;
	border-bottom: 1px solid #000;
}
.photodetail .text {
	width: 300px;
	float: left;
	margin: 25px 0 0 0;
}
.photodetail .text p.description {
	font-size: 11px;
	color: #999;
}
.photodetail .text p.name {
	font-weight: bold;
	font-size: 13px;
	color: #000;
}
.photodetail .text p.jobdescription {
	font-size: 11px;
	color: #999;
}

/************************************************************************/
/* News																	*/
/************************************************************************/
.newsarticle .newsdate {
	font-size: 9px;
	color: #666;
}
div.newslist {
	margin: 0 20px 0 20px;
	font-family: verdana, arial, sans-serif;
	clear: both;
}
.newslist h2 {
	font-size: 12px;
	margin: 0;
	padding: 0;
}
.listarticles {
	background-color: #f2f2f2;
	padding: 4px;
}
.newslist ul {
	
	margin: 0 0 10px 18px;
	padding: 0;
	list-style: url(/docroot/images/bullet.gif);
}
.newslist li {
	margin: 0;
	padding: 0;
	font-size: 11px;
}
.newslist a {
	color: #003399;
	text-decoration: none;
}
.newslist a:hover {}

/************************************************************************/
/* News Article style														*/
/************************************************************************/
div.newsarticle {
	margin: 0 20px 0 20px;
	font-family: verdana, arial, sans-serif;
	clear: both;
	font-size: 11px;
}
.newsarticle h2 {
	font-size: 21px;
	font-weight: normal;
	margin: 0 0 5px 0;
	position: relative;
	display: block;
	border-bottom: 1px solid #000;
}
.newsarticle a {
	font-weight: bold;
	text-decoration: none;
}
.newsarticle a:hover {
	text-decoration: underline;
}
.newsarticle h3 {
	font-size: 18px;
	font-weight: bold;
	margin: 5px 0 10px 0;
	padding: 0;
}
.newsarticle p {
	margin: 0 0 5px 0;
	font-size: 11px;
}
.newsarticle li {
	font-size: 11px;
}
div.attachment {
	width: 200px;
	float:right;
	text-align: right;
}
div.attachment img {
	vertical-align: top;
	margin: 2px;
}
div.attachment a {
	font-family: verdana;
	font-size: 11px;
	color: #00F;
}
div.attachment a:hover {
	text-decoration: none;
}
div.attachment em {
	font-family: verdana;
	font-size: 10px;
}

/************************************************************************/
/* Article 1 style														*/
/************************************************************************/
div.article1 {
	font-family: Arial, Verdana, Sans-serif;
	font-size: 13px;
	margin: 0 20px 0 20px;
}
.article1 a {
	font-weight: bold;
	text-decoration: none;
}
.article1 a:hover {
	text-decoration: underline;
}
.article1 h2 {
	font-family: Arial, Verdana, Sans-serif;
	font-size: 18px;
	font-weight: normal;
	margin: 0 0 5px 0;
}
.article1 p {
	font-family: Arial, Verdana, Sans-serif;
	font-size: 13px;
	margin: 0 0 5px 0;
}
.article1 li {
	font-size: 13px;
}


/************************************************************************/
/* Article 2 style														*/
/************************************************************************/
div.article2 {
	font-family: Arial, Verdana, Sans-serif;
	font-size: 11px;
	margin: 0 20px 0 20px;
}
.article2 h2 {
	font-family: Arial, Verdana, Sans-serif;
	font-size: 14px;
	margin: 0 0 5px 0;
}
.article2 a {
	font-weight: bold;
	text-decoration: none;
}
.article2 a:hover {
	text-decoration: underline;
}
.article2 p {
	font-family: Arial, Verdana, Sans-serif;
	font-size: 13px;
	margin: 0 0 5px 0;
}
.article2 li {
	font-size: 11px;
}

/******************* Photorow photos *******************/
div#photo1 {
	padding-left: 0;
	position: relative;
	margin-top: 0px;
	left: -5px;
	z-index: 1000;
}
div#photo2 {
	padding-left: 0;
	position: relative;
	margin-top: -40px;
	left: 0px;
	z-index: 1000;
}
div#photo3 {
	padding-left: 0;	
	position: relative;
	margin-top: -40px;
	left: -5px;
	z-index: 1000;
}
div#photo4 {
	padding-left: 0;
	position: relative;
	left: 10px;
	margin-top: -40px;
	margin-bottom: 10px;
	z-index: 1000;
}

/* *********************************************************** */
/* ** Contact pagina										** */
/* *********************************************************** */

div#contact_pen {
	position: absolute;
	top: 50px;
	left: 70px;
}
div.contactform {
	margin: 20px 0px 0px 60px;
	width: 450px;
	font-size: 10px;
}
div.contactform form {
	margin: 0px;
	padding: 0px;
}
.contactform fieldset {
	border: 0;
	padding: 0;
	margin: 0;
	font-family: verdana, arial, sans-serif;
}
.contactform input {
	margin: 2px;
}
.contactform label {
	float: left;
	display: block;
	width: 120px;
	margin-right: 10px;
	margin-top: 5px;
	font-size: 11px;
	font-weight: bold;
	text-align: right;
}
.contactform #firstname {
	border: 1px solid #999;
	width: 96px;
	font-size: 10px;
}
.contactform #infix {
	border: 1px solid #999;
	width: 40px;
	font-size: 10px;
}
.contactform #huisnummer {
	border: 1px solid #999;
	width: 40px;
	font-size: 10px;
}
.contactform #postcodeNumbers {
	border: 1px solid #999;
	width: 40px;
	font-size: 10px;
}
.contactform #postcodeLetters {
	border: 1px solid #999;
	width: 20px;
	font-size: 10px;
}
.contactform #lastname {
	border: 1px solid #999;
	width: 100px;
	font-size: 10px;
}
.contactform #email {
	border: 1px solid #999;
	width: 252px;
	font-size: 10px;
}
.contactform .textField {
	border: 1px solid #999;
	width: 252px;
	font-size: 10px;
}
.contactform #orderbook {
	margin-left: 132px;
}
.contactform textarea {
	margin: 2px;
	border: 1px solid #999;
	width: 252px;
	height: 100px;
	font-family: verdana, arial, sans-serif;
	font-size: 10px;
}
.contactform #submitButton {
	border: 1px solid #999;
	background-color: #eee;
	margin: 2px 2px 2px 132px;
}
.contactform #reset {
	border: 1px solid #999;
	background-color: #eee;
	margin: 2px;
}

/* *********************************************************** */
/* ** form													** */
/* *********************************************************** */
div.form {
	margin: 20px 0px 0px 60px;
	width: 450px;
	font-size: 10px;
}
div.form form {
	margin: 0px;
	padding: 0px;
}
.form fieldset {
	border: 0;
	padding: 0;
	margin: 0;
	font-family: verdana, arial, sans-serif;
}
.form input {
	margin: 2px;
	border: 1px solid #999;
}
.form label {
	float: left;
	display: block;
	width: 120px;
	margin-right: 10px;
	margin-top: 5px;
	font-size: 11px;
	font-weight: bold;
	text-align: right;
}
.form select {
	margin: 2px;
	border: 1px solid #999;
}
.form #button {
	border: 1px solid #999;
	background-color: #eee;
	margin: 2px 2px 2px 132px;
}

/*
div.form {
	margin: 20px 0px 0px 60px;
	width: 450px;
	font-size: 10px;
}
div.form form {
	margin: 0px;
	padding: 0px;
}
.form fieldset {
	border: 0;
	padding: 0;
	margin: 0;
	font-family: verdana, arial, sans-serif;
}
.form input {
	margin: 2px;
}
.form label {
	float: left;
	display: block;
	width: 120px;
	margin-right: 10px;
	margin-top: 5px;
	font-size: 11px;
	font-weight: bold;
	text-align: right;
}
.form #firstname {
	border: 1px solid #999;
	width: 96px;
	font-size: 10px;
}
.form #infix {
	border: 1px solid #999;
	width: 40px;
	font-size: 10px;
}
.form #huisnummer {
	border: 1px solid #999;
	width: 40px;
	font-size: 10px;
}
.form #postcodeNumbers {
	border: 1px solid #999;
	width: 40px;
	font-size: 10px;
}
.form #postcodeLetters {
	border: 1px solid #999;
	width: 20px;
	font-size: 10px;
}
.form #lastname {
	border: 1px solid #999;
	width: 100px;
	font-size: 10px;
}
.form #email {
	border: 1px solid #999;
	width: 252px;
	font-size: 10px;
}
.form .textField {
	border: 1px solid #999;
	width: 252px;
	font-size: 10px;
}
.form #orderbook {
	margin-left: 132px;
}
.form textarea {
	margin: 2px;
	border: 1px solid #999;
	width: 252px;
	height: 100px;
	font-family: verdana, arial, sans-serif;
	font-size: 10px;
}
.form #submitButton {
	border: 1px solid #999;
	background-color: #eee;
	margin: 2px 2px 2px 132px;
}
.form #reset {
	border: 1px solid #999;
	background-color: #eee;
	margin: 2px;
}
*/
/************************************************************************/
/* Bewoner gegevens													*/
/************************************************************************/

div.bgegevens {
	margin: 0 10px 0 10px;
	width: 550px;
	clear: both;
}
.bgegevens table {
	width: 100%;
	font-size: 10px;
}
.bgegevens td {
	font-family: Verdana, Arial, Sans-serif;
	font-size: 10px;
	color: #777777;
}
.bgegevens .noimg {
	border: 1px solid #ccc;
}

.bgegevens .headcol {
	width: 550px;
	font-family: Verdana, Arial, Sans-serif;
	font-size: 12px;
	font-weight: bold;
	padding: 3px 0 3px 0;
	text-indent: 5px;
	background: #CCC;
	color: #FFF;
}
.bgegevens .leftcol {
	float: left;
	width: 270px;
}
.bgegevens .rightcol {
	margin: 0 0 0 10px;
	float: left;
	width: 270px;
}
.bgegevens .label {
	padding: 1px;
	font-family: Verdana, Arial, Sans-serif;
	font-size: 10px;
	font-weight: bold;
	background: #EEE;
	color: #777777;
	height: 14px;
}
.bgegevens .smalllabel {
	padding: 1px;
	font-family: Verdana, Arial, Sans-serif;
	font-size: 10px;
	font-weight: bold;
	background: #EEE;
	color: #777777;
	height: 14px;
	width: 100px;
}
.bgegevens .buttons {
	text-align: right;
}
.bgegevens .buttons a {
	font-family: Verdana, Arial, Sans-serif;
	font-size: 10px;
}
.bgegevens .textfield {
	border: 1px solid #CCC;
	font-family: Verdana, Arial, Sans-serif;
	font-size: 11px;
	font-weight: normal;
	width: 155px;
	height: 12px;
}
.bgegevens .smalltextfield {
	border: 1px solid #CCC;
	font-family: Verdana, Arial, Sans-serif;
	font-size: 11px;
	font-weight: normal;
	width: 60px;
	height: 12px;
}
.bgegevens .filefield {
	font-size: 10px;
}
.bgegevens .textarea {
	width: 262px;
	height: 80px;
	border: 1px solid #CCC;
	font-family: Verdana, Arial, Sans-serif;
	font-size: 11px;
	font-weight: normal;
	margin: 0;
}
.bgegevens .selectarea {
	width: 265px;
	height: 200px;
	border: 1px solid #CCC;
	font-family: Verdana, Arial, Sans-serif;
	font-size: 11px;
	font-weight: normal;
}
.bgegevens .blob {
	width: 262px;
	height: 200px;
	border: 1px solid #CCC;
	font-family: Verdana, Arial, Sans-serif;
	font-size: 11px;
	font-weight: normal;
	margin: 0;
}
.bgegevens #merken {
	height: 60px;
	width: 540px;
	border: 1px solid #CCC;
	font-family: Verdana, Arial, Sans-serif;
	font-size: 11px;
	font-weight: normal;
	margin: 0;
}
.bgegevens .smallselect {
	width: 157px;
	border: 1px solid #CCC;
	font-family: Verdana, Arial, Sans-serif;
	font-size: 11px;
	font-weight: normal;
}


/************************************************************************/
/* Bewoners search result style														*/
/************************************************************************/
div.result {
	margin: 0 20px 0 20px;
}
.result div.letter {
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#01574e;
	display:block;
	z-index:1;

}
.result div.comp {
	float:right;
	width:500px;
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:11px;
	color:#01574e;
	z-index:100;
}
.result div.comp p {
	font-family: Arial, Verdana, Sans-serif;
	font-size: 11px;
	font-weight:normal;
	color:#757575;
}
.result div.dotted {
	clear:both;
	height:1px;
	margin:0;
	padding:0;
	line-height:0;
	border-top:1px dotted #01574e;
	padding-bottom:3px;
}
.result h2 {
	font-family: Arial, Verdana, Sans-serif;
	font-size: 14px;
	margin: 0 0 5px 0;
}
.result p {
	font-family: Arial, Verdana, Sans-serif;
	font-size: 11px;
	margin: 0 0 5px 0;
}
/************************************************************************/
/* Bewoners detail style														*/
/************************************************************************/
div.bdetail {
	margin: 0 20px 0 20px;
	font-family: Arial, Verdana, Sans-serif;
	font-weight: normal;
	font-size: 11px;
	text-align:left;
}
.bdetail h2 {
	font-family: Arial, Verdana, Sans-serif;
	font-size: 18px;
	font-weight: normal;
	margin: 0 0 20px 0;
	color:#01574e;
}
.bdetail h3 {
	font-family: Arial, Verdana, Sans-serif;
	font-size: 14px;
	font-weight: bold;
	margin: 5px 0 5px 0;
	color:#01574e;
}
.bdetail p {
	font-family: Arial, Verdana, Sans-serif;
	font-size: 13px;
	margin: 0 0 5px 0;
}
.bdetail image {
	float:right;
}
.bdetail table {
	
}
.bdetail table th {
	width:100px;	
	vertical-align: top;
	font-weight: normal;
	font-size: 11px;
	text-align:left;
	color:#757575;
}
/************************************************************************/
/* Bewoners search 1 style														*/
/************************************************************************/
div.search {
	margin: 0 20px 0 20px;
}
.search h2 {
	font-family: Arial, Verdana, Sans-serif;
	font-size: 18px;
	font-weight: normal;
	margin: 0 0 5px 0;
}
.search p {
	font-family: Arial, Verdana, Sans-serif;
	font-size: 13px;
	margin: 0 0 5px 0;
}
#bform{
	margin:0;
	padding:0;
	border:1px dotted #01574e;
}
#bform form{
	margin:10px 0 10px 0;
	padding:0;
}
#bform fieldset {
	margin:0;
	padding:2px 0 0 0;
	border:0px;
}
#bform input.itext {
	display: block;
	margin-left:10px;
	width: 150px;
	float: left;
	margin-bottom: 10px;
	border:1px solid #a5acb2;
}
#bform input.ibut {
	display: block;
	margin-left:10px;
	float: left;
	margin-top: -2px;
}
#bform select {
	margin-left:10px!important;
	margin-left:7px;
	width: 165px;
	border:1px solid #a5acb2;
}
#bform label {
	text-align: left;
	width: 115px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:11px;
	color:#757575;
	display: block;
	margin:0 0 10px 10px;
	float: left;
}

#bform br {
	clear: left;
}

.search #abc {
	margin:10px 0 10px 0;
	padding:5px 0 5px 10px;
	height:20px;
	width:521px;
	display: block;
	float: left;
	background-color:#e5eeed;
}
.search #abc a:link, 
.search #abc a:visited, 
.search #abc a:hover, 
.search #abc a:active {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:11px;
	color:#757575;
	text-decoration:none;

}
.search #abc .pipe {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:11px;
	color:#cbcaca;
}
.sresult a:link, 
.sresult a:visited, 
.sresult a:hover, 
.sresult a:active {
	font-size: 14px;
	font-weight: bold;
	margin: 0 0 5px 0;
	position: relative;
	display: block;
	border-bottom: 1px solid #000;
}

/************************************************************************/
/* Download page														*/
/************************************************************************/
div.downloadrow {
	clear: left;
	border-top: 1px dashed #000;
	background-color: #e7e7f1;
	padding: 10px;
	min-height: 50px;
	height: auto !important;
	height: 50px;
	font-family: verdana, arial, sans-serif;
	font-size: 10px;
	color: #666;
}
div.downloadicon {
	float: left;
	position: relative;
	margin: 0 10px 0 0;
}
div.downloadcontent {
	width: 350px;
	float: left;
}
.downloadcontent em {
	font-size: 11px;
}
.downloadcontent p {
	font-size: 11px;
}

/************************************************************************/
/* Tab area																*/
/************************************************************************/
div#tabarea {
	width:540px;
	overflow:hidden;
	margin: 0 0 20px 20px;
	padding-top:20px;
	background:url(/docroot/images/tabarea_bg.gif) 0 0 no-repeat;
	font-family:Tahoma, Verdana, Sans-serif;
}
div#tabarea .title {
	float:left;
	width: 200px;
}
div#tabarea .title h2 {
	float:left;
	display:inline;
	text-indent:-9999px;
	width:134px;
	height:41px;
	margin:0 0 0 30px;
	background:url(/docroot/images/heading_tehuur.gif) 0 0 no-repeat;
}
div#tabarea.uk .title h2 {
	float:left;
	display:inline;
	text-indent:-9999px;
	width:134px;
	height:41px;
	margin:0 0 0 30px;
	background:url(/docroot/images/heading_tehuur_uk.gif) 0 0 no-repeat;
}
div#tabarea h3 {
	float:right;
	margin:0;
	padding:15px 15px 0 0;
	font-family: Arial, Verdana, Sans-serif;
	font-size:1.3em;
}
div#tabarea ul { list-style:none; }
/* overzicht styles */
div#tabarea h4 { margin:0 0 0.1em 0; }
div#tabarea p { 
	font-size:0.69em; 
	margin:0 0 0.5em 0;
	line-height:1.3;
}
div#tabarea .overview {  
	padding:0 0 35px 10px;
	margin:0;
	background:url(/docroot/images/tabarea_bot.gif) 0 100% no-repeat; 
}
div#tabarea .overview ul { 
	padding:40px 0 0 32px;
	margin:0;
}
div#tabarea .overview li {
	width:450px;
	clear:left;
	overflow:hidden;
	margin-bottom:10px;
	border-bottom:1px dashed #cecdcd;
}
div#tabarea .overview li a { font-size:0.69em; }
div#tabarea .overview li a.photo-link {
	display:block;
	width:90px;
	margin:0 12px 0 0;
	padding:4px 0 14px 0;
	float:left;
	text-align:center;
}
	div#tabarea .overview li a.photo-link img { border:1px solid #7f7f7f; }
	div#tabarea .overview li a.more-info, 
	div#tabarea a.back { 
		float:left;
		display:block;
		text-indent:-9999px;
		width:57px;
		height:10px;
		padding-bottom:25px;
		background:url(/docroot/images/btn_meer_info.gif) 0 0 no-repeat;
	}
	div#tabarea.uk .overview li a.more-info, 
	div#tabarea.uk a.back { 
		float:left;
		display:block;
		text-indent:-9999px;
		width:57px;
		height:10px;
		padding-bottom:25px;
		background:url(/docroot/images/btn_meer_info_uk.gif) 0 0 no-repeat;
	}
	div#tabarea a.back { 
		width:150px;
		height:15px;
		margin:0 0 0 15px;
		padding-bottom:0;
		background:url(/docroot/images/btn_back_to_ov.gif) 0 0 no-repeat; 
	}
	div#tabarea.uk a.back { 
		width:150px;
		height:15px;
		margin:0 0 0 15px;
		padding-bottom:0;
		background:url(/docroot/images/btn_back_to_ov_uk.gif) 0 0 no-repeat; 
	}
/* tab styles */
div#tabarea .tabs { 
	float:right; 
	margin-right:19px; 
	margin-bottom:20px; 
}
div#tabarea .tabs h3 { 
	float:none; 
	padding:0; 
	min-height:25px; 
	height:auto !important; height:25px;
	margin:10px 0 0 3px; 
	font-size:1em; 
}
div#tabarea .tabs ul { 
	margin:0; 
	padding:0; 
}
div#tabarea .tabs li { display:inline; }
div#tabarea .tabs li a { 
	float:left;
	display:block;
	text-indent:-9999px; 
	height:20px; 
}
div#tabarea .tabs li.description a { 
	width:93px; 
	background:url(/docroot/images/tab_omschrijving.gif) 0 0 no-repeat; 
}
div#tabarea.uk .tabs li.description a { 
	width:93px; 
	background:url(/docroot/images/tab_omschrijving_uk.gif) 0 0 no-repeat; 
}
div#tabarea .tabs li.features a { 
	width:81px; 
	background:url(/docroot/images/tab_kenmerken.gif) 0 0 no-repeat; 
}
div#tabarea.uk .tabs li.features a { 
	width:78px; 
	background:url(/docroot/images/tab_kenmerken_uk.gif) 0 0 no-repeat; 
}
div#tabarea .tabs li.photos a { 
	width:56px; 
	background:url(/docroot/images/tab_fotos.gif) 0 0 no-repeat; 
}
div#tabarea.uk .tabs li.photos a { 
	width:56px; 
	background:url(/docroot/images/tab_fotos_uk.gif) 0 0 no-repeat; 
}
div#tabarea .tabs li.map a { 
	width:91px; 
	background:url(/docroot/images/tab_plattegrond.gif) 0 0 no-repeat; 
}
div#tabarea.uk .tabs li.map a { 
	width:56px; 
	background:url(/docroot/images/tab_plattegrond_uk.gif) 0 0 no-repeat; 
}
div#tabarea .tabs ul li a:hover { background-position:0 -200px; }
div#tabarea .tabs ul li a.current, 
div#tabarea .tabs ul li a.current:hover { background-position:0 -400px; }
div#tabarea .tabs ul li a:focus { outline:0; }

div#tabarea.uk .tabs ul li a:hover { background-position:0 -200px; }
div#tabarea.uk .tabs ul li a.current, 
div#tabarea.uk .tabs ul li a.current:hover { background-position:0 -400px; }
div#tabarea.uk .tabs ul li a:focus { outline:0; }

/* styles tab pages */
div#tabarea .tabcontent { 
	display:none;
	clear:left; 
	padding-bottom:35px;
	padding-left:10px;
	min-height: 300px;
	height: auto !important;
	height: 300px;
	background:url(/docroot/images/tabarea_bot.gif) 0 100% no-repeat;
}
	div#tabarea .ontop { display:block; }
div#tabarea .tabcontent .imgcol { 
	float:left; 
	width:200px; 
	margin:-27px 0 0 0;
	padding-top:10px;
	min-height: 200px;
	height: auto !important;
	height: 200px;
}
div#tabarea .tabcontent .imgcol .paperclip {
	position: absolute;
	top: -5px;
	left: 80px;
}
div#tabarea .textcol {
	float:left;
	width:290px;
}
div#tabarea .text, 
div#tabarea .mapcontent {
	margin:0 30px 10px 20px;
}
div#tabarea p.intro { font-weight:bold; }
div#tabarea .photo-preview { 
	display:inline;
	float:left;
	width:228px; 
	margin:0 0 20px 20px;
	background:#cecdcd; 
}
div#tabarea .photo-preview a.photo-link { 
	display:block;
	width:228px;
	height:158px;
	overflow:hidden;
	text-align:center;
}
div#tabarea .photo-preview img,
div#tabarea .photo-preview span { 
	margin-top:10px;
	border:4px solid #fff; 
}
div#tabarea .photo-preview .photo-info { 
	width:228px; 
	overflow:hidden; 
	padding:4px 0;
	background:url(/docroot/images/dot.gif) 0 0 repeat-x; 
}
div#tabarea .photo-preview .photo-caption { 
	width:150px; 
	display:inline;
	float:left; 
	margin-left:10px; 
	font-size:0.63em;
	height: 26px;
	overflow: hidden;
}
div#tabarea .photo-preview a.enlarge-photo { 
	float:right; 
	margin-right:10px; 
	font-size:0.63em; 
	color:#3487ee; 
	text-decoration:none; 
}
div#tabarea .photo-preview a.enlarge-photo:hover { text-decoration:underline; }

/************************************************************************/
/* Portal																*/
/************************************************************************/
#navcolumn .logo {
	margin: 0 0 20px 0;
}
div.portal {
	background: url(/docroot/images/bg_portal.png) 0 0 no-repeat;
	min-height: 400px;
	height: auto !important;
	height: 400px;
	width: 600px;
	margin: 0 0 0 30px;
	position: relative;
	padding: 1px;
}
div.portal .paperclip {
	position: absolute;
	top: 2px;
	left: 450px;
	z-index: 10;
}
div.portal div.site-select {
	width: 589px;
	padding: 12px 0 0 0;
	position: relative;
}
div.portal .site-select .top {
	height: 8px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src='/docroot/images/bg_site_select_top.png');
	background-repeat: no-repeat;
	background-position: 0 0;
}
div.portal div.site-select .top[class] {background-image: url(/docroot/images/bg_site_select_top.png);}
div.portal div.site-select .middle {
	width: 585px;
	min-height: 330px;
	height: auto !important;
	height: 330px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src='/docroot/images/bg_site_select_middle.png', sizingMethod='scale');
	background-repeat: repeat-y;
	background-position: 0 0;
	padding: 1px;
}
div.portal div.site-select .middle {background-image: url(/docroot/images/bg_site_select_middle.png);}
div.portal div.site-select .bottom {
	height: 12px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src='/docroot/images/bg_site_select_bottom.png');
	background-repeat: no-repeat;
	background-position: 0 0;
}
div.portal div.site-select .bottom {background-image: url(/docroot/images/bg_site_select_bottom.png);}

div.portal ul {
	margin: 0 0 0 8px;
	padding: 0;
	list-style: none;
}
div.portal li {
	display: block;
	float: left;
	position: relative;
	background: #0b1867;
	margin: 0 5px 6px 0;
	width: 185px;
	height: 115px;
	overflow: hidden;
	padding: 0;
}
div.portal li span.blok {
	display: block;
	position: absolute;
	padding: 0 5px 0 2px;
	top: 87px;
	left: 0;
	height: 29px;
	background:transparent;
	font-family: Verdana, Arial, Sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	color: #fff;
	cursor: pointer;
	width:180px;
}
div.portal li span.blok img {
	float: left;
	margin: 2px 3px 0 0;
	border: 0;
	cursor: pointer;
}
span.rssfeed{
	float:right;
	margin-top:7px;
}