/* CSS template */
* {
	margin:0;
	padding:0;
}

body {
	
	background:#ffffff url(img/body_bg.jpg) repeat-x left top;
	color:#003366;
	font-family: Arial, Verdana, sans-serif;
	
}
a img { border:0; }
a {
	color:#990033;
	text-decoration:none;
}
a:hover { text-decoration:underline;color:#003366; }
p, label, li { font-size:12px;line-height:18px; }

h2 { font-size:15px;padding:8px 0; }

h3 { font-size:13px;padding:10px 0 5px;  }


label { width: 120px;float:left; display:block; }
form div { clear:both;margin-bottom:5px; }




#container {
	background:url(img/container_bg.jpg) repeat-x left bottom;
	min-height:751px;
	height:auto;

}
* html #container { height:751px; }

#wrapper {
	width:1065px;
	background:url(img/content2_bg.jpg) repeat-y left top;
	
}

#header {
	position:relative;
	padding:239px 19px 18px 154px;
	background:url(/img/header_bg.jpg) no-repeat left top;
}

#searchsite {
	position:absolute;
	width:380px;
	height:30px;
	left:750px;
	top:40px;
	
	
	
}
#searchsite div label {
	display:inline;
	width:auto;
	padding-right:10px;
	font-weight:bold;
	line-height:22px;
	color:#fff;
}
#gotohome {
	position:absolute;
	width:280px;
	height:45px;
	top:25px;
	left;20px;
	border:0;
}
#navi {
	
	height:28px;
	width:100%;
}
#navi a.rss { line-height: 28px;margin-left:10px; }
#navi a.rss img { vertical-align:middle;border:0; }

ul#navlist {
	padding:0;
	margin: 0;
	
	list-style-type: none;
	float: left;
	width:800px;

}

ul#navlist li { display: inline; }

ul#navlist li a {
	float: left;
	line-height:28px;
	color: #fff;
	font-size:12px;
	font-weight:bold;
	text-decoration: none;
	border-right: 1px solid #fff;
	padding:0 40px;
	text-align:center;
}
ul#navlist li a.links {
	float: left;
	padding:0;
	width:100px;
}
ul#navlist li a:hover, #faq li a#faq, #download li a#download, #upload li a#upload, #contact li a#contact {
	background:url(img/navi-hover-bg.jpg) repeat-x left top;
	color: #003366;
}
ul#navlist li a.links:hover, #index li a.links {
	background:url(img/navi_btn_links.jpg) no-repeat left top;
	color: #003366;
}



ul#navlist li a.lastbtn { border-right:none; }

#rightColomn { 
	background: url(img/sidebar_bg.jpg) no-repeat left top;
	width:192px;
	float:left;
	min-height:330px;
	height:auto;

}
* html #rightColomn { height:330px; }

.sidebarcontent { padding:10px; }
.sidebarcontent img { margin-bottom:20px;border:0; }
.sidebarcontent h4 { font-size:12px;margin-bottom:10px;padding-left:10px; }
.sidebarcontent ul { list-style-type:none; }
.sidebarcontent ul li { font-weight:bold;margin-bottom:10px; }
.sidebarcontent ul li a { color:#003366;text-decoration:none;padding-left:10px;display:block; }
.sidebarcontent ul li a:hover { color:#999; }
.sidebarcontent ul li.ischild, #versionMenu ul li { padding-left:10px;font-size:11px; }
.sidebarcontent ul li.ischild a, #versionMenu ul li a { color:#999; }
.sidebarcontent ul li.ischild a:hover, #versionMenu ul li a:hover { color:#003366; }


.sidebarcontent ul li a.getbull { background:url(/img/bullit01.gif) no-repeat left 3px;color:#003366; }
/* used in FAQ */
ul.selectlist { padding-top:10px;list-style-type:none;clear:both; }

#versionMenu ul li { margin-left:10px; }


#mainFrame {
	width:676px;
	float:right;
	padding:10px;
}
#mainFrame h2 a { font-size:11px;font-weight:normal; }
#mainFrame div h4 { font-size:12px;padding-top:10px;font-weight:normal;margin-bottom:0; }
#mainFrame p.meta {
	/*border-top:1px solid #ccc;
	margin-top:3px;*/
	padding:0 0 10px 0;
}
#mainFrame p.meta a, div p.meta a { float:right; }
#mainFrame ul, #mainFrame ol {  }
#mainFrame li, .faqdet ul li, .faqdet ol li { list-style-type:none;background:url(/img/content_bullet.gif) no-repeat left 6px;padding-left:12px; }
div.darker { background-color:#eee;padding:0 10px 5px; }
div.light { padding:0 10px 5px; }

div.darker h3, div.light h3, td.firstcol h3 { font-size:12px;padding-bottom:2px; }
td.firstcol h3 { padding-top:0; }

#faqlist li {  }
#content {
	background:url(img/content_bg.jpg) no-repeat left top;
		
	padding:0 19px 0 154px;
}
.small-link { font-size:12px; }

#content-wrapper {



}

.teklalogo { position:absolute;left:25px;bottom:0;margin:10px 0; }

#footer {
	height:170px;
	background:url(img/footer_bg.jpg) no-repeat left bottom;
	padding:0 15px 0 150px;
	
	
}

#footer p {
	color:#999;
	padding-top:30px;
	text-align:center;
}




table { border-collapse:collapse;width:100%; }
table tr td { padding:0 10px;font-size:12px; }
table tr.darker td { background-color:#eee; }
table tr td p { margin-bottom:0; }
table tr.padtop td { padding-top:10px; }
table tr td.seccol { width:90px; }
table tr.padbot td { padding-bottom:10px; }
table tr td.newupdate { color:#990033;font-weight:bold; }
table tr td.seccol { width:120px;vertical-align:bottom; }
table tr td.firstcol { padding-bottom:10px; }
.clearme { clear:both; }

a.netview  img {
	background:url(img/netviewer.gif) no-repeat left top;
}
a.netview img:hover {
	background-position:bottom;
}
.error {
	color:#990033;
	font:weight:bold;
}

#mainFrame {
	min-height:450px;
	height:auto !important;
	height:450px;

}
#index #header { background-image:url(/topHeader/index_bg.jpg); }
#upload #header { background-image:url(/topHeader/upload_bg.jpg); }
#faq #header { background-image:url(/topHeader/faq_bg.jpg); }
#download #header { background-image:url(/topHeader/download_bg.jpg); }
#tekla #header { background-image:url(/topHeader/tekla_bg.jpg); }

/* code for resizeable textarea */
div.grippie {
	background:#EEEEEE url(/includes/grippie.png) no-repeat scroll center 2px;
	border-color:#DDDDDD;
	border-style:solid;
	border-width:0pt 1px 1px;
	cursor:s-resize;
	height:9px;
	overflow:hidden;
}
.resizable-textarea textarea {
	display:block;
	margin-bottom:0pt;
	width:95%;
	height: 20%;
}

/* keuze upload NL versie */
p.kiesmodel { margin:10px 0; }
p.kiesmodel strong { padding-right:20px; }

/* gender radio on registerform */
#gendertypes strong { font-size:24px; }