@charset "utf-8";



/* reset  */
body,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,blockquote,th,td {
margin:0;
padding:0;
}

table {
border-collapse:collapse;
border-spacing:0;
font-size:inherit;
font-size:100%;
}

fieldset,img {
border:0;
}

address,caption,cite,code,dfn,th,var {
font-style:normal;
font-weight:400;
}

th {font-weight:700;}

ul {
margin:0 0 0 15px;
padding:0;
}

ol {
margin:0 0 0 30px;
padding:0;
}

caption,th {
text-align:left;
}

h1,h2,h3,h4,h5,h6 {
font-size:100%;
}

form {
display:inline;
}

:focus {
outline:none;
}


/* main styles */

body {
	background:#e8f1ff;
	text-align:center;
	margin:0;
	padding:0;
	font: 77%/150% Arial, Helvetica, sans-serif;
	color: #000544;
}

a {
	color:#ff9000;
	text-decoration:underline;
	font-weight:700;
	outline:none;
}

a:hover {
	color:#121751;
	text-decoration:underline;
	font-weight:700;
}


h1, h2, h3, h4, h5, h6 {
margin: 0px;
padding: 4px 0px 8px;

color:#655ba3;
}

h1 {font-size: 170%; padding: 0px 0px 15px; margin-bottom:15px;border-bottom: 1px dotted #a8c0e2; color:#000544;}

h2 {font-size: 130%;}

h3 {font-size: 110%;}

h4 {font-size: 100%;}

h5 {font-size: 100%;}

h6 {font-size: 100%;}

p {
margin:0;
padding: 0px 0px 12px;
}


#header {
width:100%;
height:69px;
background:#000544;
}
#headercell {width:980px; margin:auto; height:69px; text-align:left;}
#logo h1  {
margin: 0px;
padding: 0px;
overflow:hidden;
float: left;
border:none;

}

#logo h1  a{
margin: 0px;
background: url(../images/logo.jpg);
text-indent:-9999px;
height: 69px;
width: 500px;
overflow:hidden;
display:block;
float: left;



}

#menubg  {
width:100%;
height:45px;
background:url(../images/menubg.jpg) repeat-x
}

#menucell {width:980px; margin:auto; height:45px; text-align:right;}

#contentcell {
width:100%;
height:auto;
background:#FFF;
border-bottom: 1px solid #c7cbd0;
padding: 15px 0px;
}



#ad {
width:980px;
height:195px;
margin:auto;
background: url(../images/adbg.jpg) repeat-y left;
}

#content {
width:980px;
height:auto;
margin:auto;
text-align:left;}

#content2 {padding-left:30px; ; width:950px; height:auto;

margin:auto;
text-align:left;}

#footer {
color:#7e85a9;
width:auto;
padding:10px;


}

#footer a {color:#7e85a9; font-weight:400; text-decoration:none;}
#footer a:hover {text-decoration:underline;}

div.divide {
color: #f2f3f4;
background-color: #f2f3f4;
height: 1px;
border:0;
margin: 15px 0px;
padding: 0px;
line-height:0.1em;
}


#adtxt {width:580px;  float:left; text-align:left; padding-left:18px; padding-top:14px; }

#buttons {width:349px;  float:left; text-align:right; padding-left:33px; padding-top:4px;}

#adtxt h2 {
text-indent:-99999px; margin:0; padding:0;
}

a.faq {
width:300px;
height:240px;
float:left;
display:block;
text-indent:-9999px;
background: url(../images/faq.jpg) no-repeat;
margin-right:20px; 
}

a.faq:hover {
background: url(../images/faq.jpg) no-repeat left -240px;
}


a.video {
width:300px;
height:240px;
float:left;
display:block;
text-indent:-9999px;
background: url(../images/video.jpg) no-repeat;
margin-right:20px; 
}

a.video:hover {
background: url(../images/video.jpg) no-repeat left -240px;
}


.laatstenieuws {width:312px; height:218px; border: 1px solid #f3f3f3; float:left;
display:block; overflow:hidden; padding:10px;}

.laatstenieuws h2 {
background: url(../images/titel_laatstenieuws.gif) no-repeat;
margin: 0px;
padding: 0px 0px 20px;
height: 17px;
width: 100%;
text-indent:-999999px;
}


.laatstenieuws li {margin-bottom:10px;}

h1.hometitle {
background: url(../images/titel_laixu.gif) no-repeat left center;
margin: 0px 0px 10px;
padding: 20px 0px 0px 20px;
height: 34px;
width: 100%;
display:block;
text-indent:-999999px;
}

#toppanel {
	position: absolute;
	width: 100%;
	left:0px;
	top:0px;
	z-index: 25;
	text-align: center;
	

}
#panel {
	width: 980px;
	position: relative;
	top: 1px;
	height: 0px;
	margin-left: auto;
	margin-right: auto;
	z-index: 10;
	overflow: hidden;
	text-align: left;
}

#panel_contents {
	background: #000544;
	filter:alpha(opacity=90);
	-moz-opacity:0.90;
	-khtml-opacity: 0.90;
	opacity: 0.90;
	height: 100%;
	width: 980px;
	position: absolute;
	z-index: -1;
	
}

.panel_button_holder {width:980px; margin:auto;}


.panel_button {
	
	position: relative;
	margin:auto;
	margin-left:860px;
	top: 1px;
	width: 120px;
	height: 35px;
	
	z-index: 20;

	cursor: pointer;
}
.panel_button img {
	position: relative;
	top: 0px;
	border: none;
}

.login-left {float:left; width:450px;}

.login-right {float:left; width:450px;}


#login a {
width:79px;
height: 23px;
float:right;
display:block;
text-indent:-9999px;
background: url(../images/login.jpg) no-repeat;
margin-top:4px; margin-right:8px;
}

#login a:hover {background: url(../images/login_over.jpg) no-repeat;}

/* login */

.loginbox  {margin:auto; width:476px; height:188px;  text-align:left; padding:30px; border: 1px solid #f2f3f4; margin-top:20px; margin-bottom:20px;}

.logincontent form {padding:0; margin:0;}

div.loginlinks  { float:right;  padding-top:20px; color:#6692c8; font-size:90%;}
div.loginlinks a {font-weight:400; color:#6692c8; }
div.loginlinks a:hover {text-decoration:none;}

#contentcell input.textfield {
border: 1px solid #ddd;
font: 11px Arial, Helvetica, sans-serif;
color: #000544;
padding: 5px 7px;
margin: 4px 10px 4px 0;
vertical-align:middle;

}
#contentcell .logincontent label
{
display: block;
width: 140px;
vertical-align:middle;
float:left;
margin-top: 7px; }

#contentcell .logincontent input.loginbutton {float:right; cursor:pointer; width:89px; height:27px; }


#contentcell fieldset .text-long {
width: 264px;
}

#contentcell fieldset .text-medium {
width: 124px;
}

#contentcell fieldset .text-small {
width: 44px;
}




#contentcell fieldset {
border: 1px solid #ddd;
padding: 20px;
margin: 0 0 20px 0;
background: #fbfbfb;

}

#contentcell fieldset p {
margin: 0 0 14px 0;
float: left;
width: 100%;
}

#contentcell legend {
font-weight:700;
}

#contentcell fieldset label {
display: block;
width: 140px;
vertical-align:middle;
float:left;
margin-top: 7px;
}

#contentcell fieldset  label.toon {width:100px;}

#contentcell fieldset input {
border: 1px solid #ddd;
font: 11px Arial, Helvetica, sans-serif;
color: #000544;
padding: 5px 7px;
margin: 4px 10px 4px 0;
vertical-align:middle;
}

#contentcell fieldset select {
border: 1px solid #ddd;
font: 11px Arial, Helvetica, sans-serif;
color: #000544;
padding: 5px 7px;
margin: 4px 10px 4px 0;
vertical-align:middle;
}

#contentcell fieldset .text-long {
width: 264px;
}

#contentcell fieldset .text-medium {
width: 124px;
}

#contentcell fieldset .text-small {
width: 44px;
}

#contentcell fieldset input.radiobtn {
border:0;
margin: 4px 2px 4px 0;
vertical-align:middle;
}

#contentcell fieldset textarea {
border: 1px solid #ddd;
color: #000544;
padding: 5px 7px;
width: 364px;
float: left;
margin: 4px 10px 4px 0;
height: 118px;
overflow: hidden;
}

#contentcell fieldset textarea.wide {width:700px; overflow: auto;}

#contentcell fieldset textarea.widedesc {
width:98%;
height:250px;
overflow: auto;
}

#contentcell fieldset textarea.txt-short {height:50px;}

#contentcell fieldset textarea.txt-long {height:150px;}

.loginkeuze {
width:980px;
text-align:left;
padding:20px 0px;
} 

.loginkeuze a { float:left; }

span.of {display:block; float:left; margin-left:20px; margin-right:20px; line-height:24px; font-weight:700; font-size:18px;}