/*
--->  Begin Tempo E-commerce CSS
--->  Tempo E-commerce - Creative design Ruud van Engelenhoven
--->  06 462 261 15 - tempo-ecommerce.nl - info@tempo-ecommerce.nl
*/
/*****			Table of Content						****/
/*****			1. Header css              				****/
/*****			2. Begin Content CSS					****/
/*****			2a. Begin Content Title CSS				****/
/*****			2b. Begin Content Collumn CSS			****/
/*****			3. Begin Footer CSS						****/

/*****			1. Begin Header CSS						****/

.header {
	height: 170px;
	background-image: url('../images/header-bg.gif');
}

.header-container {
	width: 980px;
	margin: 0 auto;
}

.header-top {
	margin: 0 auto;
	position: relative;
	width: 980px;
	height: 117px;
	z-index: 100;
}

h1#logo {
	margin-top: 37px;
	width: 295px;
	float: left;
}

.top-nav {
	height: 28px;
	width: 685px;
	float: right;
}

.top-nav ul {
	float: right;
	padding-top: 5px;
}

.top-nav li {
	display: inline;
	font-size: 12px;
}

.top-contact {
	background-image: url('../images/contact-bg.gif');
	margin-top: 9px;
	width: 267px;
	height: 88px;
	float: right;
	position: relative;
	overflow: hidden;
}

.top-contact h3 {
	font-size: 16px;
	color: #ffffff;
	padding: 8px;
}

.top-contact p {
	font-size: 12px;
	color: #ffffff;
	padding-left: 8px;
	line-height: 110%;
}

.header-nav {
	margin: 0 auto;
	width: 980px;
	height: 53px;
	position: absolute;
	overflow: hidden;
}

.mini-search {
	padding: 18px 0px 0px 0px;
	text-align: right;
	float: right;
}

.mini-search .input-text {
	border: 1px solid #555555;
	color: #555555;
	padding: 3px 10px 4px;
	width: 210px;
}

.mini-search #mini-search-button {
	margin-left: 5px;
	float: right;
}

/*****			1. Begin Content CSS						****/
.middle-container {
	margin: 10px 0 10px 0;
}

.middle {
	margin:0 auto;
	min-height:400px;
	text-align:left;
}

.middle {
	width:980px;
}

.side-col {
    width:180px;
}

.col-left {
    float:left;
}

.col-main {
    float:left;
}

.col-right {
    float:right;
}

.col-3-layout .col-main {
    margin-left:10px;
    width:600px;
}

/*****			1. Begin Content CSS						****/
.footer {
	height: 280px;
	border-top: #555555 solid 1px;
	background-color: #c4c4c4;
}

.footer-container {
	width: 980px;
	margin: 0 auto;
}

.footer ul {
	font-size: 11px;
	list-style-type:none;
	margin:0;
	padding:0;
}

.footer ul.copyrightDisclaimer {
	border-top:1px solid #555555;
	clear:left;
	float:left;
	margin: 25px 0 0 0;
	padding:5px 0 0;
	width:980px;
}

.floatLeft {
	float:left;
	margin-right:15px;
}

.floatRight {
	float:right;
	margin-left:15px;
}

.footer a {
	color:#555555;
	font-weight:bold;
	text-decoration:none;
}

.footer h4 a {
	border-bottom:1px solid #555555;
	display:block;
	font-size:14px;
	height:13px;
	margin-top:15px;
	margin-bottom:15px;
	padding-bottom:18px;
	width:100%;
}

/*****			1. Begin Colset CSS						****/
.col2-set, .col3-set, .col4-set, .col5-set {
	clear:both;
}

.col3-set .col-1, .col3-set .col-2 {
	width:320px;
	margin-right:10px;
}

.col3-set .col-3 {
	width:320px;
}

.col3-set .col-1 {
	float:left;
}

.col3-set .col-2 {
	float:left;
}

.col3-set .col-3 {
	float:right;
}

.col4-set .col-1, .col4-set .col-2, .col4-set .col-3, .col4-set .col-4 {
	width:23%;
	margin-right:2%;
}

.col4-set .col-1 {
	float:left;
}

.col4-set .col-2 {
	float:left;
}

.col4-set .col-3 {
	float:left;
}

.col4-set .col-4 {
	float:right;
}

/*****			1. Begin Breadcrumbs CSS						****/
.breadcrumbs {
    width: 600px;
}

.breadcrumbs a {
    font-size: 11px;
    color:#d01111;
    text-decoration:none;
}

.breadcrumbs a:hover {
    color:#555555;
    text-decoration:underline;
}

.breadcrumbs li {
    font-size: 11px;
    color:#555555;
    margin-right: 10px;
    float: left;
}

/*****			1. Begin Breadcrumbs CSS						****/
.category-head {
    clear: both;
}

.category-head h1 {
    font-size:24px;
    color:#555555;
    padding: 10px 0 10px 0;
}

.category-head h2 {
    font-size:16px;
    color:#d01111;
    padding: 10px 0 10px 0;
}

.content p.intro {
    background-color: #e4e4e4;
    font-size:11px;
    color:#555555;
    padding: 10px;
    font-weight: bold;
}

/*****			1. Begin Boxes CSS						****/
.side-col .box {
    margin-bottom: 10px;
}

.side-col .head {
    text-align:left;
}

.side-col .content {
    padding:5px 10px;
}

.base-mini {
    background-image: url('../images/side-col-bg.gif');
    background-repeat: no-repeat;
    font-size:0.95em;
    line-height:1.3em;
}

.base-mini .head {
    margin:0 1px;
    padding:14px 8px;
}

.base-mini .head h4 {
    background-position:0 0;
    background-repeat:no-repeat;
    font-size: 14px;
    color:#d01111;
    min-height:14px;
}

/*****			1. Begin CMS Home CSS						****/
.home_banner {
	margin-bottom:15px;
	height: 320px;
}

.homepage .bg {
	background-image:url('../images/col-set3-bg.gif');
	background-repeat: no-repeat;
}

.homepage h3 {
	padding: 17px 13px 10px 13px;
	font-size: 16px;
	color: #d01111;
}

.homepage p {
	padding: 0px 13px 0px 13px;
	font-size: 11px;
	color: #555555;
}

.voordelen {
	border: 1px solid #555555;
}

.voordelen li {
	padding: 0px 13px 0px 13px;
	font-size: 11px;
	color: #555555;
	vertical-align: middle;
}

.voordelen h3 {
	padding: 10px 13px 10px 0px;
	font-size: 16px;
	color: #ffffff;
}

.homepage .box-header {
	background-image:url('../images/box-header-bg.gif');
	background-repeat: repeat-x;
}