@charset "utf-8";
/* CSS Document */

* {
font-family: tahoma, verdana, arial, sans-serif;
font-size: 11px;
line-height: 175%;
}

body {
margin: 0;
background-image:url(../img/bg_body.gif);
background-position:top;
background-repeat:repeat-x;
}

a:link {
color: #000;
font-weight: normal;
text-decoration: underline;
}
a:visited {
color: #000;
font-weight: normal;
text-decoration: underline;
}
a:hover {
font-weight: normal;
text-decoration: underline;
color: #000;
}
a:active {
color: #000;
font-weight: normal;
text-decoration: underline;
}
a.informatie:link {
color: #000;
font-weight: bold;
text-decoration: none;
}
a.informatie:visited {
color: #000;
font-weight: bold;
text-decoration: none;
}
a.informatie:hover {
font-weight: bold;
text-decoration: underline;
color: #000;
}
a.informatie:active {
color: #000;
font-weight: bold;
text-decoration: none;
}

img {
border: 0;
}
/* Pagina opbouw */
#page {
background-image: url(../img/bg_body2.jpg);
background-position:top;
background-repeat:no-repeat;
position:absolute;	padding:0px; width:1060px; left:50%; margin-left:-530px;}

#container {
margin: 0px auto;
width: 960px;
}
#container #head {
width: 960px;
height:116px;
}
#container #onderhead {
width: 960px;
height:120px;
}
#container #content {
width: 960px;
background-image:url('../img/bg_vervolg.gif');
background-repeat:repeat-y;
border-top: 1px solid #FFF;
border-bottom: 1px dotted #C8C8C8;
}
#container #content:after { content: ""; display: block; height: 0; clear: both; }
#container #footer {
width: 960px;
text-align:right;
height: 20px;
color: #C8C8C8;
}

/* Head */
#container #head #left {
float: left;
width:220px;
height: 101px;
padding-top:15px;
}
#container #head #right {
float:right;
width:740px;
height: 116px;
_margin: -116px 0 0 0;
}

/* Menu */
#righttop {
height: 49px;
text-align:right;
padding: 35px 0 0 0;
}
#navcontainer ul { 
padding:0; 
margin:0 0 0 31px;
_margin: 0 -2px 0 31px; 
width:708px; 
_width: 709px;
height:30px; 
background:#1B0050; 
border:solid 1px #FFF; 
float:left;
}

#navcontainer ul li { 
display: inline; 
height:30px; 
}

#navcontainer ul li a { 
padding-left:11px; 
padding-right:11px; 
background-color:#1B0050; 
color:#FFF; 
font-weight:bold; 
float:left; 
border-right:1px solid #fff; 
text-decoration:none; 
height:30px; 
line-height: 30px; 
}

#navcontainer ul li a:hover { 
background-color:#DBE8F5;
color: #1B0050;
height:30px; 
}

#navcontainer ul li a.aan { 
background-color:#DBE8F5; 
color: #1B0050;
}

/* Submenu */
#submenu {
padding-top:0px; 
left:0px; 
width: 220px; 
padding-top: 30px;}
#submenu ul	{
background: none;
margin:0; 
padding-left:0px;}
#submenu li	{
display: block; 
border-bottom:solid 1px #A1C2E6; 
background:url('../img/submenu.gif'); 
background-repeat:no-repeat; 
background-position: center left;}
#submenu a {
display: block; 
height:24px; 
cursor:hand; 
color: #FFF; 
padding-left: 36px; 
padding-top:6px; 
text-decoration:none;
font-weight:bold; 
line-height:18px;}
#submenu a:hover {
display: block; 
height:24px; 
background-color:#DBE8F5; 
background-image:url('../img/submenu_over.gif'); 
background-repeat:no-repeat; 
background-position: center left;
font-weight:bold; 
color: #000; 
padding-left: 36px; 
padding-top:6px; 
line-height:18px;}
#submenu a.aan	{
display: block; 
height:24px; 
background-color:#DBE8F5; 
background-image:url('../img/submenu_over.gif'); 
background-repeat:no-repeat; 
background-position: center left;
font-weight:bold; 
color: #000; 
padding-left: 36px; 
padding-top:6px; 
line-height:18px;}

/* SubSubmenu */
#subsubmenu {
padding-top:0px; 
left:0px; 
width: 220px; 
}
#subsubmenu ul	{
background: none;
margin:0; 
padding-left:0px;}
#subsubmenu li	{
display: block; 
border-bottom:solid 1px #ccc; 
background:url('../img/submenu.gif'); 
background-repeat:no-repeat; 
background-position: center left;}
#subsubmenu a {
background-color: #fbfbfb;
display: block; 
height:24px; 
cursor:hand; 
color: #999; 
padding-left: 45px; 
padding-top:6px; 
text-decoration:none;
font-weight:normal; 
line-height:18px;}
#subsubmenu a:hover {
display: block; 
height:24px; 
background-color:#ccc; 
background-image:url('../img/submenu_over.gif'); 
background-repeat:no-repeat; 
background-position: center left;
font-weight:normal; 
color: #000; 
padding-left: 45px; 
padding-top:6px; 
line-height:18px;}
#subsubmenu a.aan	{
display: block; 
height:24px; 
background-color:#ccc; 
background-image:url('../img/submenu_over.gif'); 
background-repeat:no-repeat; 
background-position: center left;
font-weight:normal; 
color: #000; 
padding-left: 45px; 
padding-top:6px; 
line-height:18px;}

/* hr */
hr.middle {
width: 960px;
position:absolute;
z-index: 3;
*margin: 0 0 0 -220px;
_margin: 0;
top: 130px;
height: 1px;
background-color:#FFF;
border:0;
color:#FFF;
}

/* Onder head */
#container #onderhead #oh_left {
float: left;
background-color:#1B0050;
width:220px;
border-right: 1px solid #FFF;
height:120px; }
#container #onderhead #oh_middle {
float: left;
width:269px;
border-right: 1px solid #FFF;
height:120px; }
#container #onderhead #oh_right {
float: right;
background-color:#34A3DC;
width:469px;
height: 120px;
}
#oh_foto {
position: absolute;
z-index:1;
width: 269px;
}
#oh_trans {
position: absolute;
z-index: 2;
width: 30px;
height: 120px;
border-right: 1px solid #FFF;
background-color:#34A3DC;
filter:alpha(opacity=85);-moz-opacity: 0.85;opacity: 0.85;
}
#oh_text {
position: relative;
width:400px;
top: 50px;
left: 35px;
text-align: right;
}
#oh_text2 {
position: relative;
width:400px;
top: 12px;
left: 35px;
text-align: right;
}
#oh_text3 {
position: relative;
width:400px;
top: 30px;
left: 35px;
text-align: right;
}

/* Lijst producten */
#productlijst {
width: 500px;
}
#productlijst ul {
margin:0;
}
#productlijst li{
list-style-type:none;
display:block;
margin-bottom: 2px;
vertical-align:top;
}
#productlijst a {
font-weight:bold;
text-decoration:none;
padding: 5px;
display:block;
background-color:#fcfcfc;
vertical-align:top;
}
#productlijst a:hover {
font-weight:bold;
text-decoration:none;
padding: 5px;
display:block;
background-color:#ececec;
}
.productfoto { 
width: 80px;
margin: 0 20px 0 0;
border: 1px solid #FFF;
}

/* Contactformulier */
#myform fieldset {
	border:0;
	padding:0 0 2em 0;
	margin:0;
	text-align:center;
	width: 500px;
	display:block;
}
#myform legend {
	font-weight:bold;
	margin: 0 0 0.5em -7px;
	color: #000;
}

#myform label{
	float:left;
	cursor:pointer;
}
#myform input{
	display:block;
	margin:3px 0 3px 70px;
	width: 200px;
	border: 1px solid #1B0050;
	height: 14px;
	line-height: 14px;
	padding: 2px 2px 2px 3px;
}
#myform input[disabled] { background-color:#ccc;}
#myform textarea{
	display:block;
	width: 400px;
	border: 1px solid #1B0050;
	height: 100px;
	line-height: 150%;
	overflow:auto;
	margin: 0px;
	*margin: 0 0 0 -90px;
	padding: 0 0 0 3px;
}
#myform .checkboxes{
	float: left;
	padding:0 0 0px 25px;
	_padding: 0 0 50px 0;
	_margin: 0 0 0 -8px;
	}
#myform .checkboxes input{
	width: 30px;
	float:left;
	margin: 5px 0 0 -30px;
	_margin: 5px 0 0 0;
}
#myform .checkboxes input.anders{
	float:left;
	margin: 0 0 0 20px;
	width: 200px;
	}
#myform .checkboxes label{
	float:left;
	}
#myform .noborder{
	margin:0;
	border:0px;
	}
#myform .contactdatum {
_margin: 0 0 0 -14px;
}
#myform .contactdatum input {
margin: 0 0 0 5px;
width: 30px;
padding: 0 0 0 3px;
float: left;
line-height: 14px;
padding: 2px 2px 2px 3px;
}
#myform .button {
width: 150px;
background-color:#1B0050;
font-weight: bold;
color:#FFF;
height: 20px;
cursor:pointer;
margin: 0;
}

input{
	border: 1px solid #1B0050;
	height: 14px;
	width: 200px;
	line-height: 14px;
	padding: 2px 2px 2px 3px;
}
.button {
width: 150px;
background-color:#1B0050;
font-weight: bold;
color:#FFF;
height: 20px;
cursor:pointer;
}
textarea{
	width: 400px;
	border: 1px solid #1B0050;
	height: 100px;
	line-height: 150%;
	overflow:auto;
	padding: 0 0 0 3px;
}
label {
cursor:pointer;
}
/* Overig */
#middleleft {
float: left;
width: 220px;
padding: 0px;
}
#middleright2 {
padding: 10px 30px;
float: left;
width: 680px;
}
#middleright {
padding: 10px 30px;
float: left;
width: 500px;
}
h1 {
font-size: 17px;
font-weight: normal;
}
ul.lijst {
list-style-image: url(../img/listitem.gif);
list-style-position: outside;
list-style-type: square; 
margin-bottom: 0px;
}
th {
text-align: left;
color: #FFF;
height: 30px;
padding-left: 20px;
}
td.inhoud {
padding: 17px;
vertical-align: top;
width: 235px;
}
span.product {
font-size: 14px;
color: #ED1C24;
}
hr.nieuws {
background-image:url(../img/content_border_bottom.gif);
height: 1px;
border: 0;
*border: 1px dotted #C8C8C8;
}
img.flag {
margin: 0 10px 10px 0;
}
a.footer:link {
color: #C8C8C8;
}
a.footer:visited {
color: #C8C8C8;
}
a.footer:hover {
color: #C8C8C8;
}
a.footer:active {
color: #C8C8C8;
}
#fotovak { 
position: relative;
float:right; 
width:166px;
margin-left: 20px;
}
.fotoschaduw {
width: 166px;
min-height: 161px;
background-image:url(../img/schaduwfoto.jpg);
background-repeat: no-repeat;
margin-bottom:25px;
}
.schaduwfoto {
position:relative;
top: 3px;
left: 3px;
width: 141px; 
height: 139px;
margin-bottom: 5px;
}
.schaduwfoto2 {
padding:0 22px 19px 0; 
background-image:url(../img/schaduwfoto2.jpg); 
background-position:bottom right; 
background-repeat:no-repeat;
}
.schaduwfoto_cases {
position:relative;
top: 3px;
left: 3px;
width: 200px; 
margin-bottom: 5px;
padding:0 22px 19px 0; 
background-image:url(../img/schaduwfoto2.jpg); 
background-position:bottom right; 
background-repeat:no-repeat;
}
#fotovak_cases { 
position: relative;
float:right; 
width:220px;
margin-left: 20px;
}
#breadcrumbs {
font-size: 9px;
color: #CCC;
}
a.bclink:link {font-size: 9px;color: #CCC;}
a.bclink:visited {font-size: 9px;color: #CCC;}
a.bclink:hover {font-size: 9px;color: #CCC;}
a.bclink:active {font-size: 9px;color: #CCC;}

.datum {
font-size: 10px;
color:#666;
margin: 0 0 3px 0; }