@import "reset.css";
@import "default.css";
@import "navigation.css";

html {
    overflow:hidden;
}

html,body {
    margin: 0 0;
}

body {
    font-family: sans-serif;
    font-size: 12px;
/*    padding-top: 5px;*/
    text-align:center;
    width: 770px;
    
}

#container {
    border: 1px solid black;
    min-height: 600px;
    overflow:auto;
    position:relative;
}

body.landing {
    background: #FFF url('img/bg_ie6.jpg') no-repeat top left; 
}

body.landing .button, body.actie .button, body.bedankt .button {
    background: url('img/button_landing.png') no-repeat;
    height: 27px;
    line-height: 27px;
    width: 150px;
}

p a,p a:hover {
    color: #000000;
    text-decoration:underline;
}


.button {
    display:block;
    float:right;
    margin-top: 5px;
    text-align:center;
}

body.bedankt .button {
    margin: 15px auto;
    float:none;
}

.button input {
    background:none;
    border: 0px;
    color: #fff;
    font-weight:bold;
    line-height: 20px;
    width: 150px;
}

.button a {
    position: relative;
    z-index: 10;
    
    color: #FFF;
    display:block;
    font-weight:bold;
    text-decoration: none;
}

.button a:hover {
    text-decoration:none;
}

body {
    background: #FFF url('img/bg_check.jpg') no-repeat top left; 
}

.actie h1 {
    text-transform: uppercase;
}

h1 {
    font-size: 48px;
}

h1.sifr {
    color: #000000;
}

h2, th.title {
    color: red;           
    font-size: 20px;
}

.bold {
    font-weight:bold;
}

.transparent {
    /*background: transparent url('img/transparent.png') repeat;*/
}

.center {
    margin: 0 auto;
    text-align: left;    
}

p.center, th {
    text-align:center;
}

.textfield {
    margin: 5px auto;
}


.actie #box {
/*    margin-top: 5px; */
    padding: 5px 15px;
}
#box {
    /*border: 1px solid #000;*/
    overflow:auto;
    padding: 15px;
}

#box p {
    color: #000;
}

.bedankt #box {
    border: 0px;
    width: 400px;
}

.landing #box {
    margin-left: 165px;
    margin-top:50px;
    width: 275px;
}

.actie #box, .textfield, #footer {
    width: 675px;
}

.disabled {
    /*background: transparent url('img/disabled_button.png') no-repeat center right;*/
}

a.button:hover {
    text-decoration:none;
}

form label {
    /*float:none;*/
}

input.text {
    padding: 2px;
}

.ddl, input.text, form span {
    border: 1px solid #CCC;
    height: 20px;    
    margin: 0 5px 5px 0;
}

.ddl {
    height: 24px;
    line-height: 24px;
}

form span {
    background:#fff;
    color: #000;
    display:block;
    float:left;
    line-height:20px;
    padding: 2px;
}

form span span {
    border: 0px;
    display:inline;
    float:left;
    height:20px;
    padding:0px;
}

form span label {
    float:left;
    width: 152px;
}

form span input.text {
    border:0px;
    border-bottom: 1px dotted #000;
    float:left;
    height:16px;
    padding:2px;
    width: 40px;
}

form p {              
    color: #000;
    padding: 2px;
    line-height:20px;
}

#products {
    float:left;
}

#products ul {
    float:left;
}

#products li li {
    background: #fff;
    border: 1px solid #CCC;
    clear:none;
    display:block;
    float:left;
    height: 20px;
    line-height:20px;
    padding:2px;
    width: 100px;
}

#products li li input {
    margin:2px;
}

#products li li.mark {
    border:none;
    background: none;
}

.dealer_request {
    margin-top: 25px;
    width:95%;
}

.dealer_request th {
    margin-bottom: 5px;
}

.dealer_request td {
    vertical-align: top;
}

.dealer_request td.firstcell {
    background: #CCC;
    border:1px solid #666;
    border-right:0px;
}

.dealer_request td.secondcell {
    background: #CCC;
    border-top:1px solid #666;
    border-bottom:1px solid #666;
}

.dealer_request td.lastcell {
    background: #CCC;
    border:1px solid #666;
    border-left:0px;
}

.dealer_request td.spacer {
    height: 5px;
}

#footer {
    left: 75px;
    position:absolute;
    top: 530px;
}

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

#top_dealer_window {
    height: 465px;    
    overflow:auto;
}
#bottom_dealer_window a.button {
    margin-top: 30px;
    margin-right: 30px;
}

#bottom_form label {
    color: #000;
}

#bottom_form .textarea {
    width: 250px;
    height: 65px;
}

#products li {
    color: #000000;
}

#button_post {
    margin-top: -98px;
}

#button_back {
    margin-top: -84px;
    
}
body.landing #box { 
    color:#FFFFFF;
    left:165px;
    position:absolute;
    top:90px;
    z-index:3;
}


body div#fancy_inner,
div#fancy_inner div#fancy_bg { 
    background-image: url(img/bg.jpg); 
}

span.not-active { color: #F68E92; }
p.red { background: #ED1C24; color: #fff; line-height: 25px; padding: 0 5px; width:695px; margin: 0 auto; text-align: left; }