/* HTML BODY */
html {
margin: 0;
padding: 0;
width: 100%;
height: 100%;
font-family: tahoma;
font-size: 12px;
color: #000000;
text-align: center;
line-height: 19px;
}

body {
margin: 0;
padding: 0;
}

/* FONTS */
h1 {
font-family: tahoma;
font-size: 25px;
font-weight: normal;
color: #c60e2a;
margin: 0 0 10px 0;
padding: 0 0 10px 0;
width: 980px;
line-height: 23px;
}

#privacy h1, #disclaimer h1, #cookiebeleid h1, #inzicht h1, #account h1, #inlogproblemen h1, #wachtwoord h1, #contactform h1, #effect h1, #contact h1, #ondernemers h1, #profiel h1, #mail h1, #gesprek h1 {
width: 815px;
}

h2 {
font-family: tahoma;
font-size: 13px;
font-weight: bold;
color: #000000;
margin: 0 0 0 0;
line-height: 23px;
}

#column_right h2 {
font-family: tahoma;
font-size: 13px;
font-weight: bold;
margin: 0 0 10px 0;
line-height: 17px;
}

.question h2 {
margin: 0 0 0 0px;
color: #000000;
}

.question_1 h2 {
color: #000000;
}

.active h2 {
color: #000000;
}

.inactive h2 {
color: #ffffff;
/* color: #bfbfbf; */
}

.inactive2 h2 {
color: #bfbfbf;
}

p.leader {
font-weight: bold;
}

p.backlink {
}

.small {
font-size: 11px;
}

.error {
font-size: 11px;
color: #ff3300;
}

/* DIVS */
#wrapper {
position: absolute;
top: 0px;
left: 50%;
margin-left: -490px;
width: 980px;
}

#container {
position: relative;
float: left;
margin: 0 auto 0 auto;
padding: 0;
width: 980px;
min-height: 100%;
text-align: left;
}

#content, #content_home {
position: relative;
float: left;
margin: 170px 0 0 0;
padding: 20px 20px 0 20px;
width: 940px;
border: 1px solid #cccccc;
-moz-border-radius: 10px;
border-radius: 10px;
}

#content_home {
margin-top: 110px;
}

#column_left {
position: relative;
float: left;
margin: 0 0px 0 0;
width: 715px;
}

#menu {
position: absolute;
top: 100px;
left: 0px;
width: 100%;
height: 30px;
border-bottom: 1px solid #cccccc;
}

#submenu {
position: absolute;
top: 140px;
left: 20px;
width: 100%;
height: 30px;
}

#text {
position: relative;
float: left;
width: 650px;
height: 200px;
}

.button {
position: relative;
float: left;
padding: 10px 0 10px 20px;
margin: 10px 0 0 0;
width: 250px;
font-size: 14px;
font-weight: bold;
text-align: left;
-moz-border-radius: 10px;
border-radius: 10px;
background: url('../backs/button.jpg') no-repeat #c60e2a;
background-position: 235px 10px;
cursor: pointer;
}

.button:hover {
background: url('../backs/button2.jpg') no-repeat #5d9bcf;
background-position: 235px 10px;
}                               

#column_right {
position: relative;
float: left;
margin: -20px 0 0 0;
padding: 60px 0 0 20px;
width: 200px;
height: 440px;
border-left: 1px solid #cccccc;
}

.box {
position: relative;
float: left;
margin: 0 0 20px 0;
padding: 10px;
width: 230px;
border: 1px solid #cccccc;
-moz-border-radius: 10px;
border-radius: 10px;
}

.question {
position: relative;
float: left;
margin: 0 0 20px 0;
width: 100%;
color: #000000;
}

.question_1 {
color: #000000;
}

.inactive {    
color: #ffffff;
/* color: #bfbfbf; */
}

.inactive2 {
color: #bfbfbf;
}

.active {
color: #000000;
}

.answer_box_button {
position: relative;
float: left;
margin: 0 5px 0 0;
width: 15px;
}

.answer_box_answer {
position: relative;
float: left;
margin: 0 15px 0 0;
}

.submit_button {
position: relative;
float: left;
margin: 10px 0 0 0;
width: 100%;
height: 70px;
}

#progress_bar_wrapper {
position: relative;
float: left;
width: 100%;
}

#progress_bar {
position: relative;
display: block;
margin: 0 auto 15px auto;
width: 200px;
height: 15px;
border: 1px solid #bfbfbf;
background: #ececec;
}

#finish_bar {
width: 0px;
height: 15px;
background: #c60e2a;
}

#percentage {
position: absolute;
top: -3px;
left: 95px;
font-size: 10px;
color: #747474;
}

#footer {
position: relative;
float: left;
margin: 30px 0 0 0;
padding: 5px 0 0 10px;
width: 970px;
height: 20px;
color: #ffffff;
background: #2c373d;
}

#privacy, #disclaimer, #cookiebeleid, #inzicht, #account, #inlogproblemen, #wachtwoord, #contactform, #effect, #contact, #ondernemers, #profiel, #mail, #gesprek {
text-align: left;
}

.item_title {
padding: 5px 0 3px 10px;
font-weight: bold;
color: #ffffff;
border-bottom: 3px solid #ffffff;
background: #4c4c4c;
cursor: pointer;
}

.item_content {
cursor: pointer;
}

/* PARAGRAPHS */
p {
margin: 0 0 20px 0;
}

/* NEWS */
.news_item {
}

.news_item_comment {
position: relative;
clear: both;
margin: 20px 0 0 0;
padding: 10px 10px 0 10px;
width: 100%;
min-height: 50px;
border: 1px solid #000000;
}

.news_item_comment_footer {
margin: 10px 0 0 0;
padding: 3px 0 5px 0;
border: 1px solid #000000;
font-size: 11px;
}

/* CALENDAR */

/* GUESTBOOK */
.guestbook_item {
position: relative;
clear: both;
width: 100%;
min-height: 50px;
border: 1px solid #000000;
margin: 20px 0 0 0;
padding: 10px;
}

/* PHOTO */
.gallery_thumb {
position: relative;
float: left;
margin: 0 20px 0 0;
width: 150px;
text-align: center;
}

/* PRODUCTS */
.products_box {
position: relative;
float: left;
border: 1px solid #000000;
width: 100%;
margin: 0 50px 20px 0;
padding: 10px;
min-height: 150px;
}

.products_box img {
position: relative;
float: left;
margin: 0 10px 10px 0;
width: 100px;
height: 100px;
}

.product_box, #product_thumbs {
position: relative;
clear: both;
width: 100%;
margin: 0 0 20px 0;
padding: 10px;
border: 1px solid #000000;
}

#product_thumbs img {
height: 100px;
}

/* LOGIN */
.login_box {
padding: 10px;
border: 1px solid #000000;
}

/* IMAGES */
img {
border: 0px solid #000000;
}

img.header {
position: absolute;
top: 0px;
left: 0px;
}

img.logo_mop {
position: absolute;
top: 0px;
left: 55px;
}

img.stock {
}

img.stock_news {
}

img.thumb {
display: block;
margin: 0 auto 0 auto;
height: 100px;
}

table#results img {
display: block;
margin: 0 auto -10px auto;
}

img.trendo {
position: fixed;
bottom: 5px;
right: 5px;
}

/* TABLES */
td {
vertical-align: top;
}

td.descr {
font-weight: bold;
padding: 0 20px 0 0;
}

table#register td {
padding: 0 20px 10px 0;
}

table#results td {
width: 100px;
text-align: center;
}

table#overview, table#input {
margin: 0 0 20px 0;
padding: 10px;
width: 100%;
border: 1px solid #ccccce;
border-collapse: collapse;
background: #ffffff;
}

table#overview tr.title, table#input tr.title {
font-weight: bold;
color: #ffffff;
background: #ccccce;
}

table#overview td, table#input td {
padding: 5px 0 3px 10px;
border-bottom: 1px dotted #ccccce;
}

table#overview td.descr, table#input td.descr {
padding-right: 30px;
}

table#input td.descr {
width: 200px;
}

table#item {
width: 100%;
}

table#item td.button {
position: relative;
float: right;
padding: 0 0 0 0;
width: 30px;
}

/* FORMS */
fieldset {
margin: 10px 0 0 0;
border: 0;
}

input, textarea {
font-family: arial;
font-size: 13px;
color: #000000;
border: 1px solid #cccccc;
}

.cfield {
display: none;
}

table#register input.submit, input.submit_question {
margin: 0 0 5px 0;
padding: 5px 30px 5px 30px;
font-size: 14px;
font-weight: bold;
color: #ffffff;
border: 0;
-moz-border-radius: 5px;
border-radius: 5px;
background: #c60e2a;
cursor: pointer;
}

table#register select {
width: 264px;
border: 1px solid #cccccc;
}

.question input[type="radio"] {
margin: 0 5px 0 0;
cursor: pointer;
}

input.submit_question {
display: block;
margin: 30px auto 20px auto;
}  

.inactive input {
display: none;
}

form#contact input, form#contact textarea {
width: 300px;
} 

form#contact textarea {
height: 200px;
}

table#input textarea {
width: 670px;
height: 100px;
}

/* LINKS */
a {
color: #676767;
}

a:hover {
color: #000000;
}

.button a {
color: #ffffff;
}

a.blue {
color: #5090cd;
}

/* LISTS */
#content ul, #content ol {
margin-top: 0;
}

#content ul#block {
margin: 0;
padding: 0;
list-style: none;
}

#content ul#block li {
display: none;
position: relative;
float: left;
margin: 0 50px 0 0;
}

#content ul#block li.active {
display: block;
margin: 0 0 20px 0;
width: 100%;
font-size: 11px;
text-align: center;
}

/* LISTS MENU */
#menu ul {
position: absolute;
top: 0px;
left: 0px;
margin: 0;
padding: 0;
width: 100%;
list-style: none;
}

#menu ul li {
position: relative;
float: right;
margin: 0 -1px 0 0;
padding: 5px 10px 5px 10px;
border-top: 1px solid #cccccc;
border-left: 1px solid #cccccc;
border-right: 1px solid #cccccc;
-moz-border-radius: 10px 10px 0 0;
border-radius: 10px 10px 0 0;
cursor: pointer;
}

#menu ul li.active {
background: #cccccc;
}

#menu ul li.active_questions {
background: #85c23d;
}

#menu ul li.inactive { 
border-top: 1px solid #dfdfdf;
border-left: 1px solid #dfdfdf;
border-right: 1px solid #dfdfdf;
color: #c5c4c4;
}

#menu ul li a {
text-decoration: none;
font-size: 13px;
color: #000000;
}

#menu ul li a:hover {
color: #000000;
}

/* LISTS SUBMENU */
#submenu ul {
position: absolute;
top: 0px;
left: 0px;
margin: 0;
padding: 0;
list-style: none;
}

#submenu ul li {
position: relative;
float: left;
margin: 0 -1px 0 0;
padding: 5px 20px 5px 20px;
border-top: 1px solid #cccccc;
border-left: 1px solid #cccccc;
border-right: 1px solid #cccccc;
-moz-border-radius: 10px 10px 0 0;
border-radius: 10px 10px 0 0;
}

#submenu ul li.active {
background: #cccccc;
}

#submenu ul li.active_questions {
background: #c60e2a;
}

#submenu ul li a {
text-decoration: none;
font-size: 13px;
color: #000000;
}

#submenu ul li a:hover {
color: #000000;
}

/* LISTS COLUMN RIGHT */
#column_right ul {
position: relative;
float: left;
margin: 0 0 30px 0;
padding: 0;
width: 100%;
list-style: none;
}

#column_right ul li {
position: relative;
clear: both;
padding: 0 0 10px 0;;
}

#column_right ul li a {
text-decoration: underline;
font-size: 13px;
color: #c60e2a;
}

#column_right ul li a:hover {
color: #000000;
}

/* LISTS FOOTER */
#footer ul {
margin: 0;
padding: 0;
list-style: none;
}

#footer ul li {
position: relative;
float: left;
margin: 0 10px 0 0;
padding: 0 10px 0 0;
line-height: 12px;
border-right: 1px solid #ffffff;
}

#footer ul li.first-item {
margin-right: 30px;
border-right: 0;
}

#footer ul li.last-item {
border-right: 0;
}

#footer ul li a {
text-decoration: underline;
font-size: 12px;
color: #ffffff;
}

#footer ul li a:hover {
color: #ffffff;
}

.logo {
position: absolute;
top: 20px;
left: 50%;
margin-left: -200px;
width: 300px;
}