﻿@charset "UTF-8";
/*  This is the default style, everything defined in this file will be used on any type of platform ( mobile, print, screen, ... ) unless defined otherwise in a subCSS file ) */


/*
*******************************************
   Define most common used colorcodes below
   white:	#FFFFFF
   grey:		#555555;
   light red :  #ee2e24
   red:		#d1261c;
   
*******************************************



*/

/* STYLESHEET FOR Datepicker  */
@import url("agendaCSS/jquery-ui-1.7.2.custom.css");

@media all {

/****[ DEFAULT (P)RESETS ]****/
html, body{height:100%;}
html{overflow-y:scroll;}
body, h1, h2, h3, h4, h5, h6, p, ul, ul li {margin:0; padding:0}
br.clear{clear:both; font-size:0; height:0; line-height:0}
hr{background:none; border:none; border-bottom:solid 1px #f0f0f0;}
a img{border:0;}
ul, ul li { list-style-position:outside; } 
.clear { clear: both;}  

/****[ USE COMMENTS ]****/
body { background-color:#FFFFFF; font-size:10px; font-family:helvetica, arial; }


#siteWrapper { width:976px; margin:0 auto; }




#header {width:976px; height:161px; background:url(../images/bgHomeHeader.jpg); background-repeat:no-repeat; }
#header a#logo { display:block; background:transparent url('../images/logo2Bostoen.gif') no-repeat left top; width:211px; height:161px; text-indent:-9999px; position:absolute; }
#header #sfeer { display:block; width:553px; height:120px; position:absolute; margin-top:15px ; margin-left: 211px }
#header #snellinks { display:block; width:180px; height:85px; position:absolute; margin-top:35px ; margin-left: 775px;}
#header #snellinks h3 { color:#666666; font-size: 1.2em; padding-bottom:5px; }
#header #snellinks ul { width:180px; list-style-type:none; margin-left:0!important; }
#header #snellinks ul li { padding:2px 0;  clear:both; float:left; width:100%; list-style-type:none;}
#header #snellinks ul li a { color:#d1261c; text-decoration:none; font-weight:normal; font-size:1em; display:block; float:left; width:180px;}
#header #snellinks ul li a:hover span {text-decoration:underline; }

#ditisbostoen {
margin:0 0 10px 15px;
width:180px;
}
#ditisbostoen ul {    
color:#D1261C; 
list-style-image:url('../images/seolink_list_image.gif');
list-style-position:outside;
list-style-type:none;
width:170px;
}
#ditisbostoen ul li {
list-style-position:outside;
clear:both;
margin:2px 0 2px 15px;
}
#ditisbostoen ul li a {
color:#D1261C;
font-size:1em;
text-decoration:none;
}
#ditisbostoen ul li a:hover {
text-decoration:underline;
}


#header ul.nav {clear:both; list-style-type:none; margin-top:135px; margin-left:211px;  font-size:1.2em; position:absolute; width:755px ; height:26px; background:transparent url('../images/bgNav.jpg') repeat-x left top; position:absolute; z-index:15;  }
#header ul.nav li { float:left; display:inline-block ; }
#header ul.nav li a { color:#FFF; text-decoration:none;  line-height:26px; display:block; padding:0 15px; height:26px ;text-shadow: #7e0015 0 1px; display:block; }
#header ul.nav li a:hover { background:transparent url('../images/bgNav_h.jpg') repeat-x left top; }
#header ul.nav li a:active { background:transparent url('../images/bgNav_h.jpg') repeat-x left top; }
#header ul.nav li a.sel,#home #header ul#nav li a.sel:hover { background:transparent url('../images/bgNav_h.jpg') repeat-x center top; z-index:10 }
#header ul.nav li ul{ background-color:#FFF;position: absolute;z-index:90; top: 1em; display: block;visibility: hidden; border:1px solid #A2190F;}
#header ul.nav li ul li { z-index:90;border-top:1px solid #A2190F; clear:both; }
#header ul.nav li ul li:first-child {border-top:none; }
#header ul.nav li:first-child a.sel,#home #header ul#nav li:first-child a.sel:hover { background:transparent url('../images/bgNav_h.jpg') repeat-x center top; z-index:10 }
#header ul.nav li ul li a{ display: block;height:auto;width: 150px;  color:#d1261c; text-shadow:none; line-height:1.6em; padding:5px 15px;}
#header ul.nav li ul li a:hover{background-color: #d1261c;background-image:none;color: white;z-index:800!;}





/*#header {width:960px; height:165px; }
#header a#logo { display:block; background:transparent url('../images/logoBostoen.gif') no-repeat left top; width:174px; height:79px; text-indent:-9999px; position:absolute; margin-top:10px; }
#header ul#metaNav { list-style-type:none; float:right; margin-top:20px; font-size:1.2em; margin-right:15px;}
#header ul#metaNav li { float:left; display:block-inline; padding:0 0 0 10px;}
#header ul#metaNav li a { color:#ee2e24; text-decoration:none; padding-left:10px; }
#header ul#metaNav li a:hover { text-decoration:underline; }
#header ul#metaNav li:before {content: ".";color:#ee2e24;}
#header ul#metaNav li:first-child:before { visibility: hidden; }

#header #searchBox { clear:both; width:470px; height:45px; background-color:#999999; float:right; margin-top:50px; #margin-top:10px; position:absolute; margin-left:480px;}


#header ul.nav {clear:both; list-style-type:none; margin-top:110px; #margin-top:80px; font-size:1.4em; position:absolute; width:960px ; height:48px; background:transparent url('../images/menuBG.gif') repeat-x left top; position:absolute; z-index:15;  }
#header ul.nav li { float:left; display:inline-block ; }
#header ul.nav li a { color:#FFF; text-decoration:none;  line-height:30px; display:block; padding:0 15px; height:48px;text-shadow: #7e0015 0 1px; display:block; }
#header ul.nav li a:hover { background:transparent url('../images/menuBG_hover.gif') repeat-x left top; }
#header ul.nav li a.sel,#header ul.nav li a.sel:hover { background:transparent url('../images/menuBG_active.gif') repeat-x center top; z-index:10 }
#header ul.nav li ul{ background-color:#FFF;position: absolute;z-index:90;margin-top:-17px;top: 1em; display: block;visibility: hidden; border:1px solid #D1261C;}
#header ul.nav li ul li { z-index:90;border-top:1px solid #D1261C; clear:both; }
#header ul.nav li ul li:first-child {border-top:none; }
#header ul.nav li ul li a{ display: block;height:auto;width: 150px;  color:#d1261c; text-shadow:none; line-height:1.6em; padding:5px 15px;}
#header ul.nav li ul li a:hover{background-color: #d1261c;background-image:none;color: white;z-index:800!;}*/




#content { width:976px; overflow:visible; background-image:url(../images/bgContent.jpg); background-repeat:repeat-y; float:left;}


#content #middle #miniNav {list-style-type:none; height:30px; width:460px;display:table-cell;vertical-align:middle;font-size:1.4em;background-color:#E6E8E7;}
#content #middle #miniNav li { float:left; display:inline-block;}
#content #middle #miniNav li a { color:#666;padding:6px 10px;text-decoration:none;height:18px;display:inline-block;}
#content #middle #miniNav li a:hover,#content #middle #miniNav li a.sel { text-decoration:none;background-color:#bdbdbd;color:#000;}

#content { width:976px; overflow:visible; }
#content #left { float:left; margin-left:14px; width:203px; }
#content #middle { float:left; margin-left:14px;}
#content #right { float:left; margin-left:14px; width:203px; padding-top:10px; }
#content #left { margin-left:8px!important; margin-left:4px; }
#content #middle { width:525px; overflow:visible;}
#content #middle a {padding:0; color:#d1261c;}
/*#content #left, #content #right { width:203px; }*/

#content #left ul#subNav { list-style-type:none; }
#content #left ul#subNav li { line-height:20px;}
#content #left ul#subNav li a { color:#da281e; font-size:1.2em; text-decoration:none; display:block; padding:0 0 0 5px; font-weight:bold;}
#content #left ul#subNav li a:hover, #content #left ul#subNav li a.sel { background-color:#da281e; color:#FFFFFF}

#content #left ul#subNav li ul {  list-style-type:none; }
#content #left ul#subNav li ul li a { padding-left:20px; display:block; } 

#content #breadCrumb { color:#555555; margin-bottom:20px; margin-top:10px;}
#content #breadCrumb a { color:#555555}

#content h1 { font-size:1.4em; line-height:2em; }
#content p { font-size:1.3em; color:#555555; line-height:1.5em; }
#content p a { font-size:1em; color:#d0251b; padding-top:5px; display:inline-block }
#content p a:hover {color:#000000; }

#content #middle h1 { color:#da281e; font-family:helvetica, arial; font-size:2.2em; font-weight:normal; line-height:1.5em;}
#content #middle h2 { font-size:1.9em; font-weight:normal; margin-top:15px;}
#content #middle #page__pageRegion2_ctl00_pnlStyles h2,#content #middle #page__pageRegion2_ctl00_lblWoningType h2,#content #middle #page__pageRegion2_ctl00_pnlDemoHouse h2 {margin-top:20px}
#content #middle h3 { font-size:1.2em;margin-top:10px;}
#content #middle p { padding:7px 0; color:#000000 }
#content #middle ul { list-style-type:square; margin-left:30px; font-size:1.2em; color:#000; }
#content #middle ul#miniNav{margin:0px; margin-bottom:10px }

#testimonial { width:193px; margin: 35px 4px 0 4px; }
#testimonial #quoteBox { background-color:#E6E8E7; padding:10px; line-height:2em; }
#testimonial #quoteBox q { color:#000000; font-size:1.4em;}
#testimonial #quoteBox q:before, #testimonial #quoteBox q:after { font-size:25px; font-weight:bold; }
#testimonial #quoteBox cite { color:#666666; font-size:1.2em; display:block; margin-top:7px;}
#testimonial #testImage { width:112px; height:380px; background:transparent url('../images/testimonialKid.jpg') no-repeat left top;}

#content #middle #featuredBox { border:1px solid #d1261c; margin:10px 0; padding:10px 10px 22px 10px;float:left;}
#content #middle #featuredBox:after { content:"."; font-size:1px;  clear:both;  visibility:hidden; }
#content #middle #featuredBox h2 { color:#000; font-size:1.8em; font-weight:normal;margin:0!important; }
#content #middle #featuredBox ul { list-style-type:none; float:left; padding-left:10px; margin:0;}
#content #middle #featuredBox ul li { display:inline-block; width:200px;  padding:5px 0 0 5px; margin:6px 0 0; float:left; }
#content #middle #featuredBox ul li a { color:#d1261c; font-size:1em; text-decoration:none; display:block; font-weight:bold;}
#content #middle #featuredBox ul li a:hover { color:#000; }

#content .Quick { width:203px; float:left; font-size:12px; margin-bottom:20px; border-collapse:collapse; margin-right:0px; }
#content .Quick td { border-bottom:1px solid #e7e7e7; border-collapse:collapse}
/*#content .Quick td[colspan="1"] {border-bottom:none; #border-bottom:1px solid #CCCCCC; }*/
#content .demiMid.first { margin-right:20px; }
#content .Quick h3 { color:#666666; font-size:1.0em;  text-transform:uppercase; margin-top:12px; padding:0px 10px; }
#content .Quick h3 a { float:right; font-weight:normal; font-size:1em; color:#d1261c; text-decoration:none; #margin-top:-16px; text-transform:lowercase;  }
#content .Quick span { display:block; float:left; width:140px; font-size:1em;padding:2px 10px;}
#content .Quick a { color:#d1261c; text-decoration:none;; font-weight:bold; font-size:1em;display:block; float:left; width:170px;padding:2px 10px;}
#content .Quick a:hover { text-decoration:underline; }
#content .demiMid .Quick .data {padding-top:2px!important;padding-bottom:2px!important;}


#content .demiMid { width:220px; float:left; font-size:1.2em; margin-bottom:20px; }
#content .demiMid.first { margin-right:20px; }
#content .demiMid h3 { color:#000; border-bottom:1px solid #000; font-size:1.2em;  text-transform:uppercase }
#content .demiMid h3 a { float:right; font-weight:normal; font-size:0.8em; color:#d1261c; text-decoration:none; #margin-top:-16px; text-transform:lowercase;  }
#content .demiMid ul { width:220px; list-style-type:none; margin-left:0!important; }
#content .demiMid ul li { padding:5px 0;  clear:both; border-bottom:1px solid #ccc; float:left; width:100%; list-style-type:none;}
#content .demiMid ul li:after { content:"."; clear:both; visibility:hidden; font-size:0em; display:block; height:5px; }
#content .demiMid ul li span { display:block; float:left; width:70px; font-size:0.8em}
#content .demiMid ul li a { color:#d1261c; text-decoration:none;; font-weight:bold; font-size:1em;display:block; width:150px;}
#content .demiMid ul li a:hover { text-decoration:underline; }

#content #middle .sticky { width:229px; margin:20px 0; border-left:1px solid #ccc; }
#content #middle .sticky.first { width:290px; border:none; margin-right:0; }
#content #middle .sticky h2 { font-size:1.2em; padding-left:5px;}
#content #middle .sticky p { font-size:1em; padding-right:10px; padding-left:10px; }
#content #middle .sticky ul {  padding-left:30px; padding-top:5px;  list-style-position:outside; }
#content #middle .sticky ul li { border:none; font-size:0.8em; padding:0;list-style-type:square;  float:none; }


#content #middle ul.arrow
{
list-style-type: none;
margin: 0px;
padding:7px 0;
}
#content #middle li.arrowItem
{
background-image: url(../MyImages/listItem.gif);
background-repeat: no-repeat;
background-position: 0px 5px; 
padding-left: 12px; 
line-height:1.5em;
padding-bottom:10px;
}

#content #middle #thumbHolder { background-color:#ccc; padding:8px 5px; margin-top:10px; }
#content #middle #thumbHolder a img { margin-left:2px; margin-top:3px; border:2px solid white; }
#content #middle #thumbHolder a:hover img { border:2px solid #da281e; }
#content #middle #thumbHolder a.meerFotos { display:block; text-align:right; padding-right:10px; padding-top:3px; font-size:0.9em; color:#da281e; }
#content #middle #thumbHolder a.meerFotos:hover {text-decoration:none; }


#content #middle .agendaItem { margin-bottom:15px; padding-bottom:15px; display:block; width:525px; float:left; border-bottom:1px solid #777;}
#content #middle .agendaItem .date { color:#555; font-size:1.3em;}
#content #middle .agendaItem h2 a {color:#d1261c; font-size:16px; font-weight:normal; padding:3px 0 0; text-decoration:none}
#content #middle .agendaItem img { float:left; padding:5px 8px 5px 0;}
#content #middle .agendaItem p { padding:2px 0; line-height:1.3em;}
#content #middle .agendaItem a {color:#d1261c; font-size:1em; line-height:20px;}
#content #middle .agendaItem .hour { margin-top:10px;}
#content #middle .agendaItem .location, #content #middle .agendaItem .hour { font-size:1.3em; color:#d1261c; font-weight:bold;}
#content #middle .agendaItem .location span, #content #middle .agendaItem .hour span { color:#000000; font-weight:normal}

#content #middle .woonStijl { padding:5px; background-color:#e6e7e7; display:block; float:left;  width:246px; margin-right:5px; margin-bottom:15px; -moz-border-radius:5px; -webkit-border-radius:5px; }
#content #middle .woonStijl a img { }
#content #middle .woonStijl h3 { font-size:1.3em;  color:#d1261c; padding:3px 0;}
#content #middle .woonStijl h3.HOB { background:transparent url(../images/ico_HOB.gif) no-repeat right 4px;padding-right:25px; }
#content #middle .woonStijl h3.OB {background:transparent url(../images/ico_OB.gif) no-repeat right 4px;padding-right:25px;}
#content #middle .woonStijl h3.GB {background:transparent url(../images/ico_GB.gif) no-repeat right 4px;padding-right:25px;}
#content #middle .woonStijl h4 { font-size:1.2em; font-weight:normal; padding:0 0 4px; }
#content #middle .woonStijl a.more{ display:block; font-size:1.1em; color:#da281e; text-decoration:none; pâdding:2px 0; }
#content #middle .woonStijl a.more:hover { text-decoration:underline; }

#content #middle #detailMedia { width:526px; height:250px; }
#content #middle #detailMedia #mediaHolder { width:300px; height:250px; float:left; margin-right:5px;background-color:#999 }
#content #middle #detailMedia #priceHolder { width:210px; height:240px; float:left; background-color:#E6E8E7;padding:5px;}
#content #middle #detailMedia #priceHolder span { display:inline-block; margin-top:10px; font-size:1.2em; padding-left:3px;}
#content #middle #detailMedia #priceHolder span strong { display:block; font-size:1.2em;}
#content #middle #detailMedia #priceHolder span a { display:block; text-align:right; color:#da281e; text-decoration:none}
#content #middle #detailMedia #priceHolder span a:hover { text-decoration:underline; }

#content #middle .overview { width:525px }
#content #middle .overview th { background-color:#999999; border-right:1px solid white; color:#FFFFFF; border-bottom:1px solid white;padding:2px 4px; text-align:center; font-size:1.2em; }
#content #middle .overview th.sel { background-color:#d1261c;}
#content #middle .overview th a {background: url(../../01/MyImages/sort_arrows.gif) center bottom no-repeat;height:50px;display:block;color:#FFF;padding:2px!important;text-decoration:none;}
#content #middle .overview th a.selUp {
background:url("../../01/MyImages/sort_arrows_up.gif") no-repeat scroll center bottom transparent;}
#content #middle .overview th a.selDown {
background:url("../../01/MyImages/sort_arrows_down.gif") no-repeat scroll center bottom transparent;}
#content #middle .overview th.sorted { background-color:#da281e; }

#content #middle .overview td { border-right:1px solid white; padding:2px 4px;text-align:center; font-size:1.2em;}
#content #middle .overview td.zebra { background-color:#e0e0e0; }
#content #middle .overview td img { text-align:center; }
#content #middle .overview td img.Icon { width:40px;}


.sideList { width:203px; margin-top:10px;font-size:1.2em; margin-bottom:20px; }
.sideList h3 { color:#666666; border-bottom:1px solid #e7e7e7; padding:0px 10px; text-transform:uppercase;font-size:1.0em;  }
.sideList ul { width:203px; list-style-type:none; }
.sideList ul li { padding:5px 10px; display:block; clear:both; border-bottom:1px solid #e7e7e7;}
.sideList ul li a { color:#d1261c; text-decoration:none; font-weight:bold; font-size:1em;display:block; overflow:hidden;}
.sideList ul li a:hover { text-decoration:underline; }

a.btnImage {text-decoration:none; }
.btnImage img { margin-bottom:2px;   }

.hovertip {
    position: absolute;
    padding: 8px 10px;
    z-index: 2;
    max-width: 300px;

    color: #fff;
    background-color: #999;
    

    font-family: sans-serif;
    font-size: 12px;
    line-height: 18px;
    text-align: left;
	font-weight:normal;
}

.hovertip strong { display:block; font-weight:bold; color:#d1261c }

#googleMapsHolder { background-color:#CCCCCC; width:525px; height:375px; margin-top:10px}
.googleMap { overflow:hidden }
.marker { font-size:1.1em;font-weight:bold;}
.marker a { color:#d1261c;font-size:1.3em;font-weight:bold;text-decoration:none;display:inline-block;padding:3px!important;}
.marker a:hover { background-color:#d1261c;color:#FFF;}

#content #middle .marker { font-size:1.1em;font-weight:bold;}
#content #middle .marker a { color:#d1261c;font-size:1.3em;font-weight:bold;text-decoration:none;display:inline-block;padding:3px!important;}
#content #middle .marker a:hover { background-color:#d1261c;color:#FFF;}
select { margin-right:5px; }
input[type=button] { border:1px solid #d1261c; background-color:#ee2e24; padding:0 7px; color:#FFFFFF }
input[type=button]:hover { cursor:pointer; }
.googleMapsHolder {margin-top:18px;}


#vacatures ul {margin:15px 0 35px 0;}
#vacatures ul li a {color:#d1261c;text-decoration:none;line-height:1.7em;}
#vacatures ul li a:hover {border-bottom:1px solid #d1261c;}
#vacatures h2 {font-size:1.3em;}

/***** ADDITIONAL CSS FOR JS ***/
.s3sliderLarge {
   width: 440px; /* important to be same as image width */
   height: 160px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
   margin-top:7px;
}

.s3sliderLarge image {
   width: 440px; /* important to be same as image width */
   height: 160px; /* important to be same as image height */
}

.s3sliderLarge a { text-decoration:none; }

.s3sliderLarge ul {
   width:440px; /* important to be same as image width or wider */
   height:160px;
   position: absolute; /* important */
   top: 0; /* important */
   margin-left: 0; /* important */
}


.s3sliderLarge span {
   position: absolute; /* important */
   left: 0;
   font: 1.1em/1.3em Arial, Helvetica, sans-serif;
   padding: 5px 13px;
   width: 200px;
   background-color: #000;
   filter: alpha(opacity=70); /* here you can set the opacity of box with text */
   -moz-opacity: 0.7; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.7; /* here you can set the opacity of box with text */
   opacity: 0.7; /* here you can set the opacity of box with text */
   color: #fff;
   display: none; /* important */
   bottom: 3px;
}





#s3slider {
   width: 220px; /* important to be same as image width */
   height: 160px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
   margin-top:7px;
}

#s3slider a { text-decoration:none; }

#s3sliderContent {
   width: 220px; /* important to be same as image width or wider */
   height:160px;
   position: absolute; /* important */
   top: 0; /* important */
   margin-left: 0; /* important */
}

.s3sliderImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
}

.s3sliderImage span {
   position: absolute; /* important */
   left: 0;
   font: 1.1em/1.3em Arial, Helvetica, sans-serif;
   padding: 5px 13px;
   width: 200px;
   background-color: #000;
   filter: alpha(opacity=70); /* here you can set the opacity of box with text */
   -moz-opacity: 0.7; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.7; /* here you can set the opacity of box with text */
   opacity: 0.7; /* here you can set the opacity of box with text */
   color: #fff;
   display: none; /* important */
   bottom: 3px;

   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}

.s3sliderImage span strong { display:block; }


.s3sliderImageLarge {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
}

.s3sliderImageLarge span {
   position: absolute; /* important */
   left: 0;
   font: 1.1em/1.3em Arial, Helvetica, sans-serif;
   padding: 5px 13px;
   width: 440px;
   height:200px;
   background-color: #000;
   filter: alpha(opacity=70); /* here you can set the opacity of box with text */
   -moz-opacity: 0.7; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.7; /* here you can set the opacity of box with text */
   opacity: 0.7; /* here you can set the opacity of box with text */
   color: #fff;
   display: none; /* important */
   bottom: 3px;

   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}

/*#footer, #footer p {padding-top:20px;padding-bottom:10px;clear:both;color:#777; font-size:10px;text-align:center;}*/

#footer { width:976px; height:40px; overflow:visible; background:url(../images/bgFooter.jpg); background-repeat:no-repeat; text-align:center; padding-top: 20px; clear:both;}
#footer a { color:#d1261c;}


.agendaItem h2 a { text-transform:capitalize; }
.agendaItem img {  }

.contactTable { margin-bottom:15px; }
.contactTable a { font-size:1.2em;color:#DA281E;text-decoration:none; }
.contactTable a:hover { border-bottom:1px solid #DA281E;}
.contactTable label { font-size:1.2em; display:inline-block; padding-right:10px;}
.contactTable input[type="text"] { width:250px; }
.contactTable textarea {width:250px; margin-bottom:15px; }
.contactTable select { width:340px; margin-bottom:15px; }

.contact strong { display:block; background-color:#DA281E; padding:5px 4px; font-size:1.2em; color:#FFFFFF; margin:0 0 10px; text-transform:lowercase }
.contact strong:first-letter { text-transform:uppercase }

.contact .option { background-color:#f0f0f0; padding:5px; margin:10px 0; }
.contact .option label { font-size:1.2em; }
.contact .option textarea {width:335px; margin-bottom:15px; }

.contact div.floatNavImg div {
float:left; 
width:116px;
height:100px;
/*border-top:1px solid #DBD8D7;
border-right:1px solid #DBD8D7;
border-left:1px solid #DBD8D7;*/
margin: 0 10px 0 0;
padding: 0 2px 2px 2px;}



.contact div.floatNav div {
float:left; 
width:116px;
height:40px;
/*border-bottom:1px solid #DBD8D7;
border-right:1px solid #DBD8D7;
border-left:1px solid #DBD8D7;*/
margin: 0 10px 0 0;
padding: 0 2px 2px 2px;}

.contact div.floatNav label {
font-size:15px;
font-weight:normal;
}


.contact div.floatNav span.small label {
font-size:10pt;
}


#photosGallery { border:1px solid #DA281E!important;}
#photosGallery, .filmstrip { background-color:#DA281E!important}
#photosGallery .filmstrip li { background-color:#FFFFFF!important }

#page__pageRegion2_ctl00_pnlForSale h2 { font-size:15px;margin-top:20px; }
#page__pageRegion2_ctl00_pnlForSale span { font-size:1.2em; display:block; margin:10px 0; }


/*contest*/
.contestTable { margin-bottom:0px; margin-top:10px; padding-left:15px; width:510px;}
.contestTable a { font-size:1.2em;color:#DA281E;text-decoration:none; }
.contestTable a:hover { text-decoration:underline;}
.contestTable label { font-size:1.2em; display:inline-block; padding-right:10px;}
#content #middle .contestTable h2 { font-size:1.2em; display:inline-block; padding-right:0px; margin-bottom:5px; color:#D1261C; font-weight:bold;}
.contestTable p { font-size:1.2em; display:inline-block; padding-right:10px;}
.contestTable input[type="text"] { width:230px; }
.contestTable input[type="text"].klein { width:170px; }
.contestTable input[type="text"].groot { width:365px; }
.contestTable textarea {width:475px; margin-bottom:15px; }
.contestTable select { width:235px; margin-bottom:15px; }
.contestTable td.checkbox{ font-size:1.2em;}
.contestTable td.leftColumn{ width:220px;}

.btn {
background:url("../images/bg_btn.jpg") repeat scroll left top;
color:#FFFFFF;
display:inline-block;
height:28px;
line-height:28px;
padding:0 5px 0 5px;
text-decoration:none;
text-shadow:0 -1px 0 #a2190f;
text-transform:uppercase;
cursor:pointer;
border:none;
}


.btnSend {
background:url("../images/verstuurVrienden.jpg") repeat scroll left top;
color:#FFFFFF;
display:inline-block;
height:47px;
width:158px;
line-height:28px;
padding:0 5px 0 5px;
text-decoration:none;
text-shadow:0 -1px 0 #a2190f;
text-transform:uppercase;
border:none;
cursor:pointer;
}

#content #middle p a.btn {
background:url("../images/bg_btn.jpg") repeat scroll left top;
color:#FFFFFF;
font-weight:bold;
font-size: 1.2em;
display:inline-block;
height:28px;
line-height:28px;
padding:0 10px 0 10px;
text-decoration:none;
text-shadow:0 -1px 0 #a2190f;
text-transform:uppercase;
}

#content #middle p a.btn:hover {
background:url("../images/bg_btn_h.jpg") repeat scroll left top;
color:#FFFFFF;}


#content #middle p a.btn span {
background:url("../images/bg_btn.jpg") repeat scroll right top;
cursor:pointer;
display:inline-block;
height:32px;
padding-right:10px;
} 

/*Promotions*/

.promotions p {
	font-size:1.3em;

	line-height:1.5em;
	}
.promotions h2 {
	font-size:1.2em;
	}
.promotions h3 {
	font-size:1.3em;
	margin:10px 0 15px 0;
	}
.promotions strong {
	background-color:#D1261C;
	color:#FFFFFF;
	display:block;
	font-size:1.2em;
	margin:0 0 10px;
	padding:5px 4px;
	}
.promotions label {
	font-size:1.2em;
	}
.promotions .voteCanvas label {
	width:120px;
	font-size:1.2em;
	}
.promotions input[type="text"] {
	width:280px;
	font-size:1.2em;
	}
.promotions .voteCanvas input[type="text"] {
	width:180px;
	font-size:1.2em;
	}
.promotions textarea {
	width:280px;
	height:60px;
	font-size:1.2em;
	}
.promotions a.button {
	display:inline-block;
	padding:5px 10px;
	margin-right:10px;
	border:1px solid #D1261C;
	color:#DA281E;
	text-decoration:none;
	font-size:1.2em;
	}
.promotions a.button:hover {
	background-color:#D1261C;
	color:#FFFFFF!important;
	}
.promotions .votes {
	margin-bottom:20px;
	font-size:1.2em;
	}
.promotions .radiospotText {
	padding:20px 10px; 
	line-height: 15px;
	color: #fff;
	text-align:center;
	}
.promotions .radiospotBostoen {
	background-color:#D1261C;
	padding:10px 30px; 
	margin-right:20px;
	}
.promotions .playerName {
	margin-left:60px;
	font-style:italic;
	font-size:1.1em;
	}
.promotions .voteCanvas {
	width:300px;
	border:1px solid #D1261C;
	background-color:#ffe5e5;
	padding:8px;
	}
.promotions .voteButton {
	width:160px;
	}
	
	#page__pageRegion2_ctl00_imgInfoHeader{margin-top:20px;}

#content #middle #miniNavTab ul { list-style: none; padding: 0; margin: 0; background: url(../images/miniNavTabBg.gif) top right repeat; min-height:30px;}
            #content #middle #miniNavTab li { float: left; background: url(../images/miniNavTabRight.gif) top right no-repeat; margin: 0; min-height:30px;}
            #content #middle #miniNavTab a { display: block; background: url(../images/miniNavTabLeft.gif) top left no-repeat; color: #FFF; text-decoration: none; padding: 0.6em 1em 0.25em; min-height:30px; }
            #content #middle #miniNavTab a:hover { color: white;}
            #content #middle #miniNavTab .selected { font-weight: bold; background-image: url(../images/miniNavTabRightActive.gif);}
            #content #middle #miniNavTab .selected a { background-image: url(../images/miniNavTabLeftActive.gif); color: #333;}

#content #previous       {float:left; width:150px; margin:0; padding:0; font-size:1em;}
#content #previous a {color:#d0251b; text-decoration:none;}
#content #previous a:hover {color:#d0251b; text-decoration:underline;}
#content #next {float:right; text-align:right; width:150px; margin:0; padding:0; font-size:1em;}
#content #next a {color:#d0251b; text-decoration:none;}
#content #next a:hover {color:#d0251b; text-decoration:underline;}
#content #overview {float:right; text-align:center; width:225px; font-size:1em;; margin:0; padding:0}
#content #overview a {color:#d0251b; text-decoration:none;}
#content #overview a:hover {color:#d0251b; text-decoration:underline;}

.ModelHouse { width:525px;}

.left_panel_solar { margin-top:10px;}

#content #middle p span.red {color:#d1261c;}




#content #middle .showHide {
	width:525px;
	height:34px;
	

}

#content #middle .showHide h2 a {
	background: url(../images/bgShowHide.jpg) top left no-repeat;
	width:475px;
	height:34px;
	display:block;
	font-size:16px;
	line-height: 34px;
	padding-left:45px;
	color: #000;
	text-shadow:0 1px 0 #FFFFFF;
	text-decoration:none;

}

#content #middle .showHide h2 a:hover {
	width:475px;
	height:34px;
	background-position: 0 -36px;
	display:block;
	font-size:16px;
	color: #FFF;;
	text-shadow:0 1px 0 #666;}



#content #middle .show {
	border:1px solid #dbd8d7; 
	padding:10px; 
	width:498px;
	}

#content #middle .show h3 {
	Font-size: 14px;
	}

#content #middle .box1 {
width: 150px;
float:left;
margin: 0 10px 0 0px;
padding:0 5px 5px 5px;
border:1px solid #dbd8d7; 
}
 
 #content #middle .box1 h2 {
 	font-size:16px;
	color: #000;
 }





#panel, #panel2, #panel3, #panel4, #panel5  {
	background: #FFF;
	height: auto;
	display: none;
}


.slide {
	margin: 0;
	padding: 0;
}

#content #middle .showHide h2 a .btn-slide, #content #middle .showHide h2 a .btn-slide2 {
	background: url(../images/bgShowHide.jpg) top left no-repeat;
	width:475px;
	height:34px;
	display:block;
	font-size:16px;
	line-height: 34px;
	padding-left:45px;
	color: #000;
	text-shadow:0 1px 0 #FFFFFF;
	text-decoration:none;
}

#content #middle .showHide h2 a.active {
	background-position: 0 -70px;
}

#content #middle .showHide h2 a:hover.active {
	background-position: 0 -106px;
	font-size:16px;
	color: #FFF;;
	text-shadow:0 1px 0 #666;
}

#content #middle #box1 a .btn-slide3, #content #middle #box1 a .btn-slide4, #content #middle #box1 a .btn-slide5 {

}

.contact.td
{
 height:auto:
}

td.sliderColumn
{
	width:280px; 
	height:70px;
	font-size:8px;
}


}



