/*****************************************
file: structure.css
author: Klaas Van Waesberghe
client: Politics.be
date: 10 december 2005
******************************************/

body { background: #f4f4db; color: #555; margin: 0 auto; padding: 0; border: 0; width:950px;}
a.img:link, a.img:visited, a.img:hover, a.img:active {  border: 0; }
img { border: 0; padding: 0; margin:0;}
a:link { color:#003300;; font-weight: normal; }
a:visited {color:#003300;font-weight: normal;}
a:hover { color: red; font-weight: normal; text-decoration: underline; border-bottom: 0}
p {margin-top:0}
h2 {color:#222; margin-top:0}
input {color: #555;}
label {cursor:pointer}

#container {float:left; background: #fff url(../img/bkg_right.png) repeat-y right;}
#wrapper {float:left; width:950px; background: transparent url(../img/bkg_left.png) repeat-y left;}

#top { height: 82px; background: #333 url(../img/bkg_top.png) repeat-x; margin:0 28px 0 27px; width: 895px; }

#middle {width: 895px; display:inline; float:left; margin: 6px 28px 0 27px; padding:0; background: transparent url(../img/bkg_leftnav.png) repeat-y; padding-bottom: 30px}

#logo { margin:0; padding:0; background: transparent url(../img/logo.png) no-repeat; width:201px; height:82px}
#logo h1 {margin:0; padding:0; text-indent: -9999px;}

#footer { position:relative; padding: 6px 0; float:left; width: 895px; background: #333232;margin:6px 28px 6px 27px; clear:both; display:inline; text-align:center; color:#e4Eaa2; line-height: 1.2em}
#footer a:link, #footer a:visited {color:#e4Eaa2; text-decoration:underline}
#footer a:hover {text-decoration:underline; color:#fff;}

#content { margin-left: 160px; padding: 20px 2px 20px 20px}

#nav {float:left; width:150px}

#nav ul {list-style:none; margin:0; padding:0;background:#e4d9cc url(../img/bkg_link.png) repeat-y;}
#nav ul li a:link, #nav ul li a:visited, #nav ul li a:hover {margin: 0 0 0 0; display:block; width:129px; 
background:#e4d9cc url(../img/bkg_link.png) repeat-y; padding: 4px 4px 4px 17px; color: #333;
border-bottom: 1px solid #bfc83a; text-decoration: none; }
#nav ul li a:hover {background:#e4d9cc url(../img/bkg_leftnav.png) repeat-y;}

#ads {height:65px; text-align:center; background: transparent url(../img/brd.png) repeat-x bottom; margin-bottom: 15px; padding-bottom:20px}
#ads h2 {color:#333;margin-bottom: 1px}

p.rlink {margin:0;padding:0}
p.rlink a:link, p.rlink a:visited, p.rlink a:hover {font-weight:bold}

#cont_left {float:left; display:inline; width: 500px; margin-right:12px}
#cont_right {float:right; width:200px; display:inline}

#hoofdartikel, #pers {float:left;background: transparent url(../img/brd.png) repeat-x bottom; margin-bottom: 20px; padding-bottom:15px; }
#hoofdartikel h2, #pers h2, #artikellijst h2, #artikeldetail h2, #links h2 {font-weight:bold; color:#E87400; text-align:justify}
#hoofdartikel p, #art2 p, #art3 p, #int1 p, #int2 p {text-align:justify;}

.dleft {padding-right:12px; background: transparent url(../img/brd.png) repeat-y top right;}
.dright {margin-left: -2px; padding-left: 12px; background: transparent url(../img/brd.png) repeat-y top left;}
.dleft, .dright {padding-bottom: 12px; float:left; width:230px;}
.dleft h2, .dright h2 {margin-top:0}

.box {background: #fef6e2 url(../img/bkg_rightnav.png) repeat-x top;margin-bottom:12px;padding-bottom:6px;}
.box h2 {background: #ea9927; letter-spacing:0; padding: 6px; margin:0; margin-bottom: 8px; color: #fff}
.box .rlink {margin: 0 0 0 6px;}
.box .rlink a:link, .box .rlink a:visited, .box .rlink a:hover {color: #555;}
.box .rlink a:hover {color:red}

.box ul {list-style:none; margin:0 0 10px 0; padding: 0;}
.box ul li {padding:0; margin:0; display:inline;}
.box ul a:link, .box ul a:visited, .box ul a:hover {text-decoration: none; color: #444; display:block; padding: 0 0 2px 20px; background: transparent url(../img/li.png) no-repeat 0px 6px; margin-left: 4px;}
.box ul a:hover {text-decoration:none; color: red}

.slideOut, .slide {background: transparent url(../img/bkg_leftnav2.png) repeat-y; }
#nav li.slide a:link, #nav li.slideOut a:link, #nav li.slide a:visited, #nav li.slideOut a:visited {display: block; background: transparent url(../img/slide.png) no-repeat center left;}
#nav li.slideIn a:link, #nav li.slideIn a:visited {background: transparent url(../img/li2.png) no-repeat center left;}
#nav li.slideIn a:hover {background: transparent url(../img/slide.png) no-repeat center left;}
.clear {clear:both}
.slideIn ul {display:none;}
.slideOut ul {display:block;}

#nav ul li.slide ul li a:link, #nav ul li.slide ul li a:visited, #nav ul li.slideOut ul li a:link, #nav ul li.slideOut ul li a:visited {
padding-left: 26px; width: 120px; background: transparent url(../img/bkg_leftnav.png) repeat-y; border-color:#D1CEA3}

#pers ul {list-style:none; margin:0 0 12px 0; padding:0;}
#pers li {margin:0; padding:0; display:inline;}
#pers ul a:link, #pers ul a:visited, #pers ul a:hover {text-decoration:none; display:block; background: transparent url(../img/li3.png) no-repeat 2px 6px; padding: 0 12px; margin: 4px 0; color:#555}
#pers ul a:hover {background: transparent url(../img/slide2.png) no-repeat 1px 10px; text-decoration:underline}
#pers h2 {background: transparent url(../img/brd.png) repeat-x top; padding-top: 15px}
#pers {margin-top: 15px; width: 499px}

.floatLeft {float:left; margin: 0 6px 6px 0}
.floatCenter {display: block;text-align: center;}

#cartoons ul, #recensies ul {text-align: center}
#cartoons span, #recensies span {display:block; text-decoration: underline;}
#cartoons ul a:link, #cartoons ul a:visited, #cartoons ul a:hover, 
#recensies ul a:link, #recensies ul a:visited, #recensies ul a:hover 
{background:none; margin:12px 0 16px 0; padding: 0 4px;}
/* #cartoons {background: #EBE5CA}
#cartoons h2, #recensies h2 {background: #90844b} */

#nieuwsbrief {margin-top:20px; padding-bottom:6px; background:transparent url(../img/brd.png) repeat-x bottom;}
#nieuwsbrief strong {display:block; margin: 0; letter-spacing:0; width:143px; padding: 6px 4px 4px 3px; color: #333; font-weight:bold; background:transparent url(../img/brd.png) repeat-x bottom;}
#nieuwsbrief label {padding-left: 10px; display:block;margin-bottom: -2px}
#nieuwsbrief input {border: 1px solid #D1CEA3; margin-left: 10px;display:block; width:122px; padding:2px; margin-bottom:4px; background-color:#fff}
#nieuwsbrief select {border-style: inset;margin-left: 10px; width:128px; margin-bottom:4px; background-color:#fff;}
#nieuwsbrief .fbutton {width: 128px; height: 24px; color:#fff; background:transparent url(../img/fbuttonbkg.png) no-repeat center left;border:1px solid #000; border-color: #ddd #000 #000 #ddd; padding:0; cursor:pointer}

#controls {float:right; margin: 50px 4px 0 0; }
#controls a:link, #controls a:visited, #controls a:hover {float:left; display:block;color:#fff;}
a#lwidth:link, a#lwidth:visited { margin-right:2px}
#fontl img {background:transparent url(../img/b_fb__h.png) no-repeat;}
#fonts img {background:transparent url(../img/b_fs__h.png) no-repeat;}
#lwidth img {background:transparent url(../img/b_wb__h.png) no-repeat;}

#zoek {height:30px; margin:10px 0 0 10px}
#zoek .invul {float:left; border: 1px solid #eebc76; width:100px; padding:3px; background-color:#fff; display:inline}
#zoek .fbutton {margin-left:4px;width:62px; height: 24px; color:#fff; background:transparent url(../img/fbuttonbkg.png) no-repeat center left; border:0; padding:0; cursor:pointer;border:1px solid #000; border-color: #ddd #000 #000 #ddd;}

.hidden {display:block; text-indent:-99999em !important; height:0; margin:0; padding:0; width:0; overflow:hidden}
#topLink {position:absolute; top:6px; right:4px}

#artikellijst table a:link, #artikellijst table a:visited {text-decoration:none; color:#555}
#artikellijst table a:hover {text-decoration: underline; color:#555}
#artikellijst tr {vertical-align: top;}
#artikellijst .datum {color:#777;}
#artikellijst .clink {margin-top: 18px;}
#artikellijst .clink #next {display:block;float:right;}
#artikellijst .clink #back {display:block;float:left;}

#artikeldetail p {text-align:justify}
#artikeldetail h3 {text-align: justify}

#webtvBuitenland h2, #webtvBinnenland h2, #cartoonslisting h2 {font-weight:bold; color:#E87400; text-align:justify}
#webtvBuitenland h3, #webtvBinnenland h3 {font-weight: bold; margin: 0; padding: 0;font-size:1em;height:60px;}
#webtvBuitenland p, #webtvBinnenland p {text-align: justify}
#webtvBuitenland ul, #webtvBinnenland ul, #cartoonslisting ul {list-style: none; padding: 0;margin:0}
#webtvBuitenland li, #webtvBinnenland li {text-align: justify;padding-top: 10px;padding-bottom:10px;background:transparent url(../img/brd.png) repeat-x bottom;height:200px}
#webtvBinnenland br, #webtvBuitenland br {clear: left;}

#cartoonslisting li {display: inline; padding: 15px;}
#cartoonslisting .clink {margin-top: 18px;}
#cartoonslisting .clink #next {display:block;float:right;}
#cartoonslisting .clink #back {display:block;float:left;}

/*#webtv .imglist ul {margin:0;padding:0;}
#webtv .imglist img {margin-left:11px; margin-right: 3px;}*/
#webtv .imglist a {background:none;display:inline;padding:0;margin:0px 3px 0px 11px}

/*#artikellijst .inleiding br {clear: left;}*/
#artikellijst .inleiding {background: transparent url(../img/brd.png) repeat-x bottom;margin-bottom: 20px; padding-bottom:15px;text-align:justify;}
#artikellijst .inleiding strong {font-weight: bold; margin: 0; padding: 0;}

#artikeldetail .recensent {font-style: italic}
#artikeldetail ul {list-style:none;padding:0;margin:0;}


.sortable td {padding:4px;color:#888; font-size:0.8em}
.sortable a {text-decoration:none; color:#333; font-size:1.2em}

.sortable tr.even {background:#fef6e2}

.sortable th {font-weight:bold; padding:4px; background:#ea9927; color:#fff}
.sortable {background:#fff;width:100%}
.sortable #theadGepost {width:10%}

.pagination {text-align:right; margin:6px 0}
.fleft {float:left}

#text h2 {display: none;}

#artikeldetail .inleiding {font-weight: bold;}
#artikeldetail dt {font-weight: bold;margin-top: 10px;}
#artikeldetail dd {font-style: italic; margin: 2px 5px 2px 5px;text-align:justify;}

.center {text-align:center; margin-top: 6px}

blockquote {margin:1em 0;padding-left:30px;color:#777;background:url(/static/img/bq.gif) top left no-repeat;}
q {quotes:"\201C" "\201D" "\2018" "\2019";}
q:before {content:open-quote;}
q:after {content:close-quote;}

.hidden {display: none;}

#quiz .correct {color: green;}
#quiz .wrong {color: red;}
#quiz .antwoorden {margin: 10px;}

#colofon .hr {height: 5px; background: transparent url(/static/img/brd.png) repeat-x bottom;margin-top:10px;margin-bottom:10px;}
#colofon hr {display: none;}

#sendtofriend {margin-top:20px; padding-bottom:6px;}
#sendtofriend strong {display:block; margin: 0; letter-spacing:0; width:143px; padding: 6px 4px 4px 3px; color: #333; font-weight:bold; background:transparent url(../img/brd.png) repeat-x bottom;}
#sendtofriend label {padding-left: 10px; display:block;margin-bottom: -2px}
#sendtofriend input {border: 1px solid #D1CEA3; margin-left: 10px;display:block; width:122px; padding:2px; margin-bottom:4px; background-color:#fff}
#sendtofriend textarea {border: 1px solid #D1CEA3; margin-left: 10px;display:block; width:244px; padding:2px; margin-bottom:4px; background-color:#fff}
#sendtofriend select {border-style: inset;margin-left: 10px; width:128px; margin-bottom:4px; background-color:#fff;}
#sendtofriend .fbutton {width: 128px; height: 24px; color:#fff; background:transparent url(../img/fbuttonbkg.png) no-repeat center left;border:1px solid #000; border-color: #ddd #000 #000 #ddd; padding:0; cursor:pointer}

.auteur {text-align: right; font-style:italic;}
.achtergrondinformatie {padding: 5px;background-color:#FEF6E2;border: 1px solid #EA9927;}
.achtergrondinformatie h1,.achtergrondinformatie h2,.achtergrondinformatie h3,.achtergrondinformatie h4,.achtergrondinformatie h5,.achtergrondinformatie h6 {margin-top: 5px;}

.imgcenter {text-align: center;}

textarea.code {width: 100%; height: 80px;border: 1px solid #D1CEA3;display: block;}
input.code {width: 100%; border: 1px solid #D1CEA3;display: block;}

#audio {text-align: center;}

.hilite  { background-color: #ff0; }

.hilite1 { background-color: #EA9927; }
.hilite2 { background-color: #FBE4AB; }
.hilite3 { background-color: #dfc; }

.hilite4 { background-color: #dcf; }
.hilite5 { background-color: #fdc; }
.hilite6 { background-color: #cfd; }

.hilite7 { background-color: #ff0; }
.hilite8 { background-color: #0ff; }
.hilite9 { background-color: #cff; }

.hilite10 { background-color: #fcf; }
.hilite11 { background-color: #fcd; }
.hilite12 { background-color: #cdf; }

td.mantable { text-align: center}
th.mantable { text-align: left}
a.mantable {text-decoration:underline; color:#333; font-size:1.2em}