/*-----------------------[ Standard elements ]-----------------------*/
body
{
background-color: #76787b;
font-family: Arial, Verdana Helvetica, sans-serif;
}

p, blockquote, li, td, tr, body, input, textarea
{
font-family: Arial, Verdana Helvetica, sans-serif;
font-size: 12px;
}

image{
border: none;
}

form
{
margin: 0px;
}

table
{
border-collapse: collapse;
position: relative;
margin: 0px;
}

ul, li {
list-style: none; margin: 0px; padding: 0px;
}

h1
{
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
margin: 0px 0px 0px 0px;
}

h2
{
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
margin: 0px;
padding: 0px; 
font-weight: normal;
}


span.header1
{
display: inline;
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
font-weight: bold;
}

a img 
{
border: none;
}

a
{
color: #000088;
cursor: pointer;
text-decoration: none;
}

a:hover
{
color: red;
text-decoration: none;
}

a:selected
{
color: #000088;
text-decoration: none;
}

textarea
{
width: 320px;
height: 160px;
}


strong
{
font-weight: bold;
}

/*-----------------------[ Main lay-out elements: containers ]-----------------------*/

#container
{
margin-left: auto;
margin-right: auto;
padding: 0px;
text-align: left;
border-bottom: 5px solid silver;
width: 900px;
}

#back
{
background-color: white;
margin: 0px 0px 0px 0px;
padding: 0px 0px 100px 0px;
position: relative;
width: 900px;
}

#container1
{
background: white url("../images/header.jpg") no-repeat;
height: 100px;
margin: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
position: relative;
width: 100%;
z-index: 1;
}

#container2
{      
clear: both;
float: left;
overflow: hidden;
padding: 10px;
position: relative;
width: 200px;
}

#container3
{
float: left;
margin: 3px 5px;
overflow: hidden;
padding: 10px 0px;
position: relative;
width: 650px;
}

#powered
{
    clear: both;
    margin-top: 50px;
    width: 100%;
}

.for_firefox_compatibility_only
{
clear: both;
height: 5px;
overflow: hidden;
width: 100%;
}

/*-----------------------[ Main lay-out elements: navigation ]-----------------------*/

#header
{
display: none;
float: left;
margin: 0px 0px 4px 0px;
padding: 4px 4px 4px 4px;
position: relative;
}

#logobox
{
cursor: pointer;
float: left;
height: 50px;
margin: 5px;
padding: 5px;
overflow: none;
width: 380px;
border: none;
}

span.logoheader
{
color: #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
font-weight: bold;
}

a.activeMenu
{
color: #808285;
cursor: pointer;
display: block;
font-weight: bold;
overflow: hidden;
padding: 2px;
position: relative;
}

a.passiveMenu
{
color: #808285;
cursor: pointer;
display: block;
overflow: hidden;
padding: 2px;
position: relative;
}

a.passiveMenu:hover
{
: ;
}

#tabbox
{
background: white;
border-top: 1px solid #777;
clear: both;
font-size: 100%;
height: 100%;
line-height: normal;
margin: 0px;
margin: 0px 0px 0px 0px;
overflow: auto;
padding: 12px 2px 2px 2px;
position: relative;
top: -1px;
}

#tabbar
{
border: none;
height: 24px;
line-height: normal;
margin: 0px 0px 0px 0px;
padding-top: 14px;
position: relative;
z-index: 97;
}

a.activeTab
{
background: #FFFFFF;
border-bottom: none;
border-left: 1px #777 solid;
border-right: 1px #777 solid;
border-top: 1px #777 solid;
color: black;
cursor: pointer;
display: block;
float: left;
font-weight: bold;
margin-left: 2px;
margin-right: 2px;
overflow: hidden;
padding: 4px 10px 4px 10px;
position: relative;
z-index: 98;
}

a.passiveTab
{
background: #009ff0;
border-left: 1px #777 solid;
border-right: 1px #777 solid;
border-top: 1px #777 solid;
color: white;
cursor: pointer;
display: block;
float: left;
margin-left: 2px;
margin-right: 2px;
margin-top: 2px;
overflow: hidden;
padding: 2px 10px 3px 10px;
position: relative;
}

a.passiveTab:hover
{
color: #808285;
}

#modulemenubox {
margin-top: 10px;
width: 197px;
overflow: hidden;
}
ul.modulemenu ul.modulemenu { position: relative; top: 3px; left: 7px;}

/*-----------------------[ Main lay-out elements: left-column ]-----------------------*/

#groepbox, .groepbox
{
    position: absolute;
    width: 680px;
    top: 72px;
    left: 0px;
    padding-left: 190px;
}
#groepbox li {
    float: left;
    font-size: 14px;
    padding: 5px 10px;    
}

#groepbox .selected,
#groepbox .selected a {
    font-weight: bold;
    color: black;
}

#groeplogo, .groeplogo
{
    width: 197px;
    height: 40px;
    margin-bottom: 5px;
}

#modulebox, .modulebox
{
margin: 0px 0px 0px 0px;
padding: 0px;
width: 197px;
}

#modulebox li,
.modulemenu li {
background: silver;
border-top: 1px solid white;
display: block;
font-size: 12px;
font-weight: bold;
margin: 0px;
padding: 3px 5px;
width: 187px;
position: relative;
}
x.modulemenu { width: 194px; overflow: hidden;}
#modulebox a,
.modulemenu a {color: white;}
#modulebox a:hover,
.modulemenu a:hover {color: red;}
#modulebox .selected,
.modulemenu .selected { background: #009ff0; color: white;}

#loginContainer
{
font-size: 100%;
line-height: normal;
margin: 10px 0px 0px 0px;
overflow: hidden;
position: relative;
width: 197px;
}

#loginHeader
{
background: silver;
cursor: pointer;
margin: 0px 0px 0px 0px;
overflow: hidden;
padding: 2px 10px;
position: relative;
}

#loginBox
{
background: silver;
line-height: normal;
margin: 0px 0px 0px 0px;
overflow: hidden;
padding: 2px 10px;
position: relative;
width: 193px;
}

.avatar
{
border: 1px solid #000;
float: left;
height: 50px;
margin: 2px 10px 2px 2px;
overflow: hidden;
padding: 0px 0px 0px 0px;
position: relative;
width: 50px;
}

#folderbox
{
background: white;
border: 1px solid black;
font-size: 100%;
height: 300px;
line-height: normal;
margin: 13px 0px 0px 0px;
overflow: auto;
padding: 0px 0px 0px 0px;
position: relative;
width: 97%;
}

#menubox
{
border: none;
font-size: 100%;
line-height: normal;
margin: 10px 0px;
overflow: hidden;
position: relative;
width: 197px;
}

#itembox
{
font-size: 100%;
line-height: normal;
margin: 0px;
margin: 0px 0px 0px 0px;
padding: 2px 2px 2px 2px;
position: relative;
}

#mainbox
{
background: white;
font-size: 100%;
height: 100%;
line-height: normal;
margin: 0px;
margin: 10px 0px 0px 0px;
overflow: auto;
padding: 2px 2px 2px 2px;
position: relative;
}

#settingbox
{
background: white;
font-size: 100%;
height: 100%;
line-height: normal;
margin: 0px 0px 0px 0px;
overflow: auto;
padding: 2px 2px 2px 2px;
position: relative;
}

/*-----------------------[ Main lay-out elements: Pop-up box ]-----------------------*/

.popupbox
{
background: #EEEEEE;
border: 1px solid black;
display: none;
left: 20%;
overflow: hidden;
padding: 0px 0px 0px 0px;
position: absolute;
top: 150px;
height: 400px;
width: 700px;
z-index: 99;
}

div.popupheader
{
background: #009ff0;
border-bottom: 1px solid black;
font-size: 100%;
height: 14px;
line-height: normal;
margin: 0px 0px 0px 0px;
padding: 5px 18px 10px 18px;
position: relative;
}

.popuptitle
{
color: white;
font-size: 14px;
font-weight: bold;
position: relative;
}

.popuptext
{
height: 90%;
margin: 0px 0px 0px 0px;
overflow: auto;
padding: 0px 10px;
position: relative;
}


.popupleft
{
float: left;
position: relative;
width: 40px;
}

.popuptop
{
display: hidden;
height: 40px;
padding: 10px 10px 10px 10px;
position: relative;
}

.popupbottom
{
display: block;
height: 1px;
width: 700px;
}

.popupleft
{
background: white;
display: none;
width: 0px;
}

/*-----------------------[ Main lay-out elements: Main column ]-----------------------*/


#infoHeader
{
    float: right;
    height: 16px;
    margin: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    overflow: hidden;
    padding: 2px 2px 2px 2px;
    position: relative;
    width: 16px;
    z-index: 999;
}

#infoBox, .infoBox
{
    line-height: normal;
    margin: 0px 0px 10px 0px;
    overflow: hidden;
    padding: 2px 2px 2px 2px;
    position: relative;
}

.reactielistbox
{
background: white;
font-size: 100%;
line-height: normal;
margin: 0px;
padding: 2px 2px 2px 2px;
position: relative;
}

.listbox
{
background: white;
clear: both;
font-size: 100%;
line-height: normal;
margin: 0px;
margin: 10px 0px 0px 0px;
padding: 2px 2px 2px 2px;
position: relative;
}

#folderheader
{
background: #009ff0;
border: 1px solid black;
font-size: 100%;
height: 50px;
line-height: normal;
margin: 0px 0px 0px 0px;
overflow: auto;
padding: 2px 2px 2px 2px;
position: relative;
width: 200px;
}

#folderintrotext
{
background: #FFFFFF;
border: none;
font-size: 100%;
line-height: normal;
margin: 0px 0px 0px 0px;
padding: 5px 2px 5px 2px;
position: relative;
}

.itemblok
{
margin-bottom: 20px;
position: relative;
}

.itemsub
{
border-top: 1px solid #777;
clear: both;
color: #777;
font-size: 80%;
margin-top: 10px;
position: relative;
}

.itemtitellarge
{
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: bold;
margin-bottom: 10px;
margin-top: 10px;
}

.itemcontent
{
background: white;
border: 1px solid white;
padding: 5px;
margin: 0px;
position: relative;
}

.itemdetails
{
border: 1px solid black;
font-size: 100%;
padding: 5px 5px 5px 5px;
position: relative;
}

.itemstatusbar
{
font-size: 100%;
line-height: normal;
}

.itemstatusheader
{
clear: both;
font-weight: bold;
margin-bottom: 4px;
margin-top: 12px;
position: relative;
}

.imagelinktekst
{
color: #777;
font-size: 80%;
position: relative;
}

.imagelinktekst:hover
{
color: #F77;
font-size: 80%;
position: relative;
}

.contentheader
{
background: #009ff0;
color: white;
font-size: 100%;
line-height: normal;
margin-bottom: 5px;
overflow: hidden;
padding: 2px 2px 2px 2px;
position: relative;
}

.listheader
{
background: #009ff0;
color: white;
font-size: 100%;
line-height: normal;
margin: 10px 0px 0px 0px;
overflow: hidden;
padding: 2px 2px 2px 2px;
position: relative;
}

.listbottom
{
background: #009ff0;
clear: both;
color: white;
font-size: 100%;
line-height: normal;
overflow: hidden;
padding: 2px 2px 2px 2px;
position: relative;
}

.menubottom
{
background: #009ff0;
border-top: 1px solid black;
font-size: 100%;
line-height: normal;
margin-top: 5px;
overflow: hidden;
padding: 2px 2px 2px 2px;
position: relative;
}

* html .listcontent1
{
height: 2px;
overflow: show;
position: relative;
}

html>body .listcontent1
{
overflow: show;
position: relative;
}

.listcontent2
{
height: 200px;
overflow: auto;
position: relative;
}

.listcontent3
{
height: 200px;
overflow: auto;
position: relative;
}


.summaryitemdiv {
	font-style: italic;
	background: #f5f5f5;
}
.summaryitemheader {
	font-style: normal;
	font-size: 1.3em;
}
.summaryitemsubheader {	
	font-style: normal;
	font-size: 0.9em;
}


/*-----------------------[ General Style Elements ]-----------------------*/

div.listheader, span.listheader, h2.heading {
    background: #009ff0;
    border: none;
    color: white;
    font-size: 100%;
    line-height: normal;
    margin: 5px 0px 5px 0px;
    padding: 3px 3px 3px 3px;
    position: relative;
}

div.header, span.header
{
    font-size: 140%;
    font-weight: bold;
}

div.subheader, span.subheader, div.small, span.small, div.text80light
{
    font-size: 10px;
    color: silver;
}

tr.header{
    background: white;
    color: black;
    padding: 5px 0px;
}

td.header{
    font-weight: bold;
    font-size: 12px;
}

tr.normal{
    font-weight: bold;
    font-size: 12px;
    padding: 2px 0px;
}

td.normal{
    font-weight: normal;
    font-size: 12px;
}

div.modulesummary{
    margin-bottom: 20px;
    margin-top: 10px;
    margin-right: 10px;
    float: left;
    width: 48%
}

div.modulesummaryheader{
    background: #009ff0;
    color: white;
    font-weight: bold;
    margin-bottom: 5px;
    padding: 2px 2px;
}

ul.normal, ul.summary{
    padding: 0px;
    margin: 0px;
}

ul.normal, li.summary{
    padding: 2px;
    margin: 0px;
}

span.datum{
    font-size: 10px;
    color: silver;
}

div.additem{
    width: 250px;
    display: block;
    margin-top: 10px;
    border: 1px solid silver;
}

div.additemheader{
    background: #eee;
    background-image: url("../images/add.gif");
    background-repeat: no-repeat;
    padding: 1px 5px 1px 20px;
    cursor: pointer;
}

div.additemdetails{
    padding: 5px;
    display: none;
}

.additem label{
    font-weight: bold; 
    display: block;
    float: left;
    width: 50px;
    position: relative; 
    top: 3px;
}
 
p.readmore, div.leesverder{
    clear: both;
    padding: 5px 0px;
}

div.error{
    overflow: auto;
    height: 250px;
    padding: 10px;
    border: 1px dotted silver;
    font-size: 80%;    
}

#infomessages {
    border: solid 1px #008D05;
    padding: 10px 5px;
    background: #BFFFC1
}
#errormessages {
    border: solid 1px #B30000;
    padding: 10px 5px;
    background: #FFBFBF;
}

h2 .icon {
    border: none;
    vertical-align: middle;
}

.remove,
.update {float: right;}
.editbox { position: absolute; right: 0px; top: 0px;}

#container3 li {line-height: 16px;}
#container3 li .remove {height: 16px;}

/*-----------------------[ Module Specific ]-----------------------*/
/*|--[ Stellingen ]*/

div.argument{
    border: 1px dotted silver;
    padding: 5px;
    margin-bottom: 10px;
}

div.argumentcount{
    background: #009ff0;
    float: right;
    position: relative;
    color: white;
    font-size: 16px;
    font-weight: bold;
    width: 32px;
    padding-top: 4px;
    padding-bottom: 4px;
    text-align: center;
}

/*|--[ Kennisbank ]*/

div.kennisbank_bank{
    margin-top: 5px;
}

div.kennisbank_header{
    border-bottom: 1px solid silver;
    margin-bottom: 5px;
    padding: 2px 0px;
    font-size: 140%;
    font-weight: bold;
}



/*-----------------------[ Other //To be defined ]-----------------------*/

#debug
{
background: white;
border-bottom: 1px #ddd solid;
display: none;
font-size: 65%;
line-height: normal;
margin: 10px 10px;
padding: 2px 2px 2px 2px;
position: relative;
}

h2 .icon {
	border: none;
	vertical-align: middle;
}


.avatarbox
{
background: url("../images/avatarbox.gif");
border: 1px solid #000;
height: 50px;
margin: 0px 0px 0px 0px;
overflow: hidden;
padding: 0px 0px 0px 0px;
width: 50px;
}

.photobox
{
border: 1px solid #000;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
width: 150px;
}

.reactieinfo
{
clear: both;
float: left;
font-size: 100%;
padding: 0px 0px 0px 0px;
position: relative;
width: 100px;
}

.reactieblok
{
float: left;
font-size: 100%;
line-height: normal;
padding: 0px 0px 0px 0px;
position: relative;
width: 520px;
}

.reactietitle
{
border-bottom: 1px solid #000;
font-size: 100%;
font-weight: bold;
margin-bottom: 5px;
padding: 0px 0px 0px 0px;
position: relative;
}

.reactietext
{
font-size: 100%;
line-height: normal;
margin: 0px 0px 0px 0px;
overflow: show;
padding: 0px 0px 0px 0px;
position: relative;
}

.reactiesub
{
border-bottom: 1px solid #808285;
clear: both;
color: #777;
font-size: 80%;
margin: 0px;
padding: 5px;
position: relative;
width: 620px;
}

.reactiesuper
{
clear: both;
color: #777;
font-size: 80%;
margin-bottom: 5px;
margin-top: 5px;
position: relative;
}

.quoteblock
{
border: 1px dotted silver;
color: #777777;
font-size: 90%;
margin-left: 25px;
margin-right: 10px;
padding: 5px 5px 5px 5px;
position: relative;
}

.itemlistblok
{
margin-bottom: 10px;
margin-top: 10px;
position: relative;
}

.photodivider
{
float: left;
height: 93px;
margin-bottom: 10px;
margin-right: 10px;
padding: 5px 5px 5px 5px;
position: relative;
vertical-align: middle;
width: 44px;
}

.photo
{
border: 1px solid black;
margin-bottom: 5px;
overflow: hidden;
padding: 5px 5px 5px 5px;
position: relative;
width: 640px;
}

.photoicons
{
clear: both;
margin-bottom: 5px;
overflow: hidden;
padding-left: 5px;
padding-right: 5px;
position: relative;
width: 640px;
}

.activitymonth
{
background: #009ff0;
border: 1px solid black;
border-top: 1px solid #777;
clear: both;
font-weight: bold;
margin-bottom: 5px;
margin-top: 5px;
padding-bottom: 3px;
padding-top: 3px;
position: relative;
text-align: center;
}

.searchbox
{
background: white;
display: none;
line-height: normal;
margin: 0px 0px 0px 0px;
padding: 2px 2px 2px 2px;
position: relative;
width: 400px;
}

.submitLink
{
background: white;
border: 1px dotted silver;
color: silver;
display: -moz-inline-box;
display: inline-block;
padding: 0px 0px 0px 0px;
}

div.pictureicon
{
border: 1px solid black;
display: -moz-inline-box;
display: inline-block;
float: left;
margin-bottom: 0px;
margin-right: 10px;
padding: 0px 0px 0px 0px;
position: relative;
width: 100px;
}

div.attachmenttype
{
border: dotted 1px #777;
color: #777;
padding: 5px 5px 5px 5px;
width: 535px;
}

span.spacer
{
padding-right: 50px;
position: relative;
}

div.spacerbox
{
padding: 5px 5px 5px 5px;
}

span.startshort
{
display: -moz-inline-box;
display: inline-block;
position: relative;
width: 140px;
}

span.start
{
display: -moz-inline-box;
display: inline-block;
position: relative;
width: 175px;
}

span.fileinfo
{
color: #777;
display: -moz-inline-box;
display: inline-block;
font-size: 80%;
padding-right: 10px;
position: relative;
width: 150px;
}

/*
span.xajaximagelink
{
color: blue;
cursor: pointer;
font-size: 80%;
padding-right: 10px;
position: relative;
}

span.xajaximagelink:hover
{
color: red;
cursor: pointer;
position: relative;
}*/

.xajaxlink
{
color: blue;
cursor: pointer;
padding-right: 10px;
position: relative;
}

.xajaxlink:hover
{
color: red;
cursor: pointer;
position: relative;
}

span.userlink
{
color: blue;
cursor: pointer;
font-weight: bold;
position: relative;
}

div.start
{
border: 1px solid green;
float: left;
overflow: hidden;
padding-right: 10px;
position: relative;
width: 290px;
}

span.floatright
{
float: right;
position: relative;
}

.selectItem
{
color: blue;
cursor: pointer;
position: relative;
}

.selectItem:hover
{
background: #009ff0;
color: red;
position: relative;
}

div.floatright
{
float: right;
position: relative;
}

span.text80
{
font-size: 80%;
}

span.text80light
{
color: silver;
font-size: 80%;
}

span.errorcode
{
color: red;
font-weight: bold;
}

div.pollblok
{
background: #141EB8;
border: 1px solid black;
display: -moz-inline-box;
display: inline-block;
height: 5px;
}

#logo
{
height: 30px;
width: 1px;
}

.photothumb
{
background: url("../images/photoframe.jpg");
background-repeat: no-repeat;
float: left;
height: 100px;
margin-bottom: 5px;
margin-right: 5px;
margin-top: 10px;
overflow: hidden;
padding: 1px 1px 1px 1px;
position: relative;
width: 131px;
}

div.text80light
{
clear: both;
color: silver;
font-size: 80%;
}

#onlinebox
{
margin-top: 10px;
width: 197px;
}

.padding
{
padding: 2px 2px 2px 2px;
}

.textlight
{
color: silver;
}


#menumodulebox, .menumodulebox
{
border-bottom: 1px solid white;
color: white;
padding: 0px 0px 5px 10px;
}

a.white
{
color: white;
}


#headertop
{
heigth: 50px;
left: 0px;
position: absolute;
top: 0px;
width: 380px;
}

a.headerclick
{
cursor: pointer;
height: 50px;
width: 380px;
}

a.commentscore
{
clear: both;
float: right;
font-size: 80%;
}

div.reactcomments
{
border: 1px dotted silver;
clear: both;
display: none;
margin: 5px 0px;
padding: 3px;
}

div.reactie
{
border: 1px solid white;
position: relative;
}

span.highlight
{
background: yellow;
}

a.folderintro
{
color: white;
}

a.opsomminglinks
{
color: white;
display: inline;
float: left;
padding: 0px 8px 0px 0px;
}

div.opsomminglinks
{
border: none;
border-top: 1px solid #999999;
clear: both;
margin-top: 5px;
padding-top: 5px;
width: 180px;
}

li {position: relative;}

#container3 ul li{margin-left: 20px; list-style: disc;}

#searchbox {
	float: right;
	margin-top: 50px;
	margin-right: 5px;
}

.searchresult p {margin: 0px; padding: 0px;}
.searchresult {margin: 10px 0px;}
.searchresult .title { font-size: 145%;}
.searchresult .title a {text-decoration: underline}
.searchresult .path {color: green;}

.thread {
margin: 10px 0px;
padding: 2 0 2 4px;
height: 32px;
position: relative;
}
.thread .title {
	margin: 0px; padding: 0px;
	font-size: 20px;
	margin-bottom: 15px;
}
.thread .sub p {
	margin: 0px; 
	padding: 0px;
	position: absolute;
	bottom: 0px;
	width: 100%;
	color: gray;
    font-size: 100%;
}
.thread .sub .links { text-align: left;}
.thread .sub .rechts { text-align: right;}
.thread .sub .center { text-align: center;}

.post {clear: left; border-top: solid 1px gray; margin-bottom: 20px;}
.post .meta { border-bottom: solid 1px #ddd; text-align: right; color: silver; font-size: 90%;}
.post .user { float: left; width: 150px;}
.post .content{ padding-left: 150px;}


.publicationdetails {cellspacing: 0px; cellpadding: 0px; margin-bottom: 20px;}
.publicationdetails td {vertical-align: top; border: solid 1px gray; padding: 3px; font-size: 80%;}