@charset "utf-8";
/* CSS Document */
/* Achtergrond */
html,
body {
	height:100%;
	margin:0;
	padding:0;
	background-color: #000000;
	background-image: url(images/background.gif);
	background-position: bottom;
	background-attachment: fixed;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 9pt;
	_background-position: 50% 0;
}
/* Outer Container */
	
#container {
	/* dit is tevens het achtergrondkleur voor de inhoud */
	position:relative;
	height:auto !important;
	height:100%;
	min-height:100%;
	width:873px;
	margin:0 auto;
}
#midden {
	left: 16px;
	position:absolute;
	float:left;
	width:841px;
	background-color: #ffffff;
	height:auto !important;
	height:100%;
	min-height:100%;
}
#left {
	background-image:url(images/left_shadow.png);
	background-repeat: repeat-y;
	position: absolute;
	width: 16px;
	float:left;
	height:100%;
}
#right {
	left: 857px;
	width: 16px;
	background-image: url(images/right_shadow.png);
	background-repeat: repeat-y;
	position: absolute;
	height:100%;
	min-height:100%;
}
/* Inner Container */
/* Header */

#header {
	background-image:url(images/top.jpg);
	background-repeat:no-repeat;
	width:100%;
	height:196px;
	background-color: #000000;
}
#header_foto {
	float:right;
}
#header h1 {
	color: #FFFFFF;
	font-size: 12px;
	float:left;
	margin-top: 6px;
	margin-left: 33px;
	_margin-left: 16px;
}
#logo {
	padding: 55px 87px;
	background-image:url(images/background_logo.gif);
	float:left;
}
/* Footer */
#footer {
	background-image: url(images/background_footer.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	width:100%;
	position:relative;
	bottom:0;
	height: 211px;
	color:#FFFFFF;
	text-align: center;
	font-size:12px;
	font-weight: bold;
}
#footer span {
	display: block;
	float:left;
	height: 20px;
	margin-top: 15px;
}
#footer span a {
	color: #FFFFFF;
	text-decoration: none;
}
#footer span a:hover {
	color: #0066CC;
}
#footer #logo_mini {
	float:left;
	margin-left: 40px;
}
#links {
	position: absolute;
	float:left;
	left:0; /* deze is voor IE, FF kan er zonder, maar IE natuurlijk weer niet */
	padding-top: 30px;
	height: 430px;
	width: 204px;
	background-image:url(images/background_menu.gif);
}
#links a {
	display: block;
	color: #FFFFFF;
	text-decoration: none;
	font-size: 12px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 53px;
	background-image: url(images/bg_menu_item.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	outline: none;
}
#links a:hover {
	font-weight: bold;
	background-image:url(images/bg_menu_item_hover.gif);
}
#inhoud {
	padding: 40px; /* bottom padding voor de footer */
	padding-bottom: 80px;
	margin:0 0 0 204px;
	color:#000;
	width: 557px;
	background-image: url(images/content_bg.jpg);
	background-repeat: repeat-x;
	background-color: #ffffff;
}
.seo {
.background-image: url(images/seo.gif);
	background-repeat:no-repeat;
	float:right;
	margin-top: 5px;
	display: block;
	height: 170px;
	width: 140px;
}
#inhoud ul {
	text-indent:-18px;
}
#inhoud ul strong {
	display:block;
	height: 30px;
}
#inhoud li {
	text-indent:0px;
}
#inhoud p {
	line-height: 16px;
	width: 500px;
	text-align: left;
}
#inhoud h2 {
	font-size: 16px;
}
#inhoud h3 {
	font-size: 12px;
}
#tabs {
	margin-left: 204px;
	width: 639px;
}
#tabs a {
	display: block;
	float:left;
	height: 169px;
	width: 159px;
	background-image: url(images/tab.jpg);
	background-repeat: no-repeat;
	background-color: #113856;
	text-decoration:none;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 12px;
	text-align: center;
	outline: none;
	white-space: nowrap;
}
#tabs a:hover {
	background-image:url(images/tab_hover.jpg);
}
#tabs a label {
	cursor: pointer;
	display: block;
	height: 21px;
	padding-top: 5px;
}
#tabs a img {
	border: none;
}
.contentp {
	height:auto !important;
	height:200px;
	min-height:200px;
}
.plaatjelinks {
	clear:left;
	float:left;
	margin-right: 20px;
	margin-bottom: 20px;
}
.product {
	clear:left;
	float:left;
	margin-right: 20px;
	margin-bottom: 20px;
	border:1px solid #000000;
}
.productlijst li {
	margin-left: 15px;
}
.ronde_left {
	float:left;
	width: 200px;
	background-color: #4b7a9d;
	color:#FFFFFF;
	background-image: url(images/bgp_left2.gif);
	background-repeat:no-repeat;
	background-position:left;
	margin-bottom: 20px;
	height: 156px;
}
.ronde_right {
	float:left;
	width: 200px;
	background-color: #4b7a9d;
	color:#FFFFFF;
	background-image: url(images/bgp_right2.gif);
	background-repeat:no-repeat;
	background-position:right;
	height: 156px;
}