﻿/*******************************************************************************
    Main styles
*******************************************************************************/
html, body {
	height: 100%;
	padding: 0px;
	margin: 0px;
}
body
{
    font-family: Verdana, Helvetica, sans-serif;
}
/*******************************************************************************
    Corner styles
*******************************************************************************/
.tl, .tr, .br, .bl
{
    width: 8px;
    height: 8px;
    font-size: 0px;
}
.tl, .bl 
{
	text-align: left;
}
.tr, .br  
{
	text-align: right;
}
.bl, .br
{
    vertical-align: bottom;
    height: 100%;
}
.tl, .tr
{
    vertical-align: top;
}
.cr 
{
	width: 8px;
	height: 8px;
}
.mc
{
    padding-bottom: 5px;
    height: 100%;
}
.bl, .br, .mc
{
    vertical-align: bottom;
    height: 100%;
}
/*------------------------------------------------------------------------------
    Next classes are not implemented yet
------------------------------------------------------------------------------*/
.ml, .mr, .mc
{
}
/*******************************************************************************
    Menu styles                                                                 
*******************************************************************************/
.menumain, .copyright, .menuright
{
    width: 250px;
    text-transform: lowercase;
    margin-top: 10px;
    margin-left: 10px;
}
.menumain, .copyright
{
    height: 140px;
    table-layout: fixed;
    background-image: url('gradient.png'); /* ee5500 ffee99 160px height 10px width */;
    background-repeat: repeat-x;
    background-color: #ffee99;
}
.copyright, .menuright
{
    background-color: #ffee99;
    margin-right: 10px;
}
.menuright
{
    margin-bottom: 10px;
}
.menumainitems, .menurightitems
{
    font-size: smaller;
    font-weight: bold;
}
.menumainitems
{
    color: #ffffdd;
}
.menumainitemshover
{
    color: #444444;
}
.menurightcontent
{
    padding-bottom: 5px;
}
.menurightcontent
{
    width: 234px;
}
.smisItems
{
    color: #aa1100;
    font-weight: bold;
    font-size: smaller;
}
.smisMenuMainHeader, .smisMenuMainHeader:hover
{
    color: #ffee99;
}
.smisMenuHeader, .smisMenuHeader:hover,
.smisContentHeader, .smisContentHeader:hover
{
    color: #ee5500;
    font-weight: bold;
}
.smisMenuHeader, .smisMenuHeader:hover
{
    font-size: larger;
}
.shsItems
{
    color: #333333;
}
/******************************************************************************
    Common block styles
******************************************************************************/
.tc, .ctc
{
    font-size: x-large;
    vertical-align: top;
    font-weight: bold;
}
.tc
{
    color: #dd6600;
    height: 30px;
}
/*
.ctc
{
    color: #ee5500;
}
*/
/******************************************************************************
    Content styles
******************************************************************************/
.cnt, .cpr
{
    width: 770px;
    vertical-align: top;
    background-color: #ffee99;
    border-collapse: collapse;
    margin-bottom: 10px;
}
.cm
{
    padding-bottom: 5px;
    font-size: smaller;
    text-align: justify;
    height: 100%;
}
.cnt
{
    margin-top: 10px;
    margin-left: 10px;
    table-layout: fixed;
    vertical-align: top;
    height: 100%;
}
/******************************************************************************
    Ads styles
******************************************************************************/
.adh
{
    width: 770px;
    vertical-align: top;
    background-color: #ffee99;
    margin-top: 10px;
    margin-left: 10px;
    margin-bottom: 10px;
    table-layout: fixed;
}
.adv
{
    margin: 10px;
    width: 250px;
    text-transform: lowercase;
    background-color: #ffee99;
    table-layout: fixed;
}
.adc
{
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
}
.w3c
{
    width: 66px;
    height: 20px;
    padding-left: 5px;
}
/******************************************************************************
    Hyperlink styles
******************************************************************************/
a
{
    color: #aa1100;
    text-decoration: none;
}
a.LinkbarItems 
{
    text-decoration: none;
    border-bottom-style: dotted;
    border-bottom-width: 1px;
    color: #aa1100;
    font-weight: bold;
    font-size: smaller;
    border-style: none;
}
a:hover.LinkbarItems
{
    color: #000000;
}
.cm a, .control {
    border-bottom: dotted 1px #aa1100;
}
/*
a:hover
{
    color: #333333;
}
*/
.cm a:hover, .control:hover
{
    color: #333333;
    border-bottom: solid 1px #333333;
}
a.copyright, a.menu
{
    color: #ffaa44;
}
a.copyright:hover, a.menu:hover
{
}
a.hle, a.hle:hover
{
    background-repeat: no-repeat;
    background-position: right center;
    padding-right: 18px;
}
a.hle
{
    background-image: url('../../App_Media/images/misc/url_external.gif');
    width: 5px;
    height: 5px;
}
a.hle:hover
{
    background-image: url('../../App_Media/images/misc/url_external_h.gif');
}
a.hli, a.hli:hover
{
    border-style: none;
    color: #ee5500;
}
/******************************************************************************
    Overigen
******************************************************************************/

.searchbutton
{
    margin-left: 5px;
}
.text
{
    border: 1px solid #00FF00;
}
img.right
{
    margin-left: 10px;
    float: right;
}
img.left
{
    margin-right: 10px;
    float: left;
}
h1, h2, h3, h4, h5, h6, .note
{
    margin: 10px 0px 0px 0px;
    color: #ee5500;
}
h1
{
    font-size: 160%;
}
h2
{
    font-size: 140%;
}
h3
{
    font-size: 120%;
}
h4
{
    font-size: 100%;
}
h5
{
    font-size: 80%;
}
h6
{
    font-size: 60%;
}
.note
{
    font-size: smaller;
    font-weight: bold;
}
hr
{
    border-style: dotted;
    border-width: 1px;
    color: #ee5500;
    text-align: justify;
}
ul
{
    list-style-image: url('bullet.gif');
    text-align: left;
}
.pictitle
{
    color: #ee5500;
    text-align: center;
    font-weight: bold;
    font-size: smaller;
}
.alfabet
    {
        border-style: dotted;
        border-width: 1px;
        width: 24px;
        height: 24px;
    }
