/*___________________________________________________________________________________________________________________

	mediaCT webinterieur - www.mediact.nl - info@mediact.nl - 050 5799393 - Groningen - The Netherlands
	copyright: http://creativecommons.org/licenses/by-nc-nd/2.0/deed.nl

_____________________________________________________________________________________________________________________*/

html, body {}

body {
	background: #fff url("img/bg_body.gif") repeat-y left top;
	padding: 0; margin: 0;
}

body,td,th,input,select,textarea {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	color: #333;
	line-height: 19px;
}

input,textarea { line-height: normal; }

h1,h2,h3,h4,p,a,ul,dl,form,legend,fieldset { margin: 0; padding: 0; }

h2,h3,h4,h5,h6 { font-family: Georgia, "Times New Roman"; color: #26237B; font-weight: 400; }

h2 { font-size: 25px; margin-bottom: 12px; line-height: 32px; }
h2 a { text-decoration: none; } 
h2 a:hover { color: #26237B; }
h3 { font-size: 15px; margin-bottom: 10px; color: #26237B; line-height: 24px; }
h3 a { text-decoration: none; color: #26237B; }
h3 a:hover {  }
h4 { font-size: 13px; font-family: Arial, Helvetica, Verdana, sans-serif; }

#leftcolumn h4 {
	margin-bottom: 0;
	font-size: 13px;
	color: #201E69;
}


p { margin-bottom: 20px; }
ul { margin-left: 15px; list-style-type: circle; }
a { color: #26237B; }
a:hover { text-decoration: none; color: #26237B; }
a:active { text-decoration: none; }
img { display: block; border: none; }
dl dt { font-weight: bold; margin-bottom: 10px; }
dl dd { margin: 0 0 30px 0;}
fieldset { border: none; }
caption { display: none; }
legend { display: none; }
em {color:#FF0000;}

table { width: 100%; margin-top: 6px; border-collapse: collapse; border: none;  }
th, td{ border: none; padding: 5px; text-align: left; }
th { text-align: left; }
thead th { background-color: #EFEDE1; text-align: center; }
tbody th{ background-color: #fff; font-weight: normal;}
tfoot th { background-color: #EFEDE1; }
tfoot td { background-color: #fff; }

hr { border: none; height: 1px; background-color: #ccc; }

.grote_letters { font-size: 17px; line-height: 24px; }
.middelgrote_letters { font-size: 15px; }
.kleine_letters { font-size: 10px; line-height: 16px; }

.clearer {clear:both;}

/* CONTAINER */

#container {
	
}




/* HEADER */

#header {
	position: relative;
	top: 0;
	left: 0;
	width: 349px;
}

#header h1 {
	position: relative;
	left: 41px;
	width: 309px;
	height: 154px;
	overflow: hidden;
}

#header h1 a {
	display: block;
	width: 309px;
	height: 154px;
	background: #fff url("img/logo_plieger.png");
	text-indent: -1234em;
	text-decoration: none;
}



/*  CONTENT */

#content {
	position: relative;
}

#wrapper {
	float: left;
	width: 100%;
}





/* MAINCONTENT */

#maincontent {
	margin: 0 211px 50px 350px;
	min-height: 470px;
}

#maincontent.testpage { margin: 0 15px 50px 350px; }

#maincontent #leftcolumn {
	float: left;
	width: 100%;
	background: url("img/bg_maincontent_right.png") repeat-y right top;
}

body.home #maincontent #leftcolumn { width: 68%; }

#maincontent #leftcolumn .article {
	padding-right: 30px;
	margin-top: 30px;
}

#maincontent #leftcolumn .shadow_top {
	background: url("img/bg_maincontent_top.png") no-repeat right top;
	height: 30px;
}

#maincontent #leftcolumn .shadow_bottom {
	background: url("img/bg_maincontent_bottom.png") no-repeat right top;
	height: 30px;
}

#maincontent #rightcolumn {
	float: right;
	width: 28%;
	margin-top: 65px;
}

#maincontent #rightcolumn .article {
	border-bottom: 1px solid #ccc;
	margin-bottom: 20px;
}

#maincontent ul.submenu {
	padding-bottom: 1px;
	border-bottom: 1px solid #ccc;
	margin-left: 0;
	list-style-type: none;
	margin-right: 11px;
}

#maincontent ul.submenu li a {
	display: block;
	height: 29px;
	background-image: url("img/bg_submenu.gif");
	text-decoration: none;
	font-size: 14px;
	line-height: 30px;
	overflow: hidden;
	padding-left: 8px;

}

#maincontent ul.submenu li a:hover { color: #F2AB01; }

#maincontent ul.submenu li a.active {	
	background-position: left 29px;
	color: #26237B;
}

#maincontent ul.submenu li a.active:hover { color: #26237B; }


#cursussen .cursusitem {
	padding:5px;
	margin-bottom:30px;
	border-bottom:1px solid #cccccc;
	background: #fff url("img/bg_cursus.gif") repeat-x bottom left;
}

.cursusitem_button {
	width:190px;
	height:70px;
	float:right;
	margin:-8px 0 10px 20px;
}

#cursussen .cursuslink {
	margin: 20px 0 5px 0;
}

#cursussen .lijst {
	margin-top:20px;
	width:100%;
}

#cursussen .lijst .titel {
	float:left;
	width:120px;
	font-weight:bold;
}

#cursussen .lijst .beschrijving {
	float:left;
}



#aanmelden {
	margin-top:30px;
}




/* LEFTCONTENT */

#leftcontent {
	float: left;
	width: 350px;
	margin-left: -100%;
	background: url("img/blauwvlak_verloop.png") no-repeat 41px 290px;
	min-height: 470px;
	overflow: hidden;
	
}

#leftcontent #billboard {
	margin-left: 41px;
	width: 309px;
	background: #fff url("img/bg_headerimage.gif") no-repeat 285px top;
	height: 289px;
}

#leftcontent #billboard img {
	display: inline;
	margin-left: 0;
	border-top: 1px solid #fff;
}

#keurmerk {
	clear: left;
	position: absolute;
	top: 408px;
	left: 4px;
	width: 120px;
	height: 120px;
	background-image: url("img/keurmerk_klein.png");
	text-indent: -1234em;
}

#keurmerk.home {
	position: absolute;
	top: 384px;
	left: 4px;
	width: 171px;
	height: 171px;
	background-image: url("img/keurmerk_groot.png");
	text-indent: -1234em;
}




/* RIGHT CONTENT */

#rightcontent {
	float: left;
	width: 210px;
	margin-left: -211px;
	min-height: 470px;
	margin-top: 30px;
	padding-top: 35px;
}

body.home #rightcontent {
	border-left: 1px solid #ccc;
}

#rightcontent .articles {
	padding: 0 20px 0 13px;
}

#rightcontent .articles h3 {
}

#rightcontent .articles .article {
	padding-top: 4px;
	font-size: 11px;
}

#rightcontent .article h4 {
	color: #F2AB01;
	padding-bottom: 10px;
	font-size: 12px;
}

#rightcontent .article h4 a { color: #F2AB01; text-decoration: none; }
#rightcontent .article h4 a:hover { color: #26237B; }

#rightcontent .article .newsthumb {
	width: 155px;
	height: 45px;
	overflow: hidden;
	border: 2px solid #9F9F9F;
	margin-bottom: 10px;
}

#rightcontent .article .newsthumb img {}

#rightcontent ul.submenu {
	border-top: 1px solid #ccc;
	margin-left: 0;
	list-style-type: none;
}

#rightcontent ul.submenu li a {
	display: block;
	text-decoration: none;
	padding: 5px 0 5px 8px;
	font-size: 11px;
	height: 22px;
	line-height: 20px;
	border-bottom: 1px solid #ccc;
}

#rightcontent ul.submenu li a:hover { background-color: #f5f5f5; color: #F2AB01; }

#rightcontent ul.submenu li a.active {
	background-color: #f5f5f5;
	color: #F2AB01;
}

#rightcontent ul.submenu li a.active:hover { color: #26237B; }

/* submenuproduct */

#rightcontent ul.submenuproduct {
	border-top: 1px solid #ccc;
	margin-left: 0;
	list-style-type: none;
}

#rightcontent ul.submenuproduct li a {
	display: block;
	text-decoration: none;
	padding: 5px 0 5px 8px;
	font-size: 11px;
	line-height: 20px;
	border-bottom: 1px solid #ccc;
}

#rightcontent ul.submenuproduct li a:hover {
	color: #F2AB01;
}



/* MENU */

#menu {
	position: absolute;
	top: 0;
	left: 0;
	height: 30px;
	background: url("img/bg_menu.gif") no-repeat 882px top;
	width: 100%;
}

#menu ul {
	margin-left: 327px;
	list-style-type: none;
}

#menu ul li {
	float: left;
	width: 85px;
	height: 30px;
	overflow: hidden;
}

#menu ul li a {
	display: block;
	height: 30px;
	padding: 5px 0 0 11px;
	background: url("img/bg_buttons.gif") left 30px;
	text-decoration: none;
	color: #26237B;
	font-weight: bold;
	font-size: 11px;
}

#menu ul li.cls_open_inschrijvingen {
	width: 130px;
}

#menu ul li.cls_open_inschrijvingen a {
	background-image: url("img/bg_buttons_large.gif");
}

#menu ul li a:hover, #menu ul li a.active { background-position: left 0; color: #F2AB01; }


#menu ul ul { display: none; }

#menu ul li.cls_open_inschrijvingen {

}



/* FOOTER */

#footer {
	clear: left;
	font-size: 9px;
	padding-left: 30px;
	background: url("img/bg_footer.png") repeat-y 41px top;
}

#footer p {
	margin-left: 320px;

	border-bottom: 4px solid #201E69;
}

#footer a {
	text-decoration: none;
	color: #333;
}

#footer a:hover { color: #26237B; }/*=============================================================================*/
/*=====| mediaCT webinterieur [WEB]www.mediact.nl [EMAIL]info@mediact.nl          |====*/
/*=====|                                                                                                                     |====*/
/*=====| copyright: http://creativecommons.org/licenses/by-nc-nd/2.0/deed.nl          |====*/
/*=============================================================================*/



/* ALGEMENE CSS BEPALINGEN */

a.rss { padding-left: 18px; background: url("img/bullets/bullet_rss.gif") no-repeat left 4px; }

a.exLink { padding-right: 10px; background: url("img/bullets/bullet_exlink.gif") no-repeat right 6px; }

ul.li_spacing li {	margin-bottom: 15px; }



/* NEWSARTICLES */

#newsarticles { margin-top: 30px; }

#newsarticles .article {
	border-bottom: 1px solid #ccc;
	margin-right: 35px;
	margin-top: 0 !important;
	margin-bottom: 20px;
}

#newsarticles .article h3 { }

.article .date { font-size: 11px; font-weight: bold; margin-bottom: 10px; }



/* ITEM NAVIGATION */

#itemnavigation { clear: both; margin-bottom: 15px; }

#itemnavigation ul li { display: inline; background-image: none; padding-left: 0; }



/* BREADCRUMB */

#breadcrumb {
	position: absolute;
	top: 120px;
	left: 0;
	width: 100%;
	text-transform: uppercase;
}

#breadcrumb ul { list-style-type: none; text-align: right; margin-right: 20px; _margin-right: 0; }

#breadcrumb li {
   display: inline;
   background: url("img/bullets/bullet_breadcrumb.gif") no-repeat left 5px;
   padding-left: 10px;
   margin-right: 4px;
   font-size: 11px;
   color: #201E69;
}

#breadcrumb li.no_image { background-image: none; }

#breadcrumb li.first { padding-left: 0; background-image: none; }

#breadcrumb a { text-decoration: none; color: #F2AB01; }

#breadcrumb a:hover { text-decoration: underline; } 



/* ZOEKEN FORM */

#zoeken form { margin-bottom: 20px; }

#zoeken legend, #zoeken label { display: none; }

#zoeken input {
	border: 1px solid #ccc;
	background-color: #fff;
	padding-left: 3px;
	width: 110px;
}


#zoeken input.submit {
	display: block;
	padding-left: 3px;
	padding-right: 3px;
	color: #F2AB01;
	margin: 10px 0 0 0;
	width: 40px;
}




/* POLL */

#poll, #result {
	padding: 0 0 20px 0;

}
#poll ul, #result ul { margin: 0; list-style-type:none; }	

#result ul.results {
	border: 1px solid #F2AB01;
	background-color: #FFF1D0;
	padding: 10px;
}

#result .balk {
	height: 16px;
	border: 1px solid #F2AB01;
	background-color: #fff;
}

#result .percentage {
	background-color: #FE993F;
	height: 16px;
}

#result .textresult {
	height: 14px;
	margin: -14px 0 0 105px;
	background-color: #fff;
}

#poll .submit{
	margin: 15px 10px 0 0;
}





/* CONTACT FORM */

.hiddenform {
	display:none;
}

#contactform { margin-top: 20px; }

#contactform div label, #contactform input.submit { display: block; }

#contactform div label {
	display: block;
	margin: 6px 0 5px 0;
	padding: 3px 3px 0 0;
	font-weight: bold;
	color: #26237B;
}

#contactform div label em {
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FF0000;
}

#contactform div input, #contactform div textarea {
	padding: 1px 0 0 3px;
	border-right: 1px solid #8da4b0;
	border-bottom: 1px solid #8da4b0;
	border-top: 1px solid #b8c1c6;
	border-left: 1px solid #b8c1c6;
	width: 90%;
}

#contactform .formField_check {
	width: 100%;
	overflow: hidden;
	margin-top: 30px;
}

#contactform .formField_check_none {
	width: 100%;
	overflow: hidden;
}

#contactform .formField_check input, #contactform .formField_check_none input {
	width: auto;
	float: left;
	margin-top: 8px;
}

#contactform .formField_check label {
	float :left;
}

#contactform #contactpersoon_content {
	margin-bottom:40px;
}

#contactform #contactpersoon_content.hidden {
	display: none;
}

#contactform div input {
	display: inline;
	height: 20px;
	padding-top: 3px;
}

#contactform  div input.inputerror,#contactform  div textarea.inputerror  {
	border: 1px solid #26237B;
}

#contactform div textarea {
	height: 100px;
}

#contactform input.submit {
	font-weight: bold;
	height: 25px;
	color: #fff; 
	background-color: #26237B;
	margin-top: 8px;
	border-right: 1px solid #2c6688; 
	border-bottom: 1px solid #2c6688; 
	border-top: 1px solid #205879; 
	border-left: 1px solid #205879; 
}

#contactform input.disabled {
	font-weight: bold;
	height: 25px;
	color: #666666; 
	background-color: #cccccc;
	margin-top: 8px;
	border-right: 1px solid #999999; 
	border-bottom: 1px solid #999999; 
	border-top: 1px solid #999999; 
	border-left: 1px solid #999999; 
}

.error {
	color:#333;
	margin:10px 0 10px 0;
	border:2px dotted #ff0000;
	background-color:#ff8080;
	width:200px;
	text-align:center;
	padding:30px 10px 30px 10px
}

.correct {
	color:#333;
	margin:10px 0 10px 0;
	border:2px dotted #1ebf1e;
	background-color:#6ef36e;
	width:200px;
	text-align:center;
	padding:30px 10px 30px 10px
}





/* FORM TEST 1 */

form.formtest legend { display: none; }

form.formtest label { display: none;  }
form.comm label, form.taal label{ display: block; cursor: pointer;}

form.formtest table tr {
	border-bottom: 1px solid #ccc;
}

form.formtest table td {
	vertical-align: middle;
}

form.formtest.test1 table td.antwoord {
	text-align: center;
}

form.formtest.test2 table td.antwoord {
	text-align: left;
}

form.formtest.test3 table tr {
	border-bottom: none;
}

form.formtest.test3 table td.nummer {
	width: 10px;
}

form.formtest.test3 table td.radio {
	width: 20px;
}

.submitTest { float: right; margin-right: 15px; }


form.formtest.test2 tr.noborder {
	border-bottom: none;
}

form.formtest.test4 tr td.vraag2 {
	text-align: right;
}

/* ANTWOORDEN TESTJES */

p.score {
	border: 1px solid #F2AB01;
	background-color: #FFF1D0;
	padding: 10px;
}


/* SITEMAP */

#sitemap li {
	margin-left: 0;
	list-style-image: none;
	list-style-type: none;
	min-height: 22px;
}

#sitemap li a { display: block; font-weight: bold; text-decoration: none; padding-top: 10px; }

#sitemap li a:hover { text-decoration: underline; }

#sitemap li li a {
	height: 22px;
	margin: 0; padding: 0;
	padding-left: 25px;
	font-weight: normal;
	background: url("img/bullets/bullet_list.gif") no-repeat 10px 4px;
}

#sitemap li li li a {
	padding-left: 40px;
	background: url("img/bullets/bullet_list.gif") no-repeat 28px 8px;
}

#sitemap li li li li a {
	padding-left: 55px;
	background-position: 45px top;
}

#sitemap li li li li li a {
	padding-left: 70px;
	background-position: 60px top;
}