/* CSS Document */

body {
	font:75%/120% Arial, Verdana, Helvetica, sans-serif;
	background:#C10435;
}

#coolcooking {background:#C10435;}
#promoties {background:#BD5591;}
#winkels {background:#C0D02A;}
#waterworld {background:#0768A9;}

* {
	margin: 0;
	padding: 0;
	border: none;
	font-size:1.0em;
}


/* OVERALL STYLES
------------------------------------------------------------------------------*/
a {
	color:#DA1F43;
	text-decoration:none;
	cursor:pointer;
	text-decoration:underline;
}

#coolcooking a {color:#D07527;}
#promoties a {color:#C0749D;}
#winkels a {color:#C0D02A;}
#waterworld a {color:#0768A9;}

a:hover {
	text-decoration:none;
}

/*----------clearfix----------*/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/*--------end clearfix--------*/



/* WRAPPER
------------------------------------------------------------------------------*/
#wrapper {
	width:797px;
	background:transparent url(../img/bgwrap-general.gif) repeat-y;
	margin:0 auto;
}
#coolcooking #wrapper {background:url(../img/bgwrap-coolcooking.gif) repeat-y;}
#promoties #wrapper {background:url(../img/bgwrap-promo.gif) repeat-y;}
#winkels #wrapper {background:url(../img/bgwrap-winkels.gif) repeat-y;}
#waterworld #wrapper {background:url(../img/bgwrap-waterworld.gif) repeat-y;}


/* HEADER
------------------------------------------------------------------------------*/
#header {
	background:url(../img/bghead-general2.gif) no-repeat top;
}


#general #header-fr {
	background: url(../img/header-fr.gif) no-repeat top;
}

#coolcooking #header-fr {background:url(../img/bghead-coolcooking.gif) repeat-y;}
#contact #header-fr {background:url(../img/bghead-coolcooking.gif) repeat-y;}
#promoties #header-fr {background:url(../img/bghead-promo.gif) repeat-y;}
#winkels #header-fr {background:url(../img/bghead-winkels.gif) repeat-y;}
#waterworld #header-fr {background:url(../img/bghead-waterworld.gif) repeat-y;}


#header-fr h1 {height:101px;}
#header-fr h1 strong {display:none;}

#general #header-fr h1 {height:130px;}
#header-fr h1 strong {display:none;}

#nav {
	list-style:none;
	overflow:hidden;
	padding:0 20px;
	height:30px;
}
#nav strong {display:none;}
#nav a {
	display:block;
	height:30px;
}

#nav #homelink {background:url(../img/home_h.gif) no-repeat center;float:left;margin:auto;width:65px;}
#nav #ocoollink {background:url(../img/ocool_h.gif) no-repeat center;float:left;margin:auto;width:65px;}
#nav #jobslink {background:url(../img/jobs_h.gif) no-repeat center;float:left;margin:auto;width:45px;}
#nav #winkelslink {background:url(../img/fr/magazins_h.gif) no-repeat center;float:left;margin:auto;width:100px;}
#nav #productenlink {background:url(../img/fr/produits_h.gif) no-repeat center;float:left;margin:auto;width:90px;}
#nav #inspiratielink {background:url(../img/fr/inspiration_h.gif) no-repeat center;float:left;margin:auto;width:100px;}
#nav #promotielink {background:url(../img/fr/promotions_h.gif) no-repeat center;float:left;margin:auto;width:120px;}
#nav #coolinfolink {background:url(../img/coolinfo_h.gif) no-repeat center;float:left;margin:auto;width:87px;}
#nav #contactlink {background:url(../img/contact_h.gif) no-repeat center;float:left;margin:auto;width:80px;}

#nav #homelink a {background:url(../img/home.gif) no-repeat center;}
#nav #homelink a:hover {background:url(../img/home_h.gif) no-repeat center;}
#nav #homelink.here a {background:url(../img/home_h.gif) no-repeat center;}

#nav #ocoollink a {background:url(../img/ocool.gif) no-repeat center;}
#nav #ocoollink a:hover {background:url(../img/ocool_h.gif) no-repeat center;}
#nav #ocoollink.here a {background:url(../img/ocool_h.gif) no-repeat center;}

#nav #productenlink a {background:url(../img/fr/produits.gif) no-repeat center;}
#nav #productenlink a:hover {background:url(../img/fr/produits_h.gif) no-repeat center;}
#nav #productenlink.here a {background:url(../img/fr/produits_h.gif) no-repeat center;}

#nav #inspiratielink a {background:url(../img/fr/inspiration.gif) no-repeat center;}
#nav #inspiratielink a:hover {background:url(../img/fr/inspiration_h.gif) no-repeat center;}
#nav #inspiratielink.here a {background:url(../img/fr/inspiration_h.gif) no-repeat center;}

#nav #promotielink a {background:url(../img/fr/promotions.gif) no-repeat center;}
#nav #promotielink a:hover {background:url(../img/fr/promotions_h.gif) no-repeat center;}
#nav #promotielink.here a {background:url(../img/fr/promotions_h.gif) no-repeat center;}

#nav #coolinfolink a {background:url(../img/coolinfo.gif) no-repeat center;}
#nav #coolinfolink a:hover {background:url(../img/coolinfo_h.gif) no-repeat center;}
#nav #coolinfolink.here a {background:url(../img/coolinfo_h.gif) no-repeat center;}

#nav #winkelslink a {background:url(../img/fr/magazins.gif) no-repeat center;}
#nav #winkelslink a:hover {background:url(../img/fr/magazins_h.gif) no-repeat center;}
#nav #winkelslink.here a {background:url(../img/fr/magazins_h.gif) no-repeat center;}

#nav #jobslink a {background:url(../img/jobs.gif) no-repeat center;}
#nav #jobslink a:hover {background:url(../img/jobs_h.gif) no-repeat center;}
#nav #jobslink.here a {background:url(../img/jobs_h.gif) no-repeat center;}

#nav #contactlink a {background:url(../img/contact.gif) no-repeat center;}
#nav #contactlink a:hover {background:url(../img/contact_h.gif) no-repeat center;}
#nav #contactlink.here a {background:url(../img/contact_h.gif) no-repeat center;}




/* FOOTER
------------------------------------------------------------------------------*/
#footer {
	background:url(../img/bgfoot-general.gif) no-repeat top;
	height:110px;
	clear:both;
}

#coolcooking #footer {background:url(../img/bgfoot-coolcooking.gif) no-repeat top;}
#promoties #footer {background:url(../img/bgfoot-promo.gif) no-repeat top;}
#winkels #footer {background:url(../img/bgfoot-winkels.gif) no-repeat top;}
#waterworld #footer {background:url(../img/bgfoot-waterworld.gif) no-repeat top;}

#footer p {
	color:#fff;
	margin:0 25px;
	padding-top:25px;
}
#footer a {
	color:#fff;
}

/* CANVAS
------------------------------------------------------------------------------*/
#canvas {
	padding:30px 31px 15px 31px;
	overflow:hidden;
}


/* SUBNAV
------------------------------------------------------------------------------*/
#subnav {
	width:150px;
	float:left;
	padding-top:5px;
}
#subnav ul {
	list-style:none;
	margin-bottom:15px;
}
#subnav li {
	margin-bottom:5px;
}
#subnav a {
	color:#666;
	text-transform:uppercase;
	font-size:0.95em;
	text-decoration:none;
	line-height:0.95em;
}
#subnav #current a {color:#DA1F43;font-weight:bold;}
#coolcooking #subnav #current a {color:#C10435;font-weight:bold;}
#promoties #subnav #current a {color:#C0749D;font-weight:bold;}
#winkels #subnav #current a {color:#C0D02A;font-weight:bold;}
#waterworld #subnav #current a {color:#0768A9;font-weight:bold;}

#subnav a:hover {color:#DA1F43;}
#coolcooking #subnav a:hover {color:#C10435;}
#promoties #subnav a:hover {color:#C0749D;}
#winkels #subnav a:hover {color:#C0D02A;}
#waterworld #subnav a:hover {color:#0768A9;}

/* #subnav .subsubnav li {
	text-transform:none;
	background-color:#FFCC99;
	margin-bottom:1px;
	padding:2px 5px;
}*/

#subnav .subsubnav a {
	text-transform:none;
}

/* STAGE
------------------------------------------------------------------------------*/
#stage {
	width:570px;
	margin-left:160px;
	background:#fff;
	padding-top:5px;
}
#banner_subpage {
	margin-bottom:15px;
	width:570px;
}

h2, h3, h4, h5 {color:#DA1F43}
#coolcooking h2, #coolcooking h3, #coolcooking h4, #coolcooking h5 {color:#C10435;}
#promoties h2, #promoties h3, #promoties h4, #promoties h5 {color:#C0749D;}
#winkels h2, #winkels h3, #winkels h4, #winkels h5 {color:#C0D02A;}
#waterworld h2, #waterworld h3, #waterworld h4, #waterworld h5 {color:#0768A9;}

h2 {
	font-size:1.8em;
	margin-bottom:15px;
	text-transform:uppercase;
}
h3 {
	font-size:1.4em;
	margin-top:15px;
	margin-bottom:5px;
	text-transform:uppercase;
}
h4 {
	text-transform:uppercase;
	color:#DA1F43;
	font-size:1.0em;
	margin-bottom:10px;
}
h5 {
	font-size:1.0em;
	margin-bottom:5px;
	border-bottom:1px solid #DA1F43;
}
#coolcooking h5 {border-bottom:1px solid #D07527;}
#promoties h5 {border-bottom:1px solid #C0749D;}
#winkels h5 {border-bottom:1px solid #C0D02A;}
#waterworld h5 {border-bottom:1px solid #0768A9;}


p {
	margin-bottom:5px;
}


/* taalkeuze
------------------------------------------------------------------------------*/
#taalkeuze {
	text-align:right;
	padding:200px 150px 0 0;
	background:#DA1F43 url(../img/bg_taalkeuze.gif) repeat-y right;
}
#taalkeuze h1 {
	background:url(../img/itsacoolcookingworld.gif) no-repeat right;
	text-align:right;
	height:200px;
}
#taalkeuze strong {
	display:none;
}
#taalkeuze ul li {
	float:right;
	list-style:none;
}
#french, #french a:hover {width:122px;height:30px;background:url(../img/francais_h.gif) no-repeat}
#french a {display:block;width:122px;height:30px;background:url(../img/francais.gif) no-repeat}

#dutch, #dutch a:hover {width:150px;height:30px;background:url(../img/nederlands_h.gif) no-repeat}
#dutch a {display:block;width:150px;height:30px;background:url(../img/nederlands.gif) no-repeat}


/* homepage
------------------------------------------------------------------------------*/
#welkom {
	width:230px;
	float:left;
	margin-right:10px;
	_margin-left:15px;

}
#welkom p {
	font-size:0.95em;
	width:auto;
}
#poll input.bttn {
	width:100px;
	text-align:center;
	cursor:pointer;
	border:1px solid #DA1F43;
}

#prikbord {
	float:left;
	margin-top:15px;
	width:250px;
	height:350px;
	background:url(../img/bg_prikbord2.gif) no-repeat;
}
#prikbord img {
	margin:5px 0 0 5px;
	width:240px;
	height:260px;
}
#prikbord p {
	position:relative;
	top:5px;
	width:225px;
	margin-left:15px;
	font-size:0.95em;
	color:#999;
}
#homextra {
	width:220px;
	float:left;
	margin-left:10px;
}
#homextra p {
	font-size:0.95em;
	width:auto;
}
#homextra p img {
	display:block;
	float:left;
	margin:0 5px 5px 0;
	width:100px;
	border:1px solid #DA1F43;
}



/* PRODUCTEN
------------------------------------------------------------------------------*/
.productclearing {
	margin-bottom:15px;
	overflow:hidden;
}
.productitem {
	width:135px;
	float:left;
	margin-right:10px;
	overflow:hidden;
}
#no4.productitem, #no8.productitem {
	margin-right:0;
}
.productitem img {
	width:133px;
	height:133px;
	border:1px solid #DA1F43;
	margin-bottom:10px;
}
#coolcooking .productitem img {border:1px solid #D07527;}
#promoties .productitem img {border:1px solid #C0749D;}
#winkels .productitem img {border:1px solid #C0D02A;}
#waterworld .productitem img {border:1px solid #0768A9;}

.productitem p {
	font-size:0.95em;
	width:auto;
}

/* INSPIRATIE
------------------------------------------------------------------------------*/
#coolcooking #cookingfiche {
	width:305px;
	height:400px;
	background:url(../img/bgfiche-coolcooking3.gif) no-repeat left top;
	float:left;
	margin-right:5px;
	padding:5px;
	position:relative;
	left:-5px;
	top:-5px;
}
#coolcooking #cookingfiche img {
	display:block;
	width:300px;
	height:325px;
}
#stage #fichecontainer h4, #stage #fichecontainer p {
	width:230px;
	margin-left:320px;
	}
.buttonp {
	width:230px;
	margin-left:320px;
	clear:right;
	overflow:hidden;
}
#opdehoogte, #printbareversie, #printknop {
	display:block;
	width:157px;
	height:38px;
}
#opdehoogte {
	background:url(../img/fr/opdehoogte.gif) no-repeat;
}
#printbareversie {
	background:url(../img/fr/printfiche.gif) no-repeat;
}

#printknop {
	background: url(../img/fr/printfiche3.gif) no-repeat;
}
#opdehoogte em, #printbareversie em ,#printknop em{
	display:none;
}


#zoekfiche {
	background:#FFEDDE;
	padding:15px;
	overflow:hidden;
	margin-bottom:15px;
}
#zoekfiche p {
	float:left;
	margin-right:10px;
	width:150px;
	color:#D07527;
}
#zoekfiche p {
	font-weight:bold;
}
#zoekfiche select {
	width:150px;
	border:1px solid #D07527;
	margin-top:5px;
}

#anderefiches p {
	background:#FFEDDE;
	overflow:hidden;
	display:block;
	width:520px;
}
#anderefiches p strong {
	float:left;
	width:180px;
	color:#D07527;
	padding:5px 5px;
}
#anderefiches p em {
	float:left;
	width:330px;
	font-style:normal;
	padding:5px 0;
}

/*copied van contact*/
#coolcooking #stage input {
	width:150px;
	border:1px solid #D07527;
}
#coolcooking input.bttn {
	width:100px;
	text-align:center;
	cursor:pointer;
}
#coolcooking textarea {
	width:150px;
	height:6em;
	font-size:0.9em;
	border:1px solid #D07527;
}
#coolcooking #newsyes, #contactspace .rad {
	width:1em;
	border:0;
} 


/* PROMOTIES
------------------------------------------------------------------------------*/
#promoties #stage img {
	border:1px solid #C0749D;
	display:block;
	float:left;
	margin:0 10px 10px 0;
}
#promoprijs {
	background:url(../img/bg_promoprijs2.gif) no-repeat center;
	width:100px;
	height:100px;
	clear:left;
	float:left;
}
#promotekst{
	display:block;
	padding-left:10px;
	width:245px;
	float:left;
}
#promoprijs strong {
	display:block;
	text-align:center;
	color:#000066;
	font-size:20pt;
	padding-top:0px;
	vertical-align:top;
}
#promoprijs b {
	font-weight:lighter;
	padding-top:0;
	font-size:20pt;
	line-height:0;
}
#promoprijs em {
	display:block;
	text-align:left;
	vertical-align: top;
	color:#000066;
	padding-top:2px;
	padding-left:5px;
	font-style:normal;
	font-weight:bold;
	font-size:10pt;
	text-decoration: line-through;
}
#promoprijs p{
	clear:none;
	display:block;
	color: white;
	padding-top: 30px;
	padding-left: 5px;
	font-size: 13px;
}

/* winkels
------------------------------------------------------------------------------*/
#belgie {
	display:block;
	margin:0 auto 15px;
}

/* CONTACT
------------------------------------------------------------------------------*/
label {
	display:block;
	float:left;
	width:100px;
	text-align:right;
	margin-right:10px;
}
#contact #stage input {
	width:250px;
	border:1px solid #DA1F43;
}
#contact select {
	width:250px;
	border:1px solid #DA1F43;
	color:#DA1F43;
}
#contact input.no{
	border:0;
	width:30px;
	padding:0;
	margin:O;
}
#contact input.bttn {
	width:100px;
	text-align:center;
	cursor:pointer;
}
#contact textarea {
	width:250px;
	height:10em;
	font-size:0.9em;
	border:1px solid #DA1F43;
}
#contact #newsyes, #contactspace .rad {
	width:1em;
	border:0;
}
#contact #newsyeslabel {
	display:inline;
	float:none;
	clear:none;
}
#contactspace h2 {
	margin-bottom:1.2em;
}
#submit {
	border-top:0.1em solid #DA1F43;
	padding-top:1.0em;
	margin-top:1.0em;
}
#sollen {
	float:right;
	width:325px;
	_width:275px;
	border-left:1px solid #DA1F43;
	padding-bottom:150px;
	margin-bottom:50px;
	margin-left:10px;
}
#sollen input {
	width:180px;
	border:1px solid #DA1F43;
}
#sollen label { width:65px;}
#sollen p {
	width:325px;
	_width:275px;	
}

/* JOBS
------------------------------------------------------------------------------*/

.rb tr td label 
{
    display: block;
    float: left;
    width:  auto;
    text-align: left;
    margin: 0;
}

.rb tr td input 
{
    float:left;
}

.ulWorked li
{
    color: black;
    font-size: 1em;
    font-family: Arial;
}

.ulWorked
{
    list-style-type: square;
    padding-left: 25px;
}

.pnlWorked
{
    padding-left: 40px;
}

.btnVerzend
{
    width: 100px;
    height: 30px;
    background-color: #ffffff;
    border: solid 1px #C10435;
}

#divVerzendBtn
{
    text-align: left;
}

#zoekWinkel { padding: 5px 0px 5px 2px; margin: 0px 32px;}
#winkels #zoekWinkel { border-bottom: 1px solid #C0D02A; border-top: 1px solid #C0D02A; }
#coolcooking #zoekWinkel { border-bottom: 1px solid #C10435; border-top: 1px solid #C10435; }
#promoties #zoekWinkel { border-bottom: 1px solid #BD5591; border-top: 1px solid #BD5591; }
#waterworld #zoekWinkel { border-bottom: 1px solid #0768A9; border-top: 1px solid #0768A9; }
#general #zoekWinkel { border-bottom: 1px solid #C10435; border-top: 1px solid #C10435; }
#contact #zoekWinkel { border-bottom: 1px solid #C10435; border-top: 1px solid #C10435; }

.txtPostcode { padding: 3px; width: 50px; margin: 0px 7px; }
#winkels .txtPostcode { border: 1px solid #C0D02A; }
#coolcooking .txtPostcode { border: 1px solid #C10435; }
#promoties .txtPostcode { border: 1px solid #BD5591; }
#waterworld .txtPostcode { border: 1px solid #0768A9; }
#general .txtPostcode { border: 1px solid #C10435; }
#contact .txtPostcode { border: 1px solid #C10435; }

.btnPostcode { padding: 3px 5px; margin: 0px 7px; color: #ffffff;}
#winkels .btnPostcode { background: #C0D02A; }
#coolcooking .btnPostcode { background: #C10435; }
#promoties .btnPostcode { background: #BD5591; }
#waterworld .btnPostcode { background: #0768A9; }
#general .btnPostcode { background: #C10435; }
#contact .btnPostcode { background: #C10435; }