/* CSS Document */

html {
	background: #0f9904 url(../images/main_bg_rep.jpg) repeat-x 0 0;
}

body {
	padding: 0;
	margin: 0;
	font-family: "Trebuchet MS", Verdana, Helvetica, sans-serif;
	font-size: small;
	color: #212121;
}

h1 {
	margin: 10px 0 40px 25px;
	padding: 40px 0 0 0;
	color: #00347e;
	font-size: 2em;
	font-weight: normal;
	letter-spacing: -0.04em;
}

h2 {
	margin: 16px 30px 10px 30px;
	padding: 0;
	color: #212121;
	font-size: 1.4em;
	font-weight: normal;
	letter-spacing: -0.04em;
}

p {
	margin: 0 50px 16px 50px;
	padding: 0;
	text-align: justify;
	line-height: 1.4em;
}

a img {border:none;}

#wrapper {
	position: absolute;
	margin: 0 0;
	width: 100%;
	height: 800px; /*deze hoogte nog weghalen zodra content gevuld*/
	background: url(../images/mainbg.jpg) no-repeat 0 0;
}

#nav {
	position:absolute;
	top: 187px;
	left: 0;
	margin: 0;
	padding-left: 105px;
	height: 53px;
	list-style: none;
	float: left;
}

#nav li {
	margin: 0;
	padding: 0;
	margin-top: 13px;
	float: left;
}

#nav a {
	display:block;
	float: left;
	padding: 0 2em 4px 2em;
	line-height: 2.1em;
	text-decoration: none;
	color: #00347e;
	text-transform: uppercase;
}

#nav a.active {
	background: url(../images/nav_arrow.gif) no-repeat 50% 22px;
}

#nav a:hover {
	background: url(../images/nav_arrow.gif) no-repeat 50% 22px;
}
#contain {
	clear:both;
	position: absolute;
	top: 234px;
	left: 106px;
	width: 598px;
	background: #0f9905 url(../images/contentbg.jpg) repeat-x 0 0;
}
#wrapContent {background: #bbfbf6;}

#wrapContent a:link, #wrapContent a:visited {
	text-decoration: underline;
	font-weight: bold;
	color: #00347E;
}

#wrapContent a:hover {
	background: #00347e;
	text-decoration: none;
	color: #fff;
}
#wrapContent .update {background:#A4EFE8; border:1px solid #26CFC0; padding:5px; width:290px;}
#wrapContent .update a[rel="facebox"] {background:none;}

body.home #wrapContent a.imgRight img {float:right; padding: 0 10px 20px 0; width:220px;}
body.home #wrapContent .update img {border:1px solid #53DFD2; padding:1px;}

body.assortiment #wrapContent .catZoom a, body.assortiment #wrapContent .catZoom a:visited {
	font-weight: normal;
	text-decoration: none;
}

body.assortiment #wrapContent .catZoom a:hover {
	color: #00347e;
	background: #bbfbf6 url(../images/cat_bullet_s.gif) no-repeat 0 0;
}

#wrapContent table {
	border-collapse: collapse;
	margin: 0 50px;
}

#wrapContent table tr td {
	padding: 0;
	width: 100px;
}

#thumbs {
	float:right;
	width: 410px;
}

#thumbs p.t {
	padding:0 0 0 50px;
	margin:0;
}
#footer {
	margin:0;
	padding:30px 0 20px 0;
	text-align: center;
	color: #0058A0;
	font-size: 80%;
	display: block;
	background: url(../images/bg_footer.gif) no-repeat 0 0;
	width: 598px;
	position: relative;
	top: 0;
	left: 0;
}
#footer a, #footer a:visited {
	color: #0058A0;
}
#footer a:hover {
	background: none;
	text-decoration: none;
}

.adres {
	margin-left: 50px;
	padding: 0;
	list-style: none;
}

.cat {
	list-style: none;
	margin: 0 0 0 50px;
	padding: 0;
}

.cat li {
	padding-left: 30px;
	padding-bottom: 5px;
	margin-bottom: 10px;
	background: url(../images/cat_bullet.gif) no-repeat 0 0;
}

.cat a {
	font-size: 1em;
	text-decoration: none;
	color: #212121;
}

.cat a:hover {
	text-decoration: underline;
}

.catZoom {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 175px;
	text-align: center;
}

.catZoom li {
	margin: 5px 0;
	padding-left: 35px;
	padding-bottom: 20px;
	background: url(../images/cat_divider.gif) no-repeat 40px 30px;
}

.catZoom li.last {
	background: none;
}

.catZoom a {
	font-size: 1em;
	text-decoration: none;
	color: #212121;
	display: block;
}

.catZoom a.selected {
	background: url(../images/cat_bullet_s.gif) no-repeat 0 0;
}

ul.ass {
	padding-left: 0;
	margin-left: 80px;
}

.clearFloat {
	clear: right;
}
.clear {
	clear: both;
	display: block;
}
.marginFix, li.marginFix {
	margin-bottom: 0;
}


/*----------------------------------------------------------
		POPUP FORM
-----------------------------------------------------------*/

#popup fieldset {
	margin:0 0 0 50px;
	padding:0;
	border:0;
}
#popup label {
	width:250px; 
	display:block;
}
#popup .txt_input {
	width:250px; 
	display:block;
}
#popup textarea {
	height:80px; 
	width:250px;
}
#popup input {
	display:block;
}
#popup .req {
	color:#f00;
	font-size:90%;
}
#popup #form_errors {
	color:#f00; 
	display:none;
}
#popup #form_thanks{
	color:#000; 
	display:none;
}