/* stylesheet met algemene stijlen voor www.bommeltje.nl   */

BODY
{
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: 10pt;
	COLOR: #000000;
	background-image: url("http://www.bommeltje.nl/nieuw/images/mainback.gif"); 
	background-attachment: fixed;
	
	
	scrollbar-arrow-color:#333366; 
	scrollbar-face-color:#C2D3FC; 
	scrollbar-shadow-color: #FFFFFF; 
	scrollbar-highlight-color: #FFFFFF; 
	scrollbar-track-color: #F4F1EC;
}
.body 
{ 
	FONT-FAMILY: Arial, Helvetica, sans-serif; 
	FONT-SIZE: 10pt; 
	COLOR: #000000;
	BACKGROUND-COLOR: #F9F3EA; 
}




P 
{ 
	FONT-FAMILY: Arial, Helvetica, sans-serif; 
	FONT-SIZE: 10pt; 
	COLOR: #000000
} 
SPAN 
{ 
	FONT-FAMILY: Arial, Helvetica, sans-serif; 
	FONT-SIZE: 10pt; 
	COLOR: #000000
}
TD 
{ 
	FONT-FAMILY: Arial, Helvetica, sans-serif;  
	FONT-SIZE: 10pt; 
	COLOR: #000000 
} 
UL 
{ 
	FONT-FAMILY: Arial, Helvetica, sans-serif;  
	FONT-SIZE: 10pt;
	COLOR: #000000;	
	margin-left: 20pt  
} 
OL 
{ 
	FONT-FAMILY: Arial, Helvetica, sans-serif;  
	FONT-SIZE: 10pt;
	COLOR: #000000;
	margin-left: 16pt  
} 
LI 
{ 
	FONT-FAMILY: Arial, Helvetica, sans-serif;  
	FONT-SIZE: 10pt; 
	COLOR: #000000; 
	FONT-WEIGHT: normal 
} 
STRONG 
{ 
	FONT-FAMILY: Arial, Helvetica, sans-serif;  
	FONT-WEIGHT: bold	 
} 
B 
{ 
	FONT-FAMILY: Arial, Helvetica, sans-serif;  
	FONT-WEIGHT: bold	
} 
INPUT 
{ 
	FONT-FAMILY: Arial, Helvetica, sans-serif;  
	FONT-SIZE: 10pt;
	FONT-WEIGHT: normal  
}
SELECT 
{ 
	FONT-FAMILY: Arial, Helvetica, sans-serif;  
	FONT-SIZE: 10pt;
	FONT-WEIGHT: normal 
} 
H1 
{ 
	FONT-FAMILY: Arial, Helvetica, sans-serif;  
	FONT-SIZE: 22pt; 
	FONT-WEIGHT: bold;
	COLOR: #000000 
} 
H2 
{ 
	FONT-FAMILY: Arial, Helvetica, sans-serif;  
	FONT-SIZE: 19pt; 
	FONT-WEIGHT: bold;
	COLOR: #000000
} 
H3 
{ 
	FONT-FAMILY: Arial, Helvetica, sans-serif;  
	FONT-SIZE:16pt; 
	FONT-WEIGHT: bold; 
	COLOR: #000000
} 
H4 
{ 
	FONT-FAMILY: Arial, Helvetica, sans-serif;  
	FONT-SIZE: 13pt; 
	FONT-WEIGHT: bold; 
	COLOR: #000000
} 
H5 
{ 
	FONT-FAMILY: Arial, Helvetica, sans-serif;  
	FONT-SIZE: 10pt; 
	FONT-WEIGHT: bold; 
	COLOR: #000000
} 
HR 
{
	BACKGROUND-COLOR: Silver;
	COLOR: Maroon;
	LINE-HEIGHT: normal;
	VERTICAL-ALIGN: top
} 
a
{
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	COLOR: #0000FF;
	TEXT-DECORATION: none
}
A:active 
{ 
	FONT-FAMILY: Arial, Helvetica, sans-serif;  
	COLOR: #FF0000; 
	TEXT-DECORATION: none
} 
A:hover 
{
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	COLOR: #007F00;
	TEXT-DECORATION: underline;
}
pre
{
	FONT-FAMILY: Arial, Helvetica, sans-serif;  
	FONT-SIZE: 8pt;
	COLOR: #000000
}

INPUT,SELECT,TEXTAREA {font-family: Verdana,Arial; font-size:9pt; color:000000}

small
{
	FONT-FAMILY: Arial, Helvetica, sans-serif;  
	FONT-SIZE: 6pt;
	COLOR: #000000
}
}
.spreuken {
   font-family: Tahoma;
   font-size: 12px;
   color:#000066;
   PADDING: 0px 0px 0px 0px;
   MARGIN: 0;
}
.spreuken3 {
   font-family: Tahoma;
   font-size: 12px;
   color:#000066;
   width : 400px;
   PADDING: 0px 0px 0px 0px;
   MARGIN: 0;
}
.txt00 {font-family:Verdana, Arial, Helvetica, sans-serif;font-size:11px;}
.txt01 {font-family:Verdana, Arial, Helvetica, sans-serif;font-size:13px;}
.txt02 {font-family:Verdana, Arial, Helvetica, sans-serif;font-size:13px;}
.txt03 {font-family:Verdana, Arial, Helvetica, sans-serif;font-size:11px;}
.txt04 {font-family:Verdana, Arial, Helvetica, sans-serif;font-size:14px;}
.txt05 {font-family:Verdana, Arial, Helvetica, sans-serif;font-size:17px;}
.txt06 {font-family:Verdana, Arial, Helvetica, sans-serif;font-size:9px;}





/* tbv boxen voorpagina*/

.xsnazzy h1, .zsnazzy h1 {
margin:0; 
font-size:1.2em; 
padding:0 10px 5px 10px; 
border-bottom:1px solid #444;
}
.xsnazzy p, .zsnazzy p {
margin:0; 
padding:5px 10px; 
font-size:10px;
}
.xsnazzy {
background: transparent; 
width:440px; 
float:left; 
margin:0 3px;
}

.xtop, .xbottom {
display:block; 
background:transparent; 
font-size:1px;
}
.xb1, .xb2, .xb3, .xb4 {
display:block; 
overflow:hidden;
}
.xb1, .xb2, .xb3 {
height:1px;
}
.xb2, .xb3, .xb4 {
background:#fff; 
border-left:1px solid #444;
border-right:1px solid #444;
}
.xb1 {
margin:0 5px; 
background:#444;
}
.xb2 {
margin:0 3px;
border-width:0 2px;
}
.xb3 {
margin:0 2px;
}
.xb4 {
height:2px; 
margin:0 1px;
}

.xboxcontent {
display:block; 
border:0 solid #444; 
border-width:0 1px; 
height:auto;
}
* html .xboxcontent {
height:1px;
}

.color_a {
background:#c9ba65;
color:#fff;
}
.color_b {
background:#d4d8bd; 
color:#000;
}
.color_c {
background:#758279; 
color:#fff;
}
.color_d {
background:#b2ab9b; 
color:#000;
}



/* Lichtblauw vak met rand */
p.vak01 {
margin: 0px 0px 0px 0px;
background-color: #CCFFFF;
padding: 10px;
text-align: left; font-size: 12px;
border-top-width: 2px; border-right-width: 2px; 
border-bottom-width: 2px; border-left-width: 2px;
border-top-style: solid; border-right-style: solid; 
border-bottom-style: solid; border-left-style: solid;
border-top-color: #33CCFF; border-right-color: #33CCFF;
border-bottom-color: #33CCFF; border-left-color: #33CCFF;
}
/* Lichtgroen vak met rand */
p.vak02 {
margin: 0px 0px 0px 0px;
background-color: #C3FFC5;
padding: 10px;
text-align: left; font-size: 12px;
border-top-width: 2px; border-right-width: 2px; 
border-bottom-width: 2px; border-left-width: 2px;
border-top-style: solid; border-right-style: solid; 
border-bottom-style: solid; border-left-style: solid;
border-top-color: #12FF68; border-right-color: #12FF68;
border-bottom-color: #12FF68; border-left-color: #12FF68;
}
/* Lichtgeel vak met rand */
p.vak03 {
margin: 0px 0px 0px 0px;
background-color: #FFFAC4;
padding: 10px;
text-align: left; font-size: 12px;
border-top-width: 2px; border-right-width: 2px; 
border-bottom-width: 2px; border-left-width: 2px;
border-top-style: solid; border-right-style: solid; 
border-bottom-style: solid; border-left-style: solid;
border-top-color: #F2FF09; border-right-color: #F2FF09;
border-bottom-color: #F2FF09; border-left-color: #F2FF09;
}
/* Lichtoranje vak met rand */
p.vak04 {
margin: 0px 0px 0px 0px;
background-color: #FFE4BC;
padding: 10px;
text-align: left; font-size: 12px;
border-top-width: 2px; border-right-width: 2px; 
border-bottom-width: 2px; border-left-width: 2px;
border-top-style: solid; border-right-style: solid; 
border-bottom-style: solid; border-left-style: solid;
border-top-color: #FFA407; border-right-color: #FFA407;
border-bottom-color: #FFA407; border-left-color: #FFA407;
}
/* Lichtrood vak met rand */
p.vak05 {
margin: 0px 0px 0px 0px;
background-color: #FFD3D6;
padding: 10px;
text-align: left; font-size: 12px;
border-top-width: 2px; border-right-width: 2px; 
border-bottom-width: 2px; border-left-width: 2px;
border-top-style: solid; border-right-style: solid; 
border-bottom-style: solid; border-left-style: solid;
border-top-color: #FF4652; border-right-color: #FF4652;
border-bottom-color: #FF4652; border-left-color: #FF4652;
}
/* Lichtpaars vak met rand */
p.vak06 {
margin: 0px 0px 0px 0px;
background-color: #F2CDFE;
padding: 10px;
text-align: left; font-size: 12px;
border-top-width: 2px; border-right-width: 2px; 
border-bottom-width: 2px; border-left-width: 2px;
border-top-style: solid; border-right-style: solid; 
border-bottom-style: solid; border-left-style: solid;
border-top-color: #BB34FE; border-right-color: #BB34FE;
border-bottom-color: #BB34FE; border-left-color: #BB34FE;
}
/* Lichtblauw vak met rand */
p.vak07 {
margin: 0px 0px 0px 0px;
background-color: #C6C5FE;
padding: 10px;
text-align: left; font-size: 12px;
border-top-width: 2px; border-right-width: 2px; 
border-bottom-width: 2px; border-left-width: 2px;
border-top-style: solid; border-right-style: solid; 
border-bottom-style: solid; border-left-style: solid;
border-top-color: #746CFE; border-right-color: #746CFE;
border-bottom-color: #746CFE; border-left-color: #746CFE;
}
/* Lichtgrijs vak met rand */
p.vak08 {
margin: 0px 0px 0px 0px;
background-color: silver;
padding: 10px;
text-align: left; font-size: 12px;
border-top-width: 2px; border-right-width: 2px; 
border-bottom-width: 2px; border-left-width: 2px;
border-top-style: solid; border-right-style: solid; 
border-bottom-style: solid; border-left-style: solid;
border-top-color: gray; border-right-color: gray;
border-bottom-color: gray; border-left-color: gray;
}

/* stylesheet t.b.v. het lightbox effect   */
#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(http://www.bommeltje.nl/nieuw/css/overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(http://www.bommeltje.nl/nieuw/css/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://www.bommeltje.nl/nieuw/css/overlay.png", sizingMethod="scale");
	}
	
	
	
/************************************************************************************************/

body > .panel {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding: 10px;
    background: #c8c8c8 url(pinstripes.png);
}

.panel > fieldset {
    position: relative;
    margin: 0 0 20px 0;
    padding: 0;
    background: #FFFFFF;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border: 1px solid #999999;
    text-align: right;
    font-size: 16px;
}

.row  {
    position: relative;
    min-height: 42px;
    border-bottom: 1px solid #999999;
    -webkit-border-radius: 0;
    text-align: right;
}

fieldset > .row:last-child {
    border-bottom: none !important;
}

.row > input:not(input[type|=radio]):not(input[type|=checkbox]) {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    margin: 0;
    border: none;
    padding: 12px 10px 0 110px;
    height: 42px;
    background: none;
}
.row > input[type|=radio], .row > input[type|=checkbox] {
  margin: 7px 7px 0 0;
  height: 25px;
  width: 25px;
}

.row > label {
    position: absolute;
    margin: 0 0 0 14px;
    line-height: 42px;
    font-weight: bold;
}

.row > span {
    position: absolute;
    padding: 12px 10px 0 110px;
    margin: 0;
}

.row > .toggle {
    position: absolute;
    top: 6px;
    right: 6px;
    width: 100px;
    height: 28px;
}	



p.norm{
background-color:#e0e0e0;
font-size:14px;
font-weight:bold;
text-align:center;
}
table.norm{
border-style:solid;
border-width:1px;
border-color:#e0e0e0;
}

.table1 {
	/* border-collapse: collapse; */
	border: solid 1px #A3A3A3;
	border-spacing: 0px;
}

.table1 th {
	border-bottom: 1px solid #DFDFDF;
	color: #ffffff;
	background-color: #2285d1;
	text-align: left;
	padding-left: 5px;
}

.table1 td {
 	font-size: 12px;
	border-bottom: solid 1px #DFDFDF;
	padding-left: 5px;
	line-height: 15px;
}