body {
background: #d8f2fd url(images/html_bg.gif) no-repeat;
 background-position: top left;
 height: 100%;
 font-family:Arial, Helvetica, sans-serif;
 font-size: 11px;
 text-align: left;
 margin: 0px auto;
 padding: 0px;
 margin-top:-1px;
}
div, table, img, h1, h2, h3 {
 float: left;
}

html {
 height: 600px;
}
h1{
 display:none;
}
body.producten div#inter h2 {
 display: block;
 width:105px;
 padding: 0px;
 font-size: 14px;
 text-transform: none;
}

h2 {
 font-family: verdana;
 color: #009ee0;
 text-transform:uppercase;
 font-size: 18px;
 margin: 0;
 padding: 0 0 10px 0;
 width:100%;
}
h3 {
 font-size: small;
 color: #009ee0;
 width: 100%;
}
h4 {
 font-size: small;
 width: 100%;
 padding: 0;
 margin: 0;
 padding: 10px 0px 5px 0px;
 display: block;
 clear: both;
}
h4 span {
 font-size: small;
 font-weight: bold;
}
body.blog h4 {
 margin: 0;
 font-size: small;
}
a {
 text-decoration: none;
 color: #009EE0;
}
img {
 border: none;
}
div#container {
 width: 901px;
 /*height: 100%;*/
  margin: 0px auto;
}
img.logo_img {
 float: right;
 margin:0;
}
/*** HEADER ***/
div#header{
 float:left;
 width: 500px;
 height: 122px;
}
div#header div.logo {
 float: left;
 margin-top: 18px;
 padding-left: 18px;
}

/*** TOTEM ***/
div#totem {
 margin: 0px;
 width: 286px;
 height: 580px;
 float: right;
}
div#totem div.rubriek_foto {
 float: left;
 width: 286px;
 height: 395px;
}
div#totem div.adres {
 float: right;
 width: 127px;
 text-align: center;
 color: #009ee0;
 position: relative;
 top: 53px;
 height: 90px;
}
div#totem div.adres p {
 padding: 0;
 margin: 0;
}
body.home div#totem div.rubriek_foto {
 background: url(images/rubriek_home.jpg);
}
body.netwerken div#totem div.rubriek_foto {
 background: url(images/rubriek_netwerken.jpg);
}

body.beveiliging div#totem div.rubriek_foto {
 background: url(images/rubriek_beveiliging.jpg);
}

body.support div#totem div.rubriek_foto {
 background: url(images/rubriek_support.jpg);
}
body.product div#totem div.rubriek_foto,
body.producten div#totem div.rubriek_foto {
 background: url(images/rubriek_producten.jpg);
}

body.trainingen div#totem div.rubriek_foto {
 background: url(images/rubriek_training.jpg);
}
body.contact div#totem div.rubriek_foto {
 background: url(images/rubriek_contact.jpg);
}
body.bestelling div#totem div.rubriek_foto {
 background: url(images/rubriek_bestellen.jpg) no-repeat;
}
body.webshop div#totem div.rubriek_foto {
 background: url(images/rubriek_webshop.gif) no-repeat;
}

/*** MENU ***/
div#menu {
 float: left;
 text-align: left;
 width: 194px;
}
div#menu ul {
 list-style: none;
 text-transform:uppercase;
 font-family: verdana;
 font-size: 11px;
 font-weight: bold;
 padding: 0px 0 0 15px;
 margin: 0;
}
div#menu ul li {
 width: 100px;
 margin-bottom: 9px;
}
div#menu ul li a {
 color: #009ee0;
 text-decoration: none;
 padding: 4px;
 display: block;
}
div#menu ul li a:hover {
 border: 1px solid #009ee0;
 padding: 3px;
}
body.home div#menu ul li.home a,
body.netwerken div#menu ul li.netwerken a,
body.beveiliging div#menu ul li.beveiliging a,
body.support div#menu ul li.support a,
body.producten div#menu ul li.producten a,
body.product div#menu ul li.producten a,
body.trainingen div#menu ul li.trainingen a,
body.blog div#menu ul li.blog a,
body.nieuwslijst div#menu ul li.nieuws a,
body.nieuws div#menu ul li.nieuws a,
body.webshop div#menu ul li.webshop a,
body.contact div#menu ul li.contact a {
 border: 1px solid #009ee0;
 padding: 4px;
}

/*** INTER ***/
div#inter {
 float: left;
 width: 340px;
 padding-left: 20px;
 padding-right: 20px;
 /*height: 428px;*/
}
body.producten #inter {
  height: 428px;
}
body.contact div#inter {
 width: 385px;
 padding-right: 0;
}
div#inter p {
 font-family: arial;
 font-size: 11px;
 color: #111510;
 display: block;
 clear: left;
 line-height: 15px;
 text-align: justify;
 padding-bottom: 15px;
 margin: 0;
}
div#inter p.error {
 color: red;
}
div#inter p.bold {
 font-weight: bold;
}
div#inter ul {
 margin:0;
 padding-left: 30px;
}
div#inter ul li {
 padding-bottom: 5px;
}
div#inter ul li ul li {
 padding-bottom: 0;
}
#inter ol {
 width: 100%;
 clear: both;
}
/*** RUBRIEK PRODUCTEN ***/
body.producten div#inter {
  background: url(images/producten_bg.gif) no-repeat;
  float: left;
  padding: 40px 0px 0px 0px;
  margin: 0;
 width: 357px;
}
body.producten div#inter div.producten_content {
 float: right;
 padding-right: 5px;
 width:180px;
 margin: 0;
}
body.producten div#inter p {
 text-align: left;
 padding-bottom: 5px;
}
div#inter a.next {
 font-family: verdana;
 font-weight: bold;
 padding: 0px 50px 0 0px;
}
div#inter p.bluebold {
 display: block;
 font-family: verdana;
 font-weight: bold;
 color: #009EE0;
 width: 190px;
  float: left;
}

/*** BLOG ***/
body.blog #inter ul.lijst {
 padding-left: 0;
}
body.blog #inter ul.lijst li {
 padding-bottom: 30px;
}
body.blog #inter ul.lijst li p {
 padding-bottom: 5px;
}
body.blog #inter {
 /*overflow-y: auto;
 overflow-x: hidden;*/
 width:510px;
}
body.blog #inter ul.lijst {
 list-style: none;
}
body.blog #inter p.meer a.meer {
 float: left;
}
body.blog #inter p.meer span.comments {
 float: right;
}
body.blog #inter p.meer span.datum {
 float: right;
 padding-right: 10px;
}
body.blog #header {
 width: 100%;
}
body.blog #totem {
 width: 150px;
 height: 458px;
}
body.blog div#totem div.rubriek_foto {
 height: 273px;
}
body.blog #inter form {
 width: 400px;
}
body.blog div#inter form fieldset {
 width: 400px;
}
body.blog form div.entry input, body.blog form div.entry textarea, body.blog form div.entry select {
 width: 100%;
}
/*** FOOTER ***/
div#footer {
 float: left;
 color: #009ee0;
 width: 720px;
 text-align: right;
 clear: both;
}
div#footer p {
 font-family: arial;
 font-size: 10px;
 margin-top: 0;
 margin-bottom: 0;
}

/*** TABEL TRAININGEN ***/
table#trainingen caption {
 float: left;
 text-align: left;
 padding-bottom: 15px;
}

/*** GOOGLE MAP ***/
div.rechts {
 width: 215px;
 padding: 0;
 margin: 0;
 float: right;
}
div#inter div#google_map {
 width: 215px;
 height: 218px;
 display: block;
 float: left;
 margin-top: 15px;
 padding: 0;
}
div#inter div#google_map div.gmnoprint,
div#inter div#google_map div#copyright,
a.gmnoprint {
 display: none;
}
body #inter form div {
 margin: 0;
 padding: 0;
}

/*** BESTELLING EINSTEIN HTML PAGINA ***/
body.generaal #inter form,
body.generaal #inter form fieldset {
 width: 100%;
 margin-top: 0;
}
body.generaal #inter div {
 padding: 3px;
}
body.generaal #inter div label {
 width: 120px;
 clear: both;
}
body.generaal #inter div input {
 clear: none;
}
body.generaal #inter form div div {
 padding: 0;
}
body.generaal #inter form fieldset div.footer {
 padding-left: 124px;
}
body.generaal #inter form div.submit {
 float: left;
 clear: both;
 width:100%;
}
body.generaal #inter form div.submit input {
 float: right;
}

body.bestelling #inter {
 overflow-y: auto;
 overflow-x: hidden;
}
body.bestelling div#inter form fieldset {
 width: 340px;
 clear: both;
}
body.bestelling div#inter form fieldset legend{
  padding:0;
  display:block;
  font-weight:bold;
}

body.bestelling #inter form {
 width: 340px;
}

body.bestelling div#inter form fieldset div.entry label {
  width:180px;
}

body.bestelling div#inter form fieldset div.entry div label {
  width:150px;
}

body.bestelling form div.entry select {
 width: 152px;
}
body.bestelling form div.entry input, body.bestelling form div.entry textarea, body.bestelling form div.entry select {
 clear: none;
}
body.bestelling form div.entry input, body.bestelling form div.entry textarea, body.bestelling form div.entry select {
/* float: right; */
}
body.bestelling #inter form div {
 padding-bottom: 5px;
}
body.bestelling div#inter form fieldset {
 margin-top: 0;
}
fieldset#leerlingNAW,
fieldset#ouderNAW,
fieldset#bedrijfNAW {
 display: none;
} 
body.bestelling div#inter div.footer,
body.bestelling div#inter div.submit {
 display: none;
}
body.bestelling div#inter div.submit {
 float: left;
 clear: both;
 margin-left: 182px;
 /*#margin-left: 186px;*/
 padding-left: 0;
}
body.bestelling div#inter div.footer {
 float: right;
}
body.bestelling div div label {
 clear: left;
}
body.bestelling form div.entry option,
body.bestelling form div.entry div label {
 width: auto;
}
body.bestelling form div.entry input[type="radio"] {
 float: left;
 margin-top: 0;
 padding-top: 0;
}
/*body.bestelling form div.submit input[type="submit"] {
 float: left;
}*/
body.bestelling form div.submit input {
 width: 70px;
}
body.bestelling form div.submit input[type="reset"] {
 float: right;
 width: 70px;
}

/*** BESTELING ORDERBEVESTIGING TABEL***/
body.bestelling #inter table {
 width: 338px;
}
body.bestelling #inter table td {
 padding-bottom: 5px;
}
/*** NEWS ***/
body.nieuws div.rubriek_foto {
 display: none;
}
body.nieuwslijst div.rubriek_foto {
 display: block;
 background: url(images/rubriek_nieuws.jpg) no-repeat;
}
div#laatste_nieuws {
 display: none;
}
body.nieuws div#laatste_nieuws {
 display: block;
 margin-top: 120px;
 height: 275px;
}
body.nieuwslijst div#laatste_nieuws {
 display: none;
}
body.nieuws div#totem div.adres {
 clear: both;
 float: left;
 display: block;
 /*top: 0px;*/
 margin-left: 159px;
}
div#laatste_nieuws p {
 width: 130px;
 padding-top: 0;
 margin-top: 0;
}
div#laatste_nieuws p a {
 flat: left;
 display: block;
 width: 100%;
}
body.nieuwslijst #inter p {
  padding-bottom: 0;
}
body.nieuwslijst #inter p a.leesMeer{
 float: left;
 width: 100%;
}

/*** tabel bestelling ***/
body.generaal table tr {
 height: 18px;
}
body.generaal tbody th {
 font-weight: bold;
 padding-right: 10px;
}
body.generaal table td {
 padding: 5px 10px 5px 0px;
}

/*** WEBSHOP ***/
body.webshop #inter ul {
 list-style: none;
 padding: 0;
}
body.webshop #inter ul li {
 clear: both;
 float: left;
 width: 100%;
 padding-bottom: 10px;
}
body.webshop #inter ul li a {
 float: left;
 margin-right: 20px;
}
body.webshop #inter ul li a img {
 border: 1px solid #009EE0;
 float: left;
 padding: 1px;
}

/***TWITTER**/
div#twtr-widget-1 div {
 float: none;
}