﻿
/* Algemene html elementen */

html
{
    overflow:hidden;
	scrollbar-3dlight-color:#d9dce1;
	scrollbar-arrow-color:#3045BD;
	scrollbar-base-color:#d9dce1;
	scrollbar-track-color:#d9dce1;
	scrollbar-darkshadow-color:#d9dce1;
	scrollbar-face-color:#d9dce1;
	scrollbar-highlight-color:#3045BD;
	scrollbar-shadow-color:#3045BD;
}


body 
{
    background: url(Images/_header.jpg) no-repeat 20px 20px;
    color: #0c1c8c;
    font-family: Garamond;
    font-size: small;
}

a
{
    text-decoration: none;
    color: #171796;
}

a:hover
{
    color: #d12421;
}

p
{
    margin-top: 0;
    margin-bottom: 12px;
    font-size: 12pt;
}

div.textarea ul
{
    margin-top: -12px;
} 

li
{
    margin-top: 0;
}

h1
{
    font-size: 14pt;
    margin-top: 0px;
    margin-bottom: 0px;
    color: #0c1c8c;
}

h4
{
    font-size: 12pt;
    font-weight:bold;
    margin-top: 0px;
    margin-bottom: 0px;
}

h5
{
    font-size:11pt;
    font-weight:bold;
    font-style:italic;
    margin-top: 0px;
    margin-bottom: 0px;
}

select
{
    font-family: Verdana;
    font-size: 10pt;
}

input
{
    font-family: Verdana;
    font-size: 10pt;
}

/* Masterpage layout */

table.container
{
}

td.header
{
    background:transparent url('Images/AsG_logo.gif') no-repeat 37px 27px;
}

td.content
{
    font-family: Garamond;
    font-size: 11pt;
    color: #0c1c8c;
    background-image:url("Images/verloop.jpg");
    background-position:right top;
    background-repeat:repeat-y;
}

table.rapper
{
    margin-left: 26px;
}

td.leftcolumn
{
    margin-left: 0;
    background:transparent url(Images/lijn.gif) no-repeat 4px;
}

td.footer
{
    
}

table.wrapper
{
}

td.left
{
}

div.toplinks
{
    color: #444;
    font-family: Verdana;
    font-size: 10px;
}

div.search
{
    color: #444;
    font-family: Verdana;
    font-size: 10px;
}

div.toplinks a
{
    color: #444;
}

div.toplinks a:hover
{
    color: #444;
}

div.topmenu
{
    background-image: url(Images/tab_spacer.gif);
}

table.topmenu
{
    font-family: Verdana;
    font-size: 11px;
    float: left;
    margin-left: 8px;
}

table.topmenu a
{
    color: #010100;
}

.topmenuLeft
{
    width: 19px;
    height: 19px;
    background-image: url(Images/tab_left.gif);
}

.topmenuMiddle
{
    padding-top: 2px;
    height: 17px;
    background-image: url(Images/tab_middle.gif);
    vertical-align: top;
    white-space: nowrap;
}

.topmenuRight
{
    width: 19px;
    height: 19px;
    background-image: url(Images/tab_right.gif);
}

.topmenuCross
{
    width: 23px;
    height: 19px;
    background-image: url(Images/tab_cross.gif);
}

.topmenuLeftA
{
    width: 19px;
    height: 19px;
    background-image: url(Images/tab_leftA.gif);
}

.topmenuMiddleA
{
    padding-top: 2px;
    height: 17px;
    background-image: url(Images/tab_middleA.gif);
    vertical-align: top;
    white-space: nowrap;
}

.topmenuRightA
{
    width: 19px;
    height: 19px;
    background-image: url(Images/tab_rightA.gif);
}

.topmenuCrossDA
{
    width: 23px;
    height: 19px;
    background-image: url(Images/tab_crossDA.gif);
}

.topmenuCrossAD
{
    width: 23px;
    height: 19px;
    background-image: url(Images/tab_crossAD.gif);
}

div.header
{
    background:transparent url('Images/verloop.jpg') no-repeat right bottom;
}

div.logolink
{
    position: absolute;
    margin: 52px 0 0 200px;
    font-family: Garamond;
    font-size: 30pt;
    font-weight: bold;
}

div.menudiv
{
    position:absolute;
    z-index:500;
}

div.leftmenu
{
    font-family: Garamond;
    font-size: 11pt;
    color: #0c1c8c;
    font-weight: bold;
}

div.leftmenuItemTop
{
    height: 23px;
    padding-top: 3px;
    padding-bottom: 3px;
}

div.leftmenuItem
{
    height: 23px;
    padding-top: 3px;
    padding-bottom: 3px;
    background-image: url(Images/menu_seperator.png);
    background-repeat: no-repeat;
}

/* Leftmenu tijdelijk */

.leftmenuFolder
{
    cursor: pointer;
    cursor: hand;
    color: #888;
}

.leftmenuDefault
{
    color: #0c1c8c;
}

.leftmenuActive
{
    color: #d12421;
}

.leftmenuBlank
{
    width: 8px;
    height: 12px;
    float: left;
}

.leftmenuArrow
{
    float: left;
    width: 20px;
    height: 23px;
    background:transparent url(Images/allbuttons.gif) no-repeat 2px 2px;
}

.leftmenuArrowDown
{
    float: left;
    width: 20px;
    height: 23px;
    background:transparent url(Images/allbuttons.gif) no-repeat 2px -22px;
}

div.footer
{
    background-image: url(Images/footer.png);
}

div.footerlinks
{
    color: #FFF;
    font-family: Verdana;
    font-size: 10px;
}

div.footerlinks a
{
    color: #FFF;
}

div.footerslogan
{
    color: #FFF;
    font-family: Verdana;
    font-size: 15px;
    text-align: right;
}

div.footersloganshadow
{
    color: #000;
    font-family: Verdana;
    font-size: 10px;
    text-align: right;
}

td.rightcolumn
{
    width: 200px;
}

div.editlinks
{
    font-family:Verdana;
    font-size:smaller;
}

/* Section editor */

div.sectioneditmode
{
    border: solid 1px #CCC;
}

div.sectionviewmode
{
    border: none;
}

div.separator
{
    height: 16px;
}

div.sectioneditor
{
    background-color: #C8CFD8;
    color: #000000;
    text-align: left;
    height: 20px;
    padding-top: 0px;
    padding-left: 4px;
}

div.sectionsettings 
{
    background-color: #C8CFD8;
    border: solid 1px #000000;
    padding: 3px;
    width: 434px;
}

div.sectionsettings table td
{
    vertical-align: middle;
    color: #000000;
}

div.textarea
{
	scrollbar-3dlight-color:#d9dce1;
	scrollbar-arrow-color:#3045BD;
	scrollbar-base-color:#d9dce1;
	scrollbar-track-color:#d9dce1;
	scrollbar-darkshadow-color:#d9dce1;
	scrollbar-face-color:#d9dce1;
	scrollbar-highlight-color:#3045BD;
	scrollbar-shadow-color:#3045BD;
}

div.textarea a
{
    font-weight: bold;
}


/* DataTable control */

table.datatable
{
    border-collapse: separate;
    font-family:Verdana;
    font-size: 8pt;
}

td.datatableHdr
{
    color: #444;
    text-align: left;
    height: 16px;
    padding: 2px;
    font-weight: bold;
    background-image: url(Images/grid_header.gif);
}

.datatableHdr a
{
    color: #444;
    font-weight: bold;
}

td.datatableDef
{
    background-color: #FFF;
    padding: 2px;
}

.datatableAlt
{
    background-color: #F0F0F0;
    padding: 2px;
}

.datatablePager
{
    padding: 2px;
    padding-left: 4px;
    padding-right: 4px;
    color: #444;
    font-size: 8pt;
    font-family: Verdana;
    text-align: center;
    vertical-align: bottom;
    height: 24px;
}

.datatablePager a
{
    color: #444;
    font-size: 8pt;
    font-family: Verdana;
}

.datatableSearch
{
    padding: 4px;
    padding-left: 20px;
    font-family:Verdana;
    font-size: 8pt;
}

.datatableInput
{
    font-size: 8pt;
    font-family: Verdana;
}

.datatableLabel
{
   padding-top: 6px;
   padding-left: 20px;
}

/* Infotable */

.infotable
{
    border-collapse: separate;
    font-size: 8pt;
}

.infotableHdr
{
    color: #444;
    text-align: center;
    height: 16px;
    padding: 2px;
    font-weight: bold;
    background-image: url(Images/grid_header.gif);
}

.infotableOmschrijving
{
	background-color: #EEE;
	padding-left: 2px;
	padding-right: 3px;
	color: #444;
	text-align: right;
	vertical-align:middle;
	font-weight: normal; 
	height: 16px;
}

.infotableVeldUnderline 
{
	padding-top: 2px;
	padding-left: 2px;
	border-bottom: #EEE thin solid;
	vertical-align: middle;
}

.infotableContent
{
    padding: 16px;
    border-left: solid 1px #CCC;
    border-right: solid 1px #CCC;
    border-bottom: solid 1px #CCC;
}

.infotableSubselection
{
    margin-left: 24px;
}


/* Sidebar */

table.sidebar
{
    padding: 0px;
    width: 160px;
}

td.sidebarTop
{
    height: 18px;
    background: #0c1c8c url(images/sidebar_top.jpg);
    padding-left: 8px;
    padding-top: 2px;
    font-family: Verdana;
    font-size: 10pt;
    font-weight: bold;
    font-style: italic;
    color: #FFF;
}

td.sidebarMiddle
{
    background: #fff;
    background-position: right;
    font-family: Garamond;
    font-size: small;
    padding: 0;
    padding-top: 4px;
    color: #6F6F6F;
}

td.sidebarMiddle a
{
    font-family: Garamond;
    font-size: x-small;
    color: #6F6F6F;
    color: #444;
}

td.sidebarMiddle a:hover
{
    color: #171796;
}

td.sidebarMiddle ul
{
    margin: 0;
    padding: 0;
}

td.sidebarMiddle li
{
    list-style-type: none;
    background: url(images/bullet.gif) 2px 5px no-repeat;
    padding: 0;
    margin: 0;
    margin-left: -2px;
    padding-left: 10px;
}

td.sidebarBottom
{
    height: 13px;
    background: #fff;
    vertical-align: bottom;
}

td.sidebarBottom a
{
    font-family: Garamond;
    font-size: 8pt;
    color: #6F6F6F;
    color: #444;
}

td.sidebarBottom a:hover
{
    color: #171796;
}

/* Misc */

.cmsInput
{
    font-size: 8pt;
    font-family: Verdana;
}

.cmsInputM
{
    font-size: 10pt;
    font-family: Verdana;
}

.cmsButton
{
    font-size: 8pt;
    font-family: Verdana;
    color: #444;
}

.cmsMessage
{
    border: solid 1px #CCC;
    margin: 0px;
    margin-bottom: 16px;
    padding: 8px;
    font-size: 8pt;
}

.cmsLabel
{
    font-family:Verdana;
    font-size:small;
}

/* Nieuws */

.newsList 
{
    font-size: 8pt;
    width: 90%;
    margin-left: 40px;
    margin-top: 20px;
}

.newsItem 
{
    background-color: #EEE;
    padding: 2px;
    margin-bottom: 4px;
}

.newsItem a 
{
    color: #000;
}

.newsMessage 
{
    margin-left: 40px;
    padding-left: 8px;
    border-left: solid 1px #444;
}


.Image
{
    position:absolute;
    z-index:200;
    bottom:0px;
    left:0px;
}


span.copyright
{
	position: absolute;
	bottom: 20px;
	right: 50px;
	z-index: 200;
	font-family: Verdana;
	font-size:smaller;
	color: #444;
}
