body {
    font-family: Arial;
    font-size: 12px;
    margin: 0;
    padding: 0;
    background-color: #000000;
    height: 100%;
    width: 100%;
}
#container{
 position:relative;
 width:690px;
 min-height:390px;
 margin-left:50%;
 left:-370px;
 background: url("../lmbinaries/content_background_white.png") no-repeat;
 background-color: white;
 padding: 25px;
 float:left;
}
#contentbackground{
    width: 740px;
    height: 100%;
    min-height:388px;
    margin-left: auto;
    margin-right: auto;
    background: url("../lmbinaries/content_background_white.png") no-repeat;
    background-color: white;
    padding: 0;
}
#content .inner{
 padding:70px 0 0 0;
}

#contentbackgroundregister{
    width: 740px;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    background: url('../lmbinaries/register_white_background.png') no-repeat;
    padding: 0;
    margin-top: -44px;
}
#contentbackgroundregister #content{
 padding:60px 25px 25px 25px;
}
#contenthome{
    width: 740px;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
    margin-top: -110px;
}
#contentdagboek{
 position:absolute;
 margin-top:50px;
 bottom:-50px;
}
#contentdagboek h1.title, #contentdagboek h1.subtitle{ 
 top:-100px;
 width:300px !important;
}
#content, #contentsub{
    width: 100%;
    height: 100%;
    padding: 25px;
}

#footer{
    position:relative;
    color: white;
    width: 740px;
    height: 50px;
    margin-left: auto;
    margin-right: auto;
    text-align: right;
    padding: 0px;
    top: 20px;
}

#footer a{
    text-transform: uppercase;
    text-decoration: none;
    color: #ffffff;
    margin-right:20px;
}

#headermenu{
    width: 100%;
    height: 88px;
}

#headermenu div#selectedtriangle{
    background-image: url("../lmbinaries/current_item_triangle.png");
    height: 48px;
    width: 48px;
    float:left;
    margin-top: 20px;
}

#headermenu div#menubar{
    width: 100%;
    height: 20px;
    margin: 0;
    padding: 0;
    font-size: 10px;
    background-color: #F6F6F6;
}

#headermenu div#menubar div#menucontent{
    width: 740px;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
}

#headermenu div#menubar div#menucontent div.menuitem{
    padding-top: 4px;
    margin: 0 10px;
    text-align: center;
    width:115px;
    float: left;
}

#headermenu div#menubar div#menucontent div#drinkwijzerinfo{
    background-image: url("../lmbinaries/drinkwijzer_info.png");
    width: 204px;
    height: 57px;
    margin-left: 40px;
    float: left;
    cursor: pointer;
}

#headermenu a{
    text-transform: uppercase;
    text-decoration: none;
    color: #000000;
}

#headermenu a.selected{
    color: #FF0000;
}
div#home_dagboek{
 cursor:pointer;
 background-image: url('../lmbinaries/home_drinkdagboek_background.png');
 width:316px;
 height:156px;
 padding:0;
 float: left;
 z-index:10;
 position:relative;
}
div#home_voorlichting{
 cursor:pointer;
 background-image: url('../lmbinaries/home_voorlichting_background.png');
 width:350px;
 height:156px;
 padding:0;
 float: left;
 margin-left:-55px;
 z-index:9;
 position:relative;
}
div#home_drankdatabase{
 cursor:pointer;
 background-image: url('../lmbinaries/home_drankdb_image.png');
 width:178px;
 height:156px;
 padding:0;
 float: left;
 margin-left:-49px;
 z-index:8;
 position:relative;
}
#contenthome h1.subtitle{
 margin: 0 0 5px 0;
 position:static;
}

h1.title{
    font-size: 27px;    
    color: #D50A27;
    font-weight: normal;
    margin: 0;
    height:27px;
    position:absolute;
}

h1.subtitle{
    font-size: 27px;
    color: #000000;
    font-weight: normal;
    margin: 30px 0 0 0;
    height:27px;
    position:absolute;
}

h2{
    font-size: 27px;
    color: #fff;
    font-weight: normal;
    margin: 0;
    padding-left: 20px;
    padding-top: 15px;
}

h3.title{
    color: #D30A26;
    font-size: 24px;
    font-weight: normal;
    margin: 0;
}

h3.subtitle{
    color: #000000;
    font-size: 24px;
    font-weight: normal;
    margin: 0;
}

img{
     border: none;
}
.staticImg{
 margin-top:100px;
}
div#submenu{
 position:relative;
 z-index:200;
}
div#contentsub .inner{
 margin:70px 40px 0 0;
 position:relative;
 z-index:150;
}
#container .inner{
 margin:70px 20px 0 0;
 width:300px;
 position:relative;
 z-index:150;
 float:left;
}
#infochart{
 float:left;
 width: 160px; 
 height: 450px;
 margin-top:70px;
}
div#ac_container{
 margin-left:auto;
 margin-right:auto;
 width:960px;
 height:100%;
}
div#ac_container a{
 color:white;
 text-decoration:underline;
}
div#ac_container a:hover{
 color:white;
 text-decoration:none;
}
div#ac_content{
 text-align:center;
 margin-top:150px;
}
div#ac_content td{
 text-align:center;
}
input[name=check]{
 cursor:pointer;
 margin-left:10px;
 border:0;
 background:url('../lmbinaries/agecheck_check_button.png') no-repeat;
 width:112px;
 height:28px;
}
input[name=register]{
 cursor: pointer; 
 margin-right: 60px; 
 border: none; 
 background: url('../lmbinaries/registreer_button.png') no-repeat; 
 width:103px; 
 height: 24px;"
}
div.inputfield {
    background:url("../lmbinaries/text_input_background.png") no-repeat;
    padding:6px 10px 10px 10px;
    line-height: 100%;
}
div.inputfield input {
    width: 183px;
    background-color: #fff;
    border:none;
    font-size:10px;
}

div.inputfielddaymonth{
    background:url("../lmbinaries/agecheck_small_input.png") no-repeat;
    padding:6px 10px 10px 10px;
    line-height: 100%;
}
div.inputfielddaymonth input {
    width: 45px;
    height: 45px;
    background-color: #fff;
    border:none;
    font-size:20px;
    text-align: center;
}

div.inputfieldyear{
    background:url("../lmbinaries/agecheck_year_input.png") no-repeat;
    padding:6px 10px 10px 10px;
    line-height: 100%;
}
div.inputfieldyear input {
    width: 80px;
    height: 45px;
    background-color: #fff;
    border:none;
    font-size:20px;
    text-align: center;
}

input.plusbutton{
    cursor: pointer; 
    border: none; 
    background: url("../lmbinaries/drinkdagboek_plus_button.png") no-repeat; 
    width:14px; 
    height: 14px;
    float: left;
}

input.minusbutton{
    cursor: pointer; 
    border: none; 
    background: url("../lmbinaries/drinkdagboek_minus_button.png") no-repeat; 
    width:14px; 
    height: 14px;
    float: left;
}

div#dagboekinfocontent{
    margin-top: 15px;
    width: 290px;
    height: 265px;
    font-size: 12px;
    line-height: 130%;
}
div#registerform{
 background-image: url('../lmbinaries/register_dark_background.png'); 
 width: 561px; 
 height: 564px; 
 margin-left: -27px; 
 margin-top: 80px; 
 color: white; 
 line-height: 182%;
}

div#dagboekinfocontent div#dagboek{
    width: 100%;
    height: 170px;
}

div#dagboekinfocontent div#iphoneapp{
    width: 205px;
    height: 100px;
}

div#dagboekinfocontent div#iphone{
    width: 115px;
    height: 85px;
    background-image: url("/css/images/drinkdagboek_iphone.png");  
    margin-left: 170px;
    margin-top: -91px;
}

div#rightdiv{
    float: left;
    height: 100%;
    margin-top: -275px;
    margin-left: 330px;
}

div#rightdiv div#logindiv{
    background-image: url("../lmbinaries/drinkdagboek_index_login_background.png");   
    width: 360px;
    height: 155px;
}

div#rightdiv div#registerdiv{
    background-image: url("../lmbinaries/drinkdagboek_index_register_background.png");   
    width: 360px;
    height: 155px;
    margin-top: 20px;
}
.dbcontent
{
 display:none;
 margin-top:70px;
}
.subHidden{
 display:none;
 background-image: url('../lmbinaries/drankdb_collapsed_background.png') !important;
}
.subHidden a{
 width:160px !important;
 padding-left:38px !important;
 background-image: url('../lmbinaries/drankdb_menu_sub.png') !important;
}
.subHidden a:hover{
 background-image: url('../lmbinaries/drankdb_menu_sub_selected.png') !important;
 color:white !important;
}
div#voorlichtingmenu{
    float: left;
    background-image: url('../lmbinaries/voorlichting_menu_background.png');
    margin-left: -34px;
    margin-right:20px;
    background-repeat: no-repeat;
    width: 200px;
    height: 432px;
    padding-top: 10px;
    margin-top: 65px;
}

div#voorlichtingmenu li{
    list-style-type: none;
    width: 197px;
    height: 22px;    
    line-height: 26px;
    margin-left: -40px;
    font-size: 11px;
}

div#voorlichtingmenu li a{ 
    display: block;
    background-image: url('../lmbinaries/voorlichting_menu_item.png');
    background-repeat: no-repeat;
    color: white;
    padding-left: 30px;
    width: 189px;
    height: 22px;   
    text-decoration: none;
}

div#voorlichtingmenu li a.selected{
    background-image: url('../lmbinaries/voorlichting_menu_selected_item.png');
    color: black;   
}

div#voorlichtingmenu li a:hover{
    background-image: url('../lmbinaries/voorlichting_menu_selected_item.png');
    color: black;   
}

div#voorlichtingcontent{
    float: left;
    width: 515px;
    height: 100%;
    padding: 20px;
}

div#drankdbmenu{
    float: left;
    margin-left: -34px;
    background-repeat: no-repeat;
    width: 192px;
    height: 253px;
    padding-top: 10px;
    margin-top: 10px;
}

div#drankdbmenu li{
    list-style-type: none;
    width: 189px;
    height: 22px;    
    line-height: 26px;
    margin-left: -40px;
    font-size: 11px;
    display: block;
}

div#drankdbmenu li a{ 
    display: block;
    background-image: url(images/voorlichting_menu_item.png);
    background-repeat: no-repeat;
    color: white;
    padding-left: 30px;
    width: 189px;
    height: 22px;   
    text-decoration: none;
}

div#drankdbmenu li a.selected{
    background-image: url(images/voorlichting_menu_selected_item.png);
    color: black;   
}

div#drankdbmenu li a.collapsed{
    background-image: url(images/drankdatabase_menu_item_collapsed.png);
    color: white;   
}

div#drankdbmenu li a.collapsed:hover{
    background-image: url(images/drankdatabase_menu_item_collapsed.png);
    color: white;   
}

div#drankdbmenu li a:hover{
    background-image: url(images/voorlichting_menu_selected_item.png);
    color: black;   
}

div#drankdbmenu li ul{ 
    background-image: url(images/drankdb_collapsed_background.png);
    margin: 0;
}

div#drankdbmenu li li{  
    list-style-type: none;
    width: 189px;
    height: 21px;    
    line-height: 22px;
    margin-left: -40px;
    font-size: 11px;  
}

div#drankdbmenu li li a{ 
    display: block;
    background-repeat: no-repeat;
    color: white;
    padding-left: 40px;
    width: 189px;
    height: 22px;   
    text-decoration: none;
    background-image: url(images/drankdb_menu_sub.png);
}

div#drankdbmenu li li a.selected{
    background-image: url(images/drankdb_menu_sub_selected.png);
    color: white;   
}

div#drankdbmenu li li a:hover{
    color: white;   
    background-image: url(images/drankdb_menu_sub_selected.png);
}

div#drankdbcontent{
    float: left;
    width: 300px;
    height: 100%;
    padding: 20px;
}