/*
Author:Dirk Zaal
Author URI:digizaal webdev
Version:1a
[Table Of Contents]
0- Reset
1- Global
*/
/* =0 Reset
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
@import url('/share/styles/reset.css');
/* =1 Global
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
a.button{white-space:nowrap;color:#ed1c24;text-decoration:none}
a.button:hover{text-decoration:underline}
a.info{
color:#B5111C;/*
Special mouse over popup
*/
background:transparent;
font:normal 9pt arial,sans-serif;
text-decoration:none;
position:relative;/*this is the key*/
z-index:24
}
a.info span{display:none}
a.info:hover{
color:#B5111C;
background:#F8DA07;
text-decoration:none;
cursor:help;
z-index:25
}
a.info:hover img{border:0px}
a.info:hover span{
border:1px solid black;
padding:2px;
display:block;/*the span will display just on:hover state*/
color:#000;
background:#ffee8c;
text-align:left;
left:0;
position:absolute;
top:0;
z-index:25
}
a.minibutton{
padding:4px;
color:#1D458B !important;
background:transparent;
font:14px arial,helvetica;
text-decoration:none;
text-align:center
}
a.minibutton:active,a.minibuttonactive{
padding:4px;
color:#B5111C !important;
background:transparent !important;
font:bold 14px arial,helvetica;
text-decoration:none;
text-align:center
}
body{
color:#000000;
background:#ccc;
font:11px arial,Helvetica,sans-serif;
height:100%
}
button.submit{
border:thin solid #B5111C;
color:#B5111C;
background:#FFFFFF;
font:10px sans-serif,Verdana,Arial,Helvetica
}
dd.percentage{
float:left;
padding-right:0.2em;
width:2.2em;
font-size:8.5pt;
text-align:right
}
div #navcontainer{
margin:0;
background:#233e99;
text-align:center;
vertical-align:middle
}
div#username,div#password{
margin-left:6px;
padding:0;
display:inline;
position:relative
}
div.plakrechts{
border:0px solid #000000;
margin:8px;
float:right;
clear:right;
width:200px;
background:#e1f4fd;
text-align:left
}
div.plakrechts   a:hover,.content a:hover,a.content:hover{color:#ed1c24}
div.plakrechts a.current,a:active,.vertlist a.current,
.subnavlist  a.current{color:#B5111C;text-decoration:underline !important}
div.plakrechts li a{
font-style:normal;
font-variant:normal;
font-weight:bold;
font-family:Arial,sans-serif;
text-transform:capitalize;
text-decoration:none
}
div.plakrechts p{margin:8px}
div.plakrechts ul{margin:10px;padding-left:2px;list-style-type:none}
form#login{padding:0 5px;position:relative}
h1{color:#152f83;font:bold 30px "Arial Black",sans-serif}
h2{
color:#152f83;
font:bold 16px Arial,sans-serif;
letter-spacing:1px
}
h3{color:#152f83;font:bold 14px Arial,sans-serif}
img.left{margin-right:5px}
img.right,#articlelist{margin-left:5px}
input#username-field,input#password-field{width:9em;font-size:11px}
input,option{color:#1F1F1F;background:#FFFFFF;font:10px Arial,sans-serif}
input.eens{
border:1px solid black;
margin:1px;
width:8em;
color:white;
background:#41ad49;
font:bold 0.6em arial,sans-serif;
text-transform:uppercase;
cursor:pointer
}
input.infocus,input:focus,textarea.infocus,select.infocus{padding-left:2px;background:#FFFFFF;color:#ed1c24}
input.oneens{
border:1px solid black;
margin:1px;
width:8em;
color:white;
background:#ed1c24;
font:bold 0.6em arial,sans-serif;
text-transform:uppercase;
cursor:pointer
}
input.outfocus,textarea.outfocus,select.outfocus{padding-left:2px;background:#F1F1F1;color:#555588}
label{width:9em;float:left}
label.overlabel{color:#999999}
label.overlabel-apply{
color:#999999;
left:5px;
position:absolute;
z-index:1;
vertical-align:middle
}
ol{margin-left:1.4em;list-style:decimal}
p.quote{font-style:italic;line-height:150%}
pre{text-indent:30px}
select{width:100px;font-family:sans-serif}
table,td{
border:0px;
background:transparent;
font-size:11px;
vertical-align:top
}
td.colorpic,img.colorpic{
border:0;
background:#FFFFFF no-repeat 50% 50%;
cursor:pointer
}
textarea{color:#1D458B;font:normal 10px Arial,sans-serif,Helvetica}
ul.news{white-space:nowrap;font-size:0}
ul.news li{white-space:normal}
ul.stelling{margin:1em 1em 1em 3em;font-size:10pt}
ul.stelling .item{margin-right:29px}
ul.stelling li{margin-bottom:1em;overflow:hidden}
ul.subnavlist{padding:8px 1em;width:100%;text-align: left;}
ul.subnavlist li{padding:0 0.3em;list-style-type:none;display:inline}
.abstract{font-weight:bold;font-size:1em}
.alert{
background:transparent;
color:#ed1c24;
font-weight:900;
text-decoration:blink
}
.article{
border-top:0 solid white;
border-left:1px solid #999999;
border-right:1px solid #999999;
border-bottom:1px solid #999999;
color:#1F1F1F;
background:#FFFFFF;
min-height:610px
}
.background{background:#FFFFFF}
.bar{width:190px;background:#e3e3e3;overflow:hidden}
.bar  div{
border-style:outset;
border-width:2px 2px 2px 0;
margin:0.1em;
height:.8em;
overflow:hidden
}
.column{margin:0 5px 0 0;width:120px;vertical-align:top}
.comment_form{
border:1px solid #233e99;
margin:10px 5px 0 0;
float:left;
padding:0;
padding-bottom:1em;
width:325px
}
.comment_form form{margin:0.5em}
.comment_form h3{padding-left:1em;line-height:29px;vertical-align:middle}
.comment_form input,
.comment_form textarea{width:300px;font-size:1em}
.comment_form input.submit{
padding:3px 0.3em;
width:auto;
background:silver;
font-size:1em
}
.comment_form label{float:none;width:auto;display:block}
.comment_list{
margin-right:5px;
margin-left:18px;
width:506px;
list-style-type:none;
height:15px/* houdt postitie form okey als er geen comments zijn*/
}
.comment_list li{
margin:0 0 0 2em;
padding:0;
list-style-type:decimal;
position:relative
}
.comment_list li .news-item{float:none}
.content a,a.content{color:#b5111c}
.content p{margin:2px 0 6px 0}
.content ul{margin-left:10px;padding-left:10px;list-style:disc}
.content,.comments{
color:#141414;
font:9.5pt/180% arial,sans-serif;
text-align:left
}
.contentcenter{margin:1em;overflow:hidden}
.eens{border-color:#41ad49;background:#41ad49}
.footer{display:none;height:27px}
.footer .navlist{border:none !important}
.footer .navlist li{padding:0 0.1em;white-space:nowrap}
.form_entry{margin:2px}
.fullpage{margin:2em 0.4em 0.4em 0.4em;min-height:500px;height:auto}
.golf{background:url(/golf.jpg) #FFFFFF center center repeat-x}
.grijsvlak,.lblauw{background:#e1f4fd}
.header{color:white;font:bolder 1.2em   arial,sans-serif}
.inlogblok{
float:right;
padding:5px 5px;
margin:10px 26px;
border:1px solid #233e99;
width:240px;
background:#e1f4fd;
height:66px;
overflow:hidden
}
.inlogblok   input.submit{
border:2px solid #233e99;
width:9.5em;
color:#ed1c24;
background:white;
font:bold 1em arial,sans-serif;
vertical-align:bottom
}
.inlogblok h4{padding-left:1em;color:#233e99}
.inlogblok td{padding:3px}
.item{
border:1px solid #152f83;
padding:5px;
margin:5px 0;
overflow:hidden
}
.itemholder,
.ïtem_container{overflow:hidden !important}
.kolomheader{
margin:30px 0 0 1.4em;
font:bolder 10pt arial,sans-serif;
text-transform:capitalize
}
.kolomlinks{
float:left;
padding:0;
margin-right:1em;
border:1px solid #555588;
width:200px;
background:#e1f4fd;
height:447px
}
.kolomtext{width:241px}
.kolomtext .header{
padding-left:20px;
color:#ed1c24;
font:bold 11pt Arial,sans-serif;
vertical-align:middle
}
.kolomtext .more{height:21px}
.kolomtext .more a{
padding-left:20px;
width:100%;
color:#000000;
background:transparent url(/images/bullet_arrow_black.gif) no-repeat 10px center;
font:bold 9pt/21px Arial,sans-serif;
text-decoration:none;
vertical-align:middle
}
.kolomtext a.sublink{color:#ed1c24;font-weight:bold;text-decoration:none}
.kolomtext td{padding-left:20px}
.lanselect{
float:right;
padding:2px 5px;
white-space:nowrap;
background:transparent;
text-align:right
}
.lanselect a{margin:0 1px;padding:0}
.lanselect a img{
border:1px solid white;
-moz-opacity:.45;
opacity:.45;
filter:alpha(opacity=45)
}
.lanselect a.current img{-moz-opacity:1;opacity:1;filter:alpha(opacity=100)}
.lanselect a:hover{border:1px solid black}
.lanselect img{padding:0;vertical-align:middle}
.left{float:left}
.lgeel{background:#ffee8c}
.navlist{
padding:8px 0;
margin:0;
border-bottom:1px outset #e1f4fd;
width:100%;
list-style:none;
text-align:center
}
.navlist li{
padding:4px;
display:inline;
display:inline;
line-height:3em;
height:3em;
overflow:hidden;
position:relative
}
.navlist li a{
border:none;
padding:5px 20px;
color:white;
font:bold 1.2em arial,sans-serif;
text-decoration:none;
text-transform:capitalize;
outline:none
}
.navlist li a.current,
.navlist li a.current:visited{
border:2px outset #e1f4fd;
color:black;
background:#e1f4fd;
font-weight:bold
}
.navlist li a:active,
.navlist li a:hover{color:#cbcc00;text-decoration:none}
.news-item{
border:1px solid #233e99;
margin:10px 5px 0 0;
float:left;
padding:0;
overflow:hidden
}
.news-item .content{padding:4px 5px}
.news-item .grijsvlak{padding:5px}
.news-item .picholder{border-color:#cccccc}
.news-item h2{margin-top:2px}.news-item h3{margin-left:3px}
.news-item img{padding:2px;vertical-align:bottom}
.notice{
padding:5px 5px 5px 30px;
width:280px;
white-space:normal;
background:#ffee8c url(/share/images/icons/Info.png) no-repeat 2px center;
font:bold 1.1em/150% arial,sans-serif
}
.oneens{border-color:#ed1c24;background:#ed1c24}
.pagewidth{
border:2px solid black;
margin:1em auto;
width:900px;
background:white;
text-align:left
}
.picholder{
border:1px solid #0e4c7b;
margin:5px 5px 0 0;
padding:3px;
float:left;
text-align:center
}
.plakrechts .header{padding-left:1em}
.right{float:right}
.special{padding:0.6em;text-align:center}
.sublist{background:#e1f4fd;overflow:hidden;height:3.2em}
.tablelabel{
color:#B5111C;
background:transparent;
font:800 14px  Arial,sans-serif;
vertical-align:top
}
.text{
margin:2px;
padding:3px  1px;
border-color:silver;
background:#f2f2f2;
font-size:1em
}
.vertlist{
margin:10px 0;
padding:0;
margin-bottom:2em;
list-style:none;
min-height:200px
}
.vertlist li{
margin-bottom:0.7em;
list-style:none;
background:transparent;
text-align:left
}
.vertlist li a,
.vertlist li a:visited,
.subnavlist li a,
.subnavlist li a:visited{
padding-left:5px;
color:black;
font:bold  10pt/18px Arial,sans-serif;
text-transform:capitalize;
text-decoration:none
}
.vertlist li a:hover,
.subnavlist a:hover{color:#ed1c24;text-decoration:none}
#article{
margin-bottom:5px;
border-bottom:1px solid #1D458B;
background:#FFFFFF
}
#banner{
padding:0;
margin:0;
background:white url(/images/por_logo.gif) no-repeat 100px 0;
height:100px
}
#browser{
clear:both;
border:none;
color:#1D458B;
background:#FFFFFF;
font:normal normal 12px  arial,helvetica;
z-index:13
}
#browser a img{padding:4px}
#browser img{vertical-align:text-bottom}
#browser li{display:inline}
#browser td{height:20px;vertical-align:middle}