@charset "utf-8";
/* CSS Document */

body {
    font-family: Verdana, Arial, sans-serif;
    font-size: 70%;
    color: #000080;
    background: #303561;
}

#maincontainer {
    width: 800px;
    /* height: 1267px; */
    padding-top: 15px;    
    padding-left: 42px;
    padding-right: 42px;
    padding-bottom: 15px;
    margin-left: auto;
    margin-right: auto;
    background-color: #FFFFFF;;
    background-image: url('images/mainContainerBack.gif');
}

#mainheader {
    height: 102px;
    background-color: #F26922;
}

#loterijwekkerlogo {
    height: 100%;
    width: 265px;
    float: left;
    background: url('images/loterijWekkerLogo_4.gif'); 
}

#sloganspace {
    height: 100%;
    width: 330px;
    float: left;
    text-align: center;
    color: #FEF0E9;
    background: url('images/sloganBack_2.gif');
}

#sloganspace h1 {
    margin-top: 5px;
    font-size: 22px;
}

#sloganspace h2 {
    margin-top: 25px;
    margin-bottom: 5px;
    font-size: 17px;
}

#smspicture {
    height: 100%;
    width: 204px;
    float: left;
    background: url('images/moneyPhone.gif');
}

.paragraphblock {
    margin-top: 15px;
    width: 100%;
    /* height: 985px; */
    overflow: hidden;
}

.paragraphheader {
    height: 32px;
    font-weight: bold;
    font-size: 18px;
    padding-left: 15px;
    padding-top: 3px;
    background-color: #303561;
    background-image: url('images/paragraphHeadBack.gif');
    color: #F2F2F7;
}

.paragraphheader div {
    float: left;
}

.paragraphheader a {
    color: #F2F2F7;
}

#twitterimage {
    float: right;
    margin-right: 410px;
    width: 25px;
    height: 25px;
    background-image: url('images/twitterBird.png'); 
}

.paragraphcontent {
    /*height: 965px;*/
    padding-bottom: 15px;
    padding-left: 15px;
    padding-right: 15px;
    background: #B1B3C4;
    overflow: hidden;
}

.subparagraphsmall {
    margin-top: 15px;
    margin-bottom: 5px;
    background: url(images/contentBoxSmall_2.gif);
    width: 382px;
    height: 365px;
    float: left;
}

#singleticketinfo .instructions {
    height: 200px;
}

.subparagraphbig {
    background: url(images/contentBoxBig_2.gif);
    width: 772px;
    height: 549px;
    margin-bottom: 5px;
    clear: both;
    overflow: hidden;
}

#scheduleinfo {
    margin-right: 5px;
}

.subparagraphheader {
    height: 32px;
    padding-left: 15px;
    padding-top: 8px;
    font-weight: bold;
    font-size: 18px;
    color: #545CAB;
}

.subparagraphcontent {
    padding-left: 15px;
    padding-top: 20px;
    padding-right: 15px;
    line-height: 22px;
    overflow: hidden;
}

.subparagraphcontent p{
    margin-top: 0px;
    margin-bottom: 11px;
}

.priceinfo {
    padding: 15px;
    background: #6196FF;
    color: #D7E5FF;
    font-size: 9px;
    line-height: 12px;
    margin-top: 30px;
    height: 32px; 
}

.priceinfo h1 {
    font-weight: bold;
    font-size: 120%;
    margin-top: 0px;
    margin-bottom: 8px;
}

.drawdate {
    font-weight: bold;
    color: #6196FF;
}

ul {
    margin-top: 20px;
    margin-bottom: 20px;
}

li {
    margin-bottom: 10px;
}

.smsquote {
    font-weight: bold;
    color: #6196FF;
}

#multiticketinfo .subparagraphheader {
    padding-top: 10px;
}

#multitickettext {
    width: 350px;
    float: left;
}

#multiticketinfo .instructions {
    height: 383px;
}

#multiticketform {
    width: 300px;
    float: left;
    clear: right;
    margin-left: 50px;
}

#multiticketform p {
    margin-bottom: 15px;
}

#drawradiobuttons {
    margin-bottom: 30px;
}

#drawradiobuttons label {
    margin-right: 30px;
}

#tickettextfields {
    margin-bottom: 40px;
}

#tickettextfields label {
    margin-right: 15px;
}

#tickettextfields input {
    margin-right: 15px;
}

#formdrawingheader, #textfieldheader {
    font-weight: bold;
    margin-bottom: 15px;
}

select {
    color: #000080;
    width: 250px;
}

input {
    color: #000080;
}

.validationError {
    font-weight: bold;
    font-size: 10px;
    line-height: 12px;
    color: #DD0000;
    margin-bottom: 15px;
}

#multiconfirminfo {
    margin-top: 30px;
    padding-top: 30px;
    padding-bottom: 50px;
    padding-left: 15px;
    background: #EEEEF3;
}

#multiconfirminfo hr {
    margin-bottom: 30px;
}

#confirmcode {
    font-weight: bold;
    font-size: 14px;
    color: #DD8822;
}

#oldresulttext_1 {
    width: 350px;
    float: left;
}

#oldresulttext_2 {
    width: 325px;
    float: left;
    margin-left: 50px;
}

#oldresultinfo .instructions {
    height: 383px;
}

.disclaimer {
    height: 60px;
    background-image: url(images/disclaimerBack_2.gif);
    background-color: #6196FF;
    color: #D7E5FF;
    font-size: 9px;
    line-height: 12px;
    padding: 15px;
}

.disclaimer h1 {
    font-weight: bold;
    font-size: 10px;
    margin-top: 0px;
}

#footer {
    background: #F26922;
    margin-top: 15px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 14px;
    color: #FAC9AF;
    font-size: 9px;
    height: 30px;
}

#email {
    float: right;
}
