* {
	margin: 0;
	padding: 0;
}

body {
	margin: 0px;
	padding: 0px;
	height: 100%;
	font: 10px/normal Verdana, "MS Trebuchet", sans-serif;
	color: #666;
}

div#container {
	width: 965px;
	margin: 30px auto 0;
	position: relative;
}

/*
	Form section
*/

fieldset {
	text-align: left;
	border: none;
}

fieldset legend {
}

fieldset p {
	margin: 1em;
}

fieldset p label {
	float: left;
	width: 10em;
	text-align: right;
	margin-right: 2.5em;
}

fieldset p input {
	border: 1px solid #333;
}

fieldset p textarea {
	height: 85px;
	width: 220px;
	border: 1px solid #333;
}

fieldset p em {
	color: red;
	font-weight: 600;
}
textarea {
	width: 35%;
	font-size: 1em;
}

select {
	font-size: 1em;
}

/*
Sections that are not finished...


body#machinekiezer #content {
	background: url('../images/vaderdag2010.jpg') no-repeat 0 -50px;
}

body#machinekiezer #content #left, body#machinekiezer #content #right{
	background: none;
}

*/

body#machinekiezer #content #middle form{
	padding: 20px 0px;
}

body#machinekiezer #content #middle form input,body#machinekiezer #content #middle form  p {
	margin: 10px;
}

body#machinekiezer #content #right ul{
	background: yellow;
}

div#header {
	background: url(../images/payoff.jpg) no-repeat 300px 20px;
	height: 102px;
}

div#header h1 a{
	display: block;
	color: white;
	background: url(../images/logo.jpg) no-repeat #D71921;
	height: 96px;
	width: 270px;
	line-height: 85px;
	text-align: center;
	float: left;
	z-index: 99;
	position: relative;
	text-indent: -1000em;
	border: none;
}

div#menu {
	position: relative;
	text-transform: uppercase;
	font-size: 9px;
	display: block;
	margin: 55px 0 0 0;
	height: 40px;
	width: 693px;
	float: right;
}

ul.top {
	display: block;
	height: 20px;
	background: #E1E2E2;
	padding: 0 0 0 70px;
	border-bottom: 3px solid white;
}
ul.top a {	
	text-decoration: none;
	color: #D71921;
	display: block;
}


ul.bottom {
	display: block;
	height: 20px;
	line-height: 20px;
	background: white;
	border-top: 4px solid #dad3cd;
	padding: 0px 0 0px 70px;
}

ul.bottom li {
	float: left;
	list-style: none;
	display: block;
	width: 115px;
	color: #999;
	margin: 0 16px 0 16px;
	padding: 0 0px 0 0px;
	text-align: center;
	overflow: hidden;
}

ul.bottom li a:hover, ul.top li a:hover {
	background: #999;
	color: white;
	display: block;
}

ul.bottom li a {	
	text-decoration: none;
	color: #999;
	display: block;
}

ul.bottom a:hover {
	color: white;
}

ul.top li {
	float: left;
	list-style: none;
	display: block;
	line-height: 20px;
	color: #D71921;
	width: 115px;
	padding: 0 0px 0 0px;
	margin: 0 15px 0 15px;
	border-left: 1px solid white;
	border-right: 1px solid white;
	text-align: center;
}

a img {
	border: none;
}

/* 
Basic column layout
*/

div#content {
	margin: 30px 0 0 0;
	height: 460px;
	border: 1px solid #999;
	padding: 0px;
	position: absolute;
}

div#content #left, div#content #middle, div#content #right, div#content #bigright {
	height: 460px;
}

div#content #left {
	width: 275px;
	background: #FFF;
	float: left;
	position: relative;
}

div#content #middle {
	width: 400px;
	text-align: center;
	float: left;
	overflow: auto;
	margin: 0 5px 0 5px;
	position: relative;
	display: block;
}

div#content #right {
	width: 265px;
	background: #FFF;
	float: right;
	margin: 0 0px 0 0 ;
	padding: 0 10px 0 0;
	position: relative;
	overflow: auto;
}

div#content #right ul {
	max-width: 250px;
}


div#content #largeright {
	width: 670px;
	height: 450px;
	background: #E1E2E2;
	float: right;
	margin: 0;
	padding: 0 0 0px 0;
	position: relative;
	overflow: auto;
}



div#footer {
	color: #999;
	height: 20px;
}

div#footer p {
	line-height: 20px;
	text-align: center;
}

div#content #left p {
	color: #D71921;
	margin: 0 0 12px 0;
}

div#content #left p a{
	color: #D71921;
	text-decoration: none;
}

div#content #left p a:hover{
	border-bottom: 1px solid #D71921;
}

div#content #left #brandinfo h2 {
	color: #D71921;
	margin: 0 0 13px 0;
	font-size: 1.3em;
}

div#content #left #brandinfo {
	margin: 70px 0px 0 20px;
	font-size: 1.1em;
	letter-spacing: 0.1em;
	color: #D71921;
}

div#content #left #brandinfo p {
	margin: 20px 20px 0 0;
	color: #D71921;
}

div#content #left #brandinfo p.grey {
	color: #D71921;
}

div#content #left #brandinfo a {
	border-bottom: 1px solid #D71921;
}


div#breadcrums ul {
	width: 80%;
	list-style: none;
	margin: 20px 0 0 15px;
}

div#breadcrums ul li {
	text-transform: capitalize;
	float: left;
	margin: 0 5px 0 5px;
	line-height: 13px;
}

div#breadcrums ul li a {
	text-decoration: none;
	color: #000;
}

div#breadcrums ul li a:hover {
	color: #D71921;
	/*border-bottom: 1px solid #000;*/
}

div#breadcrums ul li.active {
	border-bottom: 1px solid #000;
}

div#breadcrums ul li{
	text-transform: capitalize;
	float: left;
	margin: 0 5px 0 5px;
	line-height: 13px;
}

#right p {
	margin: .5em;
}

/*
Voorpagina pagina
*/

body#voorpagina #content {
	background: url('../images/boon.jpg') no-repeat 0 -40px;
	/*background: url('../images/vaderdag2010.jpg') no-repeat 0 0;*/
	height: 460px; /*460px*/
	width: 960px;
}

body#voorpagina #content #campagne {
	border: 2px solid red;
	display: block;
	float: right;
	padding: 15px;
	margin: 40px 20px 0 0;
	width: 182px;
	/*background: white;
	opacity: trans25;*/
	text-align: justify;
}

body#voorpagina #content #campagne p {
	margin: 0 0 10px 0;
}

body#voorpagina #content #campagne .red {
	color: #CC9900;
	margin: 0;
	font-weight: bold;
}

body#voorpagina #content #campagne a {
	text-decoration: none;
	color: #666;
	border-bottom: 1px solid #666;
}

body#voorpagina #content h1 {
	letter-spacing: 0.3em;
	color: white;
	font-size: 12px;
	position: fixed;
	font-weight: normal;
	top: 530px;
	left: 500px;
	text-indent: -1000em;
	
}
/* 
Machines Pagina
*/


body#machines #content #breadcrums {
	color: white;
}

body#machines #content #breadcrums a, body#machines #content #breadcrums .active {
	color: white;
}
body#machines #content #breadcrums .active {
	border-bottom: 1px solid white;
}


body#machines #content #breadcrums a:hover{
	border-bottom: 1px dotted white;
}

body#machines #content {
	background: url('../images/eq-man.jpg') no-repeat 0 0;
}

body#machines #content #left {
	background: none;
}

body#machines #content #right{
	background: #fff;
}

body#machines #content #right ul {
	margin: 30px 0 0 0;
}

li.merk {
	text-align: center;
	display: block;
	height: 80px;
	width: 235px;
	background: white;
	margin: 10px 0 10px 15px;
	float: left;
}

li.merk a img, li.machine a img{
	border: none;
	text-decoration: none;
}

#right ul {
	width: 250px;
}


/* 
Merk Pagina
*/
body#ascaso #content #middle {
	background: url('../images/merken/ascaso/sfeer.jpg') no-repeat 0px 0;
}

body#elektra #content #middle {
	background: url('../images/merken/elektra/sfeer.jpg') no-repeat 0 0;
}

body#quickmill #content #middle{
	background: url('../images/merken/quickmill/sfeer.jpg') no-repeat 0px 0;
}

body#handpresso #content #middle{
	background: url('../images/merken/handpresso/sfeer.jpg') no-repeat 50%;
}

/*body#merk div#content #right {
	background: #FFF;
}


body#merk div#content #middle {
	background: #eee;
}*/

body#Barista #content #middle{
	background: url('../images/merken/accessoires/barista.jpg') no-repeat 50%;
}

body#Ombouwkits #content #middle{
	background: url('../images/merken/accessoires/ombouwkits.jpg') no-repeat 50%;
}

body#Reinigingsmiddelen #content #middle{
	background: url('../images/merken/accessoires/reinigingsmiddelen.jpg') no-repeat 50%;
}

body#Uitklopbakken #content #middle{
	background: url('../images/merken/accessoires/uitklopbakken.jpg') no-repeat 50%;
}



/* 
Model Pagina
*/

body#model #right h2 {
	margin: 5px;
	font-size: 1.8em;
	display: none;
}

body#model #right a {
	margin-left: 10px;
	color: #333;
	text-decoration: none;
	border-bottom: 1px dotted #D71921;
}

body#model #right a:hover {
	color: #D71921;
}


img#sh_product_image {
}

div#imagecontainer {
	height: 350px;
}

#brandlogo {
	margin-top: 20px;
	text-align: center;
	display: block
}

#brandlogo img {
    margin: auto;
}

ul.thumbs {
	position: relative;
	width: 230px;
	margin: auto;
	text-align: center;
	
}

ul.thumbs li {
	float: left;
	display: block;
	width: 75px;
	margin: 2px;
}

ul.thumbs li a, ul.thumbs li a img {
	text-decoration: none;
	border: none;
}


div.block h3, div.block2 h3 {
	margin: 8px 5px 5px 5px;
	font-size: 1.3em;
}

table.rlist {
	margin:0px 0px 10px 0px;
	padding:0;
	border: none;
}    

table.rlist  {
	width: 250px;
}    

table.rlist td {
	border-bottom: 1px solid #eee;
	margin-bottom:0.1em;
	overflow:hidden;
	width:44%;
}    

table.rlist td.specscontent {
	width: 80px !important;
}

table.rlist img {
	border: 1px solid black;
}


a.machinethumbs {
	text-decoration: none;
	color: #333;
}

a.machinethumbs:hover {
	color: #D71921;
}

a.machinethumbs span.machine_modelname {
	display:block;
}

span.filesize {
	font-size: 10px !important;
}

/* 
Nieuws Pagina
*/

body#news #content {
	background: url('../images/merken/ascaso/sfeer2.jpg') no-repeat -190px 0px;
}

body#news #content h2 {
	margin: 10px 0 0 19px;
	font-size: 1.6em;
}

body#news #content #middle{
	background: #ccc;
	overflow: auto;
}

body#news #content #left {
	background: none;
}

body#news #middle {
	text-align: left;
}

body#news #middle p.date {
	font-size: 0.9em;
	margin: 3px;
}

body#news #middle h3 {
	margin: 2em 0 0 0;
}

body#news #middle p {
	margin: 1em 0 0 0;
}

#newsblok {
	margin: 20px 20px 10px 20px;

}

#newsblok h3 a {
	color: black;
}

#newsblok a {
	color: #D71921;
	text-decoration: none;
}

#newsblok a:hover {
	border-bottom: 1px dotted #D71921;
}

a.archivebutton {
	margin: 20px 0 0 20px;
	text-decoration: none;
	color: #333;
	border-bottom: 1px solid #333;
}

body#news #content #middle {
	background: white;
}


body#news #right a {
	text-decoration: none;
	color: #333;
}

body#news #right a:hover {
	border-bottom: 1px solid #D71921;

}


/* 
Verkoopadressen Pagina
*/

body#dealers #content {
	background: url('../images/dealers.jpg') -190px 0 no-repeat;
}

body#dealers #left {
	background: none;
}

body#dealers #left a {
	color: #D71921;
}

body#dealers #middle {
	background: #ccc;
	text-align: left;
}

body#dealers #middle p.resultaten {
	margin: 5px;
	text-align: center;
	font-weight: bold;
}

body#dealers #adressen h3 {
	color: white;
	margin: 0 0 6px 0;
}

body#dealers #adressen h2 {
	color: #D71921;
	margin: 10px 0 -8px 0;
}

body#dealers #adressen a {
	border-bottom: 1px solid white;
	color: white;
	text-decoration: none;
}

body#dealers #adressen a:hover {
	border-bottom: 1px solid #D71921;
}

body#dealers #adressen {
	margin: 10px 10px 10px 20px;
	padding: 0 0 20px 0;
}

body#dealers #adressen div.dealer {
	margin: 10px 10px 0 10px;
	width: 80%;
}

body#dealers #right form, body#dealers #left a {
	margin: 20px;
}

body#dealers #right form input {
	margin: 5px 0 0 -10px;
}

body#dealers #right a {
	text-decoration: none;
	color: #333;
}

body#dealers #right a {
	margin: 20px;	
}

body#dealers #left a:hover {
	text-decoration: none;
	border-bottom: 1px solid #D71921;
}

body#dealers #left label {
	margin: 0;
}

body#dealers #right a {
	text-decoration:none;
	color: #333;
}

body#dealers #right a:hover {
	border-bottom: 1px solid #D71921;	
}

/* 
Dealer-login Pagina
*/






/* 
Service Pagina
*/

/*body#service #content {
	background: url('../images/service.jpg') 0 0 no-repeat;
}



body#service #content {
	background: url('../images/service.jpg') 0 0 no-repeat;
}*/

body#service #left {
	background: url('../images/service.jpg') -170px 0 no-repeat;
}

.answer{
	text-align: left;
}

#servicewrapper {
	margin: 10px;
}

#servicewrapper h2{
	margin-bottom: 10px;
}

#servicewrapper p {
	margin: 0px;
}

#servicewrapper a {
	text-decoration: none;
	color: #D71921;
}

#servicewrapper a:hover {
	border-bottom: 1px dotted #D71921;
}




/* rechter menu */





/* Middle */




div#content #middle img {
	text-align: center;
	position: relative;
}


ul.mlist {
	margin: auto;
	text-align: center;
	width: 240px;
}

li.machine {
	text-align: center;
	display: block;
	width: 75px;
	background: white;
	margin: 15px 5px 0 15px;
	float: left;
	
}



#account {
	position: absolute;
	color: #D71921;
	top: 0;
	right: 0;
	margin: -20px 0px 0 0;
}

#account a {
	color: #D71921;
	text-decoration: none;
}

#account a:hover {
	border-bottom: 1px dotted #D71921;
}

#middle form {
	width: 100%;
	position: relative;
}


body#contact #left {
	/*background: url('../images/contact.jpg') no-repeat -20px 0;*/
}

body#contact #right a.routebeschrijving {
	margin-left: 10px;
}

body#contact #middle form {
	margin: 30px 0 0 0;
}

p.validation_error {
	margin-left: 12em;
	border: 1px solid #666;
	background: #eee;
	padding: 4px 8px 4px 8px;
}

#serviceblok {
	text-align: left;
	margin: 20px 20px 10px 20px;

}

#serviceblok h3 a {
	color: black;
	line-height: 18px;
}

#serviceblok a {
	color: #D71921;
	text-decoration: none;
}

#serviceblok a:hover {
	border-bottom: 1px dotted #D71921;
}

div.answer {
	display: none;
}

div.answer p {
	margin: 0 0 12px 0;
	text-align: left;
}

body#accessoires #middle{
	background: url('../images/accessoires.jpg') no-repeat 0 0;
}

#accwrapper {
	margin: 10px 0 10px 0;
}

#accwrapper p {
	width: 250px;
}

#accwrapper h3 {
	font-size: 1.4em;
	margin: 15px 0 15px 4px;
	color: #333;
}

#accwrapper ul {
	margin: 0 0 0 6px;
	list-style: none;
	width: 235px;
}

#accwrapper a {
	word-wrap: break-word;
	text-decoration: none;
	color: #333;
	border-bottom: 1px solid #333;
}

#accwrapper a:hover {
	color: #D71920;
	border-bottom: 1px dotted #D71920;	
}

#accwrapper ul li {
	padding: 3px 0px;
	border-bottom: 1px solid #ccc;
}

#accwrapper ul li a {
	text-decoration: none;
	color: #999;
	border-bottom: none;
}

#accwrapper ul li a:hover {
	color: #D71921;
}

span.price {
	display: block;
	margin: 15px 0 0 5px;
}

.acc_chooser {
	text-decoration: none;
	color: #D71921;
	font-size: 2.1em;
	line-height: 4em;
	font-weight: bold;
}

.acc_chooser:hover {
	border-bottom: 2px dotted #D71921;
}

table.acctable {
	width: 90%;
	margin: auto;
}

table.acctable tr {
	position: relative;
}

table.acctable tr td.accprijs {
	width: 80px;
	position: relative;
	text-align: right;

}
table.acctable tr td.accomschrijving {
	position: relative;
	width: 70px !im;
}

td.omschrijving {
	width: 110px !important;
}

.acclist {
	display: none;
}

.accblock h2 a{
	color: black;
	text-decoration: none;
	line-height: 20px;
}

.accblock h2 a:hover{
	border-bottom: 1px dotted #D71921;
}

div#content #left #accinfo h2 {
	color: #D71921;
	margin: 0 0 13px 0;
	font-size: 1.3em;
}

div#content #left #accinfo {
	margin: 70px 0px 0 20px;
	font-size: 1.1em;
	letter-spacing: 0.1em;
}

div#content #left #accinfo p {
	margin: 20px 20px 0 0;
	color: #333;
}



/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
    position: relative;
	overflow: hidden;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 75px;
    height: 85px;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}

.jcarousel-skin-tango.jcarousel-container {
	margin: auto;
	padding-top: 15px;
		overflow: hidden;
}

.jcarousel-skin-tango.jcarousel-container-horizontal {
    width: 300px;
    padding: 0px 40px;
	overflow: hidden;
}

.jcarousel-skin-tango.jcarousel-container-vertical {
    width: 75px;
    height: 245px;
    padding: 40px 20px;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  255px;
    height: 85px;
	margin: 0 0 0 25px;
}

.jcarousel-skin-tango .jcarousel-clip-vertical {
    width:  75px;
    height: 245px;
}

.jcarousel-skin-tango .jcarousel-item {
    width: 75px;
    height: 85px;
	display: inline;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
    margin: 5px;
	overflow: hidden;
}

.jcarousel-skin-tango .jcarousel-item-vertical {
    margin-bottom: 10px;
}

.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 23px;
    right: 0px;
    width: 50px;
    height: 40px;
    cursor: pointer;
    background: transparent url(../images/next.jpg) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover {
    background-position: 0 -46px;
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 23px;
    left: 0px;
    width: 50px;
    height: 40px;
    cursor: pointer;
    background: transparent url(../images/prev.jpg) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {
    background-position: 0 -46px;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

p.wachtwoord {
	margin: 10px 60px 30px 80px;
	text-align: left;
}

p.formtext {
	text-align: center;
}

body#contact div#right a {
	color: #333;
	text-decoration: none;
	border-bottom: 1px dotted #D71921;
}

body#contact div#right a:hover {
	color: #D71921;
	text-decoration: none;
	border-bottom: 1px dotted #333;
}


table
{
	width: 100%;
	
	table-layout: fixed;
	border-collapse: collapse;
}

table p
{
	padding: 0;
}

td, th
{
	padding: 0.25em 0.5em;
	border-bottom: 1px solid #CCC;
	vertical-align: baseline;
}

th
{
	text-align: left;
	background: #E1E2E2;
	color: #333;
}

col.status
{
	width: 1.5em;
}

col.small
{
	width: 8em;
}

col.large
{
	width: 32em;	
}

.action
{
	text-align: right;
}

.even
{
	background-color: #F9F3F3;
}

.highlight
{
	background-color: #eefcab;
	padding: 0 0.2em;
}

.erase {
	background: url('../images/delete.gif') no-repeat;
	display: block;
	width: 13px;
	height: 13px;
	margin: 0 0 -2px 0;
}

a.erase:hover {
	background-position: 0 -13px;
	text-decoration: none;
	border-bottom: none;
}

h2.beheer {
	margin: 10px;
}

ul.beheersmenu {
	margin: 10px;
	list-style: none;
}

ul.beheersmenu li{

}

ul.beheersmenu li a {
	text-decoration: none;
	color: black;
}

ul.beheersmenu li a:hover {
	border-bottom: 1px solid red;
}

table td a{
	text-decoration: none;
	color: black;
}

table td a:hover {
	border-bottom: 1px dotted red;
}

#middle p a {
	text-decoration: none;
	color: black;
	line-height: 20px;
}

#middle p a:hover {
	border-bottom: 1px dotted red;
}


#middle fieldset#beheer, #bigright fieldset#beheer {
	border: 1px solid #666;
	background: #eee;
	margin: 10px 50px 20px 0px;
}

#middle fieldset#beheer legend, #bigright fieldset#beheer legend{
	display: block;
	padding: 2px 5px;
	margin-left: 15px;
	border: 1px solid #666;
	background: #eee;
}

#middle fieldset#beheer textarea, #bigright fieldset#beheer textarea {
	display: block;
	height: 135px;
	width: 340px;
}

form {
	padding: 0 0 20px 0;
}

fieldset#beheer input {
	width: 340px;
}

fieldset#beheer input.radiobutton, fieldset#beheer input.checkbox {
	width: 1em;
}

input.file {
	border: none;
}

#bigright {
	width: 675px;
	text-align: left;
	float: left;
	margin: 0 0px 0 10px;
	position: relative;
	display: block;
	overflow: auto;
}

#bigright p a {
	color: #333;
	text-decoration: none;
	line-height: 30px;
}

#bigright p a:hover {
	color: #D71921;
	border-bottom: 1px dotted #D71921;
}

#bigright table {
	margin: 0 0 10px 0;
	width: 90%;
}

#tags a {
	text-decoration: none;
	color: #333;
}

#tags a:hover {
	color: #D71921;
	border-bottom: 1px dotted #D71921;
}

.box {
	display: block;
}

small {
	font-size: 0.9em;
}

label {
	display: block;
	margin: 0 0 2px 0;
}


div#content #left #beheerinfo h2 {
	color: #D71921;
	margin: 0 0 13px 0;
	font-size: 1.3em;
}

div#content #left #beheerinfo {
	margin: 20px 20px 0 20px;
	font-size: 1.1em;
	letter-spacing: 0.1em;
}

div#content #left #beheerinfo p {
	margin: 20px 20px 0 0;
	color: #333;
}