/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+
+	File		: screen.css
+	Author		: frismedia.nl
+	Date		: 16-05-2007
+	 
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

/*++++++++++++++++++++++++*/
/*      HTML ELEMENTS     */


body
{
	margin:0;
	padding:0;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size:0.8em;
	color:#002c76;
	background: url(../img/bck.jpg) repeat-x #BDBBBC;
}


hr {
	clear:both;
	border-bottom : 1px solid #B6C5DC;
	border-top : none; 
	border-left:none; 
	border-right:none;
	color : #B6C5DC;
	padding:0;
	display:block;
	margin:5px 0 1px 0;
	height:1px;
}


h1 
{ 	background:url(../img/heading.gif) no-repeat #506EA1; 
	min-height:24px;
	margin:0; 
	color:#FFFFFF; 
	font-size:1.1em;
	padding:9px 12px 0 12px;
}

h2 {
	font-size:1em;
	margin: 0;
	padding: 5px 12px 0 12px;
}

div.large div.column h1 { 
	background:url(../img/heading_large.gif) no-repeat top center #506EA1;
	min-height:24px;
	margin:0; 
	color:#FFFFFF; 
	font-size:1.1em;
	padding:9px 12px 0 12px;
}
div.large div.column h1.double {min-height:58px;}

img {	border: 1px solid #002c76;}

p.alert {color:#CC0033;}

/*      HTML ELEMENTS     */
/*++++++++++++++++++++++++*/


/*++++++++++++++++++++++++*/
/*    GENERAL CLASSES     */
.clearfix:after, div#header ul#nav:after, div#content:after, div#contentindex:after, ul.aanbod:after, ul.aanbod li:after, div.large ul.aanbod li:after, .formlist:after, div#pagina:after, div#content ul#sub:after, div.column:after, div#introductie:after, div.column ul#subtabs:after, div.large:after, div.large form div:after, h1:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
/* Hides from IE-mac and IE-win \*/
* html .clearfix, div#header ul#nav, div#content,div#contentindex, ul.aanbod, ul.aanbod li, div.large ul.aanbod li, .formlist, div#pagina, div#content ul#sub, div.column, div#introductie, div.column ul#subtabs, div.large, div.large form div, h1 {height: 1%;}
/* End hide from IE-mac */
/*    GENERAL CLASSES     */
/*++++++++++++++++++++++++*/


/*++++++++++++++++++++++++*/
/*      MAIN DIVS        */

div#wrapper 
{ 
	position:relative;
	margin:0 auto 0 auto;
	border-top:12px solid #CC0033;
	width:960px; 
	background:url(../img/bg.gif) no-repeat #002052;
}


div#header 
{
	position:relative;
	min-height:250px;
	background:none;
	border-left:1px solid #022E78;
	border-right:1px solid #022E78;	
}

div#header a {color: #FFFFFF;}

div#header img.background {
position:absolute;
left:0;
top:0;
border:none;
}

div#header div#banner {
	position:absolute;
	z-index:10;
	right:0;
	margin: 33px 8px 0 0;
}
	
div#header div#banner span {
	width: 150px;
	margin: 18px 8px 0 0;
	padding: 7px;
	background-color: #022E78;
	color:#FFFFFF;
	z-index: 100;
	position: relative;}

div#content 
{
	position:relative;

}

body.home div#content
{
	padding-top:27px;
}

div.column
{ 	
	margin: 0 0 18px 0;
	padding:0 0 3px 0;
	background: #FBFBFB url(../img/column_bottom.gif) no-repeat bottom center;
	width:100%;
}

div.large div.column {
	background: #FBFBFB url(../img/column_bottom_large.gif) no-repeat bottom left;
	padding-bottom: 5px;
} 


div.wrap 
{ 
	float:left; 
	width:295px;
	margin: 0 0 0 18px;
}

div.large{width:612px;}


div.wrap div.large
{
	border-top:1px solid #b6c5dc;
	border-bottom:1px solid #b6c5dc;	
	position:relative;
	z-index:0;
	padding-top:10px;
	padding-bottom:10px;
}

/*      MAIN DIVS        */
/*++++++++++++++++++++++*/



/*++++++++++++++++++++++++*/
/*         NAV           */

div#header img.logo {
	position: absolute;
	top: 53px;
	left: 17px;
	border:none;
}

div#header ul#nav 
{
	position:relative;
	list-style:none;  
	margin:0;
	padding:224px 0 0 0;
	z-index:1;
}

div#header ul#nav li 
{ 	float:left;
	padding:0 6px 0 17px;
}

div#header ul#nav li a
{ 	background:url(../img/tab_red.gif) right top no-repeat;
	display:block;
	min-width:96px;
	min-height:21px;
	padding:6px 0 0 10px;
	color:#FFFFFF;
	font-weight:bold;
	font-size:1.1em;
	text-decoration:none;
}

div#header ul#nav li a:hover
{ 	background:url(../img/tab_blueHover.gif) right top no-repeat;
} 

div#header ul#nav li em a
{
	font-style:normal;
	background:url(../img/tab_blue.gif) right top no-repeat;
}

div#header ul#nav li em a:hover { background:url(../img/tab_blue.gif) right top  no-repeat;}

div#content ul#sub {
	list-style:none;
	position: relative;
	height:21px;
	padding:7px 0 0 22px; 
	margin: 0;
	font-size:0.95em;
}

div#content ul li em a
{
	font-weight: bold;
	font-style: normal;
}

div#content ul#sub li {
	color: #FFFFFF;
	float: left;
	padding: 0;
}

div#content ul#sub li a {
	color: #FFFFFF;
	text-decoration: none;
	margin:0 5px;
}
div#content ul#sub li em a
{
	text-decoration:underline;
	font-weight:normal;
}
div#content ul#sub li a:hover {text-decoration: underline;}

div.column ul#subtabs {
	position:relative;
	z-index:1;
	list-style:none;
	padding:0 0 0 10px;
	margin:5px 0 -1px 0;
/*	background:green;
	border-bottom:1px solid red;*/
}


div.column ul#subtabs li 
{ 	float:left;
	border-bottom:solid 1px #b6c5dc;
	position:relative;
}

div.column ul#subtabs li a,div.column ul#subtabs li em a
{ 	
	font-size:1em;
	text-decoration:none;
	background: url(../img/aanbod_tab.gif) top no-repeat;
	display:block;
	min-width:79px;
	min-height:15px;
	padding:4px 0 0 8px;
	margin:0 5px 0 0;
}


div.column ul#subtabs li a.breed { background:url(../img/tab_breed.gif) top no-repeat; width:119px;}

div.column ul#subtabs li em a
{ 	
	position:relative;
	background: url(../img/aanbod_tab_em.gif) top no-repeat;
	font-weight:normal;
	margin-bottom:-1px;
	border-bottom:1px solid white;
}
div.column ul#subtabs li em a.breed {background: url(../img/tab_breed_em.gif) top no-repeat;}

/*
div.column ul#subtabs li em a {
margin-bottom:-5px;
z-index:10;
position:relative;}*/

/*         NAV             */
/*++++++++++++++++++++++++*/



/*++++++++++++++++++++++++*/
/*        CONTENT        */



div.column a.zonder { 
	background:none; 
	text-decoration:underline;
	padding:0;
}
div.column p 
{ 
	padding:0 10px 0 12px;
	margin: 8px 0 6px 0;
}

ul
{
	padding:0 12px;
	margin:12px; 
}

ul.aanbod {
	list-style:none; 
	margin: 0;
	border-bottom: 1px solid #B6C5DC;
	padding: 0 0 6px 0;
}
ul.referentie {border-bottom:none;}

ul.aanbod li
{
	display:block;
	padding: 6px 12px 6px 12px;
	position:relative;
/*	float:left;*/
}

ul.referentie img {margin-right:10px;}

ul.aanbod li div {display:block;margin:0 0 0 85px;}

ul.aanbod div.adviseur {
height:102px;
background:url(../img/erkend_adviseur.gif) right bottom no-repeat;
}

ul.referentie li div {clear:both;
margin:0;
padding:10px 0;
border-bottom:1px solid #B6C5DC;}

div.large ul.aanbod {border-bottom:none;}
div.large ul.aanbod li
{
	padding: 12px;
	border-bottom: 1px solid #B6C5DC;
}
div.large ul.tab li {border-bottom:none;}

div.large ul.aanbod li div {display:block;margin:0 0 0 175px;}
div.large ul.aanbod li div p {padding-left:0;
margin:0 0 10px 0;}

div.column ul.aanbod img {float:left;}
body.contact ul.aanbod img {float:left;}

ul.aanbod li a img
{
	float:left;
	border: 1px solid #002c76;
	margin:0 5px 0 0;
	z-index:1;
	position:relative;
}
ul.aanbod li img.verkocht, div.large div.foto img.verkocht, div#FotoSwap img.verkocht
{
	position:absolute;
	left:15px;
	z-index:10;
	border:none;
	margin-top:3px;
	margin-left:0;
}
div#FotoSwap img.verkocht {left:4px;}

ul.aanbod li:hover, ul.aanbod li.nieuw:hover {

	background-color:#E6E9EE;
	display:block;
	text-decoration: none;
}
ul.referentie li:hover {background:none;}
div.large ul.aanbod li:hover {background-color:#FBFBFB;}

ul.aanbod li.nieuw
{ 
	background: url(../img/nieuw.gif) no-repeat 247px 22px;
}
div.large ul.aanbod li.nieuw {background-position:560px 32px;}

div.large ul.aanbod li.bannerad img {
	margin: 0;
}

div.large ul.aanbod li.bannerad:hover {
	background: none;
}

div.large ul.aanbod li.bannerad img {
	float: none;
}
div.large ul.aanbod a.bannerad img{
	float:none;
	border: 1px solid #002c76;
	margin:0;
}

ul.stad, ul.regio { padding:0; width:107px; float:left;}
ul.stad li, ul.regio li, ul.wijk li { margin-bottom:10px; list-style:none;}
ul.stad ul li a.select, ul.regio ul li a.select {background:url(../img/wijk_select.gif) no-repeat right;display:block;font-weight:bold;}
ul.regio ul li a.select {background:none;}

ul.stad ul li, ul.regio ul li, ul.wijk li  {clear:both;}
ul.stad ul li a, ul.regio ul li a, ul.wijk li a{
	float:left;
	margin:0 10px 10px 5px;
}
ul.stad ul li span, ul.regio ul li span, ul.wijk li span {float:left;}

ul.stad ul, ul.regio ul {
margin:10px 0 0 0;
padding:0;
}

ul.wijk {
	position:absolute;
	right:15px;
	padding:7px 0 0 0; 
	width:166px; 
	height:305px; 
	float:left; 
	background:url(../img/bg_wijk.gif) top no-repeat; 
	margin-top:6px;
}
ul.wijk img {border:none;}
ul.wijk a.sluit {float:right;margin-right:10px;}
ul.wijk li { margin-left:15px; margin-right:15px;}
ul.wijk li a {background-color:#E6E9EE;}


table.kenmerken { 
	background: #e6e9ee; 
	margin:10px 0; 
	padding:0;
}

table.kenmerken td
{
	padding:3px 10px 3px 10px; 
	border-bottom: solid 1px #fbfbfb; 
}


a.foto {border:1px solid #002c76;margin: 3px 5px 3px 1px;float:left;}
a.foto img {border:none;}
a.foto:hover { border: solid 1px #FF0000;}
img.select { border: 1px solid red;}

div.large div.foto
{
	float:left;
	width:180px;
}

div.large div.foto img {margin-bottom:5px;
margin-left:10px;}

div.detail {
	width:410px; 
	margin:0 10px 10px 0px; 
	padding:0px; 
	float:right;
}


div.detail p {padding:0;}

div#detailFoto
{
	position:relative;
	border:1px solid #002c76;
	margin-left:12px;
	height:300px;
	width:400px;
}
div#detailFoto img
{
	position:relative;
	z-index:2;
	border:none;
}
div#detailFoto span 
{
	position:absolute;
	z-index:1;
	left:160px;
	top:150px;
}


div#map
{
	margin:8px 10px 6px 12px;
	border:1px solid #002c76;
	width:587px;
	height:292px;
}
div#map div.aanbod {
width:210px;
}
div#map div.aanbod img {float:left;
margin-right:5px;}
div#map div.aanbod div {display:block;margin:0 0 0 85px;}
div#map a {
font-weight:bold;
}

div#mapOverlay
{
	position:absolute;
	margin-top:-156px;
	margin-left:298px;
	width:10px;
	height:10px;
	background:url(../img/markers/mapCenter.gif) no-repeat;
	z-index:999;
}
div#mapOverlay, div#message {display:none;}

div.large input#aanbod, div.large input#verkocht {float:left;}
div.large label.icon1, div.large label.icon2 { 
	background:url(../img/icon2.gif) left no-repeat; 
	padding-left:18px; 
	float:left;
	clear:none;
	width:auto;
	margin:0 30px 10px 3px;}
	
div.large label.icon1 { 
	background:url(../img/icon1.gif) left no-repeat;}

/*        CONTENT          */
/*++++++++++++++++++++++++*/



/*++++++++++++++++++++++++*/
/*     CONTENT LINKS      */

div.column a 
{
	color:#002c76; 
	text-decoration:none;
	
}

div.column a:hover
{
	text-decoration:underline;
}

div.column a.meer {
	margin: 5px 0;
	padding: 1px 15px 0 10px;
	line-height:2em;
	text-decoration:none;
	background: url(../img/forward.gif) right 5px no-repeat;
}

div.column a.download {
	margin: 5px 0;
	padding: 4px 13px 0 10px;
	line-height:2em;
	text-decoration:none;
	background: url(../img/down.gif) right 5px no-repeat;
}

div.column a.contact {
	margin: 5px 0;
	padding: 1px 11px 0 10px;
	line-height:2em;
	text-decoration:none;
	background: url(../img/plus.gif) right 5px no-repeat;
}

div.column a.bck {
	display:block; 
	padding:5px 0 1px 7px; 
	margin:0 0 0 12px;
	text-decoration:none;
	background: url(../img/link_bck.gif) left 9px no-repeat;
}
	
div.column a.bck:hover {text-decoration:underline;}

div.column a.tab {margin-left:177px;}

div.column a.meer:hover, div.column a.download:hover,div.column a.contact:hover {
	text-decoration: underline;
}
p.meer {line-height:2em;}

div#pagina {
	margin: 0;
	padding: 0 20px 0 12px;
	line-height: 2em;
}


div#pagina a {
	text-decoration: none;
	margin-right:5px;
}

div#pagina a:hover {
	text-decoration: underline;
}

div#pagina em {
	font-weight: bold;
	font-style: normal;
}

/*     CONTENT LINKS      */
/*++++++++++++++++++++++++*/


/*++++++++++++++++++++++++*/
/*         FORMS          */

div#contact_form, ul#selected {display:none;}
div#contact_form.show{display:block;}

div.column form{ padding:0;}

div.column form div {
	background-color:#E6E9EE;
	padding:10px;
	border-top:1px solid #B6C5DC;
	border-bottom:1px solid #B6C5DC;}
	
form#showDirections div {background-color:#FBFBFB;border:none;}

div.column form div p {padding:0 ;margin:0 0 5px 0;}

form ul  {
	margin:0;
	padding:0;
}

form ul li img {float:left;
	border: 1px solid #002c76;
	margin:0 5px 0 0;}


label{display:block;}

div.large label
{
	float:left;
	width:115px;
	clear:both;
}

textarea {
	width:267px;
	margin:5px 0;
	display:block;
}

input
{
	margin:5px 0;
	width:267px;
	display:block;
}

input#print {margin-left:10px;display:none;}

div.large input, div.large textarea {float:left;margin:0 0 5px 0;}
form#showDirections input {width:355px;}

div.large input.radio, input.radio {
	width:auto;
	float:left;
	
}
div.large label.radio, label.radio {
	float:left;
	width:auto;
	margin:5px 10px 10px 10px;
	clear:none;
}

p.clear, label.clear, input.clear {clear:both;}

input.submit {
	width:auto;
	float:right;
	background-color:#FBFBFB;
	border : 1px solid #B6C5DC;
	margin:5px 10px 5px 5px;
}

div.large input.submit {float:right;
margin:5px 10px 5px 5px;}

div.large input.submitLeft, input.submitLeft {
	clear:both;
	width:auto;
	float:left;
	background-color:#FBFBFB;
	border : 1px solid #B6C5DC;
	margin:5px 5px 5px 0px;
}
form#showDirections input.submitLeft {
margin-left:115px;
width:auto;}

div.large div.column form, div.column form {display: inline;}

div.large div.column h1 select{
	font-size: 0.9em;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-weight: normal;
	position: relative;
	top: -2px;
	margin: 0 0 0 10px;
}
div.column h1 {position:relative;}
div.column h1 select {position:absolute;
right:10px;}

div.large div.column h1 span {
margin-left:25px;}

div.large div.column h1.double div
{
margin:0;
padding-left:0;
background:none;
border:none;
display:block;
}


#contact select {
	font-size:1em;
	font-family: Arial, Helvetica, sans-serif;
}

#contact input {
	margin-top: -1px;
}

#contact .text {
	width: 266px;
	margin: 1px 0 6px 0;
	font-size:1em;
	font-family: Arial, Helvetica, sans-serif;
}

.formleft {

}

.formtext {
	display: block;
	float: left;
	margin: 3px 0 15px 25px;
	
}

.formright {
	float: right;
	display: block;
	width: 190px;
}

form.contact select {	margin:5px 0;
	width:267px;
	display:block;}

/*         FORMS          */
/*++++++++++++++++++++++++*/


/*++++++++++++++++++++++++*/
/*         FOOTER         */


div#footer 
{	
	color:#FFFFFF;
	clear:both;
	height:30px;
	padding: 5px 20px 5px 21px;
	border-top:1px solid #003399;
	font-size:0.9em;
}

div#footer a 
{ 
	color:#FFFFFF; 
	text-decoration:none;
	margin:0 5px;
}

div#footer a:hover { text-decoration:underline;}

div#footer img { border:none; margin-left:5px;}

div#footer span.fris { padding:7px 0 0 30px;
background:url(../img/frisicon.gif) left 5px no-repeat;}


.rechts {float: right;
text-align:right;}
.links  {float: left;}

img.links { margin:4px 10px 5px 12px;}

img.rechts {margin:12px;}



/*        FOOTER          */
/*++++++++++++++++++++++++*/

div#banner_cert_won {float:right;margin-right:10px;}
div#banner_cert_wer {float:left;margin:0 0 10px 10px;}

div.column p a {text-decoration:underline;}
div.column p a:hover {text-decoration:none;}

.logo { border:none;}