@charset "utf-8";
/* CSS Document */

/**
 * 100% height layout with header and footer
 * ----------------------------------------------
 * Feel free to copy/use/change/improve
 */
 
* {
	padding:0px;
	margin:0px;
}

html,body {
	margin:0;
	padding:0;
	height:100%; /* needed for container min-height */
	
	font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
	background:url(../images/background.png) repeat-x #fff;
	font-size:12px;
	color:#515151;
}

#container {
	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	width:952px;
	
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/

	min-height:100%; /* real browsers */
	padding-top:5px;
}

#header {
	margin:0 auto;
	background:url(../images/header.png) no-repeat;
	width:952px;
	height:141px;
}

#navigation {
	margin:0 auto;
	width:940px;
	height:49px;
	margin-top:5px;
}
	#navigation ul {
		list-style:none outside none;
	}
	#navigation li {
		display:inline;
	}
		#navigation ul li a {
			color:#FFFFFF;
			display:block;
			float:left;
			text-decoration:none;	
		}	
		#navigation ul li a:hover {
			background:url(../images/nav_bg_active.png) repeat-x scroll left top transparent;
		}			
		#navigation ul li a em {
			font-style:normal;
		}
		#navigation ul li a em b {		
			cursor:pointer;
			display:block;
			float:left;
			height:49px;
			line-height:49px;
			text-align:center;
			width:188px;
			text-transform:uppercase;
		}
		#navigation ul li a.active {
			background:url(../images/nav_bg_active.png) repeat-x scroll left top transparent;
			height:100%;	
		}
		#navigation ul li a:hover.first {
			background:url(../images/nav_bg_active.png) repeat-x scroll left top transparent;
			height:100%;			
		}
			#navigation ul li a:hover.first em {
				background:url(../images/nav_left_active.png) no-repeat scroll left top transparent !important;
				display:block;
				float:left;			
			}
		#navigation ul li a.first_active {
			background:url(../images/nav_bg_active.png) repeat-x scroll left top transparent;
			height:100%;			
		}
			#navigation ul li a.first_active em {
				background:url(../images/nav_left_active.png) no-repeat scroll left top transparent !important;
				display:block;
				float:left;		
			}
		#navigation ul li a:hover.last {
			background:url(../images/nav_bg_active.png) repeat-x scroll left top transparent;
			height:100%;			
		}
			#navigation ul li a:hover.last em {
				background:url(../images/nav_right_active.png) no-repeat scroll right top transparent !important;
				display:block;
				float:left;			
			}				
		#navigation ul li a.last_active {
			background:url(../images/nav_bg_active.png) repeat-x scroll left top transparent;
			height:100%;			
		}
			#navigation ul li a.last_active em {
				background:url(../images/nav_right_active.png) no-repeat scroll right top transparent !important;
				display:block;
				float:left;
			}					
.nav_box {
	background:url(../images/nav_bg.png) repeat-x left top scroll transparent;
	height:49px;	
	width:100%;
}
.nav_left {
	background:url(../images/nav_left.png) no-repeat scroll left top transparent;
	width:100%;
	height:100%;
}
.nav_right {
	background:url(../images/nav_right.png) no-repeat scroll right top transparent;
	width:100%;
	height:100%;
}

#banner {
	margin:0 auto;
	margin-top:10px;
	background:url(../images/big_banner.png) no-repeat;
	width:940px;
	height:299px;
}
#banner_text {
	padding-top:100px;
	padding-left:100px;
	color:#FFFFFF;
	font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
	font-size:3em;
	font-weight:normal;
	letter-spacing:-1px;
	line-height:1em;
	margin-bottom:42px;
	width:400px;
}

#content {
	margin:0 auto;
	width:940px;
	padding-bottom:60px;
}
#left {
	width:337px;
	float:left;
}
.content_small {
	display:block;
	width:317px;
	margin-top:10px;
	background:url(../images/small_content.png) no-repeat scroll top left;
	margin-left:10px;
	margin-right:10px;
}
.small_top {
	background:url(../images/small_top.png) no-repeat scroll top left transparent;
	display:block;
	width:317px;	
}
.small_bottom {
	background:url(../images/small_bottom.png) no-repeat scroll bottom left transparent;
	display:block;
	padding:10px;
	width:297px;	
}

#right {
	width:597px;
	float:left;
}
.content_large {
	display:block;
	width:587px;
	margin-top:10px;
	background:url(../images/large_content.png) no-repeat scroll top left;
	margin-left:10px;
}
.large_top {
	background:url(../images/large_top.png) no-repeat scroll top left transparent;
	display:block;
	width:587px;	
}
.large_bottom {
	background:url(../images/large_bottom.png) no-repeat scroll bottom left transparent;
	display:block;
	padding:10px;
	width:567px;	
}

#footer {
	position:absolute;
	width:100%;
	height:50px;
	bottom:0; /* stick to bottom */
	background:#646464;
	color:#fff;

	text-align:right;
}
#footer p {
	padding-top:7px;
	padding-right:10px;	
}
#footer a {
	font-weight:bold;
	color:#fff;
}

.producten .title td {
	border-bottom:1px solid #c8c8c8;
}
.cart .title td {
	border-bottom:1px solid #c8c8c8;
}
.cart .total {
	border-top:1px solid #8A8A8A;
}

/* Error / Success */

.error {
	width:100%;
	border:1px solid #ff4747;
	background:url(../images/error.png) no-repeat top left #fff2f2;
	height:30px;
	line-height:30px;
}
.success {
	width:100%;
	border:1px solid #5dff47;
	background:url(../images/success.png) no-repeat top left #f3fff2;	
	height:30px;
	line-height:30px;
}
.inner {
	padding-left:40px;
}

/* Tekst elementen */

#content p {
	margin-bottom:10px;
}
#content h1 {
	margin-bottom:5px;
	color:#f98d48;
}
#content h2 {
	color:#f98d48;
	font-size:13px;
	font-style:italic;
}
#content a {
	color:#000;
	text-decoration:none;
	font-weight:bold;
}
#content a:hover {
	color:#f98d48;
}

/* Formulieren */
#content input[type="text"] {
	width:165px;
	height:16px;
	border:1px solid #999;
	padding:5px;
	color:#515151;
	background:url(../images/input.png) repeat-x left bottom #fff;
}
#content input[type="text"]:focus {
	border:1px solid #f98d48;
}
#content select {
	width:195px;
	height:26px;
	border:1px solid #999;
	color:#515151;
	background:url(../images/input.png) repeat-x left bottom #fff;
}
#content select:focus, #content input[type="submit"]:focus, #content textarea:focus {
	border:1px solid #f98d48;
}
#content option {
	padding-left:5px;
}
#content textarea {
	border:1px solid #999;
	padding:5px;
	color:#515151;
	background:url(../images/input.png) repeat-x left bottom #fff;
}
#content input[type="submit"] {
	border:1px solid #999;
	background:none;
	height:40px;
	line-height:25px;
	width:100px;
}

#content input[type="text"].aantal {
	width:25px;
	height:auto;
	padding:1px;
}
#content input[type="submit"].bestel {
	height:20px;
	width:80px;
	padding:0;
	margin:0;
	line-height:10px;
}
#content .cart input[type="text"] {
	width:40px;
	text-align:center;
	padding:0px;
	height:16px;
}