/*  ***********************************************
 *  WIZARD
 *  ***********************************************
 */

.wizardtext
{
height: 140px;
text-align: justify;
padding: 10px;
}

.wizardbutton
{
padding: 5px 0px 0px 0px;
height: 30px;
}

.button
{
width: 70px;
border-width: 0px;
font-family: arial, sans-serif;
font-size: 11px;
padding: 0px;
margin: 0px;
background-color: #D1D1D1;
}



/*  ***********************************************
 *  CALENDAR
 *  ***********************************************
 */

.calendararrow
{
float: left;
text-align: center;
padding: 0px 10px 0px 10px;
}

.calendarcontainer
{
float: left;
padding: 0px 2px 0px 2px;
}

.calendarmonth
{
float: left;
width: 136px;
border-color: #D1D1D1;
border-width: 1px;
border-style: solid;
margin-right: -1px;
}

.calendarmonthname
{
text-align: center;
font-weight: bold;
background-color: #EBEBEB;
}

.calendarfreeentry
{
background-color: #F0F0F0;
border-width: 1px 0px 0px 0px;
border-style: solid;
border-color: #D1D1D1;
height: 12px;
}


.calendarfreeentryweekend
{
background-color: #E0E0E0;
border-width: 1px 0px 0px 0px;
border-style: solid;
border-color: #D1D1D1;
height: 12px;
}


.calendaroccupiedentry
{
background-color: #abcbe6;
border-width: 1px 0px 0px 0px;
border-style: solid;
border-color: #D1D1D1;
height: 12px;
}

.calendaroccupiedentryweekend
{
background-color: #a0bed7;
border-width: 1px 0px 0px 0px;
border-style: solid;
border-color: #D1D1D1;
height: 12px;
}

.calendardate
{
float: left;
width: 16px;
text-align: left;
font-size: 9px;
}

.calendartext
{
float: left;
width: 96px;
font-size: 9px;
text-align: left;
}




/*   ***********************************************
 *   TEXT BOX
 *   ***********************************************
 */

.box
{
padding: 0px;
border-style: solid;
border-width: 1px;
border-color: #D1D1D1;
background-color: #F0F0F0;
}

.boxheader
{
padding: 3px 10px 5px 10px;
text-align: center;
font-weight: bold;
border-style: solid;
border-width: 0px 0px 1px 0px;
border-color: #D1D1D1;
background-color: #EBEBEB;
}

.boxbody
{
padding: 5px 5px 5px 5px;
text-align: justify;
}


/*  ***********************************************
 *  PRICES
 *  ***********************************************
 */

.prices
{
border-width: 0px 0px 1px 0px;
border-style: solid;
font-weight: bold;
padding-top: 20px;
margin-bottom: 5px;
clear: both;
}

.pricesprice
{
width: 80px;
float: left;
}

.pricestext
{
width: 300px;
 float: left;
}


/*  ***********************************************
 *  WEEK OVERVIEW
 *  ***********************************************
 */

.overviewcontainer
{
}

.overviewday
{
float: left;
border-style: solid;
border-width: 1px 0px 1px 1px;
border-color: #D1D1D1;
width: 102px;
}

.overviewdayname
{
text-align: center;
font-weight: bold;
border-style: solid;
border-width: 0px 0px 1px 0px;
border-color: #D1D1D1;
background-color: #EBEBEB;
height: 18px;
margin: 0px;
}

.overviewfreeslot
{
padding: 0px;
margin: 0px;
font-size: 0px;
background-color: #F0F0F0;
}


.overviewoccupiedslot
{
background-color: #abcbe6;
padding: 0px;
margin: 0px;
border-style: solid;
border-width: 0px;
font-size: 10px;
text-align: center;
}





/*  ***********************************************
 *  GENERAL LAYOUT
 *  ***********************************************
 */

body
{
background-color: #EEEEEE;
background-image: url(layout/bg.gif);
background-repeat: repeat-x;
font-family: arial, sans-serif;
font-size: 11px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: center;
}

body A:link {text-decoration: none;}
body A:visited {text-decoration: none;}
body A:active {text-decoration: none;}
body A:hover { color: rgb(0, 96, 255); text-decoration: none}

#pagecontainer
{
width: 700px;
margin: 30px auto 30px auto;
}

#header
{
height: 65px;
background-image: url(layout/header.gif);
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

#contents
{
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
text-align: justify;
background-color: #FFFFFF;
}

#footer
{
padding: 8px 0px 0px 0px;
color: #858585;
font-size: 11px;
}






/*   ***********************************************
 *   MENU
 *   ***********************************************
 */

#menu
{
background-color: #950000;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
height: 20px;
vertical-align: middle;
}

.menuitem
{
padding: 4px 15px 0px 5px;
text-transform: uppercase;
font-size: 10px;
float: left;
}
.menuitem A:link {color: #FFFFFF; text-decoration: none;}
.menuitem A:visited {color: #FFFFFF; text-decoration: none;}
.menuitem A:active {color: #FFFFFF; text-decoration: none;}
.menuitem A:hover {color: #BBBBBB; text-decoration: none;}



/*   ***********************************************
 *   CONTENTS CONTAINER
 *   ***********************************************
 */
.ccontainer
{
padding: 5px 5px 10px 5px;
}



/*  ***********************************************
 *  ENTRY
 *  ***********************************************
 */
.entry
{
background: url(layout/arrow.gif) no-repeat center left;
padding-left: 10px;
margin: 4px 0px 4px 0px;
}



/*  ***********************************************
 *  TAB RELATED
 *  ***********************************************
 */

.tabcontainer
{
background-color: #AAAAAA;
height: 23px;
vertical-align: bottom;
padding:  0px 15px 0px 15px;
}



/* ACTIVE */

.tab_active_left
{
background: url(layout/tab_active_left.gif) no-repeat top left;
width: 6px;
height: 20px;
float: left;
}

.tab_active_right
{
background: url(layout/tab_active_right.gif) no-repeat top right;
width: 23px;
height: 20px;
float: left;
}

.tab_active_text
{
background-color: #FFFFFF;
float: left;
height: 18px;
padding-left: 5px;
padding-right: 5px;
vertical-align: bottom;
}


/* PASSIVE */

.tab_passive_left
{
background: url(layout/tab_passive_left.gif) no-repeat top left;
width: 6px;
height: 20px;
float: left;
}

.tab_passive_right
{
background: url(layout/tab_passive_right.gif) no-repeat top right;
width: 23px;
height: 20px;
float: left;
}

.tab_passive_text
{
background-color: #CCCCCC;
float: left;
height: 18px;
padding-left: 5px;
padding-right: 5px;
margin-top: 0px;
}