@charset "utf-8";
/* CSS Document */

body
{
    font-family: Arial, Sans-serif;
    font-size:12px;
    color:#3f3f3f;
    line-height: 18px;
    padding-top:50px;
}

a {
	color:red;
	text-decoration:underline;
}

#bg img {
        /* Set rules to fill background */
        min-height: 100%;
        min-width: 1024px;

        /* Set up proportionate scaling */
        width: 100%;
        height: auto;

        /* Set up positioning */
        position: fixed;
        top: 0;
        left: 0;
		margin:0px;
		z-index:-21;
}

iframe {
	border:0;
	border-style:none;
}

#logo
{
    background:url("images/wrapper_top_bg.png");
    background-repeat: no-repeat;
    background-position:bottom center;
    width:900px;
    /*  height:61px;*/
	min-height:81px;
    margin:0 auto;
    padding: 0px 50px 30px 50px;
}

#wrapper
{
    background:url("images/wrapper_bg.png");
    background-repeat:repeat-y;
    background-position: center;
    width:900px;
    margin:0 auto;
    padding:0px 50px;
    position:relative;
    z-index:10;
}

.button_samenstellen {
	position:absolute;
	right:30px;
	top:-55px;
	z-index:10000000000000000;
	float:right;
}

#topbar
{
    background:url("images/topbar_bg.jpg");
    background-repeat: repeat-x;
    height:50px;
/*    padding:10px 0px 0px 0px;*/
    width: 900px;
}
#topbar ul
{
    margin:0px;
    padding:0px
}
#topbar ul li
{
    list-style: none;
    float:left;
    height:40px;
    text-transform: capitalize;
}
#topbar ul li a
{
    display:block;
    color:#fff;
    font-size: 18px;
    text-decoration: none;
    padding:10px 15px 12px 15px;
    margin-top:10px;
}
#topbar ul li a:hover
{
    background:url("images/menuitem_hover_bg.jpg");
    background-repeat: repeat-x;
}
#topbar ul #active a
{
    background:url("images/menuitem_hover_bg.jpg");
    background-repeat: repeat-x;
    text-transform: capitalize;
}
#submenu_inactive
{
    height:10px;
    background:#bbbbbb;
}
#submenu_active
{
    padding:3px;
    background:#747474;
    color:#fff;
    font-size:10px;
}

#active a:link{
    font-weight: bold;
}


#submenu_active ul
{
    margin:0px;
    padding:0px;
}
#submenu_active ul li
{
    float:left;
    margin:0px;
    padding:0px;
    list-style:none;
    padding:0px 15px;
}
#submenu_active ul li a
{
    text-decoration: none;
    color:#fff;
}

#content
{
    background:url("images/content_bg.png");
    background-position: right bottom;
    background-repeat: no-repeat;
    position: relative;
    padding:30px 30px 0px 30px;
}
#content h1
{
    color:#ed1f24;
    font-size:24px;
    font-weight:normal;
    margin:0px;
    padding:0px 0px 18px 0px;
}
#content .contentimage
{
    border:1px solid #980f24;
}

#content #column_left
{
    float:left;
    /*width:500px;*/
	padding-bottom:30px;
}
#content #column_right
{
    float:right;
    width:300px;
	position:relative;

}
#column_right img{
	float:right;
}
#footer
{
    background:url("images/wrapper_bottom_bg.png");
    background-repeat: no-repeat;
    padding:15px 30px;
    text-align: right;
    color:#fff;
    margin:0 auto;
    /*width:900px;*/
}
#footer a
{
    color:#fff;
    text-decoration: none;
}

.clearer
{
    clear:both;
    font-size:0px;
    line-height:0px;
    border:0px;
    height:0px;
}

.linkbutton
{
    color:#3f3f3f;
    text-decoration: none;
}
.linkbutton img
{
    border:0px;
    margin-bottom:-5px;
}

a img {
	border:0;
}

/* CONFIGURATOR STYLES */

#config {
	width:280px;
	background:#fff;
	border:1px solid #bbbbbb;
	padding:10px;
}

.picker {
	width:19px;
	height:19px;
	border: 1px solid #fff;
	float:right;
	cursor:pointer;
}
.selectbox {
	width:270px;
	height:110px;
	overflow:auto;
	padding:10px 10px 0 0;
	background:transparent url("images/selectbox_bg.png") repeat-x;
	margin-bottom:1px;
	position:relative;
	display:none;
}
#canvasbox {
	width:500px;
	height:500px;
	background:#fff;
	border:1px solid #bbb;
	position:relative;
}
#loader {
	width:300px;
	height:30px;
	padding-right:14px;
	padding-bottom:14px;
	text-align:center;
	margin-top:235px;
	margin-left:100px;
	background:transparent url("images/loader.png") no-repeat;
	position:absolute;
	color:#fff;
}
#canvas {
	display:none;
}
.modelhandle {
width:40px;
height:250px;
float:left;
background:#ccc;
cursor:pointer;
}
.left_handle {
	background:transparent url("images/left_handle.png") no-repeat;
}
.right_handle {
	background:transparent url("images/right_handle.png") no-repeat;
}
#modelselect {
	width:800px;
	/*height:250px;*/
	/*overflow:hidden;*/
	margin:0px 10px;
	float:left;
}
#modelcontainer {
	/*width:2200px;*/
    width: 802px;
	height:250px;
}
.model {
	text-align:center;
	width:200px;
	float:left;
	margin:10px 0px;
	padding: 5px;
}

.model:hover {
	/*border: 1px dotted #cecece;*/
	background-color: #CCC;
}	
.model a {
	font-family:Verdana;
	font-size:14pt;
	color:#ed1f24;
	margin-bottom:20px;
	text-decoration:none;
}
.model img {
	margin-top:20px;
	border:0;
}
.config_bar {
	width:260px;
	height:20px;
	padding:5px 10px;
	font-family:Verdana;
	color:#fff;
	background:transparent url("images/config_bar_bg.png") repeat-x;
	margin-bottom:1px;
	cursor:pointer;
}
.colors {
	width:19px;
	height:19px;
	float:left;
	border:1px solid #fff;
	margin:0 0 9px 9px;
}

.reset, .aanvragen, .terug, .verder {
	width:137px;
	height:32px;
	margin-top:10px;
	float:left;
}

.reset-aanvraag, .reset {
	background: transparent url("images/reset_button.png") repeat-x;
	margin-right:10px;
	margin-left:10px;
}

.verder{
	background: transparent url("images/verder_button.png") repeat-x;
}

.terug{
	
	background: transparent url("images/terug_button.png") repeat-x;
	left: 43px;
	position: relative;
    top: -36px;
}

.aanvragen{
	background: transparent url("images/aanvragen_button.png") repeat-x;
	border:0;
	margin-left: -106px;
}

.error{
	color: red;
	font-weight: bold;
}

.custom-fancybox img{
	height: 80px;
}

.portfolio_button {
	cursor:pointer;
}


#multilanguages{
	
    width:900px;
    margin:0 auto;
    padding:0px 50px;
    position:relative;
    z-index:10;
}

#multilanguages img{
	padding-right: 10px;	
}

#webbol-website-uitwerking img{
	
}



#column_left input[type=submit]{
border:1px solid #ff6262; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;font-size:12px;font-family:arial, helvetica, sans-serif; padding: 10px 10px 10px 10px; text-decoration:none; display:inline-block;text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; color: #FFFFFF;
 background-color: #ff9a9a; background-image: -webkit-gradient(linear, left top, left bottom, from(#ff9a9a), to(#ff4040));
 background-image: -webkit-linear-gradient(top, #ff9a9a, #ff4040);
 background-image: -moz-linear-gradient(top, #ff9a9a, #ff4040);
 background-image: -ms-linear-gradient(top, #ff9a9a, #ff4040);
 background-image: -o-linear-gradient(top, #ff9a9a, #ff4040);
 background-image: linear-gradient(to bottom, #ff9a9a, #ff4040);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ff9a9a, endColorstr=#ff4040);
}

#column_left input[type=submit]:hover{
 border:1px solid #ff3434;
 background-color: #ff6767; background-image: -webkit-gradient(linear, left top, left bottom, from(#ff6767), to(#ff0d0d));
 background-image: -webkit-linear-gradient(top, #ff6767, #ff0d0d);
 background-image: -moz-linear-gradient(top, #ff6767, #ff0d0d);
 background-image: -ms-linear-gradient(top, #ff6767, #ff0d0d);
 background-image: -o-linear-gradient(top, #ff6767, #ff0d0d);
 background-image: linear-gradient(to bottom, #ff6767, #ff0d0d);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ff6767, endColorstr=#ff0d0d);
 cursor: hand;
 cursor: pointer;
}