html {
   height:100%;
   overflow-x:hidden;
}
body {
   margin:0;
   padding:0;
   font-family:verdana;
   font-size:11px;
   background:#fff;
   height:100%;
   color:#03424F;
}
img {
   border:none;
}
a {
   color:#077F9F;
}
/* lay */
#container {
   border-left:1px solid #5BB628;
   border-right:1px solid #5BB628;
   width:951px;
   margin:0 auto;
   background:#FAFCFD;
   height:100%;
}

#mainmenu, #rightcol {
   float:left;
}
#mainmenu a {
   display:block;
}
/* left menu styles */
#mainmenu {
   width:156px;
   height:100%;
   padding:0 15px;
   position:relative;
}
#fanovelogo {
   display:block;
   margin:8px auto;
}
#leftmenu {
	width: 150px;
}

#extrabuts {
   margin:0px 0 0 41px;
}
#extrabuts img {
   display:block;
}

/* rest of the site */
#rightcol {
   background:#F0F7F9 url('../gfx/bg_content.gif') no-repeat left bottom;
   border-left:1px solid #5BB628;
   height:100%;
}
#topbar {
   width:764px;
   height:79px;
   background:#057E9E url('../gfx/bg_topbar.gif') no-repeat;
   border-bottom:5px solid #5BB628;
}
#topmenu {
   float:right;
   width:75px;
   margin:10px 12px 0 0;
}
#topmenu a {
   display:block;
   margin-bottom:4px;
}
#content, #sidebar {
   float:left;
   padding:20px;
}
#content {
   width:459px;
   padding:20px 0 0 70px;
   line-height:1.4em;
   font-size:12px;
   xbackground:#c58;
}
#ctScroller {
   xbackground:#b49;
   overflow:auto;
   height:1px;
   padding-right:10px;
   scrollbar-face-color: #E2EFF3;
   scrollbar-arrow-color: #03424F;
   scrollbar-track-color: #F0F7F9;
   scrollbar-3dlight-color: #7E9FA6;
   scrollbar-highlight-color: #fff;
   scrollbar-darkshadow-color: #03424F;
   scrollbar-shadow-color:#F0F7F9;
}
#ctScroller .grey
{
   border:1px solid #057E9E;
	padding:2px;
	font-family:verdana;
   font-size:11px;
   xcolor:#03424F;
   color: #636363;
   background:#fff;
}
#content h1 {
   margin:0 0 0.7em 0;
   font-weight:normal;
   font-size:24px;
}
#content h2 {
   margin:0;
   font-weight:normal;
   font-size:18px;
   line-height:1em;
}
#content p {
   margin:0.4em 0 1.2em 0;
}
#content #bottomlist {
   border-top:1px solid #55A614;
   font-size:11px;
}
.date {
   float:right;
   color:#4D7983;
   margin-top:3px;
}
#locationmap {
   position:relative;
}
#locationmap img {
   display:block;
}


/*banners bar*/
#banners {
   position:absolute;
   width:156px;
   left:15px;
   bottom:70px;
   border-left:1px solid #057E9E;
   border-right:1px solid #057E9E;
   border-bottom:1px solid #057E9E;
   overflow-x:hidden;
   xvisibility:hidden;
}
#bannerstitle {
   background:#057E9E;
   padding:3px;
   color:#fff;
}
#banners a {
   display:block;
   padding:3px 3px;
   margin: 0;
   border-top:1px solid #057E9E;
}
#banners img {
   display:block;
}
#staticBanners
{
	position: absolute;
	width: 156px;
	left: 63px;
   bottom:10px;
	overflow-x: hidden;
	xvisibility: hidden;
}
#staticBanners a {
   display:block;
   padding:0 3px;
   margin:3px 0;
}
#staticBanners img
{
	display: block;
	float: left;
}
	
form#subscribe {
   margin:20px 0 0 0;
   width:430px;
   font-size:9px;
   border-top:1px solid #54A505;
   padding-top:10px;
   text-align:right;
}
#subscribe input {
   font-size:9px;
}
.subscribe_text {
   margin-bottom:5px;
}

#content .input {
   border:1px solid #057E9E;
	padding:2px;
	font-family:verdana;
   font-size:11px;
   color:#03424F;
   background:#fff;
}
.submit {
   font-family:verdana;
   font-size:11px;
   color:#F0F7F9;
   background:#03424F;
   border:1px solid #4A7882;
   font-weight:bold;
   padding:1px 5px;
}
#bottomlist {
   xdisplay:none;
}
#bottomlist a {
   display:block;
   font-weight:bold;
   text-decoration:none;
   color:#03424F;
   xborder-bottom:1px dotted #057E9E;
   padding:3px 0;
}
#bottomlist a:hover {
   text-decoration:underline;
}
/* right sidebar */
#sidebar {
   background:#FAFCFD;
   border-left:1px solid #5BB628;
   width:193px;
}
#sidebar h2 {
   margin:0;
   font-size:11px;
}
#sidebar a {
   text-decoration:none;
   color:#03424F;
}
#sidebar a:hover {
   text-decoration:underline;
}
.listlink {
   display:block;
   font-weight:bold;
}
/* poll */
#poll {
   background: url('../gfx/bg_poll.gif') no-repeat;
   padding:30px 0 15px 0;
   border-bottom:1px solid #5BB628;
}
#sidebar form {
   margin:10px 0;
}
label {
   display:block;
   margin-bottom:4px;
}
.stem {
   margin:10px 0 0 116px;
   font-family:verdana;
   font-size:11px;
   font-weight:bold;
   color:#03424F;
   background:#F0F7F9;
   border:1px solid #057E9E;
   padding:2px 7px;
}

/* pollresults */
.result {
   clear:both;
   margin:5px 0;
}
.resultname {
   margin-bottom:3px;
}
.result .percentage, .result .pollbar, .result .cap {
   float:left;
   height:14px;
}
.result .percentage {
   color:#4D7983;
	width: 33px;
   padding-right:7px;
   background:url('../gfx/img_pollbar_start.gif') no-repeat 100% 4px;
}
.result .pollbar {
   background:url('../gfx/img_pollbar_middle.gif') repeat-x 100% 4px;
}
.result .cap {
   width:3px;
   background:url('../gfx/img_pollbar_end.gif') no-repeat 0 4px;
}
/* sidebar newsies */
#newsshort {
   background:url('../gfx/bg_nieuws.gif') no-repeat;
   margin-top:10px;
   padding:30px 0 5px 0;
}
.shortitem {
   margin-bottom:20px;
}
.shortitem p {
   margin:0 0 10px 0;
}
.newsdate {
   text-align:right;
   color:#4D7983;
}

/* sidebar events */
#eventsshort {
   background:url('../gfx/bg_events.gif') no-repeat;
   margin-top:10px;
   padding:30px 0 5px 0;
}
.eventdate {
   text-align:right;
   color:#4D7983;
   float:right;
}
#eventsshort .shortitem {
   margin-bottom:10px;
}

#sitemap {
	border-top: 1px solid #55A614;
	border-bottom: 1px solid #55A614;
	width:375px;
	padding-top:5px;
	padding-bottom:5px;
}
#sitemap a {
	color: #03424F;
	font-weight: bold;
	text-decoration: none;
	display:block;
}
#sitemap a:hover {
	text-decoration: underline;
}

/* prev-next links -- also for main content*/
a.prevlink, a.nextlink {
   text-decoration:none;

}
a.prevlink:hover, a.nextlink:hover {
   text-decoration:underline;
}
a.prevlink {
   float:left;
}
a.nextlink {
   float:right;
}

/*stats*/
form.settings {
}
.settings .title {
	background:#3980AE;
	color:white;
	padding:5px;
	font-size:12px;
	font-weight:bold;
}
.settings .controls {
	background:#FFFFFF;
	padding:5px;
}
table.stats {
	xwidth:595px;
	margin:10px 0;
	background:#3980AE;
}
table.stats td {
	background:#F9FCFE;
	padding:5px;
	vertical-align:bottom;
	width:45px;
	text-align:center;
}
tr.names td {
}
div.bar {
	width:15px;
	background:#A5C5D9;
	margin:0 auto 3px auto;
	text-align:center;
	font-size:1px;
}
table.stats td.colNow {
	background:#E0EBF2;
}

#Ruler1, #Ruler2 {
   background:#D61439;
   position:absolute;
   top:0;
   left:300px;
}
#Ruler2 {
   left:420px;
   background:#F761B6;
}
#bugBox {
   border:1px solid #000;
   background:white;
   padding:3px;
   font-size:10px;
   position:absolute;
   bottom:0;
   left:0;
   margin:2px;
}

.forgot {
   cursor:pointer;
}
#retrieve {
   display:none;
   margin-top:10px;
}

#retrieve a {
   text-decoration: underline;
   cursor:pointer;
}

#leverancier_pass {
   display: none;
}

#content .item
{  margin:0;
   padding:0;
}
#notificatie
{
	font-size: 9px;
	margin-top: 5px;
	text-align: right;
}
.tblheader
{  padding-top:10px;
}

select#leverancier_naam
{  width:350px;
}

.tender {
   padding: 3px;
   width: 400px;
   background: #FAFCFD;
   margin-bottom: 10px;
   border:1px solid #5BB628; 
}

.tender_title {
   padding: 3px;
   color: #fff;
   background: #057E9E;
   font-size: 14px;
}

.tender input {
   float: right;
   background: #FAFCFD;
   border:1px solid #5BB628;
   width: 40px;
}

#tender_details h1 {
   width: 100%;
}

#tender_details h1 input {
   float: right;
   border:1px solid #5BB628;
   background: #FAFCFD;
   margin-right: 20px;
}

.form_row label {
   width: 150px;
   float: left;
}

.form_row input, .form_row textarea {
   border:1px solid #5BB628;
   float: left;
   width: 200px;
}

.form_row {
   clear: both;
   height: 26px;
}

.form_bottom {
   margin-top: 5px;
   text-align: center;
}

.form_bottom input {
   border:1px solid #5BB628;
   background: #fff;
   margin: 5px;
}

.buttonwrapper { /* Deze is om de buttons (zie de unit hierboven) alsnog juist te positioneren*/
   width: 100px;
   float:right;
   margin-bottom: -3px;
}


div.formfield {
   margin:5px 0;
}

.formfield input {
   border:1px solid #057E9E;
/*   font-family: arial;
   font-size:12px;
   width:200px;
   */
}

.formfield label, .formfield .formlabel {
   float:left;
   width:150px;
   display: inline;
}

.formfield label.checkradio {
   float:none;
   clear: both;
}

input.checkradio {
    border:0px solid #000000 !important;
    width:auto !important;
}

input.submitbutton {
   border: 1px solid #4A7882;
   background: #03424F none repeat scroll 0%;
   color: #F0F7F9;
   font-weight: bold;
   font-family: verdana;
   font-size: 11px;
}

