/* 

Cubique Webcreations - www.cubique.nl - info@cubique.nl

*/

/* -------------------------------------------------------------- layout kenmerken */

html, body {height:100%}
body {
	padding:0;
	margin:0;
	background: url('img/main/background-main.jpg');
}
#container {
	height:100%;
	min-height:100%;
	width:820px;
	margin:auto;
	position:relative;
	background: url('img/main/back-content.jpg');
}
#outer {
	min-height:100%;
	margin-bottom: -50px;
	padding: 0;
	width: 820px;	
	background: url('img/main/back-content.jpg');
}
* html #outer {
	height:100%;
}
#header {
	position:absolute;
	top:0;
	left:10px;
	width:800px;
	height:395px;
	background: url('img/main/header.jpg') no-repeat;
	overflow: hidden;
}
#clearheader {
	height:395px;
}
#footer {
	position:relative;
	width:800px;
	margin-left: 10px;
	height:50px;
	clear: both;
	overflow: hidden;
	background: url('img/main/footer.gif');
}
* html #footer {
	\height:50px;/* for ie5 */
	he\ight:50px;/* for ie6 */
}
#clearfooter {
	clear:both;
	height:50px;
}
#centrecontent {
	margin: 0;
	width: 800px;
}
#content {
	position: relative;
	height:auto !important; 
	width: 820px;
	background: url('img/main/back-content.jpg') no-repeat;
}

/* -------------------------------------------------------------- menu kenmerken */

#menu {
	position: absolute;
	top: 170px;
	left: 10px;
	width: 700px;
	height: 26px;
}
#menu li {
	display: inline;
	line-height: 26px;
	width: 132px;
}
#menu ul {
	margin:0;
	padding:0;
}
#menu li a {
	width: 132px;
	float: left;
	height: 26px;
	margin-left: 3px;	
}
#menu li a:hover {
	background-position: -131px 0;
}
#menu a#home			{background-image: url('img/menu/home.gif')}
#menu a#winkels 		{background-image: url('img/menu/winkels.gif')}
#menu a#specialiteiten	{background-image: url('img/menu/specialiteiten.gif')}
#menu a#bedrijven		{background-image: url('img/menu/bedrijven.gif')}
#menu a#aanbiedingen	{background-image: url('img/menu/aanbiedingen.gif')}

/* -------------------------------------------------------------- header-image kenmerken */

#header-image {
 	position: absolute;
 	top: 200px;
 	left: 10px;
	width: 780px;
	height: 195px;
	margin: 0;
	padding: 0;
	background-image: url('img/headers/header-image1.jpg');
}
.imgFader {position:relative; filter:alpha(opacity=0); -moz-opacity:0%}

/* -------------------------------------------------------------- inhoud kenmerken */

#inhoud p, #nieuwsbrief p, #inhoud li {
	font-family: Trebuchet MS, Tahoma, Arial, Verdana;
	font-size:84%;
	}
#inhoud {
	width: 420px;
	margin: 0;
	padding: 0;
	padding-left: 10px;
	float: left;
}

/* ------ inhoud content kenmerken */

#inhoud p {
	margin: 10px 15px 10px 25px;
	}
#inhoud h1 {
	width:400px;
	height: 75px;
	margin: 0 0 0 20px;
	padding: 0;
	visibility: hidden;
}
.h-aanbiedingen {
	background-image: url('img/intro/aanbiedingen.gif')
	}
.h-bedrijven {
	background-image: url('img/intro/bedrijven.gif')
	}
.h-contact {
	background-image: url('img/intro/contact.gif')
	}
.h-disclaimer {
	background-image: url('img/intro/disclaimer.gif')
	}
.h-specialiteiten {
	background-image: url('img/intro/specialiteiten.gif')
	}
.h-welkom {
	background-image: url('img/intro/welkom.gif')
	}
.h-winkels {
	background-image: url('img/intro/winkels.gif')
	}
.h-nieuwsbrief {
	background-image: url('img/intro/nieuwsbrief.gif')
	}
img {
	border: none;
}
#inhoud a {
	color: #91062a;
	text-decoration: none; 
}
#inhoud a:hover {
	text-decoration: underline; 
}
#lijstwinkels {
	list-style-type: none;
	margin-left: 30px;
	padding: 0;
}
#lijstwinkels li a {
	line-height: 150%;
	border: 1px solid #d4d4d4;
	margin-bottom: 2px;
	margin-right: 50px;
	padding-left: 5px;
	width: 300px;
	display: block;
	background: #f3e9c2;
	font-weight: bold;
}
#lijstwinkels li a:hover {
	text-decoration: none;
	background: #f9f3d1;
	border-left: 3px solid #91062a;
	padding-left: 3px;
	color: #3f4656;
}
.imglinks {
	float: left;
	margin: 6px 6px 6px 0;
}
.imgrechts {
	float: right;
	margin: 6px 0 6px 6px
}

/* -------------------------------------------------------------- rechterkant kenmerken */


#rechterkant {
	margin-left: 438px;
	width: 360px;
	margin-top: 5px;
	}

/* -------------------------------------------------------------- nieuwsbrief kenmerken */

#nieuwsbrief {
	width: 360px;
	min-height: 125px;
	height:auto !important; 
	height: 125px;
	background-image: url('img/main/nieuwsbrief-body.gif');
	background-position:bottom;
	padding-bottom: 0px;
	}
#nieuwsbrief h1, #specialiteiten-blok h1 {
	width: 360px;
	height: 40px;
	margin: 0;
	padding: 0;
	background-repeat: no-repeat;
	}
#nieuwsbrief h1 {
	background-image: url('img/main/nieuwsbrief-kop.gif');
}
#nieuwsbrief .ptekst {
	margin: 5px 6px 12px 11px;
	padding: 0;
	}
.email-text {
	margin: 0px 6px 5px 11px;
	float: left;
	padding-left: 5px;
	background: #fffcd7;
	height: 20px;
	width: 150px;
	border: 1px solid #d4d4d4;
	font-family: Trebuchet MS, Tahoma, Arial, Verdana;
	font-size:84%;
	color: #716e63;
	display: inline;
}
form {
	margin: 0;
	padding: 0;
}
#nieuwsbrief a {
	background-image: url('img/main/button-aanmelden.gif');
	width: 110px;
	height: 23px;
	margin-left: 173px;
	margin-bottom: 5px;
	display: block;
}
#nieuwsbrief a:hover {
	background-position: -110px 0px;
}
#nieuwsbrief img  {
	visibility: hidden;
	border: 0;
	display: inline;
	width: 110px; /*IE6 hack */
}

/* -------------------------------------------------------------- specialiteiten kenmerken */

#specialiteiten-blok {
	margin-top: 5px;
	width: 360px;
	min-height: 180px;
	height:auto !important; 
	height: 180px;
	background-image: url('img/main/nieuwsbrief-body.gif');
	background-position:bottom;
	padding-bottom: 10px;
	}
#specialiteiten-blok h1 {
	background-image: url('img/main/specialiteiten-kop.gif');
	}
#specialiteiten-blok p {
	font-family: Trebuchet MS, Tahoma, Arial, Verdana;
	font-size:84%;
	margin: 5px 15px 5px 11px;
}
#specialiteiten-blok img {
 	margin-top: -28px;
 	margin-left: 10px;
	float: right;
}
#specialiteiten-blok .leesverder {
	height: 21px;
	width: 101px;
	margin-left: 35px;
	margin-bottom: 10px;
}
#specialiteiten-blok a {
	background: url('img/main/leesverder.gif') no-repeat;
	height: 21px;
	width: 101px;
	display: block;
	padding: 0;
}
#specialiteiten-blok a:hover {
	background-position: -101px 0;
	}

/* -------------------------------------------------------------- footer kenmerken */

#footer p {
	font-family: Trebuchet MS, Tahoma, Arial, Verdana;
	font-size:70%;
	margin: 16px 15px 0px 432px;
	color: #89755c;
}
#footer a {
	color: #89755c;
	text-decoration: none; 
}
#footer a:hover {
	text-decoration: underline; 
}

/* -------------------------------------------------------------- contact kenmerken */

#inhoud table {
 	background: #fefae0;
 	border: 1px solid #beac87;
 	margin-left: 25px;
 	font-family: Trebuchet MS, Tahoma, Arial, Verdana;
	font-size:84%;
	width: 380px;
}
.kolom1 {
	width: 100px;
	vertical-align: top;
	font-weight: bold;
}
.kolom2, .kolom3, .kolom4 {
	text-align: right;
	vertical-align: top;
}
.kolom2 {
	width:270px;
}
.formfields, .formfield2 {
	border: 1px solid #d4d4d4;
	padding-left: 5px;
	font-family: Trebuchet MS, Tahoma, Arial, Verdana;
	font-size:100%;
	color: #716e63;
}
.formfields {
	width: 230px;
}
input {
	height: 20px;	
}
#inhoud .contact a {
	background-image: url('img/main/button-verzenden.gif');
	width: 110px;
	height: 23px;
	margin-left: 243px;
	margin-bottom: 5px;
	display: block;
}
#inhoud .contact a:hover, #subscribe a:hover {
	background-position: -110px 0px;
}
#inhoud .kolom3 img   {
	visibility: hidden;
	border: 0;
	display: inline;
	width: 110px; /*IE6 hack */
}
.checkbox {
	visibility: hidden;
}
.turing {
	border: 1px solid #d4d4d4;
}

/* -------------------------------------------------------------- specialiteit kenmerken */ 

#inhoud h2 {
	font-family: Trebuchet MS, Tahoma, Arial, Verdana;
	font-size:100%;
	margin: 10px 0 10px 25px;
	color: #4d3f36;
}
.spec-thumbnail {
	float: left;
	margin: 3px 3px 3px 0;
	border: none;
}
.loep {
	float: left;
	margin-left: -37px;
	margin-top: 89px;
}
#card {
	margin-left: 25px;
	display: display;
}
#card.show {
	display: block;
}
#card p {
	margin: 10px;
}

/* -------------------------------------------------------------- specialiteiten kenmerken */ 

#spec-container {
	position: relative;
	margin-left: 15px;
}
.spec-lijst {
	width: 130px;
	height: 130px;
	background-image: url('img/main/achtergrond-gallery.gif');
	float: left;
	display: inline;
	margin:-left: 3px;
	text-align: center;
}
.spec-lijst img {
	margin-top: 5px;	
}

/* -------------------------------------------------------------- nieuwsbrief-pagina kenmerken */ 

#subscribe td {
	vertical-align: top;
}
#subscribe .radio {
	height: 15px;
	width: 15px;
	border: none;
	background: none;
}
#subscribe .field {
	width: 210px
}
#subscribe .kolom1 {
	width: 230px;
}
#subscribe a {
	background-image: url('img/main/button-verzenden.gif');
	width: 110px;
	height: 23px;
	margin-bottom: 5px;
	display: block;
}
#subscribe img   {
	visibility: hidden;
	border: 0;
	display: inline;
	width: 110px; /*IE6 hack */
}