body {
    background-color: #FFF;
    padding: 0;
    margin: 0;
}

#website {
    margin: 0 auto 0 auto;
    padding: 0;
    width: 100%;
    text-align: center;
}

#page {
    margin: 0 auto 0 auto; /* Top right bottom left */
    width: 976px;
}
#page .Titel
{
    width: 503px;
    height: 25px;
    background: url(/look/TopBalkBg.jpg);
    text-align: right;       
    padding: 0 18px 0 0;  /* Top right bottom left */
}
#page h1
{
    margin:0;
    color: #FFF;
    font-family: Verdana, Tahoma;
    font-size: 14px;
    font-weight: bold;  
}
#page .Taal
{
    width: 230px;
    height: 25px;
    padding-top:4px !important;
    padding-top:2px;
    text-align: center;    
    background: url(/look/TopBalkRightBg.jpg);
}
#page .TopMiddleBalk
{
    width: 521px;
    height: 70px;   
}
#Submenu
{    
    height: 45px !important;
    height: 57px;
    color: #AB8616;
    font-family: Verdana, Tahoma;
    font-size: 12px;
    font-weight: bold;  
    padding-top:4px;
}
#Submenu .item
{
    font-family: Verdana, Tahoma;
    font-size: 12px;
    font-weight: bold;  
}
#Submenu .pipe
{
    font-size: 13px;    
    font-family: Verdana, Tahoma;
    color: #AB8616;    
    font-weight: bold;  
}

#Submenu a         {color: #AB8616; text-decoration: none;}
#Submenu a:hover   {text-decoration: underline; }

/* === MENU === */
#Menu           { background: url(/look/LeftBalkMiddle.jpg);}
#Menu .top      { width: 152px; height: 30px; background: url(/look/LeftBalkTop.jpg);}
#Menu .bottom   { width: 152px; height: 23px; background: url(/look/LeftBalkBottom.jpg);}
#Menu .content  
{
    padding: 0 10px 0 0;  /* Top right bottom left */
    text-align: right;
    color: #00355D;
    font-family: Verdana, Tahoma;
    font-size: 11px;
    font-weight: bold;    
}
#Menu a         {color: #00355D; text-decoration: none;}
#Menu a:hover   {text-decoration: underline; }

#Menu .linespace 
{
font-size: 8px;
}
/* === Partners === */
#Partners           { 
background: url(/look/LeftBalkMiddle.jpg);
margin: 12px 0 0 0px; 
}
#Partners .top      { 
    width: 152px; height: 30px; background: url(/look/LeftPartners.jpg);
    font-family: Verdana, Tahoma, Helvetica; font-size: 13px; color: #FFF;
    font-weight: bold;
    text-align: center;
    height: 24px !important; 
    height: 30px; 
    padding: 6px 0 0 0px !important; 
    padding: 6px 0 0 10px; 
}
#Partners .bottom   { width: 152px; height: 23px; background: url(/look/LeftBalkBottom.jpg);}
#Partners .content
{
margin: 10px 0 0 0px; 
text-align: center;
}
/* === CONTENT === */
#iFrameBooking
{
    margin: 0px 15px 0px 15px;
    padding: 0px;
    width:532px !important;
    width:552px;
    height:650px;
    border: solid 1px #AB8616;
/*    background: url(/look/ContentBg.jpg);*/
    background-position: bottom left;
    background-repeat: no-repeat;
    background-color: #FFF;
    font-family: Arial, Verdana, Tahoma;
    font-size: 12px;
    color: #00385C;    
}


#Content
{
    margin: 0px 15px 0px 15px;
    padding: 10px;
    width:532px !important;
    width:552px;
    border: solid 1px #AB8616;
    background: url(/look/ContentBg.jpg);
    background-position: bottom left;
    background-repeat: no-repeat;
    background-color: #F5F4EE;
    font-family: Arial, Verdana, Tahoma;
    font-size: 12px;
    color: #00385C;    
}
#Content a          { color: #00385C; text-decoration: underline;}
#Content a:hover    { color: #BA9724; text-decoration: none; }
#Content p, td, th, div, span, h2, h3, h4 {
    font-family: Arial, Verdana, Tahoma;;
    font-size: 12px;
    color: #00385C;
}
#Content img
{
margin:5px;
}
#BottomInfo
{
margin: 15px 0px 0px 0px;
padding: 0px 0 0px 0;
width:532px !important;
width:532px;
background-color: #B39326;
text-align: center;
}
#BottomInfo a          { color: #FFF; text-decoration: underline;}
#BottomInfo a:hover    { color: #F5F4EE; text-decoration: none; }

/* === RESERVATION INSET */
#InsetReservation .top      
{ 
    background: url(/look/RightBalkTop.jpg);
    font-family: Verdana, Tahoma, Helvetica; font-size: 13px; color: #FFF;
    font-weight: bold;
    text-align: center;
    width: 230px; 
    height: 24px !important; 
    height: 30px; 
    padding: 6px 0 0 0; 
}
#InsetReservation .bottom   { width: 230px; height: 23px; background: url(/look/RightBalkBottom.jpg);}
#InsetReservation           { background-color: #B29225;  background: url(/look/RightBalkMiddle.jpg);}    

/* === INSET RIGHT*/
#InsetRight .top      
{ 
    background: url(/look/RightInsetTop.jpg);
    font-family: Verdana, Tahoma, Helvetica; font-size: 13px; color: #FFF;
    font-weight: bold;
    text-align: center;
    width: 230px; 
    height: 24px !important; 
    height: 30px; 
    padding: 6px 0 0 0; 
}
#InsetRight .bottom   { width: 230px; height: 22px; background: url(/look/RightInsetBottom.jpg);}
#InsetRight           { background-color: #B29225;  background: url(/look/RightInsetMiddle.jpg);}    
#InsetRight .content
{
margin: 10px 0 0 0px; 
text-align: center;
}


/* === FOOTER === */
#copyrightfooter            { font-family: Verdana, Tahoma, Helvetica; font-size: 9px; color: #BA9724; text-align: right; padding: 0 246px 0 0; background-color: #FFF;}
#copyrightfooter a          { color: #BA9724; text-decoration: none;}
#copyrightfooter a:hover    { text-decoration: underline; }

/* === Form fields === */
#Formulier .Button {
	MARGIN-TOP: 0px;
	FONT-WEIGHT: bold;
	FONT-SIZE: 8pt;
	MARGIN-BOTTOM: 0px;
	background-color: #052851;
	border: 1px solid #051e3b;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}
#Formulier SELECT, input, textarea {
	FONT-SIZE: 10px; FONT-FAMILY: Verdana, Times, Serif;
	FONT-WEIGHT: normal;
	text-transform: none;
}
#Formulier .Error {FONT-SIZE: 11px; color: #CC0000; font-family: Verdana, Arial, Swiss, Helvetica; font-weight: bold;}

