/*
 * ---------------------------------------------------------------------------
 * Copyright (c) 2005 BlueSatellite Ventures B.V. All Rights Reserved.
 *
 * Redistribution use, modification, copying in any paper or binary form
 * with or without modifications is strictly prohibited.
 * ---------------------------------------------------------------------------
 *      $Source: /bluesatellite/cvsroot/zenshiatsu.nl/www/web.css,v $
 *    $Revision: 1.14 $
 *        $Date: 2010/10/08 05:34:21 $
 *      $Author: jochen $
 *       $State: Exp $
 *      $Locker:  $
 * ---------------------------------------------------------------------------
 * $Log: web.css,v $
 * Revision 1.14  2010/10/08 05:34:21  jochen
 * voorblad nu als template
 *
 * Revision 1.13  2010/10/08 04:43:13  jochen
 * simplify therapeuten table
 *
 * Revision 1.12  2010/09/01 17:58:46  jochen
 * new color scheme
 *
 * Revision 1.11  2010/04/08 16:16:39  jochen
 * new homepage
 *
 * Revision 1.10  2010/01/02 06:59:57  jochen
 * adjust therapeuen table so we can use it in cms as well
 *
 * Revision 1.9  2009/05/03 07:47:44  jochen
 * added right aligned img
 *
 * Revision 1.8  2007/01/23 06:24:43  jochen
 * Added link for studenten to log in. (top right of each page).
 *
 * Revision 1.7  2006/03/10 12:58:26  jochen
 * Advertise the open dagen on the index page.
 *
 * Revision 1.6  2005/07/05 06:04:10  jpohle
 * New section called publicaties.
 *
 * Revision 1.5  2005/03/06 14:38:38  jpohle
 * Added new pages.
 * Use standard img tag
 *
 * Revision 1.4  2005/03/04 20:54:55  jpohle
 * Added new pages.
 *
 * Revision 1.3  2005/03/01 22:43:17  jpohle
 * Added kennismaken page.
 *
 * Revision 1.2  2005/03/01 22:00:10  jpohle
 * Added file header and file modification date.
 *
 * ---------------------------------------------------------------------------
 */

/* Normal hyperlinks */
a
{
    font-family: "Verdana", "Helvetica", sans-serif;
    font-size: 10pt;
    font-style: normal;
}

body
{
    background-color: #FFFFFF;
    color: #000000;
    font-family: "Verdana", "Helvetica", sans-serif;
    font-size: 10pt;
    margin-top: 0px;
    margin-left: 0px;
}

body.voorblad
{
    background-color: #FFFFFF;
    background-image: none;
}

h1
{
    font-family: "Arial", "Helvetica", sans-serif;
    font-size: 18pt;
}

h2
{
    font-size: 14pt;
}

h3
{
    font-size: 10pt;
    font-weight: bold;
}

hr
{
    color: #000;
}

hr.green 
{ 
	border: 0;
	color: #0a0;
	background-color: #0a0;
	height: 2px;
}

hr.red
{ 
	border: 0;
	color: #f00;
	background-color: #f00;
	height: 2px;
}

p
{
    text-align: justify;
    line-height: 130%;
}

p:first-line
{
}

p:first-letter
{
    /*color: #F00;*/
}

img
{
    border: thin solid #443D0C;
    border-width: 2px;
}

img.noborder
{
    border: thin solid #000;
    border-width: 0px;
}

img.right
{
    float: right;
    margin-left: 15px;
}

/* catption for image descriptions */
.caption
{
    color: #666;
    font-size: 8pt;
    font-style: italic;
}

p.caption
{
    color: #666;
    font-size: 8pt;
    font-style: italic;
}

/***
 * The logo table definitions
 ***/
table.logo
{
    margin-bottom: 10px;
}

tr.logo
{
}

td.logo
{
}

td.logoHeading
{
}

.logoHeading
{
    color: #443D0C;
    font-family: "Arial", "Helvetica", sans-serif;
    font-size: 20pt;
    font-weight: bold;
    margin-left: 10px;
    text-align: left;
    letter-spacing: 0.2em;
    vertical-align: bottom;
}

/***
 * The menu table definitions
 ***/
ul.menu
{
    list-style-type: none;
    list-style-position: outside;
    list-style-image: url(./images/arrow.gif);
}

li.menu
{
    padding-left: 5px;
    margin-top: 20px;
}

li.menuselected
{
    padding-left: 5px;
    margin-top: 20px;
}

a.menu
{
    color: #000;
    font-weight: bold;
    text-decoration: none;
}

a.menu:hover
{
    color: #F00;
}

a.menu:active
{
    color: #F00;
}

a.menuselected
{
    color: #F00;
    font-weight: bold;
    text-decoration: none;
}

a.menuselected:hover
{
}

a.menuselected:active
{
}

ul.submenu
{
    margin-top: 5px;
    margin-left: 16px;
}

li.submenu
{
    padding-left: 5px;
    margin-top: 5px;
}

li.submenuselected
{
    padding-left: 5px;
    margin-top: 5px;
}

a.submenu
{
    color: #000;
    text-decoration: none;
}

a.submenu:hover
{
    color: #F00;
}

a.submenu:active
{
    color: #F00;
}

a.submenuselected
{
    color: #F00;
    text-decoration: none;
}

a.submenuselected:hover
{
    color: #F00;
}

a.submenuselected:active
{
    color: #F00;
}

a.menufooter
{
    color: #000;
    font-size: 7pt;
}

a.menufooter:hover
{
    color: #F00;
}

a.menufooter:active
{
    color: #F00;
}

/***
 * The content table definitions
 ***/
table.content
{
    width: 600px;
    position: relative;
    left: 200px;
    right: auto;
    top: 20px;
    bottom: auto;
}

tr.content
{
}

td.content
{
}

/***
 * The menu table definitions
 ***/
table.menu
{
    width: 200px;
    position: absolute;
    left: 0px;
    right: auto;
    top: 85px;
    bottom: auto;
}

tr.menu
{
}

td.menu
{
}

/***
 * The footer table definitions
 ***/
table.footer
{
    width: 600px;
    position: relative;
    left: 200px;
    right: auto;
    top: 20px;
    bottom: auto;
}

tr.footer
{
}

td.footer
{
}

/***
 * The buttons table definitions
 ***/
table.buttons
{
    width: 600px;
    position: relative;
    left: 200px;
    right: auto;
    top: 20px;
    bottom: auto;
}

tr.buttons
{
}

td.buttons
{
    text-align: right;
}

/***
 * The therapeuten table definitions
 ***/
table.therapeuten
{
    width: 550px;
    margin-left: auto;
    margin-right: auto;
}

table.therapeuten tr
{
}

table.therapeuten td
{
    border: thin dotted #aaa;
    padding: 10px 10px;
    text-align: center;
    vertical-align: top;
}

td.dateString
{
    color: #999;
    text-align: left;
    vertical-align: bottom;
}

.dateString
{
}

.attention
{
    color: #F00;
    font-variant: small-caps;
    text-decoration: blink;
}

td.logoMenu
{
    color: #AAA;
    font-size: 8pt;
    margin-top: 0px;
    padding: 5px;
    text-align: right;
    vertical-align: top;
}

a.logoMenu
{
    color: #AAA;
    font-size: 8pt;
    text-decoration: none;
}
a.logoMenu:hover
{
    color: #F00;
    text-decoration: underline;
}

a.logoMenu:active
{
    color: #F00;
    text-decoration: underline;
}

a.logoMenu:selected
{
    color: #F00;
    text-decoration: underline;
}

a.homepage
{
	font-size:1em;
}

.logoMenu
{
}