/* Algemeen */
html, body { width: 100%; height: 100%; margin: 0; padding: 0; background-color: #ffffff; background-image:url(../Images/masterpage/pageback.gif); background-position: top center; background-repeat: repeat-x; }
body, td { font-family: arial; font-size: 11px; line-height: 15px; }
.NormalFont, .ZoekFormulierInput { font-family: arial; font-size: 11px; line-height: 15px; }
form { padding-bottom: 50px; margin: 0; }
#container { margin: 0 auto; width: 928px; position: relative; }

h3 { font-weight: bold; font-size: 11px; padding: 0px 0px 0px 0px; margin: 16px 0px 0px 0px; }
 
/* Pagina indeling */
#header { position: relative; height: 103px;}
#kcwlogo { position: absolute; left: 15px; top: 24px; width: 67px; height: 82px; border: 0px; }
#campingwijzerlogo { position: absolute; left: 79px; top: 31px; width: 303px; height: 47px; border: 0px; }
#payoff { position: absolute; right: 15px; top: 51px; border: 0px; width: 285px; height: 36px; }
#submenu { position:absolute; right: 18px; top: 2px; }
.submenulinkdivider { margin-left: 4px; margin-right: 4px; color: #B3B3B3; }

#menu { height: 60px; padding-left: 80px; background-image: url(../Images/masterpage/maintop.gif); background-repeat: repeat-x; z-index: 1000; }

/* Let op: je moet voor IE hier de breedte opgeven (of iets anders doen om hasLayout true te maken) */
#main { background-color: #ffffff; background-image: url(../Images/masterpage/back.gif); padding: 0px 25px 23px 25px; position: relative; line-height: 16px;width:878px;}

.snelzoekeninput { width: 139px; }
.snelzoekenselect { width: 145px; }

ul.nobullets { margin: 0px; padding: 0px; }
ul.nobullets li { list-style-type:none; }

#footer { position: relative; z-index: 1; width: 928px; background-color: #f1f1f1; height: 37px; clear:both; background-image:url(../Images/masterpage/footerback.gif); }
#footerlogo { position: absolute; left: 18px; top: 9px; }
#footerlinks { position: absolute; right: 18px; top: 9px; }
.footerlinkdivider { margin-left: 4px; margin-right: 4px; color: #B3B3B3; }

/* Kolom breedtes voor de verschillende soorten kolommen */
.onecol { width: 204px; } 
.twocols { width: 428px; }
.threecols { width: 652px; }
.fourcols { width: 876px; }

.stippledbrdivider { line-height:1px; height:1px; margin-bottom:8px; border-bottom: 1px dashed #B3B3B3; }
.bottompaddedlink { margin-bottom: 8px; }

/* Standaard margins tussen de kolommen */
.colmarginright { margin-right: 20px; }

/* Gestippelde randen */
.stippledrect { border: 1px dashed #B3B3B3; padding: 10px 14px 10px 14px; }
.stippledbottomborder { border-bottom: 1px dashed #B3B3B3; padding-bottom: 4px;}
.stippledtopbottomborder { border-top: 1px dashed #B3B3B3; border-bottom: 1px dashed #B3B3B3; padding-top: 4px; padding-bottom: 4px;}
.stippledtopborder { border-top: 1px dashed #B3B3B3; padding-top: 4px; }
.stippleddivider { margin-top: 4px; border-top: 1px dashed #B3B3B3; padding-bottom: 4px; font-size: 1px; }

.toppadded { padding-top: 4px; }
.topmargin { margin-top: 20px; }

h1 { color: #e00e00; font-size: 11px; padding:0px 0px 3px 0px; margin: 0px 0px 3px 0px; border-bottom: 1px dashed #B3B3B3; }

/* 
Deze twee moeten identiek zijn, de benoemde stijl wordt door de RadEditor gebruikt omdat de paragraph ondersteuning brak is (Q3 2008 versie) 
De twee stijlen kunnen niet komma gescheiden worden gedeclareerd omdat RadEditor in FF dan de stijl niet laadt
*/
h2 { color: #000000; font-size: 11px; font-weight: bold; padding:0; margin:0; }

.UserText { color: #000000; font-size: 11px; padding:0; margin-bottom:10px; margin-top:0px;}
.UserText h2 { color: #000000; font-size: 13px; font-weight: bold; padding:0; margin-bottom:5px; margin-top:0px;}

.block { padding: 0px 8px 0px 8px; }
.red { color: #e00e00; }
.blue { color: #004289; }

h1.noborderbottom { border-bottom: 0px; }

a, a:visited, a:link { color: #004289; text-decoration: none; } /*0056b1*/
a:hover { text-decoration: underline; }

.center { margin: 0 auto; }
.Relative { position: relative; }

.LandTop3 { float:left; border-bottom: 1px dashed #B3B3B3; margin-right: 20px; height: 70px; margin-bottom: 20px; }

.redtitledblock, .bluetitledblock { border-bottom: 1px dashed #B3B3B3; margin-right: 20px; margin-bottom: 20px; padding-bottom: 4px; }

h1.RedTitle, h1.BlueTitle { background-color: #e00e00; background-image: url(../Images/redtitleback.gif); background-repeat: repeat-x; color: #ffffff; padding: 0; border: 0; font-weight: bold; padding: 0px 8px 0px 8px; position: relative; line-height: 18px; height: 20px; }
h1.BlueTitle { background-color: #0056b1; background-image: url(../Images/bluetitleback.gif); }
h1.RedTitle a, h1.BlueTitle a
{
	font-size: 11px;
	position: absolute; 
	right: 4px;
	white-space: nowrap;
	top: 0px;
	//top: -1px; /* IE ONLY */
	font-weight: normal;
	text-decoration: none;
	padding-right: 8px;
	background-image: url(../Images/arrowright.gif);
	background-position: right 7px;
	//background-position: right 8px; /* IE ONLY */
	background-repeat: no-repeat;
	color: White;
}
h1.RedTitle a:hover, h1.BlueTitle a:hover { text-decoration: underline; }
h1.RedTitle a:visted, h1.BlueTitle a:visted { color: White; }

h1.RedTitle2, h1.BlueTitle2 { background-color: #e00e00; background-image: url(../Images/redtitleback.gif); background-repeat: repeat-x; color: #ffffff; padding: 0; border: 0; font-weight: bold; padding: 0px 8px 0px 8px; position: relative; line-height: 18px; height: 20px; }
h1.BlueTitle2 { background-color: #0056b1; background-image: url(../Images/bluetitleback.gif); }
h1.RedTitle2 a, h1.BlueTitle2 a
{
	font-size: 11px;
	position: absolute; 
	left: 4px;
	white-space: nowrap;
	top: 0px;
	font-weight: normal;
	text-decoration: none;
	padding-right: 8px;
	background-image: url(../Images/arrowright.gif);
	background-position: right 7px;
	background-position: right 7px;
	background-repeat: no-repeat;
	color: White;
}
h1.RedTitle2 a:hover, h1.BlueTitle2 a:hover { text-decoration: underline; }
h1.RedTitle2 a:visted, h1.BlueTitle2 a:visted { color: White; }


.Aantal { color: #616161; }
.todo { color: #aaaaaa; }
.Gray { color: #616161; }

.FloatRight { float: right; }
img.FloatRight { margin-left: 8px; margin-bottom: 4px; }

.Padded, #ZoekFormulier td { padding-left: 8px; padding-right: 8px; }

h1.Large { font-size: 16px; line-height: 20px; }
h1.Black { color: #000000; padding-left: 8px; font-size: 11px; }
h1.Blue { color: #004289; }

.GebiedenInLand 
{
	float: left; 
	width: 159px; 
	//width: 161px; /* IE ONLY */
}

.TEST { border: 1px solid black; }

br.Spacer { line-height: 20px; height: 20px; }

.buttonbottommargin { display: block; margin-bottom: 5px; }

img.RightPadded { margin-right: 14px; }
img.TopPadded { margin-top: 5px; }
img.BottomPadded { margin-bottom: 20px; }

.MetAdvertentie { border-right: 1px solid red; border-left: 1px solid red; border-bottom: 1px solid red; margin-top: -4px; background-color: #fffbe3; }
.ZonderAdvertentie { border-right: 1px solid white; border-left: 1px solid white; border-bottom: 1px dashed #B3B3B3; margin-top: -4px; }

a.SelectedSortering { text-decoration: underline; }

.Ok { margin-left: 137px; }
.zoekbarselectlarge { width: 100%; }
.zoekbarselectnormal { width: 104px; }
.zoekbarselectsmall1 { width: 77px; margin-right: 0px; }
.zoekbarselectsmall2 { width: 25px; }
.zoekbarRow { margin-bottom: 4px; }

.ZoekFormulier { border-top: 1px dashed #B3B3B3; }
.ZoekFormulier td { padding-left: 8px; padding-right: 8px; }
.ZoekFormulierInput1 
{
	width: 189px; 
	//width: 191px; /* IE ONLY */
	line-height: normal; 
}
.ZoekFormulierInput2 { width: 185px; line-height: normal; }
.ZoekFormulierInput3 { width: 429px; line-height: normal; }
.ZoekFormulierInput4 { width: 429px; line-height: normal; height: 70px; }
.ZoekFormulierInput5 { width: 25px; line-height: normal; }
.ZoekFormulierRowEnd td { border-bottom: 1px dashed #B3B3B3; height: 24px; line-height: 24px; }
.ZoekFormulierRow { height: 24px; line-height: 24px; }
.ZoekFormulierLeftColumn { width: 176px; }
.ZoekFormulierRightColumn {	background-color: #f8f8f8; }

.CheckBoxList td { border-bottom: 0px; }
.ZoekFormulier label { padding-left: 4px; position:relative; top:-2px; }

.zoekselectsmall1 { width: 122px; }

.ConsulentenTabel { border-bottom: 1px dashed #B3B3B3; }
.ConsulentenTabel tr, .ConsulentenTabel thead { height: 20px; line-height: 20px; }
.ConsulentenTabel th { text-align:left; font-weight: bold; color: #e00e00; border-bottom: 1px dashed #B3B3B3; padding-left: 8px; padding-right: 8px; }
.ConsulentenTabel td { padding-left: 8px; padding-right: 8px; }
.ConsulentenTabelAlternateRow td { background-color: #f8f8f8; }
.TelefoonOpmerking { color: #616161; }

.Verplicht { float: right; color: #e00e00; font-weight: bold; font-size: 18px; padding-top: 4px;}

.AdvertentieMeer { text-align: right; padding-right: 8px; } 
.Trefwoorden { color: #616161; }

.VoorzieningIconen 
{
	float:right; 
	margin-top: -1px;
	//margin-top: 0px; /* IE ONLY */
}

.InfoBarContainer 
{
	position:absolute; 
	left:0px; 
	top:-20px; 
	width:100%;
}

.InfoBar 
{
	background-image: url(../Images/masterpage/crumblepathback.gif);
	background-repeat: repeat-x;
	background-position: top center;
	margin: 0px 6px 0px 6px; 
	height: 32px; 
	line-height: 32px; 
	padding: 0px 23px 0px 8px; 
	overflow: auto;
}

a.noline, a.noline:hover, a.noline:visited, a.noline:link { text-decoration: none; }

.SnelZoeken input, .SnelZoeken select { font-family: arial; font-size: 11px; line-height: 15px}
.SnelZoeken input {width:146px}
.SnelZoeken select {width:152px}
.SnelZoeken .SnelZoekenInputInY		{ width: 42px;}
.SnelZoeken tr {height:21px;}
.SnelZoeken .Spacer {height:4px;}
.SnelZoeken th {text-align: left; font-weight:normal;}
.SnelZoeken td {text-align: right;}

h1.blue { color: #004289 !important; padding:0px 0px 3px 0px !important; }

.Compact { margin:0px;}

.OverCampingwijzer h2 {font-size: 13px}

.MeerInfo {clear:both;}

/* Beurzen tabel */
.BeursTabel 
{
	border-collapse:collapse;
	border-style:none;
}
.BeursTabel td
{
	border:solid 1px #f2f2f2;
	padding: 3px 10px 3px 3px;
	font-size:1em;
}
.BeursTabel th 
{
	border: solid 1px Red;
	border-bottom-style:hidden; /* Otherwise right border of first td row cells bleeds into th row */
	background-color:Red;
	color:White;
	font-weight:bold;
	text-align:left;
	padding-right:20px;
	font-size:1.1em;
}
.BeursTabel .Sizes td
{
	border:solid 1px #d8d8d8;
	background-color:#d8d8d8;
	font-weight:bold;
}
.BeursTabel .Month td
{
	border:solid 1px #f2f2f2;
	background-color:#f2f2f2;
	font-weight:bold;
}