/*
	Hou Stand default stylesheet
*/

BODY {margin-top:0px; margin-left:0px; width:100%; background:white url(/Images/bodybg.png) repeat-y;}

H1 {font-family:Verdana; color:#008CCF;}
H2 {font-family:Verdana; color:#000058;}
P {font-family:Verdana; font-size:2vw; color:#000058; line-height:1.4em;}
TD {font-family:Verdana; font-size:2vw; color:#000058;}
DIV {font-family:Verdana; font-size:2vw; color:#000058;}
SPAN.small {font-size:80%;}
SPAN.xsmall {font-size:70%;}
SPAN.xxsmall {font-size:60%;}

@media(min-width: 1200px) {
P {font-size:1.1vw;}
TD {font-size:1.1vw;}
DIV {font-size:1.1vw;}
SPAN.small {font-size:90%;}
SPAN.xsmall {font-size:80%;}
SPAN.xxsmall {font-size:70%;}
}

@media(max-width: 500px) {
P {font-size:3vw;}
TD {font-size:3vw;}
DIV {font-size:3vw;}
}

/* left and right frame */
DIV#frameleft {float:left; margin:1%; width:28%;}
DIV#frameright {float:left; margin:1%; width:68%;}

/* footer */
DIV#footer { background-image: url('/Images/bgfooter.png'); padding:18px; position:relative; bottom:0; }
DIV#footer div {font-size:1.2vw;}
@media(min-width: 1200px) {
DIV#footer div {font-size:1vw;}
}
@media(max-width: 900px) {
DIV#footer-samenwerking { display:none; }
}

/* blok met lichtblauwe en blauwe rand */
/* DIV.hs {border:1px outset #008CCF; background-color: white; padding: 4px;} */
/* blok met lichtblauwe afgeronde rand */
DIV.hs {
	background: white url(/Images/bg-hs-box.jpg) no-repeat; 
	border:1px outset #008CCF; 
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	box-shadow: 1px 1px 5px 1px rgba(66, 142, 175, 0.5);
 	margin: 3px;
	padding: 4px;
	overflow: hidden;
	text-align: center;
}


/* tabel met lichtblauwe en blauwe rand */
TABLE {border:none;}
TABLE.hs {border:1px outset #008CCF;}
TABLE.left {text-align:left;}

/* tabel header bold met lichtblauwe achtergrond */
TH {font-weight:bold; background-color:#B3D1FF;}

/* hyperlinks krijgen witte tekst op lichtblauwe achtergrond */
A:hover {background-color:#008CCF; color:white;}

/* hyperlink icons krijgen een border bij hover */
A IMG.iconlink {border: 1px solid white;}
A:hover IMG.iconlink {border: 1px outset #008CCF; background-color: #D8E3EA; text-decoration:none;}

/* tab */
.tab {background: url(/Images/tab-bg.png) no-repeat; padding: 2px 8px 2px 12px;}

/* title larger bold lichtblauw */
.title {font:bold 1.2em Verdana; color:#008CCF; margin-bottom:8px; margin-top:4px;}

/* selected krijgt lichte achtergrond */
.selected {background-color:#E6E6E6;}

/* error in rood */
.error {color:red;}

/* succes in groen */
.succes {color:green;}

/* rdm */
.hide640 { display:block; }
.show640 { display:none; }
@media(max-width: 650px) {
.hide640 { display:none; }
.show640 { display:block; }
DIV#frameleft {display:none;}
DIV#frameright {margin:2%; width:96%;}
H1 {font-size:1.6em;}
}