@charset "utf-8";

html {}
a {color:#b29311;text-decoration:none;outline:none;}
a:hover {text-decoration:underline;}
h2 {margin-bottom:10px;}

blockquote {font-style:italic;font-size:1.2em;}
cite {color:#b29311;font-size:3em;line-height:10px;margin:0 5px;}
input, select {margin:5px 0;border-top:1px solid #999;border-left:1px solid #999;border-bottom:1px solid #ccc;border-right:1px solid #ccc;height:20px;}
.button {background:url("/img/gradient.gif") repeat-x;border-top:1px solid #ccc;border-left:1px solid #ccc;border-bottom:1px solid #999;border-right:1px solid #999;width:auto !important;color:#666;}
a.button {padding:3px 7px;font-family:Verdana;font-size:11px;}
a.button:hover {text-decoration:none;}
input.error {border:1px solid #dd0000;}
.radio {vertical-align:middle;margin-right:4px;}
span.error, label.error {color:#FF0000;font-size:0.8em;}
.highlight {background:#FEFFBF;}
.percent {color:#999;}
h4 {color:#666;font-weight:normal;}
.checkbox {width:auto !important;vertical-align:middle;}
.inputs input, .inputs textarea, .inputs select {width:100%;padding:0;}
.right {float:right;}
.left {float:left;}
.right > img {margin:5px;}

/* SPECIFIC */
#header {background:url(/img/header.png);width:940px;height:130px;text-align:right;}
#left, #right {background-color:#eee;}
#left div, #right div {margin:0px 10px;margin-bottom:30px;}
#left h3, #right h3 {margin:15px 0;}

/* MENU */
#menu {list-style-type:none;}
#menu li {margin:0;height:35px;line-height:35px;background:url(/img/gradient.gif) repeat-x;text-transform:uppercase;border-bottom:1px solid #ccc;border-top:1px solid #fff;}
#menu li:hover {background:url(/img/gradient.gif) repeat-x 0 -100px;}
#menu li a {width:100%;display:block;padding-left:15px;color:#666;}
#menu li a:hover {text-decoration:none;color:#b29311;}
#menu li a.current {color:#b29311;}

/* BREADCRUMB */
#breadcrumb {color:#888;margin-bottom:20px;font-size:0.8em;border-bottom:1px solid #ddd;height:15px;list-style-type:none;}
#breadcrumb li {margin:0;float:left;padding-left:5px;text-transform:lowercase;}

/* NIEUWS */
.newsitem img {float:left;margin-right:10px;margin-bottom:5px;height:90px;}
.newsitem h3 {margin-bottom:10px;font-weight:normal;}
.newsitem .description {color:#777;text-align:justify;}
.newsitem .more {display:none;}
.newsitem a {color:#444;text-decoration:none;}

/* ARTIKEL DETAIL */
.artikel {text-align:justify;}
.artikel h2 {text-align:left;}
.artikel .inleiding {background:#eee;padding:8px;text-align:justify;}
.artikel .inleiding img {width:190px;float:left;margin-right:10px;}
.artikel .auteur {color:#999;}
.artikel .inhoud {}
.artikel .share {float:right;margin:0;}

/* REACTIES */
#reactieform textarea {width:100%;height:100px;}
.reactie {padding:10px;border-bottom:1px solid #eee;}
.reactie .small {font-size:9px;}
.ongepastereactie {background:#eee;padding:10px;}
#ongepastereactieform textarea {width:100%;height:100px;}

/* SIDEBAR */
#editoriaal {background:#CCCCCC;border:1px solid #999999;padding:10px;margin-top:10px !important;}
#editoriaal a {color:#555;text-decoration:none;}
#editoriaal img {width:100px;float:left;margin:0 5px 5px 0;}
#editoriaal .inleiding {text-align:justify;display:block;}
	
/* ADMIN */
#paginatable {width:100%;}
#paginatable .inputs td {width:25%;}
#paginatable .inputs input, #paginatable .inputs select {width:100%;padding:0;}

#menudiv {display:none;}

#administratielinks {padding-left:20px;margin:0;}
#administratielinks li {padding:5px;font-size:1.1em;list-style-type:none;}
#administratielinks li a {display:block;}
#administratielinks li .desc {padding:5px;font-size:0.8em;}

/* pagina */
.paginalijst {width:100%;}
.paginalijst thead {font-size:0.8em;border-bottom:1px solid #ccc;}
.paginalijst .pos {width:50px;padding-left:10px;}
.control {width:20px;}
.paginalijst .verborgen {width:16px;}
.add {width:100%;text-align:right;margin-top:4px;}
.add a {padding:9px;}
.add img {vertical-align:middle;}
.paginalijst tbody tr {border-bottom:1px solid #ccc;border-top:1px solid #ccc;background:url("/img/gradient.gif") repeat-x 0 1px;}
#paginas tbody tr {cursor:move;}
.paginalijst tbody td {padding:5px;}
.paginalijst .ui-sortable-helper {background:url("/img/gradient.gif") repeat-x 0 -100px;}
.paginalijst .ui-sortable-helper .hide {display:none;}

.gebruikers {width:100%;}
.gebruikers thead {font-size:0.8em;border-bottom:1px solid #ccc;cursor:hand;cursor:pointer;}

.rechten {width:100%;}
.rechten thead {font-size:0.8em;border-bottom:1px solid #ccc;}


/* artikel */
.artikellijst {width:100%;}
#artikeltable {width:100%;}
#artikeltable .inputs input, #artikeltable .inputs textarea, #artikeltable .inputs select {width:100%;padding:0;}
#artikeltable .divide td {width:33%;}

/* blog */
#blogtable .inputs input, #blogtable .inputs textarea, #blogtable .inputs select {width:100%;padding:0;}
#bloglinktable .inputs input {width:100%;padding:0;}
#bloglinktable {width:100%;}

/**/
.jqrte_menu {list-style-type:none;margin:0px;}
.jqrte_menu li {float:left;padding:1px 2px;margin:0;}
.jqrte_menu li:hover {background:#eee;cursor:hand;cursor:pointer;}

/* BOTTOM */
#bottom {background-color:#555;color:#fff;font-family:Arial, Helvetica, sans-serif;height:200px;margin-top:10px;}
#bottom h3 {font-size:1.5em;}
#bottom a {color:#fff;}
#bottom ul {list-style-type:none;}
#bottom li {margin:0;}
#bottom .bottom_block {margin-left:24px;width:210px;float:left;}
#bottom img {vertical-align:middle;}

#footer {background-color:#ccc;margin-top:20px;height:20px;text-align:right;}
#footer a {margin:0 8px;color:#333;}

/* NAVIGATIE */
.navigatie ul {list-style-type:none;}
.navigatie ul li {display:inline;margin:0 2px;}
.navigatie ul li.vorige {margin-right:6px;}
.navigatie ul li.volgende {margin-left:6px;}
.navigatie ul li.vorige a, .navigatie ul li.volgende a {color:#666;}

/* REGISTREER & BEHEER */
.userdata input, .userdata span.label span, .userdata select {display:inline;left:135px;top:0;position:absolute;width:300px;}
.userdata > label, .userdata span.label {display:block;position:relative;margin:6px 0;padding:7px;}
.userdata .button {position:relative;}
.userdata .odd {background:#F9F9F9;}
.userdata input.radio {position:relative;width:auto;left:auto;}
.userdata label.error {display:block;}
#gegevensform .button {position:relative;}

/* LOGIN */
#loginform {margin-left:120px;margin-top:40px;}
#loginform label.error, #loginform span.error {margin-left:10px;}
#loginform input {width:200px;}

/* PEILING */
#peiling {list-style-type:none;margin-bottom:10px;}
#peiling label.error {display:none !important;}
#peiling li {margin-left:10px;}
#peiling .result {height:5px;background:#888;margin:0;color:#fff;font-size:11px;overflow:visible;white-space:nowrap;border:1px solid #888;}
#peiling .resulttext {color:#999;}
#submitpeiling, #peilingstemmen {margin-left:13px;}
#peilingtable {width:400px;}
#peilingtable .result {display:block;background:url("/img/gradient.gif");border:1px solid #ccc;}

.peilingtable .result {display:block;background:url("/img/gradient.gif");border:1px solid #ccc;}

/* ZOEKEN */
#zoekform {float:right;}
#zoekform .button {height:23px;}

/*BLOGS*/
.blogger {margin-left:5px;margin-right:5px;list-style-type:none;border-top:1px solid #ccc;margin-top:10px;padding-top:10px;}
.blogs {list-style-type:none;}
.blogs li {margin:0;text-align:justify;}
.blogs img {}
.blogs .datum {font-style:italic;color:#999;}
		
/* RELATED */
#relatedarticles ul {list-style-type:none;margin:0;}
#relatedarticles li {border-bottom:1px solid #ccc;margin:5px;padding-bottom:5px;}

/* ARCHIEF */
.archief ins {float:left;text-decoration:none;}
.archief a {padding-left:75px;display:block;}
ul.archief {list-style-type:none;}
	
/* MAGAZINES */
.magazine img {width:200px;}
#magazines {list-style-type:none;}
#magazines li {float:left;margin:5px;background:#eee;display:block;width:220px;text-align:center;}
#magazines img {width:200px;height:260px;}

/* BOEKEN */
#boeken {list-style-type:none;}
#boeken li {background:#eee;padding:10px;margin:0 0 10px 0;}
#boeken a {color:#444;}
#boeken h3 {font-weight:normal;}
#boeken img {width:100px;float:left;margin-right:10px;}
.rating {background:url(/img/thumbsup.gif);height:19px;display:inline-table;}
	
/* PERSWIJS */
#perwijs {list-style-type:none;font-size:10px !important;}
#perwijs li {padding:10px 0;border-bottom:1px solid #eee;}
.citaat p {color:#999;}

#citaattable {width:100%;}
#citaattable textarea {width:100%;}

/* NIEUWSBRIEF */
#nieuwsbriefmagazine a.current {font-weight:bold;}
#nieuwsbriefform ul {list-style-type:none;}
#nieuwsbriefform ul li {background:#eee;border:1px solid #ccc;padding:2px 4px;margin-bottom:5px;height:85px;}
#nieuwsbriefform .img {height:80px;overflow:hidden;}
#nieuwsbriefform .img img {width:100px;margin:5px;}
.ui-selected {background:#B29411 !important;color:#fff;}
#nieuwsbriefform blockquote {font-size:0.9em;height:45px;}
#nieuwsbriefform .ui-selected cite {color:#fff;}
#nieuwsbriefform p {color:#999;text-align:right;font-size:0.9em;}
#nieuwsbriefform .ui-selected p {color:#fff;}
	
/* advertenties */
#advertentietable {width:100%;}
.banner {width:468px;height:60px;position:absolute;bottom:30px;right:0px;overflow:hidden;}
.sidebanner {margin:10px 5px;}

/* logo */
#header .logo {display:block;position:absolute;left:0;bottom:0;width:300px;height:100px;}

/* likebox */
#likebox {text-align:center;margin-bottom:20px;}

/* bloggers */
.bloggers {list-style-type:none;margin:0;}
.bloggers a {text-decoration:none !important;}
.bloggers li {margin:0;}
.bloggers img {float:right;}
.bloggers .inhoud {text-align:justify;}

/* quiz */
.quiz_antwoorden {margin-left:50px;}
.quiz_antwoorden .radio {float:left;width:auto !important;vertical-align:middle;margin:0;}

/* abonneren */
#abonnerenform {color:#999;}
#abonnerenform label {display:block;color:#333;margin-top:20px;}
#abonnerenform input {vertical-align:middle;}


