﻿/*kleuren

rood: #CC0033;
donkerrood: #990033;
*/
/*Algemeen*/
html{overflow-y:scroll;}
body{font-family: Arial, Myriad Pro, Verdana, Helvetica, sans-serif;font-size:62.5%;line-height:1.8em;margin:0;}
#OverallContainer{color:#000;margin:0 auto;font-size:1.2em;position:relative;width:980px;}
.clearer{clear:both;}
a:hover{color:#666;cursor:pointer;text-decoration:none;}
img{border:0;}
.hidden{display:none;}
a{color:#666;}
a:hover{color:#666;}
h1{color:#CC0033;font-size:1.4em;margin:0;padding:5px 0 5px;}
h2{color:#CC0033;font-size:1.1em;margin:0;padding:5px 0 5px;}
h3{color:#CC0033;font-size:1em;margin:0;padding:5px 0 5px;}
select, text-area, input{color:#666;font-family: Arial, Verdana;}
.titel{border-bottom:1px dotted #ccc;color:#666;margin:0;padding:30px 0 10px 0;}
label{float:left;width:100px;}
.submitbutton{background-color:#CC0033;border:none;clear:both;color:#fff;cursor:pointer;display:block;font-weight:bold;height:24px;line-height:24px;margin-top:10px;text-align:center;text-decoration:none;width:84px;}
.submitbutton:hover{background-color:#990033;}
.validationerror{color:#CC0033;}
/* start elementen bovenaan de pagina */
#header{border-bottom:1px solid #ccc;height:114px;margin-top:10px;position:relative;width:980px;z-index:500;}
.logo{float:left;height:114px;text-align:center;width:250px;}
/*Headermenu*/
.headermenu{float:right;font-size:80%;height:75px;text-decoration:none;width:320px;z-index:400}
.zoeken{border:none;float:left;}
.nvm{margin-left:4px;}
#menuheadermenu, #menufootermenu{font-size:1em;text-align:center;}
#menuheadermenu ul, #menufootermenu ul{margin:0;padding-left:0;}
#menuheadermenu li, #menufootermenu li{float:left;list-style-type:none;}
#menuheadermenu a, #menufootermenu a{
	background-image:url("/images/lijn.gif");
	background-position:center right;
	background-repeat:no-repeat;
	color:#666666;
	float:left;
	padding-right:15px;
	}
#menuheadermenu a{
	background-image:none;
	}
#menuheadermenu a:visited, #menufootermenu a:visited {color: #222;}
#menuheadermenu a:hover, #menufootermenu a:hover {color: #222;text-decoration:underline;}
/*hoofdmenu*/
#menuhoofdmenu{position:relative;float:left;font-size:80%;height:34px;margin:6px 0 0 27px;padding: 0;width:600px;z-index:400;}
#menuhoofdmenu ul{float:left;font-size:1.3em;padding: 0;margin: 0;list-style: none;width:600px;color:#CC0033;z-index:2;}
#menuhoofdmenu li.active,#menuhoofdmenu li:hover {background-image:url("/images/MenuButton.gif");background-position:0 0;background-repeat:no-repeat;float: left;list-style-type:none;margin-right:1px;text-align: center;padding-left:4px;position:relative;width:90px;}
#menuhoofdmenu li{float: left;list-style-type:none;margin-right:1px;text-align: center;padding-left:4px;position:relative;width:90px;z-index:400;}
#menuhoofdmenu li a, #menuhoofdmenu li a:hover, #menuhoofdmenu li a.selected{
	font-weight:bold;
    line-height:34px;
    text-decoration:none;
    display: block;
    color:#CC0033;
    }
#menuhoofdmenu li a:hover, #menuhoofdmenu li a.selected{color:#666;	}
#menuhoofdmenu li.active a, #menuhoofdmenu li a:hover{cursor:pointer;text-align:center;}
#menuhoofdmenu li.active a, #menuhoofdmenu li.active li.active a{color:#666;}
#menuhoofdmenu li.active a:hover{color:#666;}
#menuhoofdmenu li.active li a, #menuhoofdmenu li.active li a:hover{background-image:none;}
#menuhoofdmenu li.active li.active{background-image:none;padding:0;}
#menuhoofdmenu li.active li a{color:#CC0033;}
#menuhoofdmenu li.active li a:hover{color:#666;}
#menuhoofdmenu li ul{background-color:#fff;border-bottom:1px solid #ccc;border-left:1px solid #ccc;border-right:1px solid #ccc;display: none;margin-top:-1px;margin-left:-4px;padding:0;position:relative;z-index: 400;width:92px;}
#menuhoofdmenu li ul li, #menuhoofdmenu li ul li:hover{background-image:none;background-color:#fff;color:#666;padding-left:0;}
#menuhoofdmenu li ul li:hover{color:#666;}
#menuhoofdmenu li ul li a{background-position:0 0;background-image:none;font-size:75%;padding:0;}
#menuhoofdmenu li ul li a:hover{background-image:none;}
#menuhoofdmenu li ul li a.selected:hover{background-image:none;background-color:#ccc;}
#menuhoofdmenu li:hover ul {display:block;background-image:none;background-position:0px 0px;background-image:none;	z-index:6;}
/*Fix hover ie7*/
#menuhoofdmenu li:hover, #menuhoofdmenu li.hover{position: static;}
.icons{float:right;margin:10px 25px 0 0;}
/* Einde menuhoofdmenu */
.KolomLinks{float:left;	margin:20px 0 0 50px;}
#KolomMidden{float:left;margin-top:20px;padding:0 15px 0 15px;position:relative;width:456px;}
#KolomRechts{float:left;margin-top:20px;width:221px;}
/*Afspraken*/
#KolomRechts .tabs {
	margin: 0;
	padding: 0;
}
#KolomRechts .tabs li {
	background-image: url('/images/bellen.gif');	
	background-position: left bottom;
	background-repeat: no-repeat;
	float: left;
	height: 29px;
	line-height: 29px;
	list-style-type: none;
	margin-right: 1px;
	padding-left: 19px;
	width: 40px;
	z-index: 1;
}
#KolomRechts .tabs li:hover, #KolomRechts .tabs .selected {
	background-position: left top;
}
#KolomRechts .tabs li + li {
	background-image: url('/images/afspraak.gif');
	width: 54px;
}
#KolomRechts .tabs li + li + li {
	background-image: url('/images/nieuwsbrief.gif');
	margin-right: 0;
	width: 68px;
}
#KolomRechts .pages {
	background-color:#F4F4F4;
	border-bottom:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	clear: both;
	height: 176px;
	padding: 0 10px;
	width: 199px;
}
#KolomRechts .pages h2 {
	font-size: 120%;
	padding: 15px 0 0;
}
#KolomRechts .pages input {
	margin-bottom: 7px;
}
#KolomRechts .pages .submitbutton {
	background-color: #CC0033;
	border: 0;
	color: #fff;
	cursor:pointer;
	font-weight:bold;
	height: 24px;
	width: 84px;
}
#KolomRechts .pages .submitbutton:hover {
	background-color: #990033;
}
/*Zoeken*/
.zoekpanel{background-image:url(/images/zoeken.jpg);background-repeat:no-repeat;float:right;padding-left:10px;position:relative;width:195px;}
.zoekpanel input{border:0;background-color:transparent;background-image:none;cursor:pointer;font-size:90%;height:19px;line-height:19px;}
.zoekbutton input{height:21px;position:absolute;right:0;width:35px;}
/*Banners*/
.bannre{background-color:#f4f4f4;width:190px;}
.bannre img{border:1px solid #CCCCCC;}
.bannre .banlink{background-color:#CC0033;float:left;margin-bottom:20px;}
/*Snelzoeker*/
.ZoekContainer{background-color:#f4f4f4;border:1px solid #ccc;height:145px;margin-bottom:20px;padding:10px 20px 20px 20px;width:150px;}
.Button input, .Submit, .login input{	background-color:#CC0033;border:none;color:#fff;cursor:pointer;display:block;font-weight:bold;height:24px;line-height:24px;margin-top:10px;text-align:center;text-decoration:none;width:84px;}
.Button input:hover, .Submit:hover, .login input:hover{background-color:#990033;}
.ZoekContainer h2{color:#CC0033;	margin-top:0;}
.MasterFilterContainer select{display:block;font-size:110%;margin-bottom:5px;width:160px;}
/*Chatfunctie*/
.cb_online {margin-bottom:20px;}
/*Content*/
.AllContainer{padding-left:10px;width:450px;}
.eigenaartekst textarea{width:435px;}
/*Sfeerbeeld*/
.sfeerbeeld{display:block;height:175px;margin-bottom:12px;position:relative;width:460px;z-index:2;}
.sfeerbeeld .bijschrift{	color:#FFFFFF;font-size:150%;left:24px;line-height:1.4em;position:absolute;top:24px;width:100px;}
/*Nieuws*/
#NieuwsContainer{clear:both;}
#NieuwsContainer .newsitem{margin:10px 0;}
#NieuwsContainer .nieuwsbericht{float:left;font-size:90%;position:relative;width:465px;}
#NieuwsContainer .nieuwsbericht h2{color:#666;float:left;font-weight:normal;margin:0;padding:0 0 0 70px;width:330px;}
#NieuwsContainer .startdatum{color:#CC0033;font-weight:bold;position:absolute;left:0;width:100px;top:0;}
#NieuwsContainer .leesmeer{float:right;width:52px;}
#NieuwsContainer .kortetekst{display:none;}
#NieuwsContainer .meernieuws{margin:10px 0;}
/*Links Module*/
.links{clear:both;margin:0;padding:10px 0 0 0;}
.links li{background-image:url("/images/list.gif");background-position:0 6px;background-repeat:no-repeat;list-style-type:none;padding-left:15px;}
/*Nieuw in Verkoop*/
.nieuwewoningen{font-size:80%;line-height:1.3em;text-decoration:none;}
.nieuwewoningen .woning{border-bottom:1px dotted #ccc;float:left;margin-bottom:0;padding:10px 0;width:215px;}
.nieuwewoningen .brochuretekst p{color:#CC0033;font-weight:bold;margin:0;}
.nieuwewoningen .fotocontainer{float:left;width:100px;}
.nieuwewoningen .fotocontainer img{border:1px solid #999;}
.nieuwewoningen .adres{float:left;width:115px;}
/*Kijk en vergelijk*/
.kijkvergelijk{background-color:#F4F4F4;border:1px solid #CCCCCC;clear:both;color:#CC0033;font-weight:bold;font-size:140%;padding:10px;text-align:center;width:170px;}
/*Route map*/
#Route label{float:left;width:150px;}
/*Medewerkers*/
.medewerkers .odd, .medewerkers .even{margin-bottom:10px;}
.medewerkers .odd img, .medewerkers .even img{display:block;}
.medewerkers .naam{display:block;font-weight:bold;}
.medewerkers .bijschrift span{display:block;}
.medewerkers .bijschrift .functie, .medewerkers .bijschrift .afdeling{display:inline;}
/*Footer*/
#FooterContainer{color:#666666;float:left;font-size:90%;padding-top:10px;margin:10px 0 0 40px;width:940px;}
#FooterContainer p{margin:0;}
#FooterContainer .naam, #FooterContainer .media{float:left;}
#FooterContainer .media a{float:left;text-decoration:none;}
#FooterContainer .poweredby{float:right;}
#menufootermenu{float:left;}
#menufootermenu ul li{list-style-type:none;}
#ondertitel{float:left;margin:10px;width:900px;}
.vestigingenfooter{background-color:#F4F4F4;border:1px solid #CCCCCC;border-bottom:1px dotted #CCCCCC;float:left;font-weight:bold;margin-left:10px;padding-left:20px;width:885px;}
.vestigingenfooter ul{margin:0;padding:10px 0 10px 20px;}
.vestigingenfooter .emmen, .vestigingenfooter .klazienaveen, .vestigingenfooter .coevorden, .vestigingenfooter .bedrijfsmakelaars{border-right:1px solid #999999;float:left;list-style:none;width:190px;}
.vestigingenfooter .bedrijfsmakelaars{border:0;}
.rood{color:#CC0033;}
/*Addthis*/
.addthis{margin-right:-6px;}
.addthis_toolbox{float:right;}
/*Sitemap*/
.SitemapKop{color:#CC0033;font-size:120%;font-weight:bold;margin-top:10px;}
.SitemapMenuSubKop{font-weight:bold;margin-top:5px;}
/*Zoekfunctie*/
.paginering {margin:10px 0;}
.paginering label{width:160px;}
.Failure{color:#CC0033;}
/*Banner slideshow*/
.BannerSlideshowContainer {
	border:1px solid #999;
	clear: left;
	height: 163px;
	padding: 7px 0;
	width: 455px;
}
.BannerSlideshowMainPane {
	width: 440px;
	height: 115px;
	margin: 0 auto 14px;
}
.BannerSlideshowText {
	color: white;
	background-color: #CC0033;
	width: 189px;
	height: 109px;
	padding: 3px;
	float: left;
}
.BannerSlideshowText a {
	color: #fff;
}
.bannerslideshowbijschrift {
	display: block;
	font-size: 150%;
	font-weight: bold;
	margin-top:5px;
}
.BannerSlideshowFoto {
	width: 244px;
	height: 115px;
	float: left;
	background-color: #CC0033;
}
.BannerSlideShowPrev {
	background-image: url("/images/BannerSlideshowNav.gif");
	background-repeat: no-repeat;
	float: left;
	width: 13px;
	height: 25px;
	background-position: left 9px;
	text-decoration: none;
}
.BannerSlideShowNext {
	background-image: url("/images/BannerSlideshowNav.gif");
	background-repeat: no-repeat;
	float: right;
	width: 13px;
	height: 25px;
	background-position: left -26px;
	text-decoration: none;
}
.BannerSlideshowMiniFotobox {
	width: 438px;
	margin: 0 auto;
}
.shortcontent {
	background-image: url('/images/shortcontent.gif');
	background-repeat: no-repeat;
	background-position: bottom left;
	clear: both;
	height: 83px;
	margin-left: -141px;
	padding-left: 141px;
}
.shortcontent .contentbase {
	float: left;
	width: 122px;
}
.shortcontent .contentbase + .contentbase {
	margin-left: 16px;
}
.shortcontent h2 {
	font-size: 150%;
	margin: 5px 0 10px 0;
}
.shortcontent .textdiv {
	margin: 0;
}