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

.sliderimg {
	border: 1px solid #ccc;
}
@font-face {
    font-family: 'nt_novofika';
    src: local('☺'), url('webfonts/NTNovo-Fika-webfont.eot');
    src: local('☺'), url('webfonts/NTNovo-Fika-webfont.eot?#iefix') format('embedded-opentype'),
         url('webfonts/NTNovo-Fika-webfont.woff2') format('woff2'),
         url('webfonts/NTNovo-Fika-webfont.woff') format('woff'),
         url('webfonts/NTNovo-Fika-webfont.ttf') format('truetype'),
         url('NTNovo-Fika-webfont.svg#nt_novofika') format('svg');
    font-weight: normal;
    font-style: normal;

}

* {
}

body {
	margin: 0px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	line-height:16px;
	color:#666666;
	font-family:Arial, Helvetica, sans-serif;
	/*background:url(img/background.png);*/
}
#wrapper {
	width:960px;
	margin:0px auto;
}

.sliderimg {
	-moz-border-radius: 0px;
	-webkit-border-radius: opx;
	border-radius: 0px; /* future proofing */
	-khtml-border-radius: 0px; /* for old Konqueror browsers */
	-moz-box-shadow: 0px 0px 0px #ccc;
	-webkit-box-shadow: 0px 0px 0px #ccc;
	box-shadow: 0px 0px 0px #ccc;
	background-color: #FFF;
	background-image: url(img/background.png);
}
.shopimg {
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px; /* future proofing */
	-khtml-border-radius: 8px; /* for old Konqueror browsers */
	-moz-box-shadow: 0px 0px 5px #ccc;
	-webkit-box-shadow: 0px 0px 5px #ccc;
	box-shadow: 0px 0px 5px #ccc;
	float:left;
	margin-right: 20px;
}

.fontgalleryimg {
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px; /* future proofing */
	-khtml-border-radius: 8px; /* for old Konqueror browsers */
	-moz-box-shadow: 0px 0px 5px #ccc;
	-webkit-box-shadow: 0px 0px 5px #ccc;
	box-shadow: 0px 0px 5px #ccc;
	background:url(img/background.png);
	border: 0px;
	height: 180px;
	width: 300px;
}
.fontgalleryimg:hover {
	opacity: 0.8;
}

.subnavimg {
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px; /* future proofing */
	-khtml-border-radius: 8px; /* for old Konqueror browsers */
	-moz-box-shadow: 0px 0px 5px #ccc;
	-webkit-box-shadow: 0px 0px 5px #ccc;
	box-shadow: 0px 0px 5px #ccc;
	background:url(img/background.png);
	border: 0px;
	height: 180px;
	width: 300px;
}

.borderimg { border: 1px solid #ccc;}

h1 { margin:0; font-size:20px; font-weight:bold; font-family:'nt_novofika'; text-transform:uppercase;}

h2 {
	margin:0px 0px 10px;
	font-size:24px;
	line-height:16px;
	font-family:nt_novofika;
	font-weight:lighter;
	color:#C93;
	text-transform:uppercase;
	font-family: nt_novofika;
}
h3 { margin:5px 0px 10px; font-size:24px; line-height:16px; font-family:'nt_novofika'; font-weight:lighter; color:#C93; text-transform:uppercase;}
/*h3 { margin:0px 0px 30px; font-size:16px; line-height:16px; font-weight:bold; text-align:center; color:#C93;}*/
h4 { margin:5px 0px 10px; font-size:15px; line-height:16px; color:#000;}

p {
	margin:0px;
	font-size:13px;
	line-height:20px;
	font-family: Arial, Helvetica, sans-serif;
}

hr { border-top: 1px dashed #ccc; margin-bottom:30px; border-bottom:0px; border-left:0px; border-right:0px;}


a {
    text-decoration:none;
    color:#C93;
}
a:hover {
    color:#C93;
	text-decoration:underline;
}

/*Header*/

#header {
	width:960px;
	height:150px;
	margin: 20px auto 30px;
	padding-bottom:30px;
	border-bottom: 1px dashed #cccccc;
	position:relative;
}
#logo {
	height:150px;
	width:150px;
	position:absolute;
	left:405px;
}
#header #nav {
    list-style:none;
	text-align:center;
    font-size:28px;
	letter-spacing:0.2ex;
	font-family:'nt_novofika';
}
#header #nav li {
    display:inline;
}
#header #nav li a {
    text-decoration:none;
    color:#000;
    line-height:170px;
    text-transform:uppercase;
}
#header #nav li a:hover {
	color:#C93;
	font-size: 28px;
	font-family: nt_novofika;
}
#nav .fonts-link {
    margin-right:100px;
}
#nav .contact-link {
    margin-left:100px;
}   
#nav .about-link {
    margin-left:150px;
}   
#nav .used-link {
    margin-right:150px;
}

/*End Header*/

/*Main*/
#main {
	width:960px;
	margin: 0px auto 0px;
	padding:10px 0px 30px;
	border-bottom: 1px dashed #cccccc;
	clear:both;
	text-align:center;
}

/*End main*/

/*Ul li*/
ul.gallery {
	margin:0px;
	padding:0px;
	list-style:none;
}
ul.gallery li{
	float:left;
	width: 300px;
	margin: 0px 30px 30px 0px;
	text-align:center;
	position:relative;
}
ul.gallery li:nth-child(3n+3) {
	margin-right: 0;
}
ul.gallery li.last {
	margin-right: 0;
}
ul.gallery li:last-child {
	margin-right: 0;
}
ul.gallery li:nth-child(3n) {
	margin-right: 0;
}

#clear {clear:both;}

ul.twocolm {
	margin:0px;
	padding:0px;
	list-style:none;
}
ul.twocolm li{
	float:left;
	width: 465px;
	margin: 0px 30px 30px 0px;
	text-align:left;
}
ul.twocolm li:nth-child(2n+2) {
	margin-right: 0;
}
ul.twocolm li.last {
	margin-right: 0;
}
ul.twocolm li:last-child {
	margin-right: 0;
}
ul.twocolm li:nth-child(2n) {
	margin-right: 0;
	font-family: nt_novofika;
}


ul.threecolm {
	margin:0px;
	padding:0px;
	list-style:none;
}
ul.threecolm li{
	float:left;
	width: 550px;
	margin: 0px 30px 30px 0px;
	text-align:left;
}


/*End ul li*/

/*Slider*/
#slides {
	text-align:center;
	width:970px;
	height:200px;
	margin:0px auto 30px;
	border-bottom: 0px dashed #ccc;
}
.slides_container {
	padding-top: 5px;
	width:970px;
    height:180px;
}
.slides_container div {
	padding-top: 5px;
    width:970px;
    height:180px;
}

.pagination {
	margin:20px auto 0;
	width:100px;
}

.pagination li {
	float:left;
	margin:0 1px;
	list-style:none;
}

.pagination li a {
	display:block;
	width:12px;
	height:0;
	padding-top:12px;
	background-image:url(images/pagination.png);
	background-position:0 0;
	float:left;
	overflow:hidden;
}

.pagination li.current a {
	background-position:0 -12px;
}
/*End slider*/

/*Subnav*/
#subnavl {
	position:relative;
	float:left;
	margin: 0px 30px 30px 0px;
	width:300px;
	padding:0px;
}
#subnavr {
	position:relative;
	float:left;
	margin: 0px 0px 30px 30px;
	width:300px;
	padding:0px;
	text-align:left;
}
#subnav {
	position:relative;
	float:left;
	margin: 0px 0px 30px 0px;
	padding:0px;
	text-align:left;
}
ul.subnav {
	margin:0px;
	padding:0px;
	list-style:none;
}
ul.subnav li{
	width: 300px;
	margin: 0px;
	text-align:center;
	border-bottom: 1px solid #fff;
	display:block;
	line-height:40px;
	font-size:13px;
	background:#F4F4F4;
}
ul.subnav li a{
	color:#000;
	text-decoration:none;
	display:block;
}
ul.subnav li a:hover{
	color:#C93;
	background:#F8f8f8;
	text-decoration:none;
	display:block;
}

#current { border-left: 3px solid #F89866;}
/*End subnav*/

/*form flex*/
#formflex {
	position:relative;
	float:left;
}
ul.formflex {
	margin:0px;
	padding:0px;
	list-style:none;
}
ul.formflex li{
	height:20px;
	margin: 0px ;
	text-align:left;
	display:block;
	line-height:20px;
	font-size:13px;
	float:left;
}
ul.formflex li a{
	color:#000;
	text-decoration:none;
	display:block;
}
ul.formflex li a:hover{
	color:#C93;
	background:#F8f8f8;
	text-decoration:none;
	display:block;
}
/*End form flex*/

/*form 2 colm*/
#form2 {
	position:relative;
	float:left;
}
ul.form2 {
	margin:0px;
	padding:0px;
	list-style:none;
}
ul.form2 li{
	width: 310px;
	height: 70px;
	margin: 0px ;
	text-align:left;
	display:block;
	line-height:20px;
	font-size:13px;
	float:left;
}
ul.form2 li a{
	color:#000;
	text-decoration:none;
	display:block;
}
ul.form2 li a:hover{
	color:#C93;
	background:#F8f8f8;
	text-decoration:none;
	display:block;
}
/*End form 2 colm*/

/*form 3 colm*/
#form {
	position:relative;
	float:left;
}
ul.form {
	margin:0px;
	padding:0px;
	list-style:none;
}
ul.form li{
	width: 205px;
	margin: 0px ;
	text-align:left;
	display:block;
	line-height:20px;
	font-size:13px;
	float:left;
}
ul.form li a{
	color:#000;
	text-decoration:none;
	display:block;
}
ul.form li a:hover{
	color:#C93;
	background:#F8f8f8;
	text-decoration:none;
	display:block;
}
/*End form 3 colm*/

/*form 4 colm*/
#form4 {
	position:relative;
	float:left;
}
ul.form4 {
	margin:0px;
	padding:0px;
	list-style:none;
}
ul.form4 li{
	width: 148px;
	margin: 0px ;
	text-align:left;
	display:block;
	line-height:20px;
	font-size:13px;
	float:left;
	padding-left: 8px;
	border-left: 1px dashed #cccccc;
}
ul.form4 li a{
	color:#000;
	text-decoration:none;
	display:block;
}
ul.form4 li a:hover{
	color:#C93;
	background:#F8f8f8;
	text-decoration:none;
	display:block;
}
/*End form 4 colm*/


/*Viewer*/
#viewer {
	position:relative;
	float:left;
	margin: 0px;
	width:630px;
	padding:0px;
	text-align:left;
}

/*Viewer*/

/*Footer*/
#footer {
	position:relative;
	width:960px;
	height:20px;
	margin: 30px auto 0px;
	padding-bottom:20px;
}
/*End footer*/

ul.bullet_check li,div.bullet_check li {
    list-style: none;
    padding: 0px;
    margin: 7px;
    line-height: 18px;
    padding-left: 25px;
}
ul.bullet_check li,div.bullet_check li {
    background: transparent url(images/check.png) no-repeat 0 .2em;
}
/*Contact formulier*/
.contact_veld {
	background-color:#ffffff;
	border: 1px solid #cccccc;
	color:#999999;
	display:block;
	font-size:12px;
	margin:5px 0;
	padding:6px;
	width:200px;
	border-radius: 3px;
}
.contact_box {
	background-color:#ffffff;
	border: 1px solid #cccccc;
	color:#999999;
	display:block;
	font-size:12px;
	margin:5px 0;
	padding:6px;
	width:510px;
	border-radius: 3px;
}
.checkbox {
	margin:4px 0;
}
.contact_submit {
	background-color:#C93;
	color:#ffffff;
	display:block;
	font-size:12px;
	margin:5px 0;
	padding:6px;
	border:none;
	width: 70px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px; /* future proofing */
	-khtml-border-radius: 3px; /* for old Konqueror browsers */
}
.orange { color:#C93; font-size:14px;}
.price { color:#b7d267; font-size:13px; margin-right: 25px; float:right;}
.pricev2 {
	color:#b7d267;
	font-size:13px;
	margin-right: 25px;
	float:right;
}
.pricev3 { color:#b7d267; font-size:13px; margin-right: 10px; float:right;}
.pricev4 { color:#b7d267; font-size:13px;}
/*End ontact formulier*/

.freelabel { position:absolute; top: -20px; right: 40px; border:0px; background: url(images/free.png) no-repeat; z-index:2; width:220px; height:220px;} 
.deallabel { position:absolute; top: -20px; right: 40px; border:0px; background: url(images/deal.png) no-repeat; z-index:2; width:220px; height:220px;} 
.newlabel { position:absolute; top: -20px; right: 40px; border:0px; background: url(images/new.png) no-repeat; z-index:2; width:220px; height:220px;} 
#main #subnav .threecolm li h3 {
	font-size: 24px;
}