/* general */

#twitter
      {
        background:transparent url(../img/twitter.png) no-repeat scroll 0px 0px;
        height:88px;
        right:0;
        position:fixed;
        top:150px;
        width:25px;
        background-color: blue;
      }
      div#twitter:hover
      {
        background-position:-25px 0px;
      }
      #twitter a
      {
        display:block;
        height:88px;
        width:25px;
      }


body {
	background:url("../img/cv/bg.jpg") repeat scroll center top transparent;
	color:#000028;
	font-family:Georgia,Helvetica,Verdana,sans-serif;
	font-size:11px;
	height:100%;
	margin:0;
	padding:0;
	width:100%;
}

#feedback {
background-color: red;
position: absolute;
bottom: 0px;
right: 0px;
height: 20px;
width: 20px;
z-index: 100;
}

#feedback:hover {
background-color: white;
}

a:link {
color: #AC4749;
}

img {
	border: 0;
}

h2 {
	font-size: 12px;
	font-weight: normal;
	color: #c50e1c;
}

h3 {
	font-size: 18px;
	font-weight: bold;
	color: #000;
	font-family: "Trebuchet MS";
	text-transform: uppercase;
	margin: 0px;
	padding: 0px;
}

h1 {
	font-size: 14px;
	font-weight: normal;
	color: #c50e1c;
}

/* cv header */
#header{
	background: url("../img/cv/jute.gif") no-repeat scroll center top transparent;
	height:57px;
	left:0;
	position:absolute;
	top:0;
	width:100%;
	z-index: -12;
}

/* wrapper content */
#wrapper  {
	margin:0 auto;
	position:relative;
	width:990px;
}

.pins{
	height:15px;
	width: 990px;
	position: relative;
	top: 50px;
	background: url("../img/cv/pins.gif") no-repeat center top  transparent;
}

.logo{
	display:block;
	height:94px;
	margin:-10px 160px 0 0;
	position:absolute;
	right:30px;
	top:0;
	width:144px;
	z-index: 100;
}

.menu-home{
	display:block;
	line-height: 27px;
	height:32px;
	font-size: 15px;
	font-family: "Trebuchet MS";
	color: #fff;
	margin-top:-2px;
	position: absolute;
	left:58px;
	top:0px;
	width:87px;
	z-index: 50;
	background: url("../img/btn_home.gif") no-repeat center top  transparent;
}

.menu-home a{
	display: block;
	height:32px;
	width:87px;
}

.menu-shop{
	display:block;
	line-height: 27px;
	height:32px;
	font-size: 15px;
	font-family: "Trebuchet MS";
	color: #849A5F;
	margin-top:-2px;
	position: absolute;
	left:148px;
	top:0px;
	width:87px;
	z-index: 50;
	background: url("../img/Markt-select.png") no-repeat center top  transparent;
}

.menu-shop a{
	display: block;
	height:32px;
	width:87px;
}

.menu-shop a:hover{
	background: url("../img/Markt-deselect.png") no-repeat center top  transparent;
	height:32px;
	width:87px;
}

.menu-voor{
	display:block;
	line-height: 27px;
	height:32px;
	font-size: 15px;
	font-family: "Trebuchet MS";
	color: #849A5F;
	margin-top:-2px;
	position: absolute;
	left:300px;
	top:0px;
	width:100px;
	z-index: 50;
	background: url("../img/tab_voor.png") no-repeat center top  transparent;
}

.menu-voor a{
	display: block;
	height:32px;
	width:95px;
}


.menu-hoofd{
	display:block;
	line-height: 27px;
	height:32px;
	font-size: 15px;
	font-family: "Trebuchet MS";
	color: #849A5F;
	margin-top:-2px;
	position: absolute;
	left:400px;
	top:0px;
	width:100px;
	z-index: 50;
	background: url("../img/tab_hoofd.png") no-repeat center top  transparent;
}

.menu-hoofd a{
	display: block;
	height:32px;
	width:95px;
}


.menu-na{
	display:block;
	line-height: 27px;
	height:32px;
	font-size: 15px;
	font-family: "Trebuchet MS";
	color: #849A5F;
	margin-top:-2px;
	position: absolute;
	left:500px;
	top:0px;
	width:100px;
	z-index: 50;
	background: url("../img/tab_na.png") no-repeat center top  transparent;
}

.menu-na a{
	display: block;
	height:32px;
	width:95px;
}



.menu-register{
	display:block;
	line-height: 27px;
	height:32px;
	font-size: 15px;
	font-family: "Trebuchet MS";
	color: #849A5F;
	margin-top:-2px;
	position: absolute;
	left:238px;
	top:0px;
	width:103px;
	z-index: 50;
	background: url("../img/btn_register.gif") no-repeat center top  transparent;
	background-position: 0px -31px ;
}

.menu-register a{
	display: block;
	height:32px;
	width:87px;
}

.menu-register a:hover{
	background: url("../img/btn_register.gif") no-repeat center top  transparent;
	background-position: 0px 1px ;
	height:32px;
	width:103px;
}

/* content header */
.content-header{ 
 	background-color: #FFFBEF; 
	width: 962px;
	height: 603px;
	padding-top: 14px;
	padding-bottom: 21px;
	padding-left: 14px;
	padding-right: 14px;
	margin: 50px 0px 0px;
	overflow: hidden;
	float: left;
}

.asset p {
line-height: 1.2em;
font-size: 13px;
// font-size: 12px;
}

.asset h3 {
font-size: 13px;
text-transform: uppercase;
margin-bottom: -10px;
}

.asset{ /* background-color: yellow; */
	width: 748px;
	float: left;
	
	border-bottom: 1px solid grey;
}

.asset-visual{ 
/* 	float:left; */
	width: 748px;
	height: 302px;
}

.asset-visual-holder{ 
	float: left;
	height: 320px;
}

.asset-visual-holder-element{

}

.asset-visual-holder-title{

	background: rgb(255, 255, 255); /* The Fallback */
	background: rgba(255, 255, 255, 0.6);
	color: #1e1e1e;
	position:relative;
	top: -295px;
	left: 7px;
	font-size: 35px;
	margin-top: 200px;
	font-weight: bold;
	font-family: "Trebuchet MS";
	text-align: left;
	width: 100%;
	
}

.asset-visual-blocks{
	width: 204px;
	margin-left: 7px;
	float: right;
	padding-top: 99px;
}

.asset-visual-block { 
	height: 63px;
	margin-bottom: 7px;
	font-weight: bold;
	background-color: white;
}

img.shop-img-small{
	margin-right: 7px;
	float: left;
}

.asset-visual-block span{ 
	font-weight: normal;
	font-style: italic;
	position:relative;
	bottom: 0px;
	right: 0px;
}

span.price-label{
	float: right;
	font-weight: normal;
	font-style: italic;
	position: relative;
	bottom: 23px;
	right: 0px;
}

.asset-blocks{
	height: 300px;
	padding-top: 21px;
	/*border-bottom: 1px solid grey;*/
}

.asset-block-large{ 

	width: 365px;
	height: 280px;
	float: left;
	background-color: #FFF;
	
}
.asset-block-small{ 
	position: relative;
	width: 173px;
	height: 280px;
	float: left;
	margin-right: 14px;
}

.asset-block-large input {
font-size: 18px;
border: none;
border: 1px solid red;
margin-left: 10px;
padding: 2px;
}

.steps {
	position: absolute;
	top: 40px;
	left: 120px;
}

/* content shop */

.shop{ /* background-color: yellow; */
	float: right;
	width: 200px;
}

.shop-social{ 
	margin-top: 10px;
	height: 20px;
	text-align: right;
	line-height: 22px;
}

.shop-social img{
	margin: 0px;
	position:absolute;
	z-index: 10;	
	display: block;
}

.shop-promo-header h3 {
color: #AC4749;
font-size: 16px;
margin-bottom: 6px;
}

.shop-button{

}

.shop-promo{
	background-color: white;
	height: 63px;
	margin-bottom: 7px;
	font-weight: bold;
}
.shop-promo-last{
	background-color: white; 
	height: 63px;
	font-weight: bold;
	z-index: 100;
}

.recipies {
	/*
		
	 */
}

/* content-een */

.content-een {
	padding-left: 14px;
	padding-bottom: 21px;
	padding-right: 14px;
	padding-top: 0px;
	background-color: #FFFBEF; 
	clear:both;
	width: 962px;
	height: 320px;
}

.content-een p {
	line-height: 1.5em;
	font-size: 13px;
	// font-size: 12px;
}

.content-een-left{ 
	float: left;
	width: 364px;
	height: 200px;
	margin-right: 10px;
	padding-top: 20px;
}

.content-een-left img{ 
	padding-right: 10px;
}

.content-een-right{ 
	position: relative;
	float: right;
	width: 200px;
	height: 100px;
	top: 30px;
	left: 0px;
}

.content-een-right p {
	font-size: 11px;
}

.content-een-right h3{
	color: #AC4749;
}

/* content-twee */

.content-twee {
	padding-left: 14px;
	padding-bottom: 21px;
	padding-right: 14px;
	padding-top: 20px;
	background-color: #FFFBEF; 
	clear:both;
	width: 962px;
	height: 320px;
}

.content-twee p {
line-height: 1.5em;
font-size: 13px;
// font-size: 12px;

}

.content-twee-left{ 
	float: left;
	width: 364px;
	height: 200px;
	margin-right: 10px;
}

.content-twee-left img{ 
	padding-right: 10px;
}

.content-twee-right{ 
	position: relative;
	float: right;
	width: 200px;
	height: 100px;
	top: -170px;
	left: 0px;
}

.content-twee-right p {
	font-size: 11px;
}

.content-twee-right h3{
	color: #AC4749;
}

.media-item {
	width: 200px;
	height: 25px;
	margin-bottom: 5px;
}


/* content drie */

.content-drie{
	padding-left: 14px;
	padding-bottom: 21px;
	padding-right: 14px;
	padding-top: 20px;
	background-color: #FFFBEF; 
	clear:both;
	width: 962px;
	height: 460px;
	border-bottom: 1px solid grey;
	margin-bottom: 20px;
}

.content-drie p {
line-height: 1.5em;
font-size: 13px;
// font-size: 12px;

}

.content-drie-left{ 
	float: left;
	width: 530px;
	height: 200px;
}

.content-drie-left img{ 
	padding-right: 10px;
}

.content-drie-right{ 
	background-color: white;
	float: right;
	width: 366px;
	height: 152px;
	border-left: 2px solid #AC4749;
	padding: 21px;
}

#content-drie-subscribe{ 
	background-color: none;
	float: right;
	width: 320px;
	height: 152px;
	padding-left: 20px;
}

.content-drie-right h3{
color: #AC4749;
}

img.tip-img {
	float: left;
	margin-right: 21px;
}

/* content keten */

.content-keten {
	padding-left: 14px;
	padding-bottom: 21px;
	padding-right: 14px;
	padding-top: 20px;
	background-color: #FFFBEF; 
	clear:both;
	width: 962px;
	height: 310px;
	border-bottom: 1px solid grey;
	margin-bottom: 20px;
}


/* horizontaal margin */
img.content-img-h {
	float: left;
	margin-right: 7px;
}

/* verticaal margin */
img.content-img-d {
	margin-bottom: 7px;
}