/* CSS Document */

/*CSS Reset START  ----------------------->  */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, ul, li, hr, sub, sup, tt, var,
dl, dt, dd, ol,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
	font-family: arial;
	font-size: 12px;
}
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
/*----------------------->  CSS Reset END */

body{
font-family:Arial, Helvetica, sans-serif;
}

body input{
margin-top:1px;
border:1px solid #434343;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#949494;
}

body p{
margin-top:15px;
line-height:19px;
font-size:10pt;
text-align:justify;
color:#595959;
}

body a{
color:#444444;
text-decoration:none;
}

body a:hover{
color:#333333;
text-decoration:underline;
}

/* Container Div's */
#containerDiv{
position:relative;
margin-left:auto;
margin-right:auto;
margin-top:10px;
width:900px;
height:auto;
}

/* Left Container Div's */
#leftContainerDiv{
position:absolute;
height:20px;
width:620px;
}

#leftContainerDiv img{
margin-bottom:14px;
}

#leftContainerDiv h2{
color:#595959;
font-size:28px;
font-weight:normal;
}

#leftContainerDiv h3{
color:#595959;
font-size:16px;
font-weight:normal;
}

#leftContainerDiv h4{
margin-top:20px;
color:#595959;
font-size:16px;
font-weight:normal;
}

#leftContainerDiv hr{
border:none;
height:1px;
background-color:#CCCCCC;
margin-bottom:10px;
margin-top:10px;
}

/* Left Content Div */
.leftContentDiv{
position:relative;
height:20px;
width:620px;
}

/* Footer */
#footerDiv{
width:620px;
height:40px;
font-size:10px;
}

#footerDiv a{
color:#333333;
text-decoration:none;
}

#footerDiv a:hover{
color:#333333;
text-decoration:underline;
}

#orderFormTransOverDiv{
	display: none;
	position: absolute;
	background-color: transparent;
	background-color: #ffffff; 
	filter:alpha(opacity=90); 
	opacity:0.9;
	z-index: 99;
}

#orderFormConfirmMsgDiv{
	position: absolute;
	width: 400px;
	height: 340px;
	display: none;
	background-color: white;
	border: 1px solid black;
	z-index: 100;	
}

.orderTable{

}

.orderTinput{
	width: 220px;
	border: 1px solid #a7a7a7;
	color: black;
	font-size: 11px;
}

.doubleContentTable h2{
margin-top:0px;
padding-top:0px;
}
.doubleContentTable{
width:620px;
}

.doubleLeftTD{
vertical-align:top;
width:360px;
padding-right:10px;
}

.doubleRightTD{
vertical-align:top;
width:240px;
padding-left:10px;
}

/* Right Div's */
#rightContainerDiv{
position:absolute;
margin-left:645px;
height:20px;
width:255px;
}

/* Top Dier-ID.nl */
#topDiv{
position:relative;
background-color:#666666;
height:147px;
width:100%;
background-image:url(../images/layout/top/topbg.jpg);
border-bottom:2px solid #231f20;
}

#topSloganDiv{
position:absolute;
margin-top:12px;
}

#topSloganDiv h2{
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:normal;	
color:#ffffff;
}

#topSloganDiv b{
font-size:24px;
font-weight:normal;	
color:#ffffff;
}

#topSloganShadeDiv{
position:absolute;
margin-top:13px;
margin-left:1px;
}

#topSloganShadeDiv h2{
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:normal;	
color:#999999;
}

#topSloganShadeDiv b{
font-size:24px;
font-weight:normal;
}

#topImageDiv{
position:relative;
margin-right:auto;
margin-left:auto;
height:147px;
width:900px;
background-image:url(../images/layout/top/top3.gif);
}

#safe2shopDiv{
position:absolute;
margin-top:75px;
}

#navigatieDiv{
margin-top:125px;
position:absolute;
width:900px;
}

#navigatieDiv a{
text-decoration:none;
color:#363636;
}

#navigatieDiv a:hover{
text-decoration:underline;
color:#00a4cc;
}

#navigatieDiv ul{
margin-left:78px;
}

#navigatieDiv li{
color:#363636;
font-weight:bold;
float:left;
display:block;
text-align:left;
font-size:13px;
}

#loginBgDiv{
background-color: transparent;
background-color: #ffffff; 
filter:alpha(opacity=50); 
opacity:0.7;
width:365px;
height:23px;
float:right;
}

#profielmenu{
margin-top:0px;
position:relative;
float:left;
height:22px;
}

#loginDiv{
margin-top:0px;
position:relative;
float:right;
height:22px;
margin-right:3px;
}

#loginDiv input{
border:1px solid #434343;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#949494;
}

#logedinDiv{
position:relative;
margin-right:auto;
margin-left:auto;
background-color:#333333;
color:#999999;
padding-left:6px;
width:894px;
height:24px;
}

/* Right Content Div */

#rightSearch{
width:210px; 
margin-left:23px; 
margin-top:8px; 
height:24px; 
border:1px dotted #c2c2c2;
}

/* Zoekformulier */

#mainSearch{
width:330px; 
margin-top:8px; 
height:24px; 
border:1px dotted #c2c2c2;
}

#mainSearch ul{
}

#mainSearch li{
color:#363636;
float:left;
display:block;
font-size:13px;
}

#rightSearch{
width:210px; 
margin-left:23px; 
margin-top:8px; 
height:24px; 
border:1px dotted #c2c2c2;
}

#zoekFormDiv{
background-image:url(../images/right/zoekformulier/formbg.jpg);
background-repeat:no-repeat;
width:255px;
height:230px;
position: relative;
padding-top:11px;
}

#zoekFormDiv h1{
margin-left:13px;
font-size:22px;
font-weight:bold;
color:#525252;
}

#zoekFormDiv h2{
margin-top:18px;
margin-left:23px;
font-size:16px;
font-weight:normal;
color:#525252;
}

#zoekFormDiv p{
margin-top:13px;
margin-left:23px;
font-size:12px;
font-weight:normal;
color:#525252;
}

#zoekFormDiv b{
font-size:16px;
font-weight:bold;
}

#zoekFormDiv ul{
}

#zoekFormDiv li{
color:#363636;
float:left;
display:block;
font-size:13px;
}

.rightBannerDiv{
margin-top:15px;
}

.rightBannerDiv h2{
color:#595959;
font-size:18px;
font-weight:normal;
}

#contactTable{
width:365px;
}

#contactTable td{
vertical-align:top;
}

#contactTable img{
margin-bottom:5px;
}

#contactTable p{
margin-top:5px;
}

#contactGegevensTable{
width:450px;
}

#bestellenTable{
width:600px;
}

#bestelprocesTable{
width:620px;
}

#bestelprocesTable td{
vertical-align:top;
}

#bestelprocesTable img{
margin-bottom:5px;
}

#bestelprocesTable p{
margin-top:5px;
}

#submenuTable{
margin-top:5px; 
color:#555555;
margin-left:3px;
}

#submenuTable td{
width:140px; 
text-align:left;
}

#submenuTable a{
color:#e6e6e6;
}

#submenuTable a:hover{
color:#e6e6e6;
}

#fullfotodier
{
	width:500px;
	height:430px;
	border:1px #330101 solid;	
	display:none; 
	position:absolute;
	margin-left:120px;
	margin-top:0px;
	background-color:#ffffff;
}
#mailformulierdiv
{
	padding:10px;
	height:320px;
	width:315px;
	border:1px #330101 solid;	
	display:none; 
	position:absolute;
	margin-left:80px;
	margin-top:50px;
	background-color:#ffffff;
}

#contactformulier{
color:#8a8989;
font-size:11px;
font:Arial, Helvetica, sans-serif;
}

#bestellentabel{
color:#8a8989;
font-size:11px;
font:Arial, Helvetica, sans-serif;
}

#profieltabel{
color:#8a8989;
font-size:11px;
font:Arial, Helvetica, sans-serif;
}

#zichtbaartabel{
color:#8a8989;
font-size:11px;
font:Arial, Helvetica, sans-serif;
table-layout:fixed;
}

#zichtbaartabel td{
height:0px;
padding-top:3px;
padding-bottom:2px;
border-bottom:1px solid #999999;
vertical-align:top;
}

#zichtbaartabel img{
margin:0px;
}

body textarea{
color:#8a8989;
font-size:11px;
font:Arial, Helvetica, sans-serif;
}

#ajaxstatusdivdiv
{
	height:100px;
	text-align:center;
	width:250px;
	border:2px #000000 solid;
	background-color:#ebebeb;
	display:none; 
	position:absolute;
	font-weight:bold;
	margin-top:300px;
	margin-left:170px;
	font:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#8a8989;
}

#selecteerfotodiv
{
	margin-left:180px;
	margin-top:138px;
	width:320px;
	border:2px #000000 solid;	
	background-color:white;
	display:none; 
	position:absolute;
	font-size:11px;
	color:#8a8989;
	height:200px;
}

#footerDiv p{
	text-align:center;
	font-size:8pt;
}

.floatRight{
	float:right;
	margin-left:15px;
	margin-top:8px;
}

.floatLeft{
	float:left;
	margin-right:15px;
}