/* CSS Document */
body {
	margin: 0px;
	padding: 0px;
	font: 12px/170% Verdana, Tahoma, Verdana, sans-serif;
	color: #000;
}

.top {
width:100%;
height:148px;
background-image:url(../images/topbck.jpg);
background-repeat:repeat-x;
}

.header {
background-image:url(../images/headerbck.jpg);
background-repeat:repeat-x;
background-position:bottom;
height:80px;
width:100%;
}

.int {
margin:0px auto;
width:940px;
}

.logo {
height:107px;
background-image:url(../images/logo.jpg);
background-repeat:no-repeat;
}

.main {
background-image:url(../images/mainbck.jpg);
background-repeat:repeat-x;
background-position:top;
width:100%;
float:left;
}

.left {
float:left;
width:680px;
}

/* right floated container for right-content-menu
---------------------------------*/
.right-content-menu {
	margin: 0px 5px 5px 10px;
	width:180px;
	float:right;
	display:inline;
	border:1px solid #b0c4de;
	padding:7px 5px;
	background-color:#F5F8FE;
}
.right-content-menu p { margin: 0 0 5px 10px;}
.right-content-menu a { color:#005A9D;}

.left2 {
float:left;
width:940px;
}

.right {
float:right;
width:220px;
background-image:url(../images/shadow.jpg);
background-repeat:no-repeat;
background-position:top left;
padding:0 0 0 24px;
}
/* Bestelknop in unordered list - Submenu*/
a.bestel img {margin-left:5px;vertical-align:middle;}
a.bestel:hover {
color:#f70000;
}
.content {
width:100%;
float:left;
padding-top:22px;
line-height:22px;
}

.box {
width:940px;
background-image:url(../images/bocbck.jpg);
background-repeat:repeat-y;
margin-top:16px;
float:left;
}

.horsep {
background-image:url(../images/horshadow.jpg);
background-repeat:no-repeat;
width:100%;
display:block;
height:24px;
background-position:center top;
}

.boxint {
background-image:url(../images/boxbottom.jpg);
background-repeat:no-repeat;
background-position:bottom left;
padding:0 8px 16px 16px;
float:left;
width:95%;
}

.boxtop {
background-image:url(../images/boxtop.jpg);
background-repeat:no-repeat;
background-position:top left;
padding-top:13px;
float:left;
width:100%;
}

.topmenu ul {
float:right;
border-right:1px solid #363636;
border-left:1px solid #232323;
padding:0px 0;
margin:0px;
}

.topmenu ul li {
list-style:none;
float:left;
padding:0px;
margin:0px;
}

.topmenu a {
font-size:1.3em;
font-weight:bold;
color:#20b2aa;
height:40px;
line-height:40px;
text-decoration:none;
padding:11px 20px 11px 20px;
border-left:1px solid #363636;
border-right:1px solid #232323;
}

.topmenu a:hover {
background-color:#363636;
border-right:1px solid #232323;
border-left:1px solid #363636;
height:40px;
line-height:40px;
text-decoration:none;
padding:11px 20px 11px 20px;
}
.topmenu .active {
background-color:#525252;
border-right:1px solid #232323;
border-left:1px solid #363636;
height:40px;
line-height:40px;
text-decoration:none;
padding:11px 20px 11px 20px;
color:#ffa500;
}

.topmenu a:hover {
color:#a9c626;
}

.topmenu .active a:hover {
color:#a9c626;
}

.italic {
font-family:"Times New Roman", Times, serif;
font-style:italic;
color:#8eb1cb;
font-size:1.2em;
padding:12px;
}

h2, h1 { 
margin:0px;
padding:8px 0;
font-size:2em;
color:#8eb1cb;
font-family:"Trebuchet MS";
font-weight:bold;
letter-spacing:-1px;
}

h3 {clear:left;width: 90%;font-size: 1.2em;font-weight: bold; color:#ff3300; border-bottom: 1px solid #909DBD;padding-top:15px;padding-bottom:3px;}

h4 {
margin:0px;
padding:8px 0;
font-size:1.25em;
color:#ff6600;
font-family:"Trebuchet MS";
font-weight:bold;
}

a, a:link, a:visited {
color:#008b8b;
}

a:hover {
color:#00008b;
/*color:#a9c626;*/
}

.leftarticle {
float:left;
width:31%;
padding:0 8px 0 15px;
background-image:url(../images/sep.jpg);
background-repeat:no-repeat;
background-position:top right;
}

.rightarticle {
float:left;
width:31%;
padding-left:10px;
}

.leftin {
background-image:url(../images/corner.jpg);
background-position:top left;
background-repeat:no-repeat;
padding:14px 0 0 18px;
}

.footerint {
margin:20px auto 10px auto;
border-top:1px solid #ededed;
border-bottom:1px solid #ededed;
width:930px;
padding:10px 0;
color:#d1d1d1;
}

.footer{
float:left;
width:100%;
}

ul {
padding:0px;
margin:0 0 0 5px;
}

li {
padding:0 0 0 0;
margin:0 0 0 20px;
}

.mainmenu ul li {
list-style:none;
}

.mainmenu ul li a:link, .mainmenu ul li a:visited {
font-size:1.5em;
text-decoration:none;
}

.mainmenu a:hover {
}

.book3d {float:left; width:150px; padding-right:10px;border:0;}
.floatleft { margin: 0px 10px 10px 0px; }
.floatRight { margin-left:10px; margin-right:5px;


/**** Shadow behind images****/
/* ------------------- */
.img-shadow {
  float:left;
  background: url(http://www.visualsteps.nl/images/shadowAlpha.png) no-repeat bottom right !important;
  background: url(http://www.visualsteps.nl/images/shadow.gif) no-repeat bottom right;
  margin: 15px 5px 0 10px !important;
  margin: 15px 5px 0 5px;
  }

.img-shadow img {
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #a9a9a9;
  margin: -6px 6px 6px -6px;
  padding: 4px;
}  


/* Misc*/
/* control margins */
.LessMarginTop {margin-top:5px;}

.NoMarginBot {margin:10px 0 0 0;}


/* Clearing*/
.clearRight {clear:right;}
.clearLeft {clear:left;}
.clear {clear:both;}