/* CSS Document */

body{
background-color:#8d8d8d;
margin:0;
padding:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
line-height:22px;
background-image:url(/images/bg_container.gif);
	background-repeat:repeat-y;
	background-position:center;
}

h1{
font-size:14px;
font-weight:bold;
color:#0931ff;
}



#container{
	margin:0px auto;
	padding:0px;
	background-color:#FFFFFF;
	position:relative;
	border-left:14px solid #e6e6e6;
	border-right:14px solid #e6e6e6;
}

.fixed{
width:814px;
overflow:hidden;
}

#clearer{
height:1px;
clear:both;
}

#top{
width:800px;
height:154px;
overflow:hidden;
}

.logo{
width:790px;
margin:14px;
}

#navigatie{
width:790px;
height:36px;
display:block;
margin:14px 14px 0 14px;
padding:0px;
overflow:hidden;
background-image:url(/images/bg_navigatie.gif);
background-repeat:repeat-y;


}

#navigatie a {
	display:block;
	float:left;
	text-decoration:none;
	color:#FFFFFF;
	margin-top:5px;
	margin-left:10px;
	margin-right:10px;
}

#navigatie a:hover {
	display:block;
	float:left;
	text-decoration:none;
	color:#0931ff;
	margin-top:5px;
	margin-left:10px;
	margin-right:10px;
}

#navigatie img {
	display:block;
	float:left;
}


#content{
width:788px;
margin-left:14px;
background-image:url(/images/bg_content.gif);
background-repeat:repeat-y;
margin-top:0px;
overflow:hidden;

}

#content ul{
padding:0px;
/*margin:0 0 15px 15px;*/
margin:-15px 0px 0px 15px;
}

#left{
float:left;
width:191px;
margin:0 0 50px 0;
padding:14px 14px 0 14px;
background-image:url(/images/ronding_left.gif);
background-repeat:no-repeat;
background-color:#e6e6e6;
}

#leftbas{
/*float:left;*/
width:191px;
margin-left:14px;
/*margin:0 0 0 14px;
padding:0px 14px 0 0px;*/


}

#left p{

}

#left h2{
font-size:11px;
font-weight:bold;
color:#0931ff;
margin:0;
}

#left ul{
	margin:0 0 0 12px;
	padding:0;
	list-style-type: none;
}

#left  li{
font-size:10px;
}

#left ul a{
font-size:11px;
font-weight:normal;
color:#333333;
text-decoration:none;
}

#left ul a:hover{
font-size:11px;
font-weight:normal;

text-decoration:none;
}



#left a{
font-size:11px;
font-weight:bold;
color:#333333;
text-decoration:none;
}

#left a:hover{
font-size:11px;
font-weight:bold;

color:#0931ff;
text-decoration:none;
}


#main{
float:left;
width:555px;
margin-left:14px;
overflow:hidden;
}

.cms {
	background-color:#cccccc;
}

.cms td, .cms th {
	background-color:#ffffff;
}

#footer{
position:relative;
width:800px;
height:30px;
margin-left:14px;
background-image:url(/images/bg_content.gif);
background-repeat:repeat-y;
color:#333333;
}

#footer ul {
	position:absolute;
	top:14px;
	left:210px;
	margin: 0 0 0 10px;
	padding: 5px 0 0 10px;
}


#footer li {
	display:inline;
	height:25px;
	}

#footer li a {
	font-size:10px;
	color:#333333;
	text-decoration: none;
	padding: 0 5px 0 5px;
}

#footer li a:hover {
	font-size:10px;
	color:#000000;
	text-decoration: none;
	}


#aceview{
position:absolute;
font-size:11px;
float:left;
margin: 5px 0 0 0;
width:230px;
display:block;
top:14px;
left:7px;
}

#aceview ul {

}

#aceview a{
color:#999999;
text-decoration:none;
}

.info{
color:#ffffff;
font-weight:bold;
letter-spacing:0.1em;

}

.btn{
background-color:#0931ff;
border:0;
color:#FFFFFF;
size:12px;
width:150px;
cursor:hand;
}


.linkwit{ 
color:#ffffff;
text-decoration:none;
}

a{
color:#0931ff;
text-decoration:none;
}


a:hover{
color:#999999;
text-decoration:none;
}

.sendbutton{
background-color:#0931ff;
border:0;
color:#FFFFFF;
size:12px;
}

.bestellen_btn{
background-color:#0931ff;
border:0;
color:#FFFFFF;
size:12px;
width:150px;
text-align:left;
padding-left:4px;
margin-bottom:5px;
}


.inputwidth1_shop{
width:140px;
font-size:11px;
}

.inputwidth2_shop{
width:80px;
font-size:11px;
}

.inputwidth3_shop{
width:50px;
font-size:11px;
}

.inputwidth1{
width:240px;
font-size:11px;
}

.inputwidth2{
width:80px;
font-size:11px;
}

.textareawidth2{
width:210px;

}

.inputwidth3{
width:50px;
font-size:11px;

}

.inputwidth4{
font-size:11px;
width:180px;
}

.textareawidth{
width:385px;

}

.textareawidth2{
width:210px;
}

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

.price{
text-align:right;

}

#profielbox {
	position:absolute;
	left:700px;
	top:10px;
}

#profielbox a {
	font-weight:normal;
	font-size:9px;
}

#profielbox a:hover {
	font-weight:normal;
	font-size:9px;
}

#topfoto {
	width:555px;
	height:156px;
	overflow:hidden;
}

#topfoto .slide {
  width: 555px;
  overflow: hidden;
float:left;
}

.productgroeptabel_header {
	width:100%;
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
}

.productgroeptabel_header td {
	border-left:1px solid #cccccc;
	border-top:1px solid #cccccc;
	vertical-align:top;
	padding:3px;
}

.productgroeptabel {
	width:100%;
	border-right:1px solid #cccccc;
}

.productgroeptabel td {
	border-left:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	vertical-align:top;
	padding:3px;
}

a img {
	border:0px;
}

/* Micox Pseudo-class-css2 to IE (MXPC). Activate .hover and .first-child in IE 6 */
* html * { color: expression( (function(who){ if(!who.MXPC && who.nodeName != 'A'){
	who.MXPC = '1';
	who.onmouseenter=function(){ who.className += ' hover'};
	who.onmouseleave=function(){ who.className = who.className.replace(' hover','')};
	(who==who.parentNode.firstChild) ? who.className += ' first-child' : '' ;
} } )(this) , 'auto') }
