body {
	font-style: normal;
	font-family: Verdana, Sans;
	color: #000000;
	padding:0px;
	margin:0px;
}

body.vakantie-bed-and-breakfast-ideale-gids-default-en-entree1 #left,
body.vakantie-bed-and-breakfast-ideale-gids-default-en-entree1 div.searchCriteria { width: 180px; }
body.vakantie-bed-and-breakfast-ideale-gids-default-en-entree1 #searchForm { margin-top: 12px; }

table {
	font-family: Verdana, Sans;
    font-size: 1em;    /* fix for IE bug resizing font-size inside tables */
}

div {
	font-family: Verdana, Sans;
    }

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

input{
	font-family: Verdana, Sans;
    }



H1  {font-weight: bold; font-size: 140%; padding:0px; margin-top:0px; margin-bottom:13px; line-height: 140%; color:#002280;}
H2  {font-weight: bold; font-size: 120%; padding:0px; margin-top:0px; margin-bottom:15px; line-height: 140%; color:#002280;}
H3  {font-weight: bold; font-size: 120%; padding:0px; margin:0px; line-height: 120%; color:#002280;}
H4, .Eurotop_kop  {font-weight: bold; font-size: 100%; padding:0px; margin:0px 0px 0px 0px; color:#002280;}
H4.black {color:black;}
H5  {padding:0px; margin:0px;}

H1 .bullet { margin-right:12px; height:10px; width:9px; }

#left {
		font-size:80%;
		width:160px;
		background:#fff;
		/*border:1px solid #000;*/
}

#center {
		background:#fff;
		voice-family: "\"}\"";
		voice-family: inherit;
		width:100%;
		}
	
#right {
		font-size:80%;
		width:215px;
		background:#fff;
		padding:0px;
		margin:0px;
	}
	
html>body #banner {
	height:39px;
}

.italic {
	font-style: italic;
}

.hidden {
	display: none;
}

.disabled {
	color: #7d7d7d;

}

.clearing {
    clear:both;
}

.small {
    font-size:80%;
}

.strong {
    font-weight:bold;
    }

.link {	
    color: #002280;
	text-decoration:none;
	}
/*
a:link,
a:active,
a:visited {
	color: #002280;
	text-decoration:none;
}
a:hover {
	color: #002280;
	text-decoration:underline;
	}
*/

.sgButton.primairSmall span {font-size: 11px; line-height: 13px; /* omdat main.css vanalles om gooit */}

a.button {
    font-size: 10px;
    font-weight: bold;
    height: 15px;
    background: #002280;
    color: #ffffff;
    padding-left: 4px;
    padding-right: 4px;
    margin-right: 4px;
    text-decoration: none;
    border: 1px solid #002381;
}
a.button:link {color: #ffffff;}
a.button:visited {color: #ffffff;}
a.button:active {color: #ffffff;}
a.button:hover {
    color: #ffffff;
    height: 15px;
    text-decoration: underline;
}

a.button_lightblue {
    font-size: 10px;
    font-weight: bold;
    height: 15px;
    background: #99A7CE;
    color: #ffffff;
    padding-left: 4px;
    padding-right: 4px;
    margin-right: 4px;
    text-decoration: none;
    border: 1px solid #99A7CE;
}
a.button_lightblue:link {color: #ffffff;}
a.button_lightblue:visited {color: #ffffff;}
a.button_lightblue:active {color: #ffffff;}
a.button_lightblue:hover {
    color: #ffffff;
    height: 15px;
    text-decoration: underline;
}

a.button_verder:link,
a.button_verder:active,
a.button_verder:visited {
	font-size: 10px;
	font-weight: bold;
	height: 18px;
	background-color: #002280;
	color: #ffffff;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 8px;
	padding-right: 24px;
	text-decoration: none;
	background-image: url(../images/but_pijl_verder.gif);
	background-position: right;
	background-repeat: no-repeat;
	margin-right: 8px;
}

a.button_verder:hover {
    color: #ffffff;
	text-decoration: underline;
}
	
a img {
	border: 0px;
}

div#searchResultTable {
    width:100%;
    margin:0px;
    padding:0px;
}

div.searchResultTable .datascroller{
    border-top:1px solid #EDEFF6; 
    border-bottom:1px solid #EDEFF6; 
    margin-top:12px; 
    margin-bottom:12px;
    padding:0px;
    border-collapse:collapse;
    width:100%;
}
.datascroller td {
    text-align: center;
}
.datascroller a {
    width:100%;
    font-size:10px;
    text-align:center;
    font-weight:normal;
}
.detailSummaryDatascroller .disabled {
	font-size:10px;
}
.datascroller .paginatorTable  a {
    font-size:10px;;
}

tfoot .datascroller a {
    font-size:10px;
}

.datascroller .paginatorTable {
    width:100%;
}

.datascroller .paginatorActiveColumn a {
	font-weight: bold;
}


div.searchResultHeader {
   width:100%;
   clear:both;
   height:24px;
   margin:0px;
   padding:0px;
}

div.rowContent {
    padding-bottom:10px;
    border-bottom:1px solid #EDEFF6;
}
div.rowContent table {
    border-collapse:collapse;
    width:100%;
    border:none;
    margin-top:12px;
}
div.searchCriteria {
	float: left;
	font-size: 85%;
	width: 160px;
}

div.searchCriteria div.mainTitle { /* "title" is a keyword */
    color:white;
    font-weight:bold;
    background-color:#002086;
    height:20px;
    text-align:left;
    padding-top:2px;
    padding-left:4px;
}

div.searchCriteria div .inputText, div.searchCriteria .selectOneMenu {
	width: 128px;
}

div.searchCriteria div.criteria {
	background-color: #efeff7;
}

div.sortCriteria {
	text-align: right;
	vertical-align:middle; 
	float:right;
	width:44%;
	height:100%;
}
div.sortCriteria select {
    vertical-align:middle;
}

div.aantalGevonden {
    float:left;
    width: 54%;
    padding-top:3px;
}

div.result {
	background-color:#FFD700;
	padding: 4px 0px 6px 12px;
}

div.result div.buttons {
	padding: 0px;
	margin: 0px;
}

div.result .header {
	display: block; 
	color: #002280;
	font-weight: bold;
	margin-bottom:6px;
}

div.counter {
    margin: 8px 0px 12px 0px;    
}

div.counter .counterValue {
    font-size:110%;
    width: 40px;
    height: 16px;
    color:black;
    text-align:center;
    padding-top:1px;
    margin-right: 6px;
	background-color: #FFFFFF;
	display:block;
	float:left;
}

.collapsiblePanel {
    background-color:#DFDFEF;
    padding-left:3px;
   }

div.group {
	margin-bottom: 0px;
	margin-left:10px;
	padding-top:4px;
	padding-bottom:10px;
	width:148px; /*fix for IE6 peek-a-boo bug*/
}

div.group .header {
	display: block; 
	color: #002280;
	font-weight: bold;
}

div.group .headerImage {
	margin-right: 5px;
	cursor: pointer;
}

div.collapsiblePanel .headerContextHelp {
	margin-left: 5px;
	vertical-align:middle;
}

div.group .headerText, div.collapsiblePanel .headerText {
	color: #002280;
	font-weight: bold;
	cursor: pointer;
	padding:2px 0px 2px 3px;
	width:148px;
	vertical-align:top;
}

div.group span.label {
	display: block; 
	margin-top: 10px;
}
div.group table {
	border-collapse:collapse;
	padding:0px;
	margin:0px;
}

div.labeledCheckbox {
    margin-top:4px;
}
table.labeledCheckbox {
    border-collapse:collapse;
}
td.labeledCheckbox input {
	margin:3px 0px 0px 0px;
	//margin-top:0px; /* IE */
	padding:0px;
}

td.labeledCheckbox {
	vertical-align: top;
	margin-left:0px;
}
td.checkboxLabel {
    vertical-align:middle;
	padding-top:3px; /* IE */
	
}
.contextHelp {
    vertical-align:top;
    width:100%;
	padding-top:3px;
}
td.labeledCheckbox .label {
	vertical-align: top;
}

.contexthelplink {
    vertical-align:top;
}
.contexthelplink img {
    vertical-align:top;
}
div.photo img {
    width:150px;
}

td.photoFilm {
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
}

.fotoTabel .link {
    font-size:120%;
}

div.details .header {
	display: block; 
	color: #002280;
	font-weight: bold;
	margin-top: 18px;
	margin-bottom: 12px;
}

div.details .header2 {
	display: block; 
	color: #002280;
	font-size: 90%;
	font-weight: bold;
	margin-top: 9px;
	margin-bottom: 6px;
}

div.details .beoordelingAlgemeneIndrukHeader {
	font-weight: bold;
}

div.details .beoordelingRapportcijferHeader {
	font-weight: normal;
}

div.details .beoordelingAlgemeneIndruk {
	font-weight: bold;
}

div.details .beoordelingRapportcijfer {
	font-weight: normal;
}

div.details div.toonMeningenKop {
	background-color: #edeff6;
	padding-top: 3px;
	padding-bottom: 3px;
	color: #002280;
	font-weight: bold;
}

div.details div.geefMeningKop {
	background-color: #edeff6;
	padding-top: 3px;
	padding-bottom: 3px;
}

div.details div.geefMeningKop h2 {
	margin-bottom: 0px;
}

div.details div.maakReserveringKop {
	background-color: #edeff6;
	padding-top: 3px;
	padding-bottom: 3px;
}

div.details div.maakReserveringKop h2 {
	margin-bottom: 0px;
}

div.details div.ctvCommands {
	margin-top:20px; 
	margin-bottom: 20px;
	margin-left:0px; 
	padding-left:0px;
} 

div.details div.routeBeschrijving {
	margin-top:18px; 
	margin-bottom: 12px;
	margin-left:0px; 
	padding-left:0px;
} 


div.details div.info {
    font-size:85%;
}
div.details a {
    font-size:85%;
}
div.details .itemKenmerkHeader {
    font-size: 110%;
}

table.newspaperTable td a {
    font-size: 105%;
}

.BBAlgemeneGegevens .newspaperTable td {
    font-size:85%;
}

div.tabs table {
	margin-top:18px; 
	margin-bottom: 12px;
	border: none;
	white-space:nowrap;	
	font-size:120%;
}

div.tabs .tabEmpty {
	border: none;
	width: 10px;
}

div.tabs .tab, div.tabs .selected {
	border: none;
	white-space:nowrap;
	padding-top: 3px;	
	padding-bottom: 3px;	
	padding-left: 10px;	
	padding-right: 10px;
	width: 50px;
	font-size:70%;
}

div.tabs .tab {
	background-color: #f7f8fb;
	border-top: 1px solid #e5e8f2;
	border-left: 1px solid #e5e8f2;
	border-right: 1px solid #e5e8f2;
	border-bottom: none;
}

div.tabs .selected {
	background-color: white;
	border-top: 1px solid #99a7cc;
	border-left: 1px solid #99a7cc;
	border-right: 1px solid #99a7cc;
	border-bottom: none;
	font-weight:bold;
}

div.tabs td.line {
	border-top: 1px solid #99a7cc;
}

.newsPaperItem {
	width: 50%;
	vertical-align: top;
	font-size:105%;
}

.newspaperTable {
	border-collapse: collapse;
}
.newsPaperItem ul {
	margin-top:0px;
	margin-bottom:0px;
}
div.searchResultRow {
	padding-bottom: 20px;
}
	
div.searchResultRow div.header div.title {
	font-size: 90%;
	font-weight: 700;
	background-color: #fff7cf;
	text-align: left;
	float: left;
}

div.searchResultRow div.header div.film {
	background-color: #fff7cf;
	float: right;
	margin-right: 6px;
	margin-top: 6px;
}

div.searchResultRow div.header div.filmholder {
	background-color: #fff7cf;
	height: 25px;
}

div.searchResultRow div.header a {
	color: #002280;
	text-decoration:none;
}

div.searchResultRow div.header {
	font-size: 130%;
	font-weight: bold;
	padding-left: 3px;
	padding-top:2px;
	height:24px;
	background-color: #fff7cf;
	width: 100%;
}

div.searchResultRow div.gebied {
	padding: 3px;
	font-size:110%;
	width: 100%;
}

div.searchResultRow div.beoordelingen {
	width: 100%;
	padding-left: 0px;
}
div.searchResultRow div.beoordelingen div.beoordelingAnwb {
    float:left;
    width:30%;
    padding-left: 3px;
    font-size: 90%;
}

div.searchResultRow div.beoordelingen div.beoordelingLeden {
    float:right;
    width:215px;
	text-align: right;
    font-size: 90%;
}

.beoordelingLeden .tekst {
    padding-right:3px;
    vertical-align:top;
    text-align:right;
    font-size: 100%;
}
.beoordelingLeden .cijfer {
    padding-left:3px;
    width:20px;
    text-align:right;
    font-size: 100%;
}
table.gauge {
	border: solid 1px #ccd3e6;
}

td.gauge {
	border: solid 1px #ffffff;
	background-color: #ccd3e6;
	padding: 0px;
}

.beoordelingAnwbCijfer {
	color: #002280;
	font-weight: bold; 
}

.beoordelingLedenCijfer {
	color: black;
	font-weight: normal; 
}

.korteOmschrijving {
    font-size:100%;
    padding-left: 3px;
}
.korteOmschrijving a.geenunderline {
    color: #000000; 
    text-decoration: none;
}
.erkenning {
    padding-left:3px;
    padding-bottom:3px;
}

table.related {
	font-size:85%;
	border:none;
	width:100%;
	margin-top:0px;
}
.searchResultPhoto {
    width:96px;
    margin-right:12px;
    
}
.relatedlink { padding-top:3px;	}
td.relatedkop { margin:0px; padding-left: 9px; padding-right:9px; padding-top:0px; background: #EDEFF6; height: 20px; }
.relatedarrow { width:1%; margin:0px; padding-left: 9px; padding-top:3px; }
.relatedtekst { margin:0px; padding-left: 9px; padding-top:3px;font-size:12px;}
.relatedTekstCijfer {margin:0px; font: normal 70% Verdana, Sans;  padding-top:3px;}
.relatedSubKop { margin:0px; padding-left: 9px; padding-top:3px;}
.relatedlijn {background: #EDEFF6; height: 2px;}
.relatedspacer {height: 12px;}


.detailSummaryDatascroller {
	/* Moet uiteindelijk plm. 70% worden, maar doordat alle hyperlinks binnen 
	   div.details al op 85% staan is 85% hier voldoende (85% * 85% = 72%)*/
    font-size:10px;
    text-align:right;
    width:100%;
    margin-bottom:12px;
}
.details .detailSummaryDatascroller a {
    font-size:10px;
}
.detailSummaryErkenning {
     float: right;
}

.detailSummaryGebiedsaanduiding {
    font-size:85%;
    float: left;
    padding-top:4px;
}

table.myFaces_panelTabbedPane {
    border-collapse:collapse;
}

td.myFaces_panelTabbedPane_emptyHeaderCell {
    border-bottom: 1px solid #99A7CC;
    border-left: 1px solid #E5E8F2;
    //width:100px; /*IE*/
    max-width:100%;
    min-width:50%;
    
}

td.myFaces_panelTabbedPane_activeHeaderCell {
    width:130px;
    color:#002280;
    background-color:white;
    border-color:#99A7CC;
    border-style: solid;
    border-width: 1px 1px 0px 1px;
    font-size:100%;
}
td.myFaces_panelTabbedPane_inactiveHeaderCell {
    color:#002280;
    background-color:#F7F8FB;
    border-top: 1px solid #E5E8F2;
    border-right: 0px solid #E5E8F2;
    border-bottom: 1px solid #99A7CC;
    border-left: 1px solid #E5E8F2;
    width:130px;
    font-size:100%;
}
td.myFaces_panelTabbedPane_inactiveHeaderCell input {
    color:#002280;
    background-color:#F7F8FB;
    height:18px;
    font-size:85%;
    margin-bottom:2px;
    //margin-top:2px; /*IE*/
    
}
td.myFaces_panelTabbedPane_activeHeaderCell input {
    color:#002280;
    background-color:#FFFFFF;
    font-weight:bold;
    font-size:85%;
    height:18px;
    margin-bottom:2px;
    //margin-top:2px; /*IE*/
}



.disabledTabStyle {
    color:black;
    background-color:green;
}
.activeSubStyle {
    border:none;   
}
.inactiveSubStyle {
    border:none;
}
.tabContentStyle {
     border:none;
     padding:6px 0px 0px 0px; 
}



.beoordelingRow {
    padding-top:12px;
}
.beoordelingRowMeningTab {
    margin-top:24px;
}
.width300px {
    width:300px;
}

.valignTop {
    vertical-align:top;
}

.meningcijferheader {width:100%; vertical-align:middle; font-size: 90%; color:#000000; background-color:#FFF7CF;}
.meningcijferheader .naam {    width=1%; white-space:nowrap; float:left; color: #002280;    padding-left:3px; font-weight: bold; }
.meningcijferheader .datum {   width=1%; white-space:nowrap; float:left; color: black;      padding-left:8px;}
.meningcijferheader .verblijf {          white-space:nowrap; float:right; text-align:right; padding-right:3px;}

table.beoordelingenRapportCijfersRow {
    width: 100%;
    margin-bottom:3px;
    padding-left:3px;
}

table.beoordelingenRapportCijfersRow thead th {
    height:12px;
    line-height:12px;
    font-size:75%; 
    border-bottom: 2px solid #FFF7CF;
    text-align:left;
}

table.beoordelingenRapportCijfersRow td  {
    height:12px;
    line-height:12px;
    font-size:80%; 
}

.toelichtingRow {
    clear:both;
    margin-bottom:3px;
    padding-left:3px;
}

.geschiktVoorRow {
    clear:both;
    font-size:75%;
    padding-left:3px;
}

.beoordelingenTabKolomOmschrijving {
    width:60%; 
    float:left;
}
    
.beoordelingenTabKolomGauge {
    width:26%; 
    float:right;
}

.beoordelingenTabKolomPercentage {
    width:10%; 
    float:right;
    text-align:right;
}

table.prijstabel .itemKenmerkHeader {
    font-weight:bold;
    color:#002280;
    text-align:left;
    padding-top:12px;
    padding-bottom:12px;
    font-size:110%;
}

div.prijstabel {
    margin-top:12px;
    margin-bottom:12px;
}

div.prijsindicatie {
    font-size:85%;
}

.betaalmiddelIcoon {
    margin-right:6px;
}

.erkenningIcoon-links {
    margin-right:6px;
}

.erkenningIcoon-rechts {
    margin-left:6px;
}

/* corrigeren ivm cms integratie: */


DIV.searchCriteria, 
DIV.searchCriteria DIV.mainTitle, 
DIV.result .header,
DIV.group .header,
DIV.collapsiblePanel .headerText,
TD.checkboxLabel,
.label
 {
	font-size:85%;
}

label {
	font-size:105%;
}

div.bb_cms_rework {
    font-size:150%;
}

.relatedSubKop {
	margin:0px; font: normal 70% Verdana, Sans; padding-left: 9px; padding-right:9px; height: 20px; border-bottom:1px solid #99A7CC; height:1px;
}

#map {
    width: 426px;
    height: 378px;
    text-align:center;
    margin: 1em auto;
    padding: 3px;
    border: 1px double #bbb;
}

div.map {
	width:426px; 
	background-color:#ECEFF6; 
	margin-top:6px;
}

div.map .header {
	display: block; 
	color: #002280;
	font-weight: bold;
	margin-top: 4px;
	margin-bottom: 0px;
}
	
div.melding {
    font-size:85%;
}

#sig_column1 table.internenavigatie table td.nieuws {
    font-size: 100%;
    
    
}

#relateddetail {
    font-size:120%;
}

.errorText {
    color:red;
}

div.info {
	margin: 10px 0 0 0;	
}

div.info>.textWithoutPhoto>.text {
	padding: 0 0 0 0px;	
}

div.info>.textWithSinglePhoto>.text {
	padding: 0 0 0 160px;	
}

div.info>.textWithSinglePhoto>.photo {
	float: left;
	width: 150px;	
}

div.map {
	width: 100%;
	height: 400px;
}

div.kenmerken {
	width: 100%;
}



div.descriptionPhoto {
	float: right;
	width: 150px;
}

div.descriptionPhoto>img {
	width: 100%;
}

div.eigenschappen {
	width: 100%;
}

table.eigenschappen td {
	padding: 0 0 0 0;
	color: #000000;
	font: normal 80% Verdana,Sans;
	vertical-align: top;
}

table.eigenschappen col.label {
	width: 110px;
}

table.eigenschappen col.small {
	width: 80px;
}

table.eigenschappen col.wide {
	width: 160px;
}



div.rubriek>.title {
	clear: left;
	display: block; 
	color: #002280;
	font-weight: bold;
	margin-top: 18px;
	margin-bottom: 12px;
}

div.rubriek .booleanKenmerk {
	display: list-item;
	margin-left: 20px;
	float: left;
	width: 40%;
	font: normal 80% Verdana,Sans;
}

div.rubriek>.info {
	clear: left;
	font: normal 80% Verdana,Sans;
}

div.fotos .foto {
	width: 250px;
	padding: 2px;
}

img.sterren {
	margin: 0 0 0 10px;
}


div.actueleSneeuwhoogte {
}

div.weersvoorspelling {
}

/***********************
	DETAILBOX / TEASERS
************************/

div.detailBox {
	width: 140px;
	float: right;
	clear: right;
	margin-bottom: 4px;
	padding-bottom: 4px;
	border-bottom: 1px solid Gray;
}

div.detailBox div.title {
	display: block;
	font-size: 11px;
	font-weight: bold;
	color: #002280;
	background-color: #7f90bf;
	color: #ffffff;
	padding: 3px 6px 4px 7px;
}

div.detailBox div.content {
	font-size: 80%;
	background-color: #EDEFF6;
	padding: 4px 6px 6px 6px;
	border: 1px solid #D9DEEC;
}

div.detailBox div.keyValue {
	margin: 0 0 4px 0;
}

div.detailBox div.keyValue span.value {
	font-weight: bold;
}

#wintersportplaatsOmschrijvingTab #actueleSneeuwhoogte {
	height: 60px;
	float: right;
}

#wintersportplaatsOmschrijvingTab #weersvoorspelling {
	height: 60px;
	float: right;
	clear: right;
}

#wintersportplaatsOmschrijvingTab #pistekaart {
	float: right;
	clear: right;
	margin: 10px 0 0 0;
}

#wintersportplaatsOmschrijvingTab #pistekaart img {
	width: 100%;
}


#wintersportplaatsSneeuwEnWeerTab #sneeuwhoogte {
	float: left;
}

#wintersportplaatsSneeuwEnWeerTab #sneeuwhoogte div.content {
	height: 30px;
}

#wintersportplaatsSneeuwEnWeerTab #kwaliteitSneeuw {
	height: 60px;
	float: left;
	padding-left: 10px;
}

#wintersportplaatsSneeuwEnWeerTab #kwaliteitSneeuw div.content {
	height: 30px;
}

#wintersportplaatsSneeuwEnWeerTab #laatsteSneeuwval {
	height: 60px;
	float: left;
	padding-left: 10px;
}

#wintersportplaatsSneeuwEnWeerTab #laatsteSneeuwval div.content {
	height: 30px;
}

#wintersportplaatsSneeuwEnWeerTab #dag1 {
	float: left;
}


#wintersportplaatsSneeuwEnWeerTab #dag1 div.content {
	height: 115px;
}

#wintersportplaatsSneeuwEnWeerTab #dag2 {
	float: left;
	padding-left: 10px;
}

#wintersportplaatsSneeuwEnWeerTab #dag2 div.content {
	height: 115px;
}

#wintersportplaatsSneeuwEnWeerTab #dag3 {
	float: left;
	padding-left: 10px;
}

#wintersportplaatsSneeuwEnWeerTab #dag3 div.content {
	height: 115px;
}

#wintersportplaatsSkigebiedTab #pistekaart {
	float: right;
}

#wintersportplaatsSkigebiedTab #pistekaart img {
	width: 100%;
}