/*

	STUDIOWEB.NL
	VERSION 2.0
	
	CONTENTS ----------
	
	   BODY
	   DEFAULT STYLING
	   FORMS
	   LAYOUT
	   NAVIGATION
	
    -------------------
    
    COLOURS -----------
    
        green #513988
        blue #004f79
        white #ffffff
    
    -------------------
	
*/

@import url(reset.css); /* RESET CSS */
@import url(fancybox.css);
@import url(nivo-slider.css);



/* BODY
---------------------------------------------------------------------- */

/* LAYOUT BASIC */
html, body {
	min-height: 100%;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}
* {
	margin: 0px;
	padding: 0px;
}
body {
	margin: 0;
	padding: 0;
	min-width: 100%;
	text-align: left;
	background: #0b0b0b url('../img/header.png') top center no-repeat;
}
* html body {
	behavior: url("../js/csshover.htc");
}

#pagebody{
	position: relative;
	margin: 0 auto;
	width: 1018px;
}


/* DEFAULT STYLING
---------------------------------------------------------------------- */
body {
	font: normal 12px Arial, Verdana, Helvetica sans-serif;
	line-height: 145%;
	color: #4f3e6b ;
}
body table, table p {
	font-size: 100%;}
	
p, div, h1, h2, h3, h4, ul, li, form, input, select, option {
	margin:					0;
	padding:				0;
}
p {
	margin-bottom: 0;
	line-height: 20px;
	font-size: 12px;
	color: #4f3e6b;
}
strong {
	font-weight: bold;}
em {
	font-style: italic;
}
.small {
	line-break: 14px;
	font-size: 11px;}
.blue, .blue * {
	color: #0053a1;
}
.red, .red * {
	color: #ce0019;
}
.white {
	color: white;
}

a {
	color: #ad83b3;
	border: none;
	text-decoration: none;
}
a:hover, a.active {
	color: #7eb11f;
	text-decoration: none;
}
a.active {
	color: #7eb11f;
}

/* heading */
h1,h2,h3,h4,h5,h6,p {
	margin: 0;
	padding: 0;
	font-weight: 400;
}

h1 {
	margin:0;
	font-family: 'Myriad Pro', Helvetica, Arial, sans-serif;
	font-weight: -100;
	letter-spacing: 2px;
	font-weight: light;
	font-size: 20px;
	line-height: 21px;
	color: #4a0171;
	margin-bottom: 5px;
}

h2 {
	margin-bottom: 8px;
	font-family: 'Myriad Pro', Helvetica, Arial, sans-serif;
	font-weight: -100;
	letter-spacing: 2px;
	font-weight: light;
	font-size: 20px;
	line-height: 21px;
	color: #4a0171;
}


h2 a {
	color: #004e98;
}

h3 {
	display: block;
	font-size: 15px;
	text-align: left;
	line-height: 18px;
	color: #4a0171;
}

h4 {
	display: block;
	font-size: 14px;
	text-align: left;
	line-height: 17px;
	color: #4a0171;
}

h5 {
	display: block;
	font-size: 12px;
	line-height: 14px;
	font-weight: 700;
	text-align: left;
	color: #4a0171;
}

h6 {
	display: block;
	font-size: 12px;
	line-height: 14px;
	font-weight: 700;
	text-align: left;
	color: #4a0171;
}

.button-black {
	background: url("../img/btn_black.png") bottom right no-repeat;
	display: inline-block;
	font-size: 12px;
	line-height: 13px;
	padding: 8px 45px 7px 10px;
}

/* specific styles */
.date {
	color: #ce0019;
}
.price {
	color: #0053a1;
	font-size: 21px;
}
.bread-text {}
.link a{
	color: #ce0019;
	font-style: italic;
}
.link a:hover{
	color: #ce0019;
}
.bold {
	font-weight: bold;
}
.normal {
	font-weight: normal;
}
.uppercase {
	text-transform: uppercase;
}
.inline {
	display: inline;
}
.block {
	display: block;
}
/* lists */
ul, ol {
	margin: 9px 0 9px 22px;
	padding: 0;
	line-height: 17px;
}
ul { 
	list-style: none;
}
ol li{
	padding: 0; margin: 0;
}

dl { padding: 10px; margin: 0; }

dt {
  font-weight: bold;
  color: #79A62E;
}
dd {
  padding-left: 25px; 
}


ul.sites { 
	list-style: none;
	list-style-type: none;
	margin:0px 0px; 
	padding:0 0 0 0px; 
	width: 200px;
}
ul.sites li { 
	margin: 0; 
	padding: 0; 
}
ul.sites a { 
	display:block; 
	padding-left:21px; 
	padding-top:3px; 
	padding-bottom:3px; 
	border: 0;
	background: url("../img/arrow_square_blue.png") 0px 4px no-repeat; 
	font-size: 14px;
	line-height: 16px;
	color: #0053a1;
}
ul.sites a:hover,ul.sites a.active { 
	background-image: url("../img/arrow_square_red.png");
	text-decoration: none;
	border: 0;
} 

/* blockquote, img, hr */
blockquote, pre {
	padding: 10px 30px;
}
blockquote {
	font: italic 12px Georgia, Times, serif;
	margin: 8px 0;
}
* html ul, * html ol {
	margin-left: 22px;
}
img {
	margin: 0;
	padding: 0;
	border: 0;
}
a:hover {
	border-color: transparent;
}
.pointerhand {
	cursor: pointer;
}
hr {
	border: solid #fff 0px;
	border-top-width: 1px;
	height: 0px;
	padding: 0px;
	line-height: 0px;
	margin-top: 4px;
	margin-bottom: 4px;
}
div.page-hr, div.hr, div.hr2 {
	background: url("../img/ruler.png") 0px 7px repeat-x; 
	clear: both;
	margin: 0;
	height:15px;}
div.hr2 {
	background-position: 0px 10px;
	height: 21px;}
div.page-hr {
	background-position: 0px 5px;
	height: 10px;}
div.page-hr hr,div.hr hr,div.hr2 hr {
	margin: 0;
	display:none}

/* images */
img {}
img.right {
	float: right;
  	margin: 5px 0px 10px 10px;  
}
img.left {
	float: left;
  	margin: 5px 10px 10px 0px;
}
img#loading_bar {display: none;}


code {
  	margin: 5px 0;
  	padding: 15px;
  	text-align: left;
  	display: block;
  	overflow: auto;  
  	font: 500 1em/1.5em 'Lucida Console', 'Courier New', monospace;
  	/* white-space: pre; */
  	border: 1px solid #EEE8E1; 
	background: #FAF7F5;
}
acronym {
	cursor: help;
	border-bottom: 1px dotted #895F30;
}
blockquote {
	margin: 15px 10px;
 	padding: 5px 7px 5px 40px;  	
	font-weight: normal;
	font-size: 17px;
	line-height: 1.6em;
	font-style: italic;
	font-family: Georgia, 'Times New Roman', Times, serif;		
	color: #80614D;	
	border: 1px solid #EEE8E1; 
}

.texttable{
	width: 534px;
}
.texttable td{
	padding: 0;
	margin: 0;
	border: 0;
	text-align: left;
}
.texttable td.ttop{
	width: 534px;
	color: #252525;
}
.texttable td.tleft{
	width: 255px;
}
.texttable td.tright{
	width: 255px;
	padding-left: 24px;
}

/* LAYOUT
---------------------------------------------------------------------- */
#wrapper {
	border: 0;
	position: relative;
	margin: 0 auto;
	text-align: left;
	padding: 0 0 0 0;
	width: 1017px;
}
/* html #wrapper {
	height: 100%;
}
html>body #wrapper {
	height: auto;
}*/

#header {
	position: relative;
	width: 1017px;
	height: 87px;
	margin: 0px auto;
	padding: 0 0 0 0px;
	text-align: left;
}

#contact {
	position:relative;
	margin:0;
	padding:0;
	width:69px;
	height:26px;
	padding-right: 7px;
	padding-top: 35px;
	float:right;
}

#contact a{
	display: block;
	position: relative;
	padding: 0;
	margin-left: 9px;
	float: left;
}

#contact a img{
	border: none;
}


#banner-left{
	position: relative;
	margin: 20px 0 0 0;
	padding: 0;
	width: 178px;
	height: 197px;
	float: left;
}


#banner-right{
	position: relative;
	margin: 18px 0 0 0;
	padding: 0;
	width: 234px;
	height: 178px;
	float: right;
}


.push {
	height: 198px; /* .push must be the same height as .footer */
}

#logo{
	position: relative;
	margin: 0 auto;
	background: url('../img/logo.png') top left no-repeat;
	height: 140px;
	width: 395px;
	z-index: 50;
	border: 0;
}

#logo a{
	display: block;
	height: 140px;
	width: 395px;
	padding:0; border:0; margin:0;
	border: 0;
	color: black;
}

#logoclick:hover{
	border: 0;
}

#sfeer {
	position: relative;
	width: 1018px;
	height: 341px;
	margin: 0;
	padding: 0;
	z-index: 10;
	border: 0;
	overflow: hidden;
}

#sfeer-mask{
	position: absolute;
	left: 0;
	top: 0;
	width: 1017px;
	height: 341px;
	background: url('../img/sfeermask.png') top left no-repeat;
	z-index: 30;
}

#sfeer-links{
	position: absolute;
	top: 280px;
	left: 100px;
	z-index: 40;
}

#sfeer-links a{
	position: absolute;
	display: block;
	background: url('../img/bg_sfeer_link.png') repeat-x;
	padding: 0 20px;
	line-height: 40px;
	min-width: 180px;
	color: #fff;
}

#sfeer-links a:hover{
	text-decoration: underline;
}

#page-slide{
	position: relative;
	margin:0;
	padding:0;
	width: 458px;
	height: 330px;
	overflow: hidden;
}

#content {
	width: 1017px;
	margin: 21px 0 0 0;
	padding: 0;
	text-align: left;
	background-color: #0b0b0b;
	min-height: 227px;
}
#content-shop{
	width: 1017px;
	margin: 15px 0px 0px 5px;
	padding: 0;
	text-align: left;
	background-color: #0b0b0b;
	min-height: 227px;	
	background: url('../img/shop-cont-bg.png') top left repeat-y;
	margin-bottom: 20px;
}

#blocks{
	position: relative;
	margin: 0;
	padding: 0 12px 0 12px;
	width: 1017px;
	float: left;
}

.block{
	position: relative;
	float: left;
	padding: 0;
	width: 318px;
	height: 116px;
}

.block a{
	border: none;
}

#block1{
	margin-right: 19px;
}

#block2{
	margin-right: 19px;
}

#block3{
	margin-top: -23px;
	z-index: 21;
}

#content-inner{
	margin: 17px 0 10px 0;
	width: 1017px;
	padding: 0px;
	float: left;
	background: url('../img/content-inner.png') top left repeat-y; 
}

#content-inner-shop{
	width: 1006px;
	float: left;
	background: white;
	min-height: 450px;
	background: url('../img/shop-bg.png') top left no-repeat;
}

#content-left-shop{
	position: relative;
	margin:0;
	padding:15px;
	width:251px;
	float: left;
}

#content-right-shop{
	position: relative;
	margin:0;
	padding:15px;
	width:669px;
	float: left;
	margin-left: 26px;
}
#content-right-shop2{
	position: relative;
	margin:0;
	padding:10px;
	width:679px;
	float: left;
	margin-left: 26px;
}
.page-wrap{
	padding: 8px;
}
#content-left{
	position: relative;
	margin: 0 0 0 12px;
	padding: 0;
	background: url('../img/content-left2.png') top left no-repeat;
	width: 484px;
	min-height: 293px;
	float: left;
	color:#ffffff;
	text-align: left;
}

#merknav{
	position: relative;
	list-style: disc;
	float: left;
	margin-right: 15px;
	z-index: 50;
	width: 238px;
}

#merknav li{
	float:left;
	width: 119px;
}

#merknav li.activeSlide a{
	color:black;
}
#merknav li a{
	color: #e6dceb;
	font-size: 13px;
}

#merknav li a:hover{
	color: #d8c4e3;
}
#merknav li.activeSlide a:hover{
	color:black;
}

#model-left{
	position: absolute;
	left: 0px;
	top: 0px;
	height: 300px;
	width: 207px;
	background: url('../img/model-left.png') top left no-repeat;
	z-index: 30;
}

#content-block{
	position: relative;
	width: 260px;
	height: 255px;
	background: #82509d url('../img/content-left-flow.png') top right no-repeat;
	float: right;
	margin: 0;
	z-index: 10;
}
#content-block span{
	width: 240px;
	display: block;
	color:#e6dceb;
	font-size: 20px;
	padding: 10px;
	
}

#content-right{
	position: relative;
	margin: 0 12px 0 0;
	padding: 35px;
	background: url('../img/content-right2.png') top left no-repeat;
	width: 410px;
	min-height: 250px;
	float: right;
}
.clear, .clearspace{
	clear: both;
	height: 0px;
	line-height: 0px;
}
.clearspace{
	height: 25px;
}


#social_list{
	margin: 0;
	padding: 10px 0 0 0;
	list-style: none;
}

#social_list li{
	float: left;
}

#social_list li a{
	display: block;
	position: relative;
	height: 26px;
	width: 24px;
	padding-left: 4px;
}

#rss a{
	background: url('../img/rss.png') top left no-repeat;	
}

#twitter a{
	background: url('../img/twitter.png') top left no-repeat;
}

#facebook a{
	background: url('../img/facebook.png') top left no-repeat;
}

#youtube a{
	background: url('../img/youtube.png') top left no-repeat;
}

#flicker a{
	background: url('../img/flicker.png') top left no-repeat;
}

#footer{
	position: relative;
	min-height: 114px;
	background: url('../img/footer.png') top center no-repeat;
	width: 100%
	margin: 0px auto;
	padding-bottom: 40px;
}

#footer-inner{
	position: relative;
	width: 1017px;
	margin: 0px auto;
}
#footer-inner p, #footer-inner span {
	margin: 0;
	padding: 0;
	color: #ad83b3;
}

#footnav{
	position: relative;
	margin:0;
	padding:0;
	width: 530px;
	list-style: none;
	padding-top: 10px;
	padding-left: 40px;
	float:left;
	}
#footnav li{
	position: relative;
	margin:0;
	padding:0;
	width: 175px;
	float:left;
}
#footnav li a{
	font-size: 13px;
	color: #ad83b3;
	font-weight: bold;
}
	
#footnav li ul{
	position: relative;
	margin: 0;
	padding: 0;
	list-style: none;
}
#footnav li ul li a{
	font-size: 12px;
	font-weight: normal;
}
#footnav li a:hover, #footnav li a.active{
	color: white;
}
/* main column */
#sidebar-left {
	float: left;
	width: 240px;
}
#main, #main-long {
	float: left;
	width: 491px;
	padding: 0; margin: 0;
}
#main-long {
	width: 746px;
}

/* sidebar */
#sidebar {	
	z-index: 12;
	position: relative;
	float: left;
	width: 245px;
	margin: 0 0 0 10px;
	padding: 0; 
	overflow-x: hidden;
}
#sidebar img{	
	display: block;
}

/* alignment classes */
.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right { text-align: right; }

/* display and additional classes */
.no-border { border: none; }
.clear { 
	clear: both;
	height:0; 
	font-size: 0px;
	line-height: 0px;
}
.clear:after {
	display:block; 
	visibility:hidden; 
	clear:both; 
	height:0; 
	content: "."; 
}


/* FORMS
---------------------------------------------------------------------- */
form {
	margin: 0; 
}
form {
	margin: 0;
	padding: 0;
	font-size: 100%;
}
form p {
	margin-bottom: 1px;
}
fieldset {
	clear: both;
	font-size: 100%;
	background-color: none;
	border-color: #0053a1;
	border-width: 1px 0 0;
	border-style: solid none none;
	padding: 3px 10px;
	margin: 0;
}
fieldset legend {
	margin-left: -2px;	
	font-size: 16px;
	font-weight: normal;
	color: #4a0171;
	margin: 0 0 0 0;
	padding: 0 3px 8px 3px;
}
label.float-left{
	float: left;
	clear: left;
	text-align: left;
	width: 200px;
	font-size: 12px;
	padding-top: 1px;
}
.fieldset-content {
	float: left;
	width: 285px;
}	
label {
	padding: 3px 0;
	font-size: 100%;
}

label.error {
	color: red;
}
label u {
	font-style: normal;
	text-decoration: underline;
}
input, select, textarea {
	font-family: Arial, sans-serif;
	color: #4a0171;
	margin: 1px 2px;
	padding: 3px;
	font-size: 12px;
}
input.error, input.error:focus {
	border: 1px dotted red;
}
/*input:focus, select:focus, textarea:focus {
	color: #393936;
	border-color: #393936;
}*/
input.submit, input.button {
	background: #7eb11f;
	color: white;
	padding: 2px 4px;
}
textarea {
	overflow: auto;
}
.activeField
{
        background-image: none;
        background-color: #ffffff;
        border: solid 1px #4a0171;
}
.idle
{
    border: solid 1px #4a0171;
    background-image: url('../img/blue_bg.png');
    background-repeat: repeat-x;
    background-position: top;
}

input.text-input{
	width: 160px;
}
.textarea-input{
	width: 165px;
}

.text-format {
	background: transparent;
	margin: 0;
	padding: 0;
	border: none;
}
.comment-form {
	width: 460px;
}
.input-comment {
	width: 460px;
}
.filter-menu select, .filter-menu input {
	width: 200px;
	margin: 4px 0;
}
.filter-menu input {
	width: 196px;
}


/* NAVIGATION
---------------------------------------------------------------------- */

#menu{
	position: relative;
	height: 34px;
	width: 1017px;
	padding: 0;
	margin: 0;
	line-height: 34px;
	text-align: center;
	z-index: 20;
	background: url('../img/menu.png') top left no-repeat;
}

#menu a {
	margin: 0;
	padding-right: 15px;
	font-size: 14px;
	border: none;
	color: #bca1cb;
	text-decoration: none; 
}

#menu a:hover, #menu a.active{
	color: white;
}

/* MISCELLANEOUS
---------------------------------------------------------------------- */
#gallery{
	width: 491px;
	height: 208px;
	position: absolute;
	top: 0;
	left: 9px;
}
#slider-content {
	position: relative;
	width: 491px;
	height: 208px;
	overflow: hidden;
}
#slider-content .slide-image {
	float: left;
	width: 491px;
	height: 208px;
	overflow: hidden;
}
#slider-content .slide-description {
	background: url("../img/sfeer-desc.png") top left no-repeat;
	position:absolute;
	height: 46px;
	width: 270px;
	margin-left: 13px;
	margin-bottom: 13px;
	padding: 13px 10px 0 10px;
	bottom: 0;
	left: 0;
	color: #fff;
}
#slider-content .slide-description h3 {
	color: #fff;
	font-size: 16px;
	line-height: 20px;
	font-weight: normal;
}
#slider-content h2, #slide-content a {
	font-family: Helvetica, Arial, sans-serif;
	color: #fff;
}
#slider-nav {
	position: absolute;
	bottom: 15px;
	left: 350px;
	width: 120px;
	height: 35px;
	z-index: 9;
	text-align: left;
}
#slider-nav a { 
	display: inline-block;
	background: #000;
	margin: 3px; 
	padding: 2px 3px; 
	border: 1px solid #fff; 
	color: #fff; 
	line-height: 12px;
	text-decoration: none;
}
#slider-nav a.activeSlide { 
	background: #fff;
	border-color: #000;
	color: #000;
}
#slider-nav a:focus { 
	outline: none;
}








#sidebar-outer{

}
.sidebox1{
	position: relative;
	margin: 10px auto 0px auto;
	padding:0;
	width: 243px;
	border: 1px solid #0053a1;
	background: #f9f9f9;
	color: #707173;
	font-size: 11px;
}
.sidebox1 .sidebox-top, .sidebox1 .sidebox-body{
	margin: 0; padding: 5px 10px; border: 0;
}

/*.sidebox1 .sidebox-top{
	width: 158px;
	height: 11px;
	background: url('../img/sidebox1-top.png') top left no-repeat;
	padding: 0;
	border: 0;
	margin: 0;
}
.sidebox1 .sidebox-body{
	background: url('../img/sidebox1-repeat.png') top left repeat-y;
	width: 158px;
	height: auto;
	margin: 0; padding: 0; border: 0;
}
.sidebox1 .sidebox-body-inner{
	padding: 5px 10px;
	color: #ffffff;
	font-size: 11px;
}
.sidebox1 .sidebox-bottom{
	width: 158px;
	height: 14px;
	background: url('../img/sidebox1-bottom.png') top left no-repeat;
	padding: 0;
	border: 0;
	margin: 0;
}*/

.content-right-item, .content-left-item{
	position: relative;
	margin: 10px auto 0px auto;
	padding:0;
	width: 243px;
	border: 1px solid #0053a1;
	background: #f9f9f9;
	color: #707173;
	font-size: 11px;
}
.content-right-item{

}

.item-wrapper{
	padding: 10px;
}

/*.sidebox2{
	clear: both;
	width: 158px;
	margin: 0 0 14px 0; padding: 0; border: 0;
}
.sidebox2 .sidebox-top{
	width: 158px;
	height: 10px;
	background: url('../img/sidebox2-top.png') top left no-repeat;
	padding: 0;
	border: 0;
	margin: 0;
}
.sidebox2 .sidebox-body{
	background: url('../img/sidebox2-repeat.png') top left repeat-y;
	width: 158px;
	height: auto;
	margin: 0; padding: 0; border: 0;
}
.sidebox2 .sidebox-body-inner{
	padding: 5px 10px;
	color: #585858;
	font-size: 11px;
}
.sidebox2 .sidebox-bottom{
	width: 158px;
	height: 15px;
	background: url('../img/sidebox2-bottom.png') top left no-repeat;
	padding: 0;
	border: 0;
	margin: 0;
}*/


/* frontpage */
#frontpage{}
#frontpage h1 {
	margin-bottom: 1px;
}

#frontpage .col-s {
	width: 170px;
	margin-right: 15px;
}
#frontpage .col-s p{
	margin-bottom: 0px;
}

/* portfolio */

.portfolio-item {
	display: block;
	margin-bottom: 12px;
	text-align: left;
}
.portfolio-item .inner{
	background: #e3e9f2;
	padding: 8px 9px 2px 9px;
}
.portfolio-item.odd {
	margin-left: 0;
	clear: left;
}
.portfolio-item .portfolio-image{
	float: left;
	width: 210px;
	min-height: 120px;
}
.portfolio-item .portfolio-image img{
	display: block;
	border: 0;
}
.portfolio-item .portfolio-body{
	display: block;
	padding: 5px 10px 5px 10px;
	overflow: hidden;
	border: none;
	border-top: 1px #dddfe0 solid;
	border-bottom: 1px #dddfe0 solid;
	min-height: 110px;
}
* html .portfolio-item .portfolio-body{
	height: 120px; he\ight: 110px;
}
.portfolio-item .portfolio-title{
	display: block;
	padding: 3px 1px 0 1px;
	height: 20px;
	overflow: hidden;
	border: none;
}
.portfolio-customers {
	background: #96b7d1 url("../img/screenshot.png") bottom left repeat-x;
	padding: 10px;
	text-align: left;
}
.portfolio-customers .inner{
	background: #e3e9f2;
	padding: 8px 10px 2px 10px;
}
.portfolio-customers .col{
	float: left;
	padding: 0;
	width: 140px;
}

.portfolio-detail-images {
	float: left;
	width: 350px;
	min-height: 250px;
}
.portfolio-detail-description {
	float: left;
	width: 225px;
}

.portfolio-detail-images .big-photo {
	background: url("../img/screenshot_shadow.png") top left no-repeat;
	width: 340px;
	height: 250px;
	overflow: hidden;
}
.portfolio-detail-images .big-photo img{
	position: relative;
	border: 0;
}
.portfolio-detail-images .thumbnails {
	padding-top: 1px;
}
.portfolio-detail-images .thumbnail {
	float: left;
	width: 84px;
	height: 63px;
}
.portfolio-detail-images .thumbnail img{
	position: relative;
	border: 0;
}
#portfolio .website-url {
	padding-top: 10px;
	padding-left: 55px;
	font-weight: bold;
}
#nav-thumbnails { margin: 0; padding: 0; }
#nav-thumbnails li { 
	width: 84px;height: 63px; float: left; list-style: none }
#nav-thumbnails a { width: 104px; display: block; }
#nav-thumbnails a.activeSlide { }
#nav-thumbnails a:focus { outline: none; }
#nav-thumbnails img { 
	border: none; display: block; 	position: relative;
 }

/* news */
.news{}

#news .news-item {
	display: block;
	height: auto;

}
.news .news-item.firstitem {
	width: 491px;
	height: 238px;
	float: left
}
#news .news-item-inner {
	padding: 10px 15px;
	border-bottom: 1px solid #e2e2e2;
}
.news .news-item-image {
	float: left;
	width: 270px;
	min-height: 150px;
	padding: 0;
}
.news .news-item-body {
	padding: 0;
}
#news .news-item.odd {
	margin-left: 0;
	clear: left;
}
.news .news-item img.news-image{
	border: none;
}
.news .news-item .news-image:hover{}
.news-photo{
	float: left;
	width: 150px;
}
.news-description{
}
.news .news-item .news-body.long{
	width: auto;
}
.news-item h4 a{
	text-decoration: none;
}
.news .news-item .news-date{
	font-weight: bold;
}

.news-list{
	position: relative;
	margin:0;
	padding:0;
	padding-left: 15px;
	padding-top: 15px;
list-style-type: disc;
}
.news-list li{

}

.news-list li a{
	color:#52014d;

}

/* comments */
.comments{}
.comments .comment-item {
	display: block;
	float: left;
	margin-bottom: 20px;
	padding: 0;
	height: auto;
}
.comments .member-photo{
	background: url("../img/member_photo.png") 0px 0px no-repeat;
	display: block;
	float: left;
	margin-top: 5px;
	width: 90px;
	min-height: 60px;
}
.comments .member-photo img{
	margin: 2px 0 0 2px;
}
.comments .comment-item-inner {
	background: #fff;
	display: block;
	float: left;
	padding: 10px 15px;
	width: 371px;
	overflow-x: hidden;
}
* html .comments .comment-item-inner {
	width: 401px; w\idth: 371px;
}

/* blog */
.blog{
	padding: 10px 15px;
}
.blog .blog-item {
	clear: both;
	padding: 0;
}
.blog .blog-item.odd {
	margin-left: 0;
}
.blog-image{
	float: left;
	width: 140px;
	min-height: 100px;
	text-align: left;
}
* html .blog-image{
	height: 100px
}
.blog-image img{
	display: block;
	border: none;
}
.blog-body{
	float: left;
	margin: 0;
	padding: 0;
	width: 320px;
}
.blog-description{}
.blog .blog-item .blog-body.long{
	width: auto;
}
.blog-item h4 a{
	text-decoration: none;
}


/* standard table */
#content .table {
	border-collapse: collapse;
	margin: 15px 10px;		
}
#content .table th {
	height: 38px;
	padding-left: 12px;
	padding-right: 12px;
	color: #fff;
	text-align: left;
	background: #ADD163;	
	border-width: 1px;
  	border-style: solid;
  	border-color: #C4DE8F #93C138 #93C138 #C4DE8F;	
}
#content .table tr {
	height: 34px;
	background: #fff;
}
#content .table td {
	padding-left: 11px;
	padding-right: 11px;
	border: 1px solid #E7F0CC;	
}	

/* pagination */
.pagination {
	margin: 0;
	font-size: 12px;
	color: #004f79;
	float: right;
}
.pagination.float-right {
	float: right;
}
.pagination a, {
    display: block;
    text-decoration: none;

}
.pagination a:hover {
	background-color: white;
	color: #004f79;
}
.pagination a, .pagination strong {
    display: block;
    float: left;
    padding: 3px 5px;
    background: #ac579f;
    border: 1px #52014d solid;
    margin-left: 2px;
    margin-right: 2px;
    color: #fff;
}
.pagination strong {
	background-color: #490070;
	color: white;
	border-color: #52014d;
}
.pagination .current.next, .pagination .current.prev {
	color: #004f79;
}

.text-content-delim1{
	width: 41px;
}

.text-content-left{
	width: 175px;
}

.text-content-delim2{
	width: 42px;
}

.text-content-right{
	padding-right: 50px;
}

.nivo-controlNav {
	position: absolute;
	top: 260px;
	right:100px;
	z-index: 200;
}
.nivo-controlNav a {
	display:block;
	width:22px;
	height:22px;
	background:url(../img/nivo-slider/bullets3.png) no-repeat;
	text-indent:-9999px;
	margin-right:8px;
	float:left;
}
.nivo-controlNav a.active {
	background-position:0 -22px;
}

.nivo-directionNav a {
	display:block;
	width:30px;
	height:30px;
	background:url(../img/nivo-slider/arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
}
a.nivo-nextNav {
	background-position:-30px 0;
	right:15px;
}
a.nivo-prevNav {
	left:15px;
}

.nivo-caption {
    text-shadow:none;
    font-family: Helvetica, Arial, sans-serif;
}
.nivo-caption a { 
    color:#efe9d1;
    text-decoration:underline;
}
#copyright{
	position: absolute;
	bottom:0px;
	right:30px;
	width: 140px;
	text-align: right;

}
#copyright a{
	font-size: 10px;
}
.openingstijden{
	position: relative;
	margin:10px 10px 0 0;
	float:right;
	right: 40px;
	color:#ac82b0;
}
.openingstijden span{
	font-size: 13px;
	color: #ad83b3;
	font-weight: bold;
}
.openingstijden p{
	color: #ad83b3;
}
#socialmedia{
	position: relative;
	margin:0;
	padding:0;
	float:right;
	width: 200px;
}
#merken-slide{
	z-index: 1;
}
#merk-thumbs{
	position: relative;
	margin:0;
	padding: 15px;
	padding-right: 0;
}
#merk-thumbs a img{
	border: 1px solid #a69ecb;
	margin-right: 11px;
	margin-bottom: 11px;
}
#merk-thumbs a:hover img{
	border: 1px solid #4a0171;
	padding: 0;
}
.left-content-wrapper{
	padding:15px;
}


/**Start shop styles**/
.cat-wrap{
	margin:0;
	padding: 0;
	padding-top: 5px;
	padding-left: 8px;
}
.product-category-box{
	position: relative;
	margin:0;
	padding:0px;
	width: 190px;
	height: 208px;
	float:left;
	background: url('../img/catbg.png') top left no-repeat;
	margin-right: 39px;
	margin-bottom: 39px;
}
.product-category-box2{
	position: relative;
	margin:0;
	padding:0px;
	width: 190px;
	height: 208px;
	float:left;
	background: url('../img/catbg.png') top left no-repeat;
	margin-right:30px;
	margin-bottom: 30px;
}
.last{
	margin-right: 0px;
}

.product-category-box:hover{
	background: url('../img/catbghv.png') top left no-repeat;
}

.cat-title{
	position: relative;
	margin:0;
	padding:0;
	width: 188px;
	height: 25px;
	display: block;
	text-align: center;
}
.cat-title a{
	line-height: 25px;
	color:white;
	font-size: 13px;
}
.cat-image{
	position: relative;
	margin:0px auto;
	margin-top: 25px;
	width: 125px;
	height: 125px;
	text-align: center;
}
.catlink{
	position: relative;
	margin:0px auto;
	padding: 0;
	width:188px;
	height: 25px;
	text-align: center;
	padding-top: 10px;
	
}
.catlink a{
	font-size: 12px;
	color:#682b86;
	padding-right: 25px;
	background: url('../img/catabg.png') center right no-repeat;
}

.catlink a:hover{
	color: #9b2f87;
	background: url('../img/catabghv.png') center right no-repeat;
}
.product-listing{
	margin:0;
	padding-top:5px;
	
}
.prod-list-item{
	position: relative;
	margin:0;
	padding:30px;
	width: 258px;
	height: 214px;
	background: url('../img/prod-list-bg.png') top left no-repeat;
	float: left;
	margin-bottom: 10px;
}
.product-listing .even{
	margin-left: 30px;
}
.prod-title-list{
	position: relative;
	margin-bottom: 12px;
	top:-10px;
}
.prod-title-list a{
	font-size: 14px;
	color:#4a0171;
	margin: 0;
	
}
.prod-list-img{
	position: relative;
	margin:0;
	padding:0;
	background: white;
	float:left;
	width: 114px;
	height: 114px;
}

.prod-list-desc{
	position: relative;
	margin:0;
	padding:0;
	width: 120px;
	margin-left: 22px;
	float:left;
	display: block;
	color: black;	
	max-height: 125px;
	overflow: hidden;
}
.prod-list-desc p{
	line-height: 14.8px;
	color: black;
}
.prod-list-from-price{
	position: relative;
	margin:0;
	padding:0;
	color:#ff0000;
	font-size: 15px;
	font-weight: bold;
	float:left;
	width: 139px;
	margin-top: 10px;
}
.prod-list-price{
	position: relative;
	margin:0;
	padding:0;
	color:#4a0171;
	font-size: 15px;
	font-weight: bold;
	float:left;
	width: 110px;
	margin-top: 10px;
}
.prod-more-info{
	position: relative;
	margin:0;
	padding:0;
	float: right;
}

.prod-cart{
	position: relative;
	margin:0;
	padding:0;
	float: left;
}
.button{
	position: relative;
	margin:0;
	padding:0;
	line-height: 28px;
	text-align: left;
	height: 28px;
	display: block;
	color: white;
	font-size: 12px;
	margin-top: 16px;
	background: url('../img/prodabg.png') center right no-repeat;
}
input.button{
	background: none;
	border: none;
	background: url('../img/prodabg.png') 108px 9px no-repeat;
	padding-right: 20px;
	height: 27px;
	line-height: 27px;
	width: 122px;
}
.prod-more-info a{
	padding-right: 18px;
}
.prod-cart a{
	padding-right: 20px;
}
.button:hover{
	color: #4a0171;
}
#cartbox{
	position: relative;
	margin:0;
	padding:10px;
	width: 228px;
	min-height: 60px;
	background: white url('../img/cartbg.png') top left repeat-x;
	border:1px solid #8f5fa2;
	margin-bottom: 20px;
}
#cartbox p{
	font-size: 13px;
	color:#4a0171;
	padding-left: 9px;
}
.product{
	position: relative;
	margin:0;
	padding: 15px;
	background: white;
	border:1px solid #682b86;
	width: 618px;
	margin-left:8px;
	margin-top: 10px;
}
.breadcrumbs{
	position: relative;
	margin:0;
	padding: 6px;
	padding-left: 0;
	width: 635px;
	/*background: white;
	border:1px solid #682b86;	
	margin-bottom: 5px;*/
	margin-left: 8px;
}
.breadcrumbs a{
	text-transform:capitalize;
	color:#682b86;	
	font-size: 13px;
}
.breadcrumbs a:hover{
	color:black;
}

.breadcrumbs  .active-crumb{
	color:black;
}
.breadcrumbs2{
	position: relative;
	margin:0;
	padding: 6px;
	padding-left: 0;
	width: 635px;
	/*background: white;
	border:1px solid #682b86;	*/
	margin-bottom: 15px;
	margin-left: 0px;
}
.breadcrumbs2 a{
	text-transform:capitalize;
	color:#682b86;	
	font-size: 13px;
}
.breadcrumbs2 a:hover{
	color:black;
}

.breadcrumbs2  .active-crumb{
	color:black;
}

.carttitle{
	font-size: 16px;
	color:#4a0171;
	padding-bottom: 10px;
	display: block;
	padding-left: 9px;
}
.cartbutton{
	position: relative;
	margin:0px auto;
	margin-top: 10px;
	padding:0;
	border:1px solid #682b86;
	width: 211px;
	height: 27px;
	display: block;
	text-align: center;
	color: white;
	font-size: 13px;
	line-height: 27px;
	background: url('../img/cart-button.png') top left no-repeat;
}
.cartbutton:hover{
	color: black;
	border: 1px solid black;
}

.shopnav{
	letter-spacing: 0;
	position: relative;
	margin: 0;
	padding: 0;
	z-index: 34;
	list-style: none;
	text-align: left;
	border-top: 1px solid #c8b1d4;
	border-left: 1px solid #c8b1d4;
	border-right: 1px solid #c8b1d4;
	width: 248px;
}

.shopnav li {
	position:relative;
	list-style:none;
	margin:0;
	padding:0;
	border:0;
	min-height: auto;
	background: url('../img/li-bg.png') top left repeat-x;
}

* html .shopnav li {
	\display:inline;
	list-style:none;
}
.shopnav li:hover, .shopnav li a.active {
	background: url('../img/li-a-bg.png') top left repeat-x;
}
.shopnav li a {
	color:white;
	font-size: 14px;
	line-height: 36px;
	padding-left: 25px;
	display: block;
}

.shopnav li a:hover, .shopnav li a.active {
	color: #fff;
	text-decoration: none;
}

.shopnav li ul {
	display:none;
	position:relative;
	z-index:99;
	list-style-image:none;
	list-style:none;
	padding:0;
	margin:0;
	text-align:left;
	padding-top: 10px;
	padding-bottom: 10px;
	background: white url('../img/subulbg.png') top left repeat-x;
}

.shopnav li ul li, .shopnav li ul li:hover {
	background:none;
	padding-left: 25px;
	min-height: auto;
}
.shopnav li ul li:hover{
	background: url('../img/sublibg.png') top left repeat-x;
}
.shopnav li ul li a {
	line-height:27px;
	font-size:12px;
	padding-left: 20px;
	background:none;
	list-style:none;
	color:#4a0171;
	background: url('../img/a-bg.png') center left no-repeat;
}



.shopnav li ul li:hover a,.shopnav li ul li.active a,.shopnav li ul li.parent-active a, .shopnav li ul li a.active {
	color:#b22296;
	background: url('../img/a-hv.png') center left no-repeat;
	list-style:none;
	text-decoration:none;
}

.shopheader{
	position: relative;
	margin:0px auto;
	padding:0;
	width: 244px;
	height: 20px;
	background: url('../img/lefthead.png') top left no-repeat;
}
.paymentlogos{
	position: relative;
	margin: 0px auto;
	margin-top: 20px;
	border: 1px solid #4a0171;
	background: white;
	padding: 4px;
	text-align: center;
	width: 237px !important;
}
.cartleft{
	width: 142px;
	padding-left: 9px;
}
.cartright{
	width: 69px;
	text-align: right;
}

.producttop, .carttop{
	position: relative
	margin:0;
	padding:0;
	width: 658px;
	height: 11px;
	background: url('../img/prod-top.png') top left no-repeat;
}
.productinner, .cartinner{
	position: relative;
	margin:0;
	padding: 10px;
	padding-left: 20px;
	width: 628px;
	min-height: 400px;
	background: url('../img/prod-bg.png') top left repeat-y;
}
.productbottom, .cartbottom{
	position: relative;
	margin: 0;
	padding: 0;
	width: 658px;
	height: 10px;
	background: url('../img/prod-bot.png') top left no-repeat;
}
.itemleft{
	position: relative;
	margin:0;
	padding: 0;
	width: 250px;
	min-height: 300px;
	float: left;
}
.mainimage{
	width: 240px;
	text-align: center;
	border: 1px solid #e0bed9;
	margin-bottom: 5px;
	padding: 5px;
}
.thumbimg img{
	margin-right: 5px;
	border: 1px solid #e0bed9;
}
.itemright{
	position: relative;
	margin: 0;
	padding: 10px;;
	width: 320px;
	min-height: 300px;
	float: left;
	margin-left: 25px;
	background: url('../img/prodtekstbg.png') top left no-repeat;
}
.prodescription{
	margin-bottom: 10px;
}
.prod-from-price{
	color: red;
	text-decoration: line-through;
	font-size: 12px;
}
.prod-price{
	color:#4a0171;
	font-weight: 500;
	font-size: 14px;
}
.itembottom{
	position: relative;
	margin:0;
	padding:0;
	width: 618px;
	min-height: 30px;
	margin-top: 10px;
}
.verder{
	position: absolute;
	display: block;
	width: 130px;
	height: 27px;
	line-height: 27px;
	background: url('../img/verder.png') top left no-repeat;
	text-align: right;
	padding-right: 10px;
	color:white;
	top:0px;
	left:0;
}
.verder:hover{
	color:black;
}
.wagentjebuttons{
	position: absolute;
	border: none;
	margin:0;
	padding:0;
	top:0px;
	right:6px;
	width: 140px;
	height: 27px;
	line-height: 27px;
	background:  url('../img/wagentje.png') top left no-repeat;
	color:white;
	text-align: left;
	padding-left: 10px;
}
.wagentjebuttons:hover{
	color:black;
}
.wagentjebuttons2{
	position: absolute;
	border: none;
	margin:0;
	padding:0;
	top:0px;
	right:193px;
	width: 140px;
	height: 27px;
	line-height: 27px;
	background:  url('../img/wagentje.png') top left no-repeat;
	color:white;
	text-align: left;
	padding-left: 10px;
}
.wagentjebuttons2:hover{
	color:black;
}
.messagebox{
	display: none;
	padding-top: 10px;
}
.messagebox p{
		font-size: 15px;
	color: green;
	font-weight: 500;
}
.messagebox2{
	display: none;
	padding-top: 10px;
	padding-left: 9px;
}
.messagebox2 p{
	font-size: 18px;
	color: green;
	font-weight: 500;
}

.pad tr td select{
	width: 200px;
}
.pad tr td input{
	width: 190px;
}
.carttotals{
	position: relative;
	margin:0;
	padding:0;
	width: 295px;
	float: right;
	padding-top: 10px;
	margin-top: 10px;
	border-top:1px solid #e0bed9;
}
.cart-function-buttons{
	position: relative;
	margin:0;
	padding:0;
	margin-top: 15px;
	float:right;
	width: 604px;
	padding-right: 14px;
}
.cartbuttons{
	position: relative;
	margin:0;
	padding:0;
	background: url('../img/cartbuttonsbg.png') center right repeat-x;
	border:none;
	color:white;
	height: 27px;
	line-height: 27px;
	min-width: 90px;
	float:right;
	margin-left: 5px;
}
.cartbuttons:hover{
	color:black;
}



.carthumb{
	position: relative;
	margin: 0;
	padding:0;
	width: 52px;
	height: 52px;
	border: 1px solid #e0bed9;	
	float: left;
	margin-top: 5px;
}
.cart-item-details{
	position: relative;
	margin:0;
	padding:0;
	min-height: 52px;
	display: block;
	width: 190px;	
	margin-top: 5px;
	float:left;
	padding-left: 10px;
}
.head1{
	width: 260px;
}
.shoplink{
	color: #4a0171;
}
.cartitems th{
	border-bottom:1px solid #e0bed9;
	padding-bottom: 3px;
	margin-bottom: 5px;
}

.verdercart{
	position: absolute;
	display: block;
	width: 130px;
	height: 27px;
	line-height: 27px;
	background: url('../img/verder.png') top left no-repeat;
	text-align: right;
	padding-right: 10px;
	color:white;
	top:0px;
	left:-10px;
}
.verdercart:hover{
	color:black;
}
.modifier{
	margin-right: 10px;
}

.customer-info-table input[type=text]{
	width: 200px;
	margin-bottom: 5px;
}
.customer-info-table select{
	width: 210px;
	margin-bottom: 5px;
}
.customer-info-table textarea{
	width: 204px;
	margin-bottom: 5px;
}

.customer-info-table .order_shipping_same_as_billing{

}
.cartbuttons2{
	position: relative;
	margin:0;
	padding:0;
	background: url('../img/cartbuttonsbg.png') center right repeat-x;
	border:none;
	color:white;
	height: 27px;
	line-height: 27px;
	min-width: 130px;
	float:right;
	margin-left: 5px;
}
.cartbuttons2:hover{
	color:black;
}
.facttable th{
	width: auto;
}
.facttable{
	width: 300px;
	margin-right: 32px;
}
.facttable tr td{
	width: 140px;
}

.sendtable th{
	width: auto;
}
.sendtable{
	width: 300px;
}
.sendtable tr td{
	width: 140px;
}
.infotable th{
	border-bottom:1px solid #e0bed9;
}
.payorder{
	position: relative;
	margin:0;
	padding:0;
	background: url('../img/cartbuttonsbg.png') top left repeat-x;
	border:none;
	color:white;
	height: 27px;
	line-height: 27px;
	padding-left: 10px;
	padding-right: 10px;
	display: block;
	width: 180px;
	text-align: center;
}
.payorder:hover{
	color: black;
}
.related-products{
	position: relative;
	margin:0;
	margin-top: 15px;
	padding: 5px;
	padding-bottom: 10px!important;
}
.related-product{
	position: relative;
	margin:0;
	padding:10px;
	border: 1px solid #70368e;
	width: 120px;
	background: white;
	text-align: center;
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
	padding-bottom: 0;
	min-height: 200px;
}
.related-title{
	display: block;
	height: 40px;
}
.related-product img{
	margin: 0px auto;
	margin-bottom: 10px;
}



.tolessproducts{
	display: none;
	padding-top: 10px;
}
.tolessproducts p{
		font-size: 15px;
	color: red;
	font-weight: 500;
}