@charset "UTF-8";
/* CSS Document */

/* ---- default styles ---- */

* {
	padding:0px;
	margin:0px;
}

body {
	
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image:url(../images/gradient.jpg);
	background-repeat:repeat-x;
	background-color:#eeeeee;
}

body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #58585a;
}

p {
	margin-bottom:15px;
	line-height:17px;
}

h1 {
	color: #e2001a;
	font-size:16px;
	font-weight:lighter;
	margin-bottom:15px;
}

h2 {
	font-size:14px;
	font-weight:lighter;
	margin-bottom:15px;
}

h3 {
	font-size:12px;
	font-weight:lighter;
	margin-bottom:15px;
}

h4 {
	font-size:12px;
	font-weight:lighter;
	margin-bottom:auto;
	margin-top:auto
}

hr {
	height: 0;
	border: 0;
	border-top: 1px  dashed #E1E1E1;
	margin-bottom:15px;
	margin-top:15px
}

a{
	color:#e2001a;
	text-decoration:none;
}

a:hover {
	color:#e2001a;
	text-decoration:underline;
}

#contentlist{
	margin-bottom:20px;
}

#contentlist li {
	margin-left:13px;
	margin-bottom:14px;
}

#formconfirm, #formconfirm1, #formconfirm2 {
	font-weight:bold;
	border:#e2001a 1px solid;
	padding-top:10px;
	display:none;
	padding:5px;
	text-align:center;
}

.innerimageborder {
	overflow: hidden;
	border: 1px solid #b1b1b1;
	margin: -1px;
}

.imageborder_left {
	border:#b8bbbc 1px solid;
	padding:3px;
	margin-top:3px;
	margin-right:5px;
	margin-bottom:5px;
}
	

/* ---- placeholder styles ---- */

#wrapper {
	width:988px;
	margin:0 auto;
	text-align:left;
	position:relative;
	height:100%;
}

#header_holder {
    
    width:988px;
    height:167px;
	background-image:url(../images/gradient.jpg);
	background-repeat:repeat-x;
    text-align:left;
	background-color:#eeeeee;
}

#header {
	width:988px;
	height:110px;
}

#header_logo {
	float:left;
}

#header_share {
	width: 325px;
	color:#97989a;
	float:right;
	font-size:11px;
	margin-top: 62px;
	text-align: right;
}

#header_icons {
	width: 100px;
	color:#97989a;
	float:right;
	font-size:11px;
	margin-top: 57px;
	text-align: right;
}

#header_icons img {
	margin-left:10px;
}

#header_blank {
	height:0px;
	width:988px;
}

#flashcontent {
	width:988px;
	height:445px;
	margin-bottom:5px;
}

.contentleft{
	float:left;
	padding:0px;
	width:300px;
}
.contentright{
	float:right;
	padding:0px;
	width:300px;
}

#startnow {
	left: 803px;
	top: 112px;
	position: absolute;
	width: 183px;
	height: 47px;
}

/* ---- menu styles ---- */

#menu_xtramenu {
	font-size:11px;
	left: 500px;
	top: 130px;
	text-align: right;
	position: absolute;
	width: 300px;
}

ul #menu_navlist {
	margin-left: 0;
	padding-left: 0;
	white-space: nowrap;
}

#menu_navlist li {
	color:#97989a;
	display: inline;
	list-style-type: none;
}

#menu_navlist a {
	padding-right: 5px;
	padding-left: 5px;
}

#menu_navlist a:link, #menu_navlist a:visited {
	color:#97989a;
	text-decoration: none;
}

#menu_navlist a:hover {
	color: #e2001a;
	text-decoration: none;
}

/* ---- footer styles ---- */

#footer_box {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	text-align: left;
	width:988px;
	background-color:#C00;
	margin-bottom:20px;
	background-image: url(../images/footer_background.gif);
	background-repeat: repeat-x;
	background-position: left top;
}

#footer_content {
	padding:15px;
	padding-bottom:30px;
	padding-left:35px;
}

#footer_xtramenu {
	float:left;
	padding-top:2px;
	font-size:11px;
}

ul #footer_navlist {
	margin-left: 0;
	padding-left: 0;
	white-space: nowrap;
}

#footer_navlist li {
	color:#FFFFFF;
	display: inline;
	list-style-type: none;
}

#footer_navlist a {
	padding-right: 5px;
	padding-left: 5px;
}

#footer_navlist a:link, #footer_navlist a:visited {
	color:#FFFFFF;
	text-decoration: none;
}

#footer_navlist a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

#footer_logo {
	width: 100px;
	color:#97989a;
	font-size:11px;
	text-align: right;
	position: relative;
	float: right;
	top: -10px;
}

/* ---- main content styles ---- */

#main_content_box_3colomn {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	text-align: left;
	width:988px;
	background-color:#FFF;
	margin-bottom:5px;
}

#main_content {
	padding:30px;
}

#price {
	font-size:17px;
	font-weight:lighter;
	color:#e2001a;
}

/* ---- column content styles ---- */

.columnseperator {
	background-image: url(../images/column_seperator.gif);
	background-repeat: repeat-y
}

/* ---- product banner ---- */

#productbanner {
	margin-top:30px;
	width:927px;
	height:400px;
	border:#b1b1b1 solid 1px;
	text-align: center;
	line-height: 395px;
	color: #707173;
}

#productbanner_inner {
	width:927px;
	height:400px;
	border:0px solid #FFFFFF;
	overflow:hidden;
	background-image: url(../images/product_banner.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#productbanner_small {
	margin-top:0px;
	margin-bottom:30px;
	width:627px;
	height:241px;
	border:#b1b1b1 solid 1px;
	text-align: left;
	overflow:hidden;
}

#productbanner_inner_small {
	width:625px;
	height:219px;
	border:1px solid #FFFFFF;
	padding-left:20px;
	padding-top:20px;
	overflow:hidden;
}

#productbanner_inner_small h1 {
	font-size:20px;
}

#productbanner_inner_small p {
	font-size:11px;
	line-height:20px;
}

#productbanner_inner_small li {
	margin-left:15px;
	line-height:23px;
}

#productbanner_inner_small .price {
	font-size:17px;
	font-weight:lighter;
	color:#e2001a;
}

/* ---- expandable questions ---- */
.msg_list {
	margin: 0px;
	padding: 0px;
	margin-top:10px;
}
.msg_head {
	padding: 5px 10px;
	cursor: pointer;
	position: relative;
	background-color:#F5F5F5;
	margin:1px;
}
.msg_body {
	padding: 5px 10px 15px;
	background-color:#FFFFF;
	font-style:italic;
	color:#333;
}

.msg_head_focus {
	background-color:#ebe8e8;
}

/* ---- reacties ---- */
#reacties {
	width:887px;
	border-bottom: #b1b1b1 solid 1px;
	border-left: #b1b1b1 solid 1px;
	border-right: #b1b1b1 solid 1px;
	margin-top:0px;
	margin-bottom:30px;
	padding: 20px;
}

/* ---- buttons ---- */

.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

a.button {
    background: transparent url(../images/bg_button_a.gif) no-repeat scroll top right;
    color: #FFFFFF;
    display: block;
    float: left;
	font-weight:lighter;
    height: 34px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
	text-align:center;
}

a.button span {
    background: transparent url(../images/bg_button_span.gif) no-repeat scroll top left;
    display: block;
	height: 24px;
    line-height: 20px;
    padding: 5px 0 5px 18px;
} 

a.button:hover {
    background-position: bottom right;
    color: #FFFFFF;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:hover span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
}

a.button_large {
    background: transparent url(../images/bg_button_large_a.gif) no-repeat scroll top right;
    color: #FFFFFF;
    display: block;
    float: left;
	font-weight:lighter;
	font-size:18px;
    height: 68px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
	text-align:center;
}

a.button_large span {
    background: transparent url(../images/bg_button_large_span.gif) no-repeat scroll top left;
    display: block;
	height: 58px;
    line-height: 16px;
    padding: 5px 0 5px 18px;
} 

a.button_large:hover {
    background-position: bottom right;
    color: #FFFFFF;
    outline: none; /* hide dotted outline in Firefox */
}

a.button_large:hover span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
} 

/* ---- pricelist ---- */
#pricelist {
	border-width: 0px;
	border-spacing: 2px;
	border-style: outset;
	border-color: #d5d5d5;
	border-collapse: collapse;
	background-color: #f5f5f5;
}

#pricelist td,th {
	line-height:15px;
	padding:5px;
	border-width: 0px;
	border-style: inset;
	border-color: #d5d5d5;
}

#pricelist tr:hover th[scope=row], #pricelist tr:hover td{ 
	color: #000000;
	background-color: #ececec;
}

#pricelist .heading {
	background-color:#f5f5f5;
}

#pricelist .item {
	border-bottom: 1px solid #FFFFFF;
}

#pricelist .spacer {
	height:15px;
}

/* ---- input styles ---- */
#formcontent .row {
	margin-bottom:10px;

}

#niceform .text_field, #niceform1 .text_field, #niceform2 .text_field {
	border:#9c9e9f solid 1px;
	background-color:#FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #58585a;
	width: 300px;
}


#niceform .over, #niceform1 .ove, #niceform2 .overr {
	background-color:#F3F3F3;
	border:#000000 solid 1px;
}

#niceform .textarea_field, #niceform1 .textarea_field, #niceform2 .textarea_field {
	border:#9c9e9f solid 1px;
	background-color:#FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #58585a;
	width: 300px;
}

#niceform label, #niceform1 label, #niceform2 label {
	position: absolute;
	text-align: left;
	width: 80px;
}

#niceform .text_field, .textarea_field, #niceform1 .text_field, .textarea_field, #niceform2 .text_field, .textarea_field {
	margin-left: 90px;
	padding: 6px;
}

#accountdetails .text_field, #passworddetails .text_field {
	padding: 6px;
	border:#9c9e9f solid 1px;
	background-color:#FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #58585a;
	width: 280px;
	margin-bottom:10px;
}

#accountdetails .pulldown, #passworddetails .pulldown {
	background-color:#FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #58585a;
	width: 280px;
}

