body {
   margin:0;
   padding:0;
   background:url('../gfx/bg.jpg') repeat-x #3b9a8e;
   font-family:arial;
   font-size:11px;
}
a {
   color:#0d6d60;
}
a:hover {
   color:#11a38f;
}
h1 {
   font-size: 18px;
   color:#2f6961;
}
h2 {
   font-size: 15px;
   color:#2f6961;
}

h3 {
   font-size: 12px;
   color:#2f6961;
}

/* Retroactive splice from a modern common.css */
/* resets/normalizers/alwaysreallyhandys */
	a img {
		border:0;
	}
	img {
		-ms-interpolation-mode:bicubic;
	}

	ul, ol, li {
		margin:0;
		padding:0;
	}
	ul, ol {
		margin-left:3em;
	}
	form {
		margin:0;
	}
	input, select, textarea {
		font-family:arial;
      font-size:11px;
	}
   body input.hidden, /* fix for Firefox 1.5 and lower */
   body input[type='hidden'] {
	   display:none !important;
   }
	textarea {
		padding:5px;
	}

/* sample printing */
#textarea_response, #textarea_bemerking {
   display:none;
}



/* utility */
	.shoehorn {
		clear:both;
      line-height:1px;
		font-size:1px;
		height:1px; /* the 1px things are just habit. must be tested with zeroes */
		margin-top:-1px; /* neutralization of the 1px height */
	}
   .link_button {
   }
   .link_button a {
      display:block;
   }
   .error_message, .info_message {
      padding:10px;
      border:1px solid #851111;
      color:#851111;
      margin:10px 0;
   }
   .error_message h3, .info_message h3 {
      font-size:13px;
      margin:0 0 10px 0;
      font-style:normal;
   }
   .info_message {
      border:1px solid #0f95bb;
      color:#00789a;
   }

   /* Generic Form Styles */
   input.submitbutton {
      width:auto !important;
      font-size:12px;
      float:right;
      margin-left:10px;
      cursor: pointer;
   }

   .formfield {
      float:left;
      width: 100%;
      margin-bottom:5px;
   }
   .formfield label {
      width:150px;
      float:left;
      padding-top:3px;
   }
   .formfield input,
   .formfield textarea,
   .formfield select,
   .formfield .fixed_fieldvalue {
      width:250px;
      float:left;
   }
   .formfield select {
   }
   .formfield textarea {
      height:80px;
      width:240px;
   }
   .formfield .fixed_fieldvalue {
      padding-top:2px;
   }

   /* Special stlyes for groups of checks and radios */
   .formfield .checkradioset {
      float:left;
      width:250px;
   }
   .formfield input.checkradio {
      width:auto;
      float:left;
      border: 0;
      margin-left:0;
      margin-right:5px;
   }
   .formfield label.checkradio {
      width:auto;
      float:none;
      position:relative;
      top:2px;
      padding:0 0 7px 0;
   }
   .formtext {
      margin-bottom:5px;
   }

   /* fixing styles for FILE inputs, which perform badly in narrow situations
      because IE and FFX have personal vendettas against allowing them to be styled.
   */
   input.fileinput {
      /* FFX and everyone else: move to next line. FFX won't adjust *visual* width, which is a shame. WebKit (safari & chrome) will, so they're okish. */
      width:302px !important;
      /* IE6, 7 and 8. */
      *width:304px !important;
   }
   form div label {
      display: block;
      width: 200px;
      float: left;
   }

#container {
   width:876px;
   margin:auto;
}
#header {
   height:108px;
   background-image:url('../gfx/header.jpg');
}

#lidbedrijf, #choose_community {}
#lidbedrijf select, #choose_community select{
	width: 150px;
}
#lidbedrijf .table_title, #choose_community .table_title {
	display: block;
	float: left;
	width: 80px;
}

#logged_in_as {
   float:right;
   margin-top:30px;
   margin-right:10px;
   text-align:right;
   line-height:1.5;
}
.language_tabs {
   margin-top:1em;
}

/* mainmenu */
#menu {
   height:28px;
   background-image:url('../gfx/menu.jpg');
   margin:0;
   padding:0;
   list-style:none;
   z-index: 100;
   position:relative;
}
li.mainmenu_item {
   position:relative;
   margin:0;
   padding:0;
   float:left;
}
li.mainmenu_item a {
   color:#002d29;
   line-height:28px;
   font-weight:bold;
   font-size:13px;
   padding:0 15px;
   text-decoration:none;
   display:block;
}
li.mainmenu_item a:hover {
   color: #2f6961;
   background:url('../gfx/mainmenu_hover.gif') repeat-x;
}
/* submenu */
li.mainmenu_item ul {
   position:absolute;
   top:28px;
   left:0;
   margin:0;
   background:#2d796f url('../gfx/submenu_background.gif') repeat-x;
   padding:5px 12px;
   list-style:none;
   border:1px solid #000;
   width:140px;
   display:none;
   z-index:100;
}
li.mainmenu_item ul a {
   color:white;
   line-height:25px;
   font-weight:normal;
   font-size:12px;
   padding:0px;
   border-bottom:1px solid #88b2ad;
}
li.mainmenu_item ul a.last {
   border-bottom:none;
}
li.mainmenu_item ul a:hover {
   background:none;
   text-decoration:underline;
   color:white;
}

#content {
   min-height:510px;
   _height:510px;
   background-color:#FFFFFF;
   padding:15px 30px;
}

.contentborder_table {
   border-collapse:collapse;
   margin: auto;
}
img.content_bordercorner {
   display:block;
}
.contentborder_table td.content_bordercontent {
   padding:5px;
   width:700px;
}
.imgtop {
   background-image:url('../gfx/data_top.jpg')
}
.imgright {
   background-image:url('../gfx/data_right.jpg')
}
.imgbottom {
   background-image:url('../gfx/data_bottom.jpg')
}
.imgleft {
   background-image:url('../gfx/data_left.jpg')
}

#heading {
   /*float:left; why?*/
   width:100%;
}
.heading_title {
   text-align:right;
}
.heading_title h1 {
   margin:15px 0;
}
.heading_left {
   float:left;
}

.button {
   background: url('../gfx/button_left.jpg');
   display:inline-block;
   *display:inline;
   margin:10px 0;
}
.button input,
.button a {
   background:url('../gfx/button_right.jpg') 100% 0 no-repeat;
   font-weight:bold;
   color: #0b333c;
}
.button input {
   border: 0;
   font-size: 11px;
   padding:4px 10px;
}
.button a {
   text-decoration:none;
   padding:5px 10px;
   display:inline-block;
}
.button_right {
   float:right;
   margin-left:5px;
}

.button a.active {
	color: #2f6961;
}

.text_table_container {
   clear:both;
   width:700px;
   margin-bottom:10px;
}
tr.table_top {
   background:#606060;
   height:17px;
   line-height:17px;
   color:#FFFFFF;
   padding-left:10px;
}
tr.table_top a {
	color: #fff;
}
#table_overzicht td {
   padding: 2px 5px 2px 5px;
   line-height: 18px;
}
#table_overzicht .odd_row {
   /* todo: not sure if this is the right color, example: user page */
   background-color: #E5F4F3;
}
.table_title {
   color:#00322b;
   text-decoration:none;
   font-weight:bold;
}
.table_specs {
   line-height: 30px;
   margin-bottom:10px;
}

.enquete_table {
   line-height:28px;
}

.enquete_table input {
   width: 100px;
   margin-right:20px;
   margin-left:8px;
}

.keur_table {
   line-height:28px;
}

.printbutton {
   float:right;
   margin-top:2px;
   margin-right:15px;
}
.printbutton img {
   border:0px;

}

.forgot_pass {
   margin-top:15px;
}

#poweredby {
	margin-right:50px;
	text-align:right;
}

.enq_helptext_popop {
   position:absolute;
   background:#12665c;
   color:white;
   padding:4px;
   width: 450px;
   height: 150px;
   text-align:left;
   cursor:default;
}
.enq_helptext_popop a {
	color: #fff;
}