/* COMBI LAYOUT */
@import url('nav.css');
@import url('style.css');
@import url('modules.css');

* {
	margin:0px;
	padding:0px;
	font-family: verdana,sans-serif;
	}
html {}
body {
	padding:1px;
	font-size:11px;
	background: #003368 url('../gfx/background/body.jpg') left top repeat-x;
	}

/* basic classes */
.left {
	float:left;
	display:inline;
	margin:0 10px 0 0;
	}
.right {
	float:right;
	display:inline;
	margin:0 0 0 10px;
	}

/* Layout
------------------------------------------------- */
#container {
	width:990px;
	text-align:left;
	overflow:hidden;
	zoom:1;
	}
#sidebar {
	float:right;
	margin-right:11px;
	width:212px;
	display:inline;
	color: #fff;
	}
	.sidebar_caption {
		font-size: 18px;
		font-weight: normal;
		color: #fc0;
		padding-bottom:10px;
		background:url('../gfx/elements/hr.gif') bottom repeat-x;;
		}
	.sidebar_trigger {
		overflow:hidden;
		zoom:1;
		background:url('../gfx/elements/hr.gif') bottom repeat-x;
		padding:10px 0;
		}
		.sidebar_trigger_caption {
			color:#fc0;
			margin:0;
			padding:0 0 5px;
			line-height:1.2em;
			font-size:12px;
			font-weight:bold;
			}
			.sidebar_trigger_thumb {
				float:left;
				display:inline;
				margin:0px 10px 0px 0px;
				}
			#sidebar ul {}
			#sidebar li {
				margin:0;
				list-style:none;
				}
				#sidebar .bt-lees_meer {
					margin-top:3px;
					text-align:right;
					}
					.bt-lees_meer a {
						font-size:11px;
						color:#fc0;
						}
					.bt-lees_meer a:hover {
						text-decoration:none;
						color:#fc0;
						}
	.thumbnails {/* gallery */
		height:130px;
		margin:5px 0px 0 -10px;
		display:block;
		}
		.thumbnails img {
			float:left;
			margin:0px 0px 10px 10px;
			display:inline;
			}


#storesearch {
	width:212px;
	height:62px;
	margin-bottom:50px;
  background-image: url('../gfx/background/storesearch.jpg');
	padding-top:5px;
	}
	* html #storesearch { /* faulty box model ie6 */
		height:67px;
		}
	#storesearch .srchField {
		color: #039;
		background: #ffe57f;
		width:150px;
		}
	#storesearch table {
		margin:0 0 0 10px;
		}
		#storesearch label {
			font-size: 11px;
			color: #039;
			}
		#storesearch a {
			display:block;
			}
		#storesearch a,
		#storesearch input[type=submit] {
			display:block;
			background: url('../gfx/elements/input_ga.jpg') top center no-repeat;
			text-indent: -999%;
			font-size:0.000001em;
			color:#f00;
			border: 0;
			width: 34px;
			height: 18px;
			}

#header {
	width:750px;
	height:133px;
	overflow:hidden;
  background-image: url('../gfx/background/header.jpg');
	}
	#header #logo {
		display:block;
		margin:20px 0 20px 40px;
		height:52px;
		width:230px;
		text-indent:-999%;
		}
	.navigation {
		height:41px;
		}
#main {
	width:750px;
	padding-bottom:20px;
	overflow:hidden;
	zoom:1;
  background: #fff url('../gfx/background/main.gif') right top repeat-y;
	}
#breadcrumb {
	height:19px;
  background-image: url('../gfx/background/breadcrumb.jpg');
  background-repeat: no-repeat;
	}
	#breadcrumb p {
	  padding-top: 3px;
	  padding-left: 10px;
	  color: #039;
	  font-size: 11px;
		}
#sidecol {
	float:left;
	width:220px;
	}
	#sidecol .image {
		margin-left:20px;
		margin-top:30px;
		margin-right:0px;
		width:182px;
		background-position: center center;
		background-repeat: no-repeat;
		}
		#sidecol .overlay {
			height:224px;
			background-image: url('../gfx/elements/img_overlay.png');
			}

ul.secondnavigation {
	margin:40px 10px 20px;
	border-top:1px dotted #e1c756;
	}

#content {
	margin-left:20px;
	padding-top:10px;
	min-height:490px;
	}
#index #content{
	margin:0px;
	padding-top:0px;
	}
#duocol #content {
	margin-left:235px;
	margin-right:25px;
	}
* html #content  {/*roald waarom heb ik dit nodig? zie pagina http://www.combi.nl/combi/producten/printservice/online_printservice/combi-printservice.html*/
  height: expression(this.scrollHeight < 490 ? "490px" : "auto");
	}

/*#visual { temp for FLASH OBJECT on homepage (? ROALD ?)
		height:260px;
		width:749px;
		}*/

/*homepage*/
#uitgelicht {
	background-repeat: no-repeat;
	background-position: left center;
	height:225px;
	width:auto;
	margin-left:20px;
	margin-bottom:10px;
	}
	#uitgelicht h2 {
		margin:0;
		padding:20px 20px 10px 340px;
		color: #039;
		font-weight: normal;
		font-size: 33px;
		}
	#uitgelicht p {
		line-height: 20px;
		font-size: 14px;
		margin-left:360px;
		margin-right:20px;
		}
		#uitgelicht a {
			width:113px;
			margin:10px 0px;
			display:block;
			}
/*#uitgelicht a {
    color: #fff;
    font-weight: bold;
    font-size: 12px;
    line-height: 18px;
    text-decoration: none;
    text-align: center;
    background-image: url('../gfx/elements/bttn_large.jpg');
}*/

/* Trigger found on homepage */
#trigger {
	float:left;
	margin-left:20px;
	overflow:hidden;
	zoom:1;
	display:inline;
	}

						
/* Homepage
--------------------------------------- */
#banner {
	clear:left;
	padding-left:20px;
	margin-bottom:0px;
	overflow:hidden;
	zoom:1;
	}
	#banner a {
		padding-top:10px;
		width:auto;
		display:inline;
		}

/* Footer	
--------------------------------------- */
#footer {
	width:750px;
	padding:20px 0px;
	text-align:left;
	background: #cce5ff url('../gfx/background/main.gif') right top repeat-y;
	}
.sitemap {
	padding-left:20px;
	overflow:hidden;
	zoom:1;
	font-size: 10px;
	list-style: none;
	}
	.sitemap li {
		float:left;
		margin-right:10px;
/* width:140px; i think we can delete this width: explorer6? */
		}
		.sitemap li li {
			display:block;
			float:none;
			padding-left: 10px;
			background-image: url('../gfx/elements/li.jpg');
			background-repeat: no-repeat;
			background-position: left 5px;
			}
		.sitemap a {
			color: #039;
			font-weight: bold;
			text-decoration: underline;
			}
		.sitemap li a:hover {
			text-decoration:underline;
			}
			.sitemap li li a {
				font-weight: normal;
				color: #74a3ff;
				text-decoration: none;
				}
			.sitemap li li ul {
				display:none;
				}


#waardering_1{
  background: url('../gfx/elements/star.gif') repeat-x;
  width: 25px;
  height: 25px;
	}
#waardering_2{
  background: url('../gfx/elements/star.gif') repeat-x;
  width: 50px;
  height: 25px;
	}
#waardering_3{
  background: url('../gfx/elements/star.gif') repeat-x;
  width: 75px;
  height: 25px;
	}
#waardering_4{
  background: url('../gfx/elements/star.gif') repeat-x;
  width: 100px;
  height: 25px;
	}
#waardering_5{
  background: url('../gfx/elements/star.gif') repeat-x;
  width: 125px;
  height: 25px;
	}

#ncalendar{
  background-color: #ffffff;
}