@charset "UTF-8";

/* WSTW CSS */

/*************************************************/
/* HTML tag styles                               */
/*************************************************/

* {
	/* Reset browsers default margin, padding and font sizes */
	margin:0;
	padding:0;
}

body, html {
	height:100%;
}

body {
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
}

/*************************************************/
/* Page Layout styles                            */
/*************************************************/

/* Positionering algemeen
**************************************************/

div .no-marginbottom {
	margin-bottom:0px;
}

/* Page Layout
**************************************************/

#outer_table {
	width:100%;
	height:100%; /* IE6:treaded as min-height*/
	min-height:100%;
}

#left {
	width:auto;
	background:#149971 url(../img/img_body/left_bg_tile.jpg) repeat-x left top;
	vertical-align:top;
}

#leftbar {
	background:url(../img/img_body/leftbar_bg_tile.jpg) repeat-y;
	width:50px;
	vertical-align:top;
}

#leftbar_top {
	background:url(../img/img_body/leftbar_bg_top.jpg) no-repeat;
	height:487px;
	width:50px;
}

#leftbar_top_home {
	background:url(../img/img_body/leftbar_bg_top_home.jpg) no-repeat;
	height:487px;
	width:50px;
}

#right {
	width:auto;
	background:#4F95B0 url(../img/img_body/right_bg_tile.jpg) repeat-x left top;
}

#rightbar {
	background:url(../img/img_body/rightbar_bg_tile.jpg) repeat-y;
	width:50px;
	vertical-align:top;
}

#rightbar_top {
	background:url(../img/img_body/rightbar_bg_top.jpg);
	height:487px;
	width:50px;
}

#wrap_container {
	width:980px;
	vertical-align:top;
}

#wrap {
	width:980px;
}

#header_home {
	background:url(../img/img_site/header_bg.jpg) no-repeat left top;
	height:487px;
	position:relative; /* refbox */
	vertical-align:top;
}

#header {
	background:url(../img/img_site/header_bg.jpg) no-repeat left top;
	height:244px;
	position:relative; /* refbox */
	vertical-align:top;
}

#print_header {
	display:none;
}

#homeplaat {
	background:url(../img/img_site/header_img_home.jpg) no-repeat;
	width:726px;
	height:375px;
	position:absolute;
	top:112px;
}

#bovenplaat {
	height:132px;
	width:726px;
	position:absolute;
	top:112px;
}

#zoeken {
	background:url(../img/img_site/zoeken_bg.jpg) no-repeat;
	height:55px;
	width:231px;
	position:absolute;
	right:11px;
	vertical-align:top;
	font-size:1.2em;
	color:#fff;
}

#zoeken p {
	margin-bottom:5px;
	margin-top:5px;
	margin-left:10px;
}

#zoeken img {
	vertical-align:middle;
	float:none;
	cursor:pointer;
}

#zoeken input {
	width:170px;
	margin-right:5px;
	margin-left:10px;
	background:#FFFFFF;
	font-size:1em;
	color:#333333;
	padding:2px;
}

#adresregel {
	position:absolute;
	height:auto;
	width:auto;
	right:255px;
	font-size:1.2em;
	line-height:16px;
	color:#444;
	font-weight:bold;
	top:80px;
}

#kleingroot {
	background:url(../img/img_icons/kleingroot_icon.jpg) no-repeat right center;
	position:absolute;
	height:13px;
	width:auto;
	padding-right:26px;
	font-size:1.2em;
	line-height:16px;
	color:#444;
	font-weight:bold;
	right:11px;
	top:80px;
}

#kleingroot a {
	color:#444;
	text-decoration:underline;
}

#kleingroot a:hover {
}

#block_header {
	position:absolute;
	right:11px;
	top:111px;
	width:auto;
}

#banner_header_home {
	height:132px;
	width:231px;
	position:absolute;
	right:11px;
	top:355px;
}

#banner_geenaanbod {
  background:url(../img/img_banners/banner_geenwoningaanb_home.jpg) top left no-repeat;
  width:231px;
  height:132px;
  font-size:18px;
  color:#fff;
  text-transform:uppercase;
  text-align:center;
  cursor:default;
}

#banner_geenaanbod div {
  padding-top:33px;
}

#banner_header {
	height:132px;
	width:231px;
	position:absolute;
	right:11px;
	top:111px;
}

#hor_navbar {
	background:url(../img/img_site/hor_nav_bg_tile.jpg) repeat-x;
	height:44px;
	width:958px;
	margin-left:11px;
	text-align:center;
}

#middle_container {
}

#footer_container {
	position:relative; /* refbox */
	height:30px;
	bottom:0;
}

#footer {
	color:#333;
	position:absolute;
	height:30px;
	width:500px;
	left:22px;
	font-size:1.1em;
	line-height:30px;
}

#footer a {
	color:#333;
	text-decoration:underline;
}

#footer a:hover {
	color:#ccc;
}

#realisatie {
		font-size:1.1em;
	color:#333;
	position:absolute;
	height:30px;
	width:auto;
	line-height:30px;
	right:22px;
}

#realisatie a {
	color:#333;
	text-decoration:underline;
}

#realisatie a:hover {
	color:#ccc;
}

#sidebar1 {
	float:left; /* since this element is floated, a width must be given */
	width:231px;
 *width:242px; /* IE6 en IE7 */
	margin-top:15px;
	padding-left:11px;
}

#middle_container #sidebar1 div {
	margin-bottom:10px;
}

#sidebar2 {
	float:right; /* since this element is floated, a width must be given */
	width:242px;
	margin-top:15px;
}

#sidebar2 img {
  border: 0;
}

#sidebar2_home {
	float:right; /* since this element is floated, a width must be given */
	width:225px;
	margin-top:13px;
}

#mainContent {
	margin:0 242px;
	padding:0;
	position:relative; /* refbox */

}

#mainContent_breed {
	margin:0 0px 0 242px;
	padding:0;
	position:relative; /* refbox */
}

#mainContent_googlemaps .content_container {
	margin:0 0px 0 11px;
	padding:0;
	position:relative; /* refbox */
}

.content_container {
	padding-top:38px;
	padding-right:25px;
	padding-left:33px;

}

.content_container_home {
	padding-top:13px;
}

#breadcrumbs_bar {
	position:relative; /* refbox */
	height:30px;
}

#breadcrumbs {
	font-size:1.2em;
	color:#444;
	position:absolute;
	height:auto;
	left:253px;
	top:17px;
	white-space:nowrap;
	width:700px;
	margin-left:22px;
}

#breadcrumbs a {
	color:#444;
	text-decoration:underline;
	margin:0 7px 0 7px;
}

#breadcrumbs a:hover {
}

#pagename {
	font-size:1.4em;
	font-weight:bold;
	color:#444;
	position:absolute;
	width:230px;
	height:auto;
	top:15px;
	left:11px;
}

#navbg_top {
	background:url(../img/img_site/nav_bg_top.jpg) no-repeat;
	width:231px;
	margin:0px;
	padding:0px;
}

#navbg_bottom {
	background:url(../img/img_site/nav_bg_bottom.jpg) no-repeat left bottom;
	width:231px;
}

#service, #service_breed {
	position:absolute;
	height:30px;
	width:150px;
	font-size:0.9em;
	line-height:15px;
	text-align:right;
	top:10px;
}

#service {
	right:10px;
	_left:398px; /* IE6 */
}

#service_breed {
	right:10px;
	_left:638px; /* IE6 */
}

#service p, #service_breed p {
	margin-bottom:0px;
}

#service a, #service_breed a {
	margin-right:5px;
	color:#908f8f;
	text-decoration:underline;
}

/*************************************************/
/* Styles Losse onderdelen                       */
/*************************************************/

/* block styles
**************************************************/

.block_wrap {
	width:231px;
	background:url(../img/img_block/block_bg_bottom.jpg) no-repeat left bottom;
	margin-bottom:10px;
}

.block {
	font-size:1.1em;
	color:#444;
	line-height:15px;
	background:url(../img/img_block/block_bg_top.jpg) no-repeat left top;
	padding:10px;
}

.block p{
	font-size:1.09em;
}

.pos_more {
	position:absolute;
	top:180px;
	vertical-align:bottom;
}

.more {
	font:bold 0.91em Verdana, Arial, Helvetica, sans-serif;
}

.more a {
}

.more a:hover {
	color:#0195e7;
}

.block h2 {
	font-size:1.27em;
	line-height:18px;
	margin-top:11px;
	margin-bottom:11px;
}

.block a {
	color:#065d8d;
	text-decoration:underline;
}

.block a:hover {
	color:#0195e7;
}

.block label {
	display:block;
	font:bold 0.91/16px Verdana, Geneva, sans-serif;
}

.block input {
	background:#fff;
	margin:0px;
}

.block img {
	vertical-align:middle;
	float:none;
	margin-bottom:5px;
}

.block .blockfoto {
	display:block;
	cursor:none;
}

/* Height styles
**************************************************/

.h87 {
	min-height:87px;
 *height:auto; /* IE6 en IE7 */
	_height:87px; /* IE6 */
}

.h110 {
	min-height:110px;
 *height:auto; /* IE6 en IE7 */
	_height:110px; /* IE6 */
}

.h125 {
	min-height:125px;
 *height:auto; /* IE6 en IE7 */
	_height:125px; /* IE6 */
}

.h150 {
	min-height:150px;
 *height:auto; /* IE6 en IE7 */
	_height:150px; /* IE6 */
}

.h160 {
	min-height:160px;
 *height:auto; /* IE6 en IE7 */
	_height:160px; /* IE6 */
}

.h207 {
	min-height:207px;
 *height:auto; /* IE6 en IE7 */
	_height:207px; /* IE6 */
}

.h218 {
	min-height:218px;
 *height:auto; /* IE6 en IE7 */
	_height:218px; /* IE6 */
}

.h500 {
	min-height:500px;
 *height:auto; /* IE6 en IE7 */
	_height:500px; /* IE6 */
}

.h100percent {
	height:100%; /* IE6:treaded as min-height*/
	min-height:100%;
}

/* Width styles
**************************************************/

.w20 {
	width:20px;
}

.w30 {
	width:30px;
}

.w42 {
	width:42px;
}

.w50 {
	width:50px;
}

.w70 {
	width:70px;
}

.w80 {
	width:80px;
}

.w100 {
	width:100px;
}

.w120 {
	width:120px;
}

.w130 {
	width:130px;
}

.w150 {
	width:150px;
}

.w160 {
	width:160px;
}

.w180 {
	width:180px;
}

.w200 {
	width:200px;
}

.w300 {
	width:300px;
}

.w100percent {
	width:100%;
}

/* Content CMS
**************************************************/

.content {
	font-size:1.1em;
	line-height:18px;
	color:#000;

}
.content hr {
	color:#333;
	height:1px;
	border-width:0px;
	background:#333;
}

.content ul {
	margin-bottom:11px;
}

.content li {
	list-style:url(none) none;
	background:url(../img/img_algemeen/bullet_content.gif) no-repeat 0.4em 0.6em;
	padding-left:15px;
	font-size:1.09em;
}

.content ul li ul {
	margin-bottom:0px;
}

.content ul li ul li {
	list-style:url(none) none;
	background:url(../img/img_algemeen/bullet_content.gif) no-repeat 0.4em 0.6em;
	padding-left:15px;
}

.content a {
	font-size:1.09em;
	text-decoration:underline;
	color:#065d8d;
}

.content a:hover {
	text-decoration:underline;
	color:#0195e7;
}

.content .imglinks {
	float:left;
	margin:6px;
}

.content .imgrechts {
	float:right;
	margin:6px;
}

.content p {
	font-size:1.09em;
	line-height:18px;
	color:#000;
	margin-bottom:11px;
}

.content h1 {
	margin-bottom:11px;
	color:#434343;
	text-transform:none;
	font-size:1.30em;
	line-height:24px;
	font-weight:bold;
}

.content h2 {
	font-weight:bold;
	font-size:1.09em;
	line-height:18px;
	color:#000;
}

.content h3 {
	font-weight:bold;
	font-size:1.09em;
	line-height:18px;
	color:#000;
}

.content h4 {
	font-weight:bold;
	font-size:1em;
	line-height:18px;
	color:#000;
}

.content h5 {
	font-weight:bold;
	font-size:1em;
	line-height:18px;
	color:#000;
}

.content h6 {
	font-weight:bold;
	font-size:1em;
	line-height:18px;
	color:#000;
}

.bigger {
  font-size:1.30em !important;
  font-weight:bold;
}

#naarboven {
	float:left;
	color:#000;
	font-size:1em;
	cursor:pointer;
}

#toonpdf {
	float:right;
}

/* Formulieren CMS
**************************************************/

.letsFormContainer fieldset {
	border:1px solid #4F95AF;
  width:94%;
  padding:10px;
}

.letsFormContainer legend {
	font-size:1.09em;
	color:#4F95AF;
	font-weight:bold;
	margin:0 0 0 0;
}

.letsFormTable .letsFormDescription {}

.letsFormTable  .letsFormTD {
	height:25px;
  width:110px;
  vertical-align:top;
  white-space:nowrap;
  font-size:1.09em;
}

.letsErrorList {
	color:red;
}

.letsFormContainer .error {
	border:1px solid red;
}

/* Form elementen */

.letsFormContainer input,
.letsFormContainer select,
.letsFormContainer textarea,
.letsFormContainer file {
	background:#FFFFFF;
	border:1px solid #B4CDE1;
  padding:2px;
	margin-left:2px;
	width:200px;
}

.letsFormContainer input:focus, .letsFormContainer input.focused,
.letsFormContainer select:focus, .letsFormContainer select.focused,
.letsFormContainer textarea:focus, .letsFormContainer textarea.focused,
.letsFormContainer file:focus, .letsFormContainer file.focused
{
  background-color:#FCFCFC;
  border:1px solid #4F95AF;
}

.letsFormContainer .text{}
.letsFormContainer .file{}

.letsFormContainer .textarea {
  width:250px;
  height:100px;
}

.letsFormContainer .radio,
.letsFormContainer .checkbox
{
  width:20px;
}

.letsFormContainer .select {
  width:150px;
}

.letsFormContainer .date select, .letsFormContainer .date input {
  width:50px;
}

.letsFormButton {
  padding:4px 0 0 2px;
	cursor:pointer;
}

div.letsFormButton {
  background:#fff url('../img/img_buttons/knop.png') top left no-repeat;
  width:147px;
  height:30px;
	cursor:pointer;
	margin:5px 0 4px 2px;
}

div.letsFormButton div.text {
  height:30px;
	line-height:22px;
	font-size:1.3em;
	font-weight:normal;
	margin:0 0 0 5px;
}

.letsFormTijdSelect {
	width:50px;
 *width:40px;
	font-size:1em;
}

.formInfo {
	font-size:1.1em;
	background:#97B9D6;
	border:1px none #000;
	width:150px;
	margin:0px;
	padding:5px;
}

#toolTip {
	position:relative;
	top:3px;
	cursor:pointer;
  vertical-align:top;
}

#letsFormCaptcha {
	margin-top:5px;
	margin-bottom:5px;
	margin-left:3px;
}


/* Google maps
**************************************************/

#map { /* container kaart */
	height:375px;
	width:710px;
}

#balloon { /* container tekstballon */
}

#balloon h3 {
	font:normal 18px/21px Georgia, "Times New Roman", Times, serif;
	padding-left:0px;
	margin-bottom:11px;
}

#balloon .datum {
	font:bold 10px Georgia, "Times New Roman", Times, serif;
}

#balloon a {
	font:11px Georgia, "Times New Roman", Times, serif;
	color:#1E2E6A;
}

#balloon a:hover {
	color:#8FB0CC;
}


/* Box table
**************************************************/

.box_table {
	width:98%;
}

.box_table a:hover{
	color:#0195e7;
}

.box_table img {
  border:0;

}

.row1, .row2 {
	width:100%;
	height:100px;
	border:1px solid #000;
	margin-bottom:10px;
}

.row2 {
	background-color:#F2F2F2;
}

.row1 .box_img , .row2 .box_img {
	width:150px;
	padding-bottom:10px;
  padding-top:10px;
 	padding:10px 12px 10px 12px;
  border-bottom:1px dotted #000;
}

.row1 .box_content, .row2 .box_content {
	vertical-align:top;
	padding:7px 24px 7px 0px;
	border-bottom:1px dotted #000;
}

.first {
	border-top:1px dotted #000;
}


.box_table_small {
	width:98%;
}

.box_table_small a:hover{
	color:#0195e7;
}

.box_table_small img {
  border:0;
}

.box_table_small td {
  padding:4px;
}

.box_table_small p {
	margin:0;
	padding:0;
}
.row3, .row4 {
	border:1px solid #000;
}

.row4 {
	background-color:#F2F2F2;
}

.row3 .box_content, .row4 .box_content {
	vertical-align:top;
	border-bottom:1px dotted #000;
}

/* Sitemap
*************************************************/

#SitemapLiFirst a{
	font-size:1.09em;
}

#SitemapLiSecond {
	font-size:1em;
}

#SitemapLiThird {
	font-size:1em;
}


/* fixes float problems
**************************************************/

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

.clearfix {
	zoom:1;
}

/* Hides from IE-mac \*/
* html .clearfix {
	height:1%;
}

.clearfix {
	display:block;
}

/* End hide from IE-mac */

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
	height:0;
	font-size:1px;
	line-height:0px;
}

.dots {
	border-bottom:1px dotted #000;
}

.slider_container, .dots{
	margin-top:15px;
	margin-bottom:5px;
}