BODY
{
font-family: arial, helvetica, sans-serif;
margin: 0;
padding: 0;
border: 0;
width: 100%;
}

BODY.bg1
{
background-color: #EEEEEE;
}

BODY.bg2
{
background: url("../images/bgs/Img_0267.jpg") repeat-x;
}

BODY.bg3
{
background: url("../images/bgs/prinsengracht2.jpg") repeat-x;
}

#header
{
clear:both;
float:left;
width:100%;
margin: 10px 0px 0px 0px;
height: 50px;
}

#header #pre_logo
{
display: block;
float: left;
height: 49px;
width: 16px;
background: url("../graphics/bg4.gif") repeat-x;
}

#header #logo
{
display: block;
float: left;
height: 49px;
width: 182px;
background: url("../graphics/logo1.png");
}

#header H1
{
display: none;
margin: 0px;
}

#header #post_logo
{
height: 49px;
margin-left: 190px;
background: url("../graphics/bg4.gif") repeat-x;
}

#main
{
clear:both;
float:left;
width:100%;
margin: 0;
}

#menu
{
position: fixed;
left: 16px;
}

#menu UL
{
margin: 0;
padding: 0;
list-style-type: none;
}

#menu LI A
{
display: block;
padding: 2px 10px 2px 10px;
margin: 10px 0px 0px 0px;
color: #0000FF;
font-size: 16px;
font-weight: bold;
text-decoration: none;
width: 160px;
height:20px;
background: url("../graphics/lmb1.png");
}

#menu LI A:hover
{
text-decoration: underline;
}

.under_menu
{
position: fixed;
left: 16px;
top: 340px;
}

#content
{
margin: 0px 130px 0px 216px;
}

#content.col2
{
margin-right: 20px;
}

#content.col3
{
margin-right: 220px;
}

#content.col3b
{
margin-right: 300px;
}

#content #box1
{
clear: all;
width: auto;
background-color: white;
border: 1px solid #00D800;
margin: 0px 0px 16px 0px;
clear: all;
padding: 4px;
}

#box1 H2
{
margin: 2px;
}

#box1 H3
{
margin: 2px;
}

#box1 H4
{
margin: 2px;
}

#sidebar
{
position: fixed;
right: 20px;
top: 60px;
width: 200px;
}

#sidebar-b
{
position: absolute;
right: 20px;
top: 60px;
width: 280px;
}

.side_box
{
display: block;
background-color: white;
border: 1px solid #0000FF;
padding: 4px;
margin: 0px 0px 4px 20px;
clear: all;
height: 100px
}

.side_box IMG
{
float: left;
clear: all;
margin-right: 6px;
}

.side_oldtom
{
display: block;
height: 136px;
background-color: #000000;
color: #FFFFFF;
border: 1px solid #0000FF;
padding: 4px 4px 4px 12px;
margin: 0px 0px 4px 20px;
clear: all;
}

.side_oldtom IMG
{
float: left;
clear: all;
margin-left: 16px;
}

.side_oldtom .beer-sub
{
color: #EEEEEE;
padding: 0px 0px 0px 0px;
font-size: 10pt;
line-height: 12pt;
}

.side_lou_pepe
{
display: block;
height: 170px;
background-color: #9F5043;
color: #FFFFFF;

padding: 4px 4px 4px 12px;
margin: 0px 0px 4px 20px;
font-size: 10pt;
clear: all;
}

.side_lou_pepe IMG
{
float: left;
clear: all;
margin-left: 1px;
}

.side_lou_pepe .beer-sub
{
color: #EEEEEE;
padding: 0px 0px 0px 0px;
font-size: 10pt;
line-height: 12pt;
}



.beer-sub
{
color: #444444;
padding: 0px 0px 0px 0px;
font-size: 10pt;
line-height: 12pt;
}

DIV#general-form
{
color: #000000;
background-color: #FFFFFF;
position: relative;
border: 1px solid #00D800;
top: 36px;
width: 450px;
margin: auto;
}

DIV#general-form FORM
{
margin: 0px 0px 16px 0px;
}

DIV#general-form FIELDSET
{
border: none;
margin: 0px;
padding: 0px;
}

DIV#general-form LABEL
{
display: block;
float: left;
width: 130px;
font-size: 14px;
padding: 2px 8px 2px 12px;
}

DIV#general-form .form_title
{
display: block;
width: 426px;
font-size: 14px;
font-weight: bold;
padding: 2px 12px 4px 12px;
border-bottom: 1px solid #00D800;
margin: 0px 0px 8px 0px;

}

DIV#general-form FIELDSET DIV.error-msg
{

color: #FF0000;
background-color: #DDDDDD;
width: 430px;
border-bottom: 1px solid #888888;
padding: 2px 8px 2px 12px;
margin: -8px 0px 8px 0px;
}

DIV#general-form .login-bottom
{
height: 0px;
width: 320px;
}

DIV#general-form FIELDSET DIV.field
{
width: 380px;
}

DIV#general-form FIELDSET DIV.field INPUT
{
border: 1px #888888 solid;
margin: 2px 4px 2px 4px;
width: 160px;
}

DIV#general-form FIELDSET DIV.field INPUT.check
{
border: none;
width: 20px;
}

DIV#general-form FIELDSET DIV.submit
{
padding-top: 6px;
width: 320px;
}

DIV#general-form FIELDSET DIV.submit INPUT
{
display: block;
margin: auto;
margin-top: 6px;
width: 100px;
color: #000000;
font-weight: bold;
}


DIV#login-form
{
color: #000000;
background-color: #FFFFFF;
position: relative;
border: 1px solid #00D800;
top: 36px;
width: 320px;
margin: auto;
}

DIV#login-form FORM
{
margin: 0px 0px 16px 0px;
}

DIV#login-form FIELDSET
{
border: none;
margin: 0px;
padding: 0px;
}

DIV#login-form LABEL
{
display: block;
float: left;
width: 100px;
font-size: 14px;
padding: 2px 8px 2px 12px;
}

DIV#login-form .login-top
{
display: block;
width: 296px;
font-size: 14px;
font-weight: bold;
padding: 2px 12px 4px 12px;
border-bottom: 1px solid #00D800;
margin: 0px 0px 8px 0px;

}

DIV#login-form .login-bottom
{
height: 0px;
width: 320px;
}

DIV#login-form FIELDSET DIV.login-field
{
width: 320px;
}

DIV#login-form FIELDSET DIV.login-error
{

color: #FF0000;
background-color: #DDDDDD;
width: 300px;
border-bottom: 1px solid #888888;
padding: 2px 8px 2px 12px;
margin: -8px 0px 8px 0px;
}

DIV#login-form FIELDSET DIV.login-submit
{
padding-top: 6px;
width: 320px;
}

DIV#login-form FIELDSET DIV.login-submit INPUT
{
display: block;
margin: auto;
margin-top: 6px;
width: 100px;
color: #000000;
font-weight: bold;
}


DIV#login-form FIELDSET DIV.login-submitx INPUT
{
display: block;
border: 2px solid #0000FF;
margin: auto;
margin-top: 6px;
height: 25px;
width: 100px;
background: #DDDDDD;
color: #000000;
padding: 3px 6px 3px 6px;
font-weight: bold;
}

DIV#login-form FIELDSET DIV.login-field INPUT
{
border: 1px #888888 solid;
margin: 2px 4px 2px 4px;
width: 160px;
}

#as_menu
{
position: absolute;
left: 20px;
font-size: 16px;
font-weight: bold;
}

#as_menu UL
{
margin: 0;
padding: 0;
list-style-type: none;
}

#as_menu LI A
{
display: block;
padding: 2px 10px 2px 4px;
color: #0000FF;
font-size: 14px;
font-weight: bold;
text-decoration: none;
width: 155px;
border: solid 1px #0000FF;
background-color: #FFFFFF;
margin: 0px 0px 4px 0px;
}

#as_menu LI A:hover
{
text-decoration: underline;
}


#box1.brewers H2
{
margin: 4px 2px 0px 42px;
}

#box1.brewers H2 IMG
{
border: 1px solid #888888;
}

#box1.brewers UL
{
margin-top: 6px;
}

#box1.brewers UL LI
{
list-style-type: none;
margin: 0px 2px 0px 2px;
}

#box1.brewers UL LI a
{
color: #000088;
text-decoration: none;
}

#box1.brewers UL LI a:hover
{
color: #0000FF;
text-decoration: underline;
}

#box1.brewers UL LI.beer-sub
{
color: #444444;
margin: 2px 2px 2px -26px;
padding: 0px 0px 0px 0px;
font-size: 10pt;
line-height: 10pt;
}

#box1.brewer H2
{
margin: 4px 2px 0px 42px;
}

#box1.brewer H2 IMG
{
border: 1px solid #888888;
}

#box1.brewer UL
{
margin-top: 0px;
}

#box1.brewer UL LI
{
list-style-type: none;
margin: 6px 2px 0px 2px;
}

#box1.brewer UL LI.beer-sub
{
color: #444444;
margin: 2px 2px 2px -26px;
padding: 0px 0px 0px 0px;
font-size: 10pt;
line-height: 10pt;
}


#nym09
{
float: right;
display: block;
width: 178px;
height: 192px ;
border: solid 1px #0000FF;
background: #FFFFFF url(../graphics/SD3.gif) no-repeat 0px -80px;
text-align: center;
font-weight: bold;
font-size: 140%;
}

.sync_box
{
clear: all;
width: auto;
}
