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

/*

Website:    Kachels.nl
---------------------------------------
Design:     Ralph van Vugt | ClickSite
---------------------------------------
Startdate:  26-11-2009
---------------------------------------
Coded by:   Ralph van Vugt
---------------------------------------
Website:    www.clicksite.nl

*/

* {
	margin:0;
	padding:0;
}

a {
	color:#EB6A0C;
}
a:visited {
	color:#EB6A0C;
}

a:hover {
	color: #572523;
}
a:active {
	color: #EB6A0C;
}
a img {
	border:0;
	outline-style:none;
}

body {
	background-color:#404040;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	color:#656565;
	line-height:16px;
}

h1, H1 {
	font-size:24px;
	font-weight:normal;
	color:#ce681e;
}
h2, h2a {
	font-size:11px;
	font-weight:normal;
	text-decoration:none;
}
h3, h3a {
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
}
h4, h4a {
	font-size:18px;
	font-weight:normal;
	text-decoration:none;
	color:#ce681e;
}
/* containers */

#container {
	width:1024px;
	height:100%;
	margin:0 auto;
}

#containerhead {
	width:960px;
	height:90px;
	padding:25px 32px 0px 32px;
	background:url(../data/plaotjes/header.jpg);
}

#containerbody {
	width:960px;
	min-height:540px;
	padding:0px 32px 0px 32px;
	background:url(../data/plaotjes/achtergrond_tile.jpg) repeat-y;
	overflow:auto;

}
#containerfooter {
	widht:960px;
	height:50px;
	padding:0px 32px 0px 32px;
	background:url(../data/plaotjes/footer.jpg) top center no-repeat;
}

/* header */

#header {
	width:960px;
	height:90px;
	float:left;
	overflow:hidden;
}

/* navigatie */

#navigatie {
	width:710px;
	height:75px;
	background:url(../data/plaotjes/slogan.jpg) top left no-repeat;
	padding-left:250px;
}

#navMenu {
	margin:0;
	padding:0;
	list-style:none;
	float:left;
	
}
#navMenu li {
	height:20px;
	list-style:none;
	float:left;
}
#navMenu li a {
	display:block;
	margin:0px 7px 0px 15px;
	padding-top:27px;
	font-weight:bold;
	text-decoration:none;
}
#navMenu li a:hover {
	color:#572523;
	display:block;
	margin:0px 7px 0px 15px;
	padding-top:27px;
	font-weight:bold;
	text-decoration:none;
}
.selected a {
	color:#572523;
}

/* homepage */

#container_page {
	width:960px;
	height:100%;
	min-height:540px;
	background:url(../data/plaotjes/content_back.jpg) top center repeat-y;
}

#content_home {
	width:500px;
	padding:15px 0px 15px 15px;
	float:left;
}

#nieuws {
	width:165px;
	min-height:405px;
	float:right;
	background:url(../data/plaotjes/nieuws_back.jpg) bottom repeat-x;
	padding:60px 15px 0px 15px;
}

#nieuws li {
	list-style:none;
}

#bericht {
	width:165px;
	margin-bottom:20px;
}

#bericht img {
	margin-bottom:10px;
}

/* subnavigatie */

#sidebar {
	width:250px;
	min-height:300px;
	float:left;
}

#subnavigatie {
	width:165px;
	padding-top:65px;
}

#subnavigatie ul {
	list-style:none;
	text-align:right;
}

#subnavigatie li {
	margin-bottom:30px;
	background:url(../data/plaotjes/subnav.jpg) right no-repeat;
}

#subnavigatie li a {
	display:block;
	width:125px;
	height:20px;
	padding-right:40px;
	padding-top:2px;
	text-decoration:none;
}
	
#subnavigatie li a:hover {
	background:url(/data/plaotjes/subnav_hover.jpg) right no-repeat;
}

.current a {
	background:url(/data/plaotjes/subnav_hover.jpg) right no-repeat;
}

/* pagina */

#content {
	width:695px;
	padding:15px 0px 45px 15px;
	float:left;
}
#nieuwsoverzicht {
	width:630px;
	padding:15px 25px 85px 15px;
	float:left;
}
#nieuwsoverzicht li {
	list-style:none;
}

/* productpagina, algemeen */

#productcontainer {
	width:425px;
	float:right;
	margin-left:20px;
}

#product {
	width:425px;
	min-height:300px;
	margin-top:30px;
	float:right;
	background:url(/data/plaotjes/achtergrond.png) top center no-repeat;
}
#product img {
	max-width:400px;
}

#thumb {
	width:420px;
	float:right;
	padding-right:5px;
}

.thumb {
	margin-right:15px;
	margin-top:20px;
	max-width:44px;
	border:0;
	outline-style:none;
}
.thumb:hover {
	border:0;
	outline-style:none;
}

/* productpagina overzicht */

#productoverzicht {
	width:195px;
	height:160px;
	float:left;
	margin:30px 30px 0px 0px;
}

#productoverzicht img {
	margin-bottom:10px;
	border:1px solid #fff;
}
#productoverzicht img:hover {
	border:1px solid #de9d19;
	cursor:pointer;
}

/* footer */

#footer {
	width:960px;
	float:left;
	text-align:center;
	padding-top:2px;
	font-size:10px;
	color:#a47977;
}

#footer a {
	color:#a47977;
}
	

/* classes */

.intro {
	margin:30px 0px 20px 0px;
	font-weight:bold;
}

.imageRight {
	margin:0px 0px 10px 20px;
	float:right;
	max-width:205px;
}
.imageLeft {
	max-width:247px;
	margin-top:63px;
}
/* Doc 2 form */

.Doc2Form {
	vertical-align:top;
	font-style:normal;
}

.Doc2Form input {
	width:300px;
	height:15px;
	border:1px solid #908c6f;
	margin-bottom:10px;
	padding:2px;
	background-color:#fff;
	color:#908c6f;
}

.Doc2Form .truefalsejanej input {
	border:none;
	background-color:transparent;
	width:auto;
}

.Doc2Form input.formButton {
	width:100px;
	height:25px;
	border:1px solid #908c6f;
	margin-top:0px;
	margin-bottom:0px;
	margin-right:240px;
	padding:2px;
	background-color:#fff;
	color:#000;
	float:right;
}

.Doc2Form textarea {
	display:inline-block;
	border:1px solid #908c6f;
	margin-bottom:0px;
	width:300px;
	height:80px;
	padding:2px;
	background-color:#fff;
	color:#908c6f;
}

.Doc2Form label {
	display: inline-block;
	width: 150px;
	min-height:30px;
        vertical-align:top;
	font-style:normal;
}

.Doc2Form .truefalsejanej_area label {
	display: none;
}





















/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */