/****************************************************************/
/*   Design:   Multiflex-3.11 / Layout-2                        */
/*   File:     Global layout structure                          */
/*--------------------------------------------------------------*/
/*   Design:   www.1234.info                                    */
/*   Date:     January 8, 2008                                  */
/*--------------------------------------------------------------*/
/*   License:  Fully open source without restrictions.          */
/*             Please keep footer credits with the words        */
/*             "Design by 1234.info". Thank you!                */
/****************************************************************/

/************/
/*  GLOBAL  */
/************/

/* NON-HEADER */
*{padding:0; margin:0;}
 body {
    font-size:62.5%;
    background: url(../img/bg.gif) repeat-x;
    font-family:arial,verdana,sans-serif;
} /*Font-size: 1.0em = 10px when browser default size is 16px*/

.page-container {width:969px; margin:0px auto; margin-top:0px; margin-bottom:10px; background: url(../img/achtergrond_herhaal.jpg) repeat-y; border:solid 0px rgb(150,150,150); font-size:1.0em;}
.main {clear:both; width:940px; padding-bottom:30px;margin: 0 auto;}
.main-navigation {display:inline /*Fix IE floating margin bug*/; float:left; width:200px; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.main-content { 
    display:inline; /*Fix IE floating margin bug*/;
    float: right;
    width: 710px;
    margin:0 0 0 10px;
    overflow:visible !important /*Firefox*/;
    overflow:hidden /*IE6*/;
}
.footer {
    clear:both;
    width:970px;
    height: 110px;
    ppadding: 10px;
    background: #fff url(../img/footer.jpg) no-repeat 0px 0;
    font-size:1.0em;
    overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;
}

/* --- For alternative headers START PASTE here --- */

/* HEADER */
.header {width:940px; }
.header-top {
    width:960px;
    height:50px;
    /* background: url(../img/headerbg.jpg) no-repeat 5px -285px; */
    overflow-y:hidden !important /*Firefox*/;
    overflow:hidden /*IE6*/;
    z-index: 99;
}
.header-middle {
    /* position: absolute; */
    width:960px;
    height:340px;
    /* background:rgb(230,230,230) url(../img/banner.jpg); */
    overflow-y:hidden !important /*Firefox*/;
    overflow:hidden /*IE6*/;
}
.header-bottom {width:960px; height: 46px;}
.header-breadcrumbs {clear:both; width:960px; padding: 0 0 10px 20px; height: 15px;}

/********************/
/*  HEADER SECTION  */
/********************/
.sitelogo {width:376px; height: 206px; position:absolute; z-index:10; margin:50px 0 0 50px; background:url(../img/logo.png) no-repeat 0 0px; }
#sitelogo { z-index: 111; position: absolute;}
.sitename {width:300px; height:45px; position:absolute; z-index:1; margin:20px 0 0 90px; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.sitename h1 {font-size:240%;}
.sitename h2 {margin:-4px 0 0 0; color:rgb(125,125,125); font-size:120%;}
.sitename a {text-decoration:none; color:rgb(125,125,125);}
.sitename a:hover {text-decoration:none; color:rgb(50,50,50);}

.nav0 {width:350px; position:absolute; z-index:2; margin:25px 0 0 0; margin-left:550px !important /*Firefox*/; margin-left:553px /*IE6*/;}
.nav0 ul {float:right; padding:0 20px 0 0;}
.nav0 li {display:inline; list-style:none;}
.nav0 li a {padding:0 0 0 3px;}
.nav0 a:hover {text-decoration:none;}
.nav0 a img {height:14px; border:none;}

.nav1 {width:350px; position:absolute; z-index:3; margin:45px 0 0 550px;}
.nav1 ul {float:right; padding:0 15px 0 0; font-weight:bold;}	
.nav1 li {display:inline; list-style:none;}
.nav1 li a {display:block; float:left; padding:2px 5px 2px 5px; color:rgb(125,125,125); text-decoration:none; font-size:120%;}
.nav1 a:hover {text-decoration:none; color:rgb(50,50,50);}

.sitemessage {width:400px; height:120px; position:absolute; z-index:1; margin:20px 0 0 480px; color:rgb(234,239,247); /*overflow:visible !important /*Activate if Firefox print problems*/; overflow:hidden /*IE6*/;}
.sitemessage h1 {width:400px; text-align:right; font-size:230%;}
.sitemessage h2 {float:right; width:320px; margin: 8px 0 0 0; text-align:right; line-height:100%; font-size:160%;}
.sitemessage h3 {float:right; width:320px; margin:10px 0 0 0; text-align:right; font-size:140%;}
.sitemessage h3 a {text-decoration:none; color:rgb(234,239,247);}
.sitemessage h3 a:hover {text-decoration:none; color:rgb(50,50,50);}

/*Drop-down menu*/
.nav2 {
    white-space:nowrap /*IE hack*/;
    margin: 0px;
    padding: 0 20px;
    float:left;
    width:960px;
    height: 46px;
    border:none;
    color: #fff;
    font-size:130%;
    background: url(../img/menu_bg.jpg) no-repeat 8px 0;
} /*Color navigation bar normal mode*/

.nav2 ul {list-style-type:none;}
.nav2 ul li {float:left; z-index:auto !important /*Non-IE6*/; z-index:1000 /*IE6*/; }
.nav2 ul li a {
    float:none !important /*Non-IE6*/;
    float:left /*IE-6*/;
    display:block;
    height: 21px;
    line-height: 21px;
    padding: 6px 16px;
    text-decoration:none;
    font-weight:bold;
    color: #fff;;
    border: double transparent;
}
.nav2 ul li ul {display:none; border:none;}

/*Non-IE6 hovering*/
.nav2 ul li:hover {position:relative;} /*Sylvain IE hack*/
.nav2 ul li:hover a {
    background-color: #7d889e;
    text-decoration:none;
} /*Color main cells hovering mode*/

..nav2 ul li:hover ul {display:block; width:10.0em; position:absolute; z-index:999; top: 3em; margin-top:0.1em; left:0;}
..nav2 ul li:hover ul li a {white-space:normal; display:block; width:10.0em; height:auto; line-height:1.2em; margin-left:-1px; padding:4px 16px 4px 16px; border-left:solid 1px rgb(175,175,175); border-bottom: solid 0px rgb(175,175,175); background-color:rgb(237,237,237); font-weight:normal; color:rgb(50,50,50);} /*Color subcells normal mode*/
..nav2 ul li:hover ul li a:hover {background-color:rgb(210,210,210); text-decoration:none;} /*Color subcells hovering mode*/

/*IE6 hovering*/
.nav2 table {position:absolute; top:0; left:-1px; border-collapse:collapse;}
.nav2 ul li a:hover {
    position:relative /*Sylvain IE hack*/;
    z-index:1000 /*Sylvain IE hack*/;
    background: transparent url(../img/rollover.jpg) repeat-x;
    text-decoration:none;
    border: double #fff;
} /*Color main cells hovering mode*/
.nav2 ul li.active a {
    position:relative /*Sylvain IE hack*/;
    z-index:1000 /*Sylvain IE hack*/;
    background: transparent url(../img/rollover.jpg) repeat-x;
    text-decoration:none;
    border: double #fff;
}
..nav2 ul li a:hover ul {display:block; width:10.0em; position:absolute; z-index:999; top:3.1em; t\op:3.0em; left:0; marg\in-top:0.1em;}
..nav2 ul li a:hover ul li a {white-space:normal; display:block; w\idth:10.0em; height:1px; line-height:1.3em; padding:4px 16px 4px 16px; border-left:solid 1px rgb(175,175,175); border-bottom: solid 1px rgb(175,175,175); background-color:rgb(237,237,237); font-weight:normal; color:rgb(50,50,50);} /*Color subcells normal mode*/
..nav2 ul li a:hover ul li a:hover {background-color:rgb(210,210,210); text-decoration:none;} /*Color subcells hovering mode*/

.header-breadcrumbs ul {float:left; width:560px; list-style:none; padding:0 0 0 15px; }
.header-breadcrumbs ul li {display:inline; padding:0 0 0 10px; background:transparent url(../img/bg_bullet_arrow.gif) no-repeat 0 50%; font-weight:bold; color:rgb(125,125,125); font-size:100%;}
.header-breadcrumbs ul a {color:rgb(70,122,167); text-decoration:none;}
.header-breadcrumbs ul a:hover {color:rgb(42,90,138); text-decoration:underline;}

.header-breadcrumbs .searchform {float:right; width:285px; padding:0 17px 0px 0px !important /*Non-IE6*/; padding:0 12px 0px 0px /*IE6*/;}
.header-breadcrumbs .searchform form fieldset {float:right; border:none;}
.header-breadcrumbs .searchform input.field {width:10.0em; padding:0.2em 0 0.2em 0; border:1px solid rgb(200,200,200); font-size:120%; }
.header-breadcrumbs .searchform input.button {width:3.0em; padding:1px !important /*Non-IE6*/; padding:0 /*IE6*/; background:rgb(230,230,230); border:solid 1px rgb(150,150,150); text-align:center; color:rgb(150,150,150); font-size:120%;}
.header-breadcrumbs .searchform input.button:hover {cursor:pointer; border:solid 1px rgb(80,80,80); background:rgb(220,220,220); color:rgb(80,80,80);}

/* --- For alternative headers END PASTE here --- */

/******************/
/*  MAIN SECTION  */
/******************/

/* MAIN NAVIGATION */
.main-navigation .round-border-topright {width:10px; height:10px; position:absolute; z-index:10; margin:0 0 0 190px; }

/* MAIN CONTENT */
.column1-unit {
    width: 710px;
    margin-bottom:10px !important /*Non-IE6*/;
    margin-bottom:5px /*IE6*/;
    text-align: justify;
    font-size:110%;
}
.column2-unit-left {float:left; width:300px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;}
.column2-unit-right {float:right; width:300px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;}
.column3-unit-left {float:left; width:186px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/}
.column3-unit-middle {float:left; width:186px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/; margin-left:40px;}
.column3-unit-right {float:right; width:186px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;}

/********************/
/*  FOOTER SECTION  */
/********************/
.footer p {line-height:1.3em; text-align:center; color: #a6aebb; font-weight:bold; font-size:110%; margin-top: 70px;}
.footer p.credits {font-weight:normal; color: #fff;}
.footer p a {text-decoration:none; color:#666;}
.footer a:hover {text-decoration:none; color: #fff;}

/******************/
/*  CLEAR FLOATS  */
/******************/
.page-container:after, .header:after, .header-bottom:after, .header-breadcrumbs:after, .main:after, .main-navigation:after, .main-content:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.column1-unit:after, .column2-unit-left:after, .column2-unit-right:after, .column3-unit-left:after, .column3-unit-middle:after, .column3-unit-right:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
 p:after {content:"."; display:block; height:0; /*clear:both*/; visibility:hidden;}
.footer:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clear-contentunit {clear:both; width:695px; height:0.1em; border:none; background: #fff; color:rgb(210,210,210);}

/********************************/
/*  PRINTING and MISCELLANEOUS  */
/********************************/
@media print {.header-top {width:900px; height:80px; background:rgb(240,240,240); overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}}
@media print {.header-breadcrumbs {width:900px; background:transparent;}}
@media print {.nav2 {float:left; width:900px; border:none; background:rgb(240,240,240); color:rgb(75,75,75); font-size:1.0em; font-size:130%;}} /*Color navigation bar normal mode*/
@media print {.main {clear:both; width:900px; padding-bottom:30px; background:transparent;}}
@media print {.main-navigation {display:inline /*Fix IE floating margin bug*/; float:left; width:199px; border-right:solid 1px rgb(200,200,200); border-bottom:solid 1px rgb(200,200,200); background-color:rgb(240,240,240); overflow:visible !important /*Firefox*/; overflow:hidden /*IE*/;}}
@media print {.footer {clear:both; width:900px; height:3.7em; padding:1.1em 0 0; background:rgb(240,240,240); font-size:1.0em; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}}

#demo-tile {
    height: 400px;
    width: 650px;
    margin: 1em 0;
    overflow: hidden;
    float: left;
    position: relative;
}
			 
#demo-tile-inner {
    width: 2270px;
    height: 1704px;
    background-image: url(../img/tile.jpg);
    position: relative;
}

.demo-content {
    background-color: #fff;
    position: absolute;
    padding: 15px 30px;
}

#header-images {
    top: 21px;
    margin: 0px auto 0;
    border: 0px solid #555;
    width: 940px;
    height: 278px;
    z-index: 1;
    overflow: hidden;
}
.header-back {
    background: url(../img/header_bg.jpg) no-repeat 0px 0px;
    z-index: 1;
    height: 300px;
}
.aanbieding {
    background: #ddd;
    width: 700px;
    height: 100px;
    padding: 5px;
    margin: 5px 0;
}
.aanbieding-logo {
    float: left;
    width: 100px;
    height: 100px;
}

.aanbieding-logo-2 {
    float: left;
    width: 100px;
    height: 100px;
    margin: 0 0 0 5px;
}
.aanbieding-tekst {
    float: left;
    padding-left: 10px;
    width: 355px;
    color: #324264;
}
.aanbieding-rechts {
    float: right;
    width: 125px;
}
.aanbieding-prijs {
    text-align: center;
    padding: 5px 0px 0 0;
    color: #c00405;
    font-weight: bold;
    font-size: 20px;
}
.prijs {
    text-align: center;
    padding: 5px 0px 0 0;
    color: #c00405;
    font-size: 26px;
    font-weight: bold;
}
.aanbieding a {
    font-size: 10px;
    text-decoration: underline !important;
}
.aanbieding-a {
    padding: 0px 20px;
    margin: 10px 0;
}
.main-content h2 a {
    text-decoration: underline;
}
.aanbieding-rechts {
    height: 90px;
}
/* EmailForm 
------------------------------------------------------------------------------- */
#EmailForm {
	width: 360px;
	text-align: left;
	padding-bottom: 20px;
	border: none;
}
#EmailForm.full { width: 100%; }


#EmailForm fieldset {
    border: none;
}

#EmailForm legend {
	display: none;
}
#EmailForm h3 {
	clear: both;
	padding: 15px 0 5px;
	font-size: 14px;
	font-family: Helvetica, Arial, sans-serif;
	color: #000;
	font-weight: bold;
}

#EmailForm label,
#EmailForm p {
	display: block;
	clear: both;
	width: 310px;
	font-size: 1em;
	line-height: 1.5em;
	padding: 0 0 9px;
}

#EmailForm input {
	display: block;
	margin-top: 3px;
}

#EmailForm select {
	float: left;
	display: block;
}

#EmailForm label.first,
#EmailForm label.city {
    clear: left;
    margin-right: 10px;
    width: 150px;
}

#EmailForm label.second,
#EmailForm label.state {
	float: left;
	clear: none;
	margin: 0 10px 0 0;
	width: 150px;
}
#EmailForm label.state { width: 60px; }

#EmailForm label.first input,
#EmailForm label.city input,
#EmailForm label.second input {
	float: left;
	width: 150px;
	padding: 0;
}

#EmailForm label.state select {
	width: 60px;
	float: left;
	margin-top: 3px;
}

#EmailForm label.zip,
#EmailForm label.zip input {
	float: left;
	width: 80px;
}
#EmailForm label.zip { clear: none; }

#EmailForm label {
	float: left;
	clear: left;
	width: 310px;
	margin: 0;
	line-height: 1.5em;
}

#EmailForm label input {
	float: left;
	width: 310px;
	padding: 0;
}

#EmailForm input.radio,
#EmailForm input#radiobutton_1,
#EmailForm input#radiobutton_2,
#EmailForm input#radiobutton_3,
#EmailForm input#radiobutton_4 {
	clear: left;
	float: left;
	padding: 0;
	margin: 0;
}

#EmailForm label.radio,
#EmailForm label.radioitem {
	clear: none;
	margin: 0 0 0 25px;
	padding: 0 0 15px;
}

#EmailForm input.checkbox,
#EmailForm input#checkbox_1,
#EmailForm input#checkbox_2,
#EmailForm input#checkbox_3,
#EmailForm input#checkbox_4 {
	clear: both;
	float: left;
	padding: 0;
	margin: 0;
}

#EmailForm label.checkbox {
	clear: none;
	margin: 0 0 0 25px;
	padding: 0 0 15px;
}
/* style the #EmailForm elements to look similar across browsers ... emulates Safari */
#EmailForm label input,
#EmailForm textarea {
    border: 1px solid #ddd;
    border-left-color: #c3c3c3;
    border-top-color: #7c7c7c;
    padding: 0 2px;
    height: 18px;
    line-height: 20px;
    background: #fff url(images/input-bg.gif) repeat-x top left;
}
#EmailForm input.checkbox,
#EmailForm select {
    border: 1px solid #ddd;
    border-left-color: #c3c3c3;
    border-top-color: #7c7c7c;
    background-color: #fff;    
    margin-bottom: 15px;
}
#EmailForm textarea {
	margin-top: 3px;
	width: 383px;
	height: auto;
	display: block;
}

#EmailForm label input.calc {
    text-align: right;
    width: 100px;
    clear: left;
    padding: 0;
}
#EmailForm input.button {
    clear: left;
    border: 1px solid #ddd;
    border-left-color: #c3c3c3;
    border-top-color: #7c7c7c;
	background-color: #EBE9ED;
}

#EmailForm label input {
	position: inherit;
	left: auto;
}
#CashForm label {width: 150px; display: block; line-height: 20px; margin-bottom: 3px;}
#CashForm input {width: 146px;}
#cbGelezen, #cbVoorwaarden {width: 30px !important; float: left;}
#CashForm select {
    width: 150px;
    idth: 154px;
}
#CashForm input[type="radio"] {width: 30px;}
.radiobuttons { float: left; width: 200px;}
#cal { float: left; cursor: pointer; margin-right: 5px;}
#cbGebdatum { width: 122px !important;}
#CashForm fieldset { border: none;}
.linker, .rechter { float: left; width: 45%; margin: 0;}
.captcha-code { clear: both; height: 100px; width: 65%; margin: 50px 0; border: solid 0px;}
.captcha-code img {float: right; margin: -23px 0 30px 0; width: 150px !important;}
.ster {float:left;}
.captcha-code label { width: 300px !important;}

.actievoorw {
    width: 640px;
    height: 150px;
    overflow: auto;
    margin: 20px 0;
    padding: 15px;
    font-size: 70%;
    border: solid 1px #bbb;
}
#CashForm input.button {
    clear: left;
    border: 1px solid #ddd;
    border-left-color: #c3c3c3;
    border-top-color: #7c7c7c;
	background-color: #EBE9ED;
}
#CashForm input[type="file"] {
    clear: left !important;
    border: 1px solid #ddd !important;
    border-left-color: #c3c3c3 !important;
    border-top-color: #7c7c7c !important;
    background: #EBE9ED !important;
}