/* CSS Document */
body { min-width: 780px; margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; background: #FFF url(/images/background.gif) repeat-y; }
a { text-decoration: none; }
a.admin { color: #CC0000; text-decoration: none; }
a:hover{ text-decoration: underline; }
img { margin: 10px; }
a img { border: 0; margin: 0; }

#header { height: 60px; overflow: hidden; /*border-bottom: 1px solid #50CE30; */ line-height: 20px; color: #9B9A9A; background: #FFF; position: relative;  }
#header #logo { background:url(/images/logo.gif) no-repeat; margin: 0; padding: 0; position: absolute; top: 16px; left: 10px; }
#header #logo a { display: block; width: 150px; height: 26px; text-indent: -999em; }

#header #metabox { position: absolute; left: 225px; top: 7px; white-space: nowrap; }
#header #metabox a{ color: #50CE30; }
#header #metabox a.admin { color: #CC0000; text-decoration: none; }
#header #metabox a.strikethrough { text-decoration: line-through; }

#breadcrumbs { color: #969da2; background: #2d3b44; line-height: 40px; padding: 0 0 0 225px; font-size: 12px; }
#breadcrumbs a{ color: #969da2;  }

#tabs { margin: 0; padding: 0; position: absolute; left: 222px; top: 112px; list-style: none; }
#tabs li { width: 33px; height: 106px; margin: 0 0 10px 0; }
#tabs li.content{ background: url(/images/tab_content.gif) -33px 0 no-repeat;  }
#tabs li.content-selected { background: url(/images/tab_content.gif) no-repeat; }
#tabs li.content-selected a{ cursor: default; }
#tabs li.veto { background: url(/images/tab_veto.gif) -33px 0 no-repeat; }
#tabs li.veto-selected  { background: url(/images/tab_veto.gif) no-repeat; cursor: default; }
#tabs li.veto-selected a{ cursor: default; }

#tabs li a { display: block; width: 33px; height: 106px; text-indent: -999em; }


#menu { position: absolute; width: 205px; overflow: hidden; left: 0; top: 100px; color: #FFF; padding: 0 10px; }
#menu h2 { font-weight: normal; margin: 0; padding: 0; }
#menu a { color: #FFFFFF; }

#menu ul { margin: 10px 0 0 0; padding: 0;  }
#menu ul li{ list-style: none; background: url(/images/bullet_arrow_right.gif) 1px 8px no-repeat; padding: 0 0 0 14px; }
#menu ul li a{ color: #FFF; text-decoration: none; }
#menu ul li.selected { background: url(/images/bullet_arrow_down.gif) 0 9px no-repeat; }
#menu ul li a:hover{ color: #50CE30; }

#menu ul ul { margin: 0; padding: 0;  }
#menu ul ul li{ list-style: none; background: url(/images/bullet.gif) 0 9px no-repeat;  padding: 0 0 0 12px; }

#menu ul ul.admin { margin: 10px 14px 10px 0; padding: 0 0 0 10px; border: 1px solid #576269; background: #3E4B53;  }
#menu ul ul.admin li {   }

#menu ul li.edit { background: none; padding: 0 10px 0 0; }
#menu ul li.edit a { width: 13px; height: 12px; }
#menu ul li.edit a img{ border: 0; margin: 0; }


#content { margin: 0 0 0 255px; padding: 10px 20px;  position: relative; }
#content #pageoptions { color: #999999; font-size: 12px; top: 10px; right: 10px; position: absolute; }

.klein 		{ font-size:  9px; }
.normaal 	{ font-size: 12px; }
.groot 		{ font-size: 18px; }

#container { width: 100%; overflow: hidden; }

#full   { width: 100%;   margin: 0 0 0 0px;  float: left; }
#left   { border-top: 1px solid #50CE30; width: 50%;   margin: 0 0 0 -100px;  float: left; }
#middle { width: 200px; float: left; }
#right  { border-top: 1px solid #50CE30; width: 50%;   margin: 0 -140px 0 0; float: left; }
#rightSmall  { width: 60%;   margin: 0px -140px 0px 0px; float: left; }

#full .col-in { padding: 10px 20px 20px 20px; }
#left .col-in { padding: 10px 20px 20px 120px; }
#right .col-in { padding: 10px 120px 20px 20px; }
#rightSmall .col-in { text-align: justify }

#full h3 { font-weight:bold; margin: 0; padding:0; }
#full .edit img { margin: 0 0 0 5px; float: none; }

#left h3 { font-weight:bold; margin: 0; padding:0; }
#left .edit img { margin: 0 0 0 5px; float: none; }

#right h3 { font-weight:bold; margin: 0; padding:0; }
#right .edit img { margin: 0 0 0 5px; float: none; }

#rightSmall h3 { font-weight:bold; margin: 0; padding:0; }
#rightSmall .edit img { margin: 0 0 0 5px; float: none; }


#middle { border: 1px solid #50CE30; border-top: none; border-bottom: none; }
#middle .col-in { padding: 10px 15px 10px 15px; }
#middle .col-in #submenu ul { list-style-type: none; margin: 0; padding: 0; }
#middle .col-in #submenu ul.admin { border-top: 1px solid #50CE30; padding-top: 10px; }
#middle .col-in #submenu ul li { padding: 3px 0; }
#middle .col-in #submenu ul.admin li a { color: #CC0000; font-weight: normal; }
#middle .col-in #submenu ul.admin li a:hover { color: #CC0000; text-decoration: underline; }
#middle .col-in #submenu ul li a { color: #000000; font-weight: bold; text-decoration: none; line-height: 12px; }
#middle .col-in #submenu ul li.selected a{ color: #50CE30; }
#middle .col-in #submenu ul li a:hover{ color: #50CE30; }
#middle .col-in #submenu ul li.edit { text-align: right; }
#middle .col-in #submenu a.selected { color: #50CE30; }

#footer { clear: both; font-style: italic; margin: 40px 0 20px 0; border-top: 1px solid #2D3B44; line-height: 20px; font-size: 11px; }

table 		  { empty-cells: show; }
table tr th   { border-bottom: 1px solid #2D3B44; padding: 2px; }
table tr td   { border-bottom: 1px solid #2D3B44; padding: 2px; vertical-align: top; text-align: left; empty-cells: show; }
tr.docent td  { background-color: #E6E7E9; }
tr.unseen td  { background-color: #FFC4C5; }

h1 				{ text-align: left; font-size: 20px; }
h3		 		{ color: #2d3b44; }
.title		{ color: #50CE30; font-size: 120%; }
h3 span 	{ float: right; }
strong 		{ color: #2d3b44; }


#alert {border:1px #CCCCCC solid; margin: 10px 0 10px 0; padding: 10px 10px 10px 60px; font-size:10px; letter-spacing: 1px; color: #333333;background: url("../images/alert.gif") 10px 10px no-repeat;}
#message {border:1px #CCCCCC solid; margin: 10px 0 10px 0; padding: 10px 10px 10px 70px; font-size:10px; letter-spacing: 1px; color: #333333;background: url("../images/message.gif") 10px 10px no-repeat;}

#question textarea { width: 100% }

.extra_information { text-align: left; position: absolute; background: #FFFFE1; border: 1px solid #000000; padding: 2px; margin: 20px 0 0 20px; min-width: 0 !important;  min-width: 300px; width: auto !important; width: 300px; font-size: 11px; }

textarea {width: 100%;}