/* ---------------------- Layout ----------------------- */

html, body{
	behavior:url("../js/csshover.htc");
	width: 100%; 
	height: 100%; 
	background-color: #FFFFFF;
	font-family: arial; 
	font-size: 12px; 
	color: #003366;
	line-height: 18px;
}

body { 
	margin: 0; 
	padding:0; 
}

table#for_layout { 
	height: 100%;
	width: 100%; 
	border-collapse:collapse;
	text-align: center;
}

table#for_layout td{
	padding: 0;
	margin: 0;
}

td#td_header {
	position: relative;
	height: 87px;
	background: #FFFFFF url("../images/header_bg.gif") repeat-x top left;
}

td#td_footer {
	position: relative;
	height: 65px;
	background: #FFFFFF url("../images/content_bg_bottom.gif") repeat-x top left;
}

td#td_content {
	vertical-align: top;
	background: #FFFFFF url("../images/content_bg_top.gif") repeat-x top left;
	margin: 0;
	padding: 0;
	text-align: left;			
}

td.spacer {
	background: #FFFBE5;
	width: 11px;
	height: 10px;
}
	
td.spacer_left {
	width: 11px;
	background: #FFFBE5 url("../images/spacer_left.gif") repeat-y top left;	
}

td.spacer_right {
	width: 11px;
	background: #FFFBE5 url("../images/spacer_right.gif") repeat-y top left;	
}

div#spacer_abs {
	position: absolute;
	top: 10px;
	left:0;
	width: 10px;
	height: 100px;
	background-color: #FFFBE5;
	border-right: 1px solid black;
	z-index: 100;
}

#header {
	position: relative;
	margin: 0 auto; 
	width: 755px; 
	height: 87px;
}

#content {
	position: relative;
	margin: 0 auto;
	width: 750px;
	padding: 0;
	min-height: 380px;
	_height: 380px; /* IE fix */
}

#footer {
	position: relative;
	margin: 0 auto; 
	width: 755px; 
	height: 64px;
	text-align: left;
}

#footer p.contact {
	float: left;
	font-size: 14px;
	font-weight: bold;
	padding: 42px 0 0 35px;
	margin: 0;
}

#footer p.links {
	float:right; 
	padding: 43px 25px 0 0;
	margin: 0;
}

#footer a {
	font-size: 12px;
	color: #000;
	text-decoration: none;
	font-weight: normal
}

/* Hoofdmenu */

#header ul {
	z-index: 11;
	position: absolute;
	top: 49px;
	left: 173px;
	list-style: none;
	height: 14px;
	margin: 0;
	padding: 0;
	width: 580px;
}

#header ul li{
	float: left;
	display: inline;
}

#header li#padding { 
	padding-left: 13px;
}


#header ul a {
	display: block;
	padding: 0 8px 0 8px;
	color: white;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
}

#header ul a.blue {
	color: #006699;
}

div#header_verloop_links {
	z-index: 10;
	position: absolute; 
	top: 42px; 
	left: -107px; 
	height: 31px; 
	width: 112px; 
	background: url("../images/header_verloop_links.gif") no-repeat top left;
}

div#header_verloop_rechts {
	z-index: 10;
	position: absolute; 
	top: 42px; 
	left: 298px; 
	height: 31px; 
	width: 457px; 
	background: url("../images/header_verloop_rechts.gif") no-repeat top left;
}

div#logo {
	z-index: 10;
	position: absolute; 
	top: 1px; 
	left: 0px; 
	height: 121px; 
	width: 303px;
	background: url("../images/logo.gif") no-repeat top left;
}

/* -------------------- Opmaak ---------------------- */

a {
	color: #5693C1;
	font-weight: bold;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}


h1, h2.invisible, div.item .detail_foto h3 {
	display: none;
	margin: 0;
}


div.title {
	margin: 9px 0px 20px 340px;
	font-size: 18px;
	width: 400px;
	font-weight: bold;
	color: #000033;
}

div.title h3 {
	color: #000033;
	display: inline;
	margin: 0;
	padding: 0;
	line-height: 18px;
	background: transparent;
	font-size: 18px;
	font-weight: bold;
}

div.title h2 {
	display: inline;
	margin: 0;
	padding: 0;
	line-height: 18px;
	background: transparent;
	font-size: 18px;
	font-weight: bold;
	color: #FFCC00;
	
}

div.title a {
	margin: 0;
	display: inline;
	padding: 0;
	text-decoration: none;
	color: #FFCC00;
}
	

h3 {
	margin: 0;
	font-size: 18px;
	font-weight: bold;
}

/* ----------------- div class=rounded met afgeronde hoeken -------------- */

div.clearer {
	clear: both;
	font-size: 0;
	height: 1px;
	margin: 0 10px;
}

div.zwart {
	background: black;
	overflow: hidden;
}

div.rounded {
	background: url(../images/zwart.gif) repeat-y 292px 0px;
	margin: 0 0 0 2px;
	width: 747px;
	position: relative;
}

.rbcontent {padding: 0;}

.rbtop         { background: url(../images/zwart.gif) repeat-x top left; }
.rbtop div     { background: url(../images/corner_top_left.gif) no-repeat top left; }
.rbtop div div { background: url(../images/corner_top_right.gif) no-repeat top right; }

.rbbot         { background: url(../images/zwart.gif) repeat-x bottom left; }
.rbbot div     { background: url(../images/corner_bottom_left.gif) no-repeat top left; }
.rbbot div div { background: url(../images/corner_bottom_right.gif) no-repeat top right; }

.rbcontentwrap { background: url(../images/zwart.gif) repeat-y; }
.rbcontent     { background: url(../images/zwart.gif) repeat-y right; }

.rbtop div, .rbtop, .rbbot div, .rbbot {
	width: 100%;
	height: 5px;
	font-size: 0;
}

/* ------------------ Home Pagina -------------------- */

#contact {
	float: left;
	padding: 40px 0 0 20px;
	width: 250px;
	margin: 0;
}

#real_content {
	vertical-align: top;
	margin: 0 0 0 330px; 
	width: 415px;
	text-align: left;
}

#garlando {
	z-index: 10;
	position: absolute; 
	top: -283px; 
	left: 4px; 
	height: 352px;
	width: 313px; 
	background: url("../images/footer_logo.gif") no-repeat top left;
}

#garlando img {
	float: right;
	margin: 0 0 5px 5px;
	padding: 0;
}

#garlando p {
	padding: 0;
	margin: 150px 40px 0 20px;
	font-weight: normal;
	font-size: 12px;
}

div.home_item {
	float: right;
	width: 192px;
	height: 110px;
	background: url("../images/home_item.gif") no-repeat top left;
	margin: 6px 10px 6px 0;
	overflow: hidden;
	cursor: pointer;
}

div.home_item h3{
	margin: 5px 10px 2px 10px;
}

div.home_item h3 a{
	margin: 0;
	text-decoration: none;
	color: #003366;
}

div.home_item p{
	margin: 0 10px 10px 10px;
	line-height: 12pt !important;
}

div.home_item img {
	float: right; 
	margin-right: 10px;
	border: 0;
}

/* ------------------ Contact Pagina ------------------ */

div.rounded p.contact {
	margin: 5px 0 0 123px;
}

div.rounded form {
	margin: 0;
}

div.rounded form label {
	text-align:left;
	width:110px;
	float:left;
	margin: 5px;
}

div.rounded form .nobr {
	display:none; 
}
  
div.rounded form .textfield {
	margin:3px;
	width:200px; 
	background-color: #F7F7F7;	
}

div.rounded form textarea {
	margin:3px;
	height: 230px;
	width:249px; 
	background-color: #F7F7F7;
}

div.rounded form .submit {
	margin:10px 0 0 3px;
	background: transparent url("../images/knop.gif") no-repeat top left;
	height:34px;
	border:solid 0 #fff;
	width: 260px;
	font-weight: bold;
	color: #FFFFFF;
	font-size: 14px;
}

/* hidden field */
#phone {
	display: none;
}

/* ----------------- Product detail pagina ----------------- */

div.rounded .left_column {
	float: left;
	padding: 15px 15px 15px 15px;
	width: 262px;
	margin: 0;
}

div.rounded .right_column {
	overflow: hidden;
	float: left;
	padding: 15px 15px 15px 15px;
	width: 424px;
}

div.rounded .right_column p {
	margin: 0;
}

h3.detail {
	margin: 30px 0 10px 0;
}

div.rounded p.detail{
	margin: 10px 0 10px 0;
}

div.rounded a.knop {
	position: relative;
	text-decoration: none;
	font-weight: bold;
	color: #FFFFFF;
	font-size: 14px;
	display: block;
	margin: 15px 0 0 0;
	padding: 8px 0 0 0;
	width: 260px;
	height: 34px;
	background: url("../images/knop.gif") no-repeat top left;
	text-align: center;
}

/* --------------------- Catalogus pagina ---------------- */


div.overzicht {
	margin: 0 0 0 2px;
	width: 747px;
}

div.overzicht p{
	margin: 0 0 9px 0;
}

.overzicht h3 a {
	font-size: 12px;
	font-weight: bold;
	margin: 10px 0 0 0;
	padding: 0;
	text-decoration: none;
}

div.overzicht hr {
	border: 0;
  	color: #000;
	background-color: #000;
	height: 1px;
	padding:0;
	margin: 0;
	clear: both;
	margin: 0 10px 0 10px;
}

div.overzicht div.item {
	margin: 0 1px 0 1px;
	width: 745px;	
}

div.overzicht div.highlighted {
	background: #CAD9E4;
}

div.overzicht div.item:hover {
	background: #FFFBEF;
	cursor: pointer;
}

div.overzicht div.highlighted:hover {
	background: #7BB2DA;
}

div.overzicht div.item div.foto {
	width:130px;
	float: left;
	min-height: 10px;
	_height: 10px;
	padding:5px 10px 0 10px;
	text-align: center;
}

div.overzicht div.item div.tekst {
	float: right; 
	width:575px;
	padding: 0 10px 0 10px;
}

div.overzicht div.item div.tekst p{
	margin: 10px 0 10px 0;
}

div.overzicht div.item div.foto img {
	border: 0;
}

div.overzicht a {
	color: #000000;
}

div#aanbieding {
	background: url("../images/aanbieding.gif") no-repeat center left;
	margin: 10px 0 0 0;
	padding: 0 0 0 20px;
	float: right;
}