/*
-----------------------------------------------
Blogger Template Style
Name:     Minima Black
Designer: Douglas Bowman
URL:      www.stopdesign.com
Date:     26 Feb 2004
Updated by: Blogger Team
----------------------------------------------- */

/* Variable definitions
   ====================
   <Variable name="bgcolor" description="Page Background Color"
             type="color" default="#000">
   <Variable name="textcolor" description="Text Color"
             type="color" default="#ccc">
   <Variable name="linkcolor" description="Link Color"
             type="color" default="#9ad">
   <Variable name="pagetitlecolor" description="Blog Title Color"
             type="color" default="#ccc">
   <Variable name="descriptioncolor" description="Blog Description Color"
             type="color" default="#777">
   <Variable name="titlecolor" description="Post Title Color"
             type="color" default="#ad9">
   <Variable name="bordercolor" description="Border Color"
             type="color" default="#333">
   <Variable name="sidebarcolor" description="Sidebar Title Color"
             type="color" default="#777">
   <Variable name="sidebartextcolor" description="Sidebar Text Color"
             type="color" default="#999">
   <Variable name="visitedlinkcolor" description="Visited Link Color"
             type="color" default="#a7a">
   <Variable name="bodyfont" description="Text Font"
             type="font" default="normal normal 100% 'Trebuchet MS',Trebuchet,Verdana,Sans-serif">
   <Variable name="headerfont" description="Sidebar Title Font"
             type="font"
             default="normal bold 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif">
   <Variable name="pagetitlefont" description="Blog Title Font"
             type="font"
             default="normal bold 200% 'Trebuchet MS',Trebuchet,Verdana,Sans-serif">
   <Variable name="descriptionfont" description="Blog Description Font"
             type="font"
             default="normal normal 78% 'Trebuchet MS', Trebuchet, Verdana, Sans-serif">
   <Variable name="postfooterfont" description="Post Footer Font"
             type="font"
             default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif">
*/

/* Use this with templates/template-twocol.html */

body {
  background: transparent url(../gfx/bg_leaves-5.jpg) repeat-y 100% 0;
  z-index: 1;

  margin:0;
  color:#cccccc;
  font: x-small "Trebuchet MS", Trebuchet, Verdana, Sans-serif;
  font-size/* */:/**/small;
  font-size: /**/small;
  text-align: left;
  overflow: -moz-scrollbars-vertical;

  }
a:link {
  color:#99aadd;
  text-decoration:none;
  }
a:visited {
  color:#99aadd;
  text-decoration:none;
  }
a:hover {
  color:#aadd99;
  text-decoration:underline;
}
a img {
  border-width:0;
  }

/* forms */

input {
		background:#cccccc; 
		color:#000000; 
		border:0; 
		padding:2px 3px;
}

textarea {
		background:#cccccc; 
		color:#000000; 
		border:0; 
		padding:2px 3px;
}

.form-wrapper {
   padding: 0 10px 0 0;
   float:right;
   .margin-bottom: -20px;
}
.form-button {
   font-family:Trebuchet MS;
   background:#cccccc;
   color:#333333;
   border:0;
   padding:0 3px;
}
.form-input {
   font-family:Trebuchet MS;
   background:#000000;
   color:#cccccc;
   border:0;
   width:15px;
   padding:2px 3px;
}

/* Header
-----------------------------------------------
 */

#header-wrapper {


	filter:alpha(opacity=75);-moz-opacity:.75;opacity:.75;
float:left;


}

#homeheader {
	width: 840px;
	padding: 10px;
	font-size: 32px;
	text-align: center;
	color:#cccccc;
	margin:0px 0px 0px 0px;
	background: url(../gfx/bg510-grad.gif) repeat-y;

}

/* Main Menu
----------------------------------------------- */

#mainmenu {
  padding: 4px 0;
  background: url(../gfx/bg510-grad.gif) repeat-y;
  margin-bottom: 10px;
}

#mainmenu a {
  padding: 4px 10px;
  color:#99aadd;
  text-decoration:none;
}

#mainmenu a:hover {
  color:#000000;
   background: #cccccc;
}

#mainmenu a:active {

  color:#000000;  

}

#mainmenu .active {
  color:#000000;
   background: #cccccc; 
}

/* Outer-Wrapper
----------------------------------------------- */
#outer-wrapper {
  width: 860px;
  margin:0px 0px 0px auto;
  padding: 10px;
  text-align:left;
  font: normal normal 100% 'Trebuchet MS',Trebuchet,Verdana,Sans-serif;
  }

#main-wrapper {
  width: 610px;
  float: right;
  word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
  overflow: hidden;     /* fix for long non-text content breaking IE sidebar float */
  
  } 
  
#main-wrapper-wide {
  width: 710px;
  float: left;
  word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
  overflow: hidden;     /* fix for long non-text content breaking IE sidebar float */
  
  } 

#sidebar-wrapper {
  width: 220px;
  padding-left: 10px;
  padding-bottom: 10px;
  background: url(../gfx/bg300-grad.gif);
  float: left;
  word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
  overflow: hidden;     /* fix for long non-text content breaking IE sidebar float */
    line-height: 1.5em;
    filter:alpha(opacity=75);-moz-opacity:.75;opacity:.75;
  color: #cccccc;
}

#sidebar-wrapper-img-tight {
  width: 140px;
  float: right;
  word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
  overflow: hidden;     /* fix for long non-text content breaking IE sidebar float */
    line-height: 1.5em;
    filter:alpha(opacity=75);-moz-opacity:.75;opacity:.75;
}

#sidebar-wrapper-img {
  width: 220px;
  float: left;
  word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
  overflow: hidden;     /* fix for long non-text content breaking IE sidebar float */
    line-height: 1.5em;
}
/* Headings
----------------------------------------------- */

h2 {
  margin:1.5em 0 .75em;
  font:normal bold 88% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif;
  line-height: 1.4em;
  text-transform:uppercase;
  letter-spacing:.2em;
  color:#000000;

}

h1 {

  margin:0 0 1.0em 0;
  font-family: 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif;
  line-height: 1.4em;
  text-transform:uppercase;
  letter-spacing:2px;
  color:#000000;
  font-size:16px;
  font-weight:bold;
  padding: 0;

  }
h3 {
letter-spacing:0.1em;
font-size:11px;
font-weight:bold;
padding:0;
margin:0 0 10px 0;
text-transform:uppercase;
color:#cccccc;
}

h4 {

  margin:1.5em 0 1.5em 0;
  font:normal bold 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif;
  line-height: 1.4em;
  text-transform:uppercase;
  letter-spacing:.15em;
  color:#000000;

  }

h5 {
	margin:0 0 1.0em 0;
	font-size: 14px;
	font-family: 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif;
	font-weight:normal;
	line-height: 1.4em;
	letter-spacing: 3px;
	color:#cccccc;
	padding: 0;
}

h6 {
	margin:0 0 1.0em 0;
	font: 14px bold 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif;
	line-height: 1.4em;
	letter-spacing:.2em;
	color:#cccccc;
	padding: 0;
}

/* left menu */

.navhead {
  margin:1.5em 0 .75em;
  font:normal bold 88% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif;
  line-height: 1.4em;
  text-transform:uppercase;
  letter-spacing:.2em;
  color:#cccccc;
}

.left-item-wrapper {
   display:block;
}

/* Posts
-----------------------------------------------
 */
h2.date-header {
  margin:1.5em 0 .5em;
  }

.post {
  margin:.5em 0 1.5em;
  border-bottom:1px dotted #333333;
  padding-bottom:1.5em;
  }
.post h3 {
  margin:.25em 0 0;
  padding:0 0 4px;
  font-size:140%;
  font-weight:normal;
  line-height:1.4em;
  color:#aadd99;
}

.post h3 a, .post h3 a:visited, .post h3 strong {
  display:block;
  text-decoration:none;
  color:#aadd99;
  font-weight:bold;
}

.post h3 strong, .post h3 a:hover {
  color:#cccccc;
}

.post p {
  margin:0 0 .75em;
  line-height:1.6em;
}

.post-footer {
  margin: .75em 0;
  color:#777777;
  text-transform:uppercase;
  letter-spacing:.1em;
  font: normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif;
  line-height: 1.4em;
}

.comment-link {
  margin-left:.6em;
  }
.post img {
  padding:4px;
  border:1px solid #333333;
  }
.post blockquote {
  margin:1em 20px;
  }
.post blockquote p {
  margin:.75em 0;
  }

/* Comments
----------------------------------------------- */
#comments h4 {
  margin:1em 0;
  font-weight: bold;
  line-height: 1.4em;
  text-transform:uppercase;
  letter-spacing:.2em;
  color: #777777;
  }

#comments-block {
  margin:1em 0 1.5em;
  line-height:1.6em;
  }
#comments-block .comment-author {
  margin:.5em 0;
  }
#comments-block .comment-body {
  margin:.25em 0 0;
  }
#comments-block .comment-footer {
  margin:-.25em 0 2em;
  line-height: 1.4em;
  text-transform:uppercase;
  letter-spacing:.1em;
  }
#comments-block .comment-body p {
  margin:0 0 .75em;
  }
.deleted-comment {
  font-style:italic;
  color:gray;
  }

.feed-links {
  clear: both;
  line-height: 2.5em;
}

#blog-pager-newer-link {
  float: left;
 }
 
#blog-pager-older-link {
  float: right;
 }
 
#blog-pager {   
  text-align: center; 
 }

/* Sidebar Content
----------------------------------------------- */
.sidebar { 
  color: #999999;
  line-height: 1.5em;
 }

.sidebar ul {
  list-style-image: url(../gfx/icon-grape.gif);
  margin:0 0 0 15px;
  padding:0 0 0;
}
.sidebar li {
  margin:0;
  padding:0 0 0 15px;
  text-indent:-15px;
  line-height:1.5em;
  }

.sidebar a {

}
.sidebar a:hover {

}
.sidebar a:active {
   font-weight: bold;
   color: #ffffff;

}
.sidebar .active {
   font-weight: bold;
}
.sidebar .widget, .main .widget { 
  border-bottom:1px dotted #cccccc;
  margin:0 0 1.5em;
  padding:0 0 1.5em;
 }

.main .Blog { 
  border-bottom-width: 0;
}

/* Profile 
----------------------------------------------- */
.profile-img { 
  float: left;
  margin: 0 5px 5px 0;
  padding: 4px;
  border: 1px solid #333333;
}

.profile-data {
  margin:0;
  text-transform:uppercase;
  letter-spacing:.1em;
  font: normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif;
  color: #777777;
  font-weight: bold;
  line-height: 1.6em;
}

.profile-datablock { 
  margin:.5em 0 .5em;
}

.profile-textblock { 
  margin: 0.5em 0;
  line-height: 1.6em;
}

.profile-link { 
  font: normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif;
  text-transform: uppercase;
  letter-spacing: .1em;
}

/* Footer
----------------------------------------------- */
#footer {
  width:660px;
  clear:both;
  margin:0 auto;
  padding-top:15px;
  line-height: 1.6em;
  text-transform:uppercase;
  letter-spacing:.1em;
  text-align: center;
}
/** assortiment **/

.orderregeldiv {
  float: right; 
  width: 610px; 
  background: #333333; 
  padding-bottom: 8px;
}

/** Page structure tweaks for layout editor wireframe */
body#layout #header { 
  margin-left: 0px;
  margin-right: 0px;
}

.item {
   margin-bottom:10px;
   position:relative;
         background:#333333;
      height:153px;
}  

.item-image {
   margin:10px;
   float:left;
   border:0;
}


.item-content {
   float:left;
   padding-left:5px;
}

.tbl-fixed {
  font-size: 10px;
  text-transform:uppercase;
  letter-spacing:.2em;
  color:#cccccc;
  width:128px;
}

.tbl {
  font-size: 10px;
  text-transform:uppercase;
  letter-spacing:.2em;
  color:#000000;
}

.tblcontent {
  text-transform:uppercase;
  letter-spacing:.2em;
  font-size: 10px;
  color:#000000;
  padding-left:10px;
}

.onderscheiding img {
   display:block;
   padding-bottom:5px;
}
.prijs-van {
   position:relative;
   left:200px;
   top:10px;
}
.prijs-van span {
   display:block;
   font-size:12px;
}
.prijs {
   position:relative;
   left:270px;
   top:10px;
}
.prijs span {
   font-size:18px;
}

/* home */

#content {
   color: #000000;
   padding:20px;
   background:#ffffff;
   font: x-small "Trebuchet MS", Trebuchet, Verdana, Sans-serif;
   font-size/* */:/**/small;
   font-size: /**/small;
   font-size: 12px;
   line-height: 1.5em;
   text-align: justify;
   filter:alpha(opacity=85);-moz-opacity:.85;opacity:.85;
	float: left;
	word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
	overflow: hidden;     /* fix for long non-text content breaking IE sidebar float */
	position:relative;
}

	#content a:link {
	  color:#36487f;
	  text-decoration:none;
	  }
	#content a:visited {
	  color:#36487f;
	  text-decoration:none;
	  }
	#content a:hover {
	  color:#427830;
	  text-decoration:underline;
	}
	#content .in_assortiment {
	  color: #000000;
	  margin:1.5em 0 .75em;
	  font:normal bold 88% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif;
	  line-height: 1.4em;
	  text-transform:uppercase;
	  letter-spacing:.2em;
	}
	
.content-text {
   font: x-small "Trebuchet MS", Trebuchet, Verdana, Sans-serif;
   font-size/* */:/**/small;
   font-size: /**/small;
   font-size: 12px;
   line-height: 1.5em;
   text-align: justify;
   padding-right:20px;
}