/* $Id: cosmo.css,v 1.5 2008/08/04 14:21:44 leopold Exp $ */

@import url("mss_navigation.css");

/* global behaviour */

body
{
	font-family: Verdana, Helvetica, sans-serif ; 
	font-size: 9pt ;
	font-style: normal ;
	line-height: 1.4em ;
	margin-left:0;
	margin-top: 0; 
	color:  black;
}

div.mss_page
{
	width: 1000px ;
	margin-top: 16px ;
	margin-left: auto ;
	margin-right: auto ;
}

h1, h2, h3, h4, ol, ul, p, textarea {
	margin-bottom: 1.0em ;
	margin-top: 0 ;
	text-align:left;
}

h1 {
	font-size: 2.0em ;
	font-weight: bold;
}

h2 {
	font-size: 1.4em ;
	font-weight: bold;
}

h3 {
	font-size: 1.2em;
	font-weight: bold;
}

h4 {
	font-size: 1.0em ;
	font-weight: bold ;
}


/* links are bold, no underline, color changes on hover */

a {
	font-weight: bold;
	text-decoration: none;
	color: black;
}

a:hover {
	font-weight: bold;
	text-decoration: none;
	color: #999999;
}

/* clean tables */
/* <table cellspacing='0' cellpadding='0' border='0'> */
/* <td valign='0'> */

table {
	border: 0 ;
	border-spacing: 0 ;
	border-collapse: collapse ;
}

td, th {
	border: 0 ;
	padding: 0 ;
	vertical-align: top ;
	text-align: left ;
}

table.oldstyle
{
	border: 1px solid black ;
}

table.oldstyle th,
table.oldstyle td
{
	padding: 3px ;
}

/* clean forms */

fieldset {
	border: 0 ;
	padding: 0 ;
}

/* no border for img tags with an anchor */

img {
	border: 0 ;
}

/* header */

div#header
{
	height: 62px;
	width: 700px ; 
	color: #7600bf;
	padding: 0px;
	padding-top: 10px;
}

div#header p
{
	margin: 0 ;
}

/* pagina layout/kleuren */

td#page_navigation_td
{
 	background-color: #e4e1ff ;
/*	background-image: url(../images/stars.jpg) ; */
	background-repeat: repeat-y;
}

div.page_spacer
{
	width: 8px;
}

table#content_table
{
	width: 816px;
	margin: 0 ;
}

div.content_height_force
{
	height: 410px ;
}

div#content
{
	padding-top: 8px ;
	padding-bottom: 8px ;
}

div.content_divider
{
	width: 8px ;
}

div#side_content
{
	padding-top: 8px ;
	padding-bottom: 8px ;
}

#page_profiel div#side_content
{
	padding-top: 24px ;
	font-size: 0.8em;
}

div.one_column
{
	width: 240px;
}

div.two_columns
{
	width: 552px;
}

div.three_columns
{
	width: 792px;
}

/* colors */

/* default/user cyaan */

table#content_table { border: 1px solid #70C0E0; }
td#navigation_level2_header_td { background-color: #70C0E0; }
td#navigation_level2_td { background-color: #b3e2f4; }
tr#content_tr { background-color: #d9f4ff; }

/* extern blauw */

div.mss_page.mss_extern table#content_table { border: 1px solid #7d70e0; }
div.mss_page.mss_extern td#navigation_level2_header_td { background-color: #7d70e0; }
div.mss_page.mss_extern td#navigation_level2_td { background-color: #c1baf5; }
div.mss_page.mss_extern tr#content_tr { background-color: #e4e1ff; }

/* inside oranje */

div.mss_page.mss_intern table#content_table { border: 1px solid #eec529; }
div.mss_page.mss_intern td#navigation_level2_header_td { background-color: #eec529; }
div.mss_page.mss_intern td#navigation_level2_td { background-color: #ffe57d; }
div.mss_page.mss_intern tr#content_tr { background-color: #fff5cc; }

/* dependance groen */

div.mss_page.mss_location table#content_table { border: 1px solid #6be036; }
div.mss_page.mss_location td#navigation_level2_header_td { background-color: #6be036; }
div.mss_page.mss_location td#navigation_level2_td { background-color: #97f66c; }
div.mss_page.mss_location tr#content_tr { background-color: #c6f1b3; }

/* user licht-blauw */

div.mss_page.mss_user table#content_table { border: 1px solid #70c0e0; }
div.mss_page.mss_user td#navigation_level2_header_td { background-color: #70c0e0; }
div.mss_page.mss_user td#navigation_level2_td { background-color: #b3e2f4; }
div.mss_page.mss_user tr#content_tr { background-color: #d9f4ff; }

/* admin rood */

div.mss_page.mss_admin table#content_table { border: 1px solid #ff4444; }
div.mss_page.mss_admin td#navigation_level2_header_td { background-color: #ff4444; }
div.mss_page.mss_admin td#navigation_level2_td { background-color: #ff8888; }
div.mss_page.mss_admin tr#content_tr { background-color: #ffcccc; }

/* breadcrumbs path */

div#breadcrumbpath 
{
	color:#999999;
	font-size: 0.8em;
	padding-left:0px;
	height: 30px ;
}

div#contact_shortcut 
{
	float:right ;
	padding-right:18px;
}

div#breadcrumbpath a
{
	color:#999999;
	text-decoration:none;
}

div#breadcrumbpath a:hover
{
	text-decoration:underline;
}

div#breadcrumbpath a.current:hover
{
	text-decoration:none;
}

div#breadcrumbpath ul
{
	padding: 0 ;
	margin-left: 24px ;
	margin-top: 8px ;
	margin-bottom: 5px ;
}


div#breadcrumbpath li
{
	float: left ;
	padding-left: 4px ;
	padding-right: 4px ;
	margin: 0 ;
	list-style-position: inside; 
}

div#footer
{
	padding: 8px ;
}

/* forms and tabular display */

div.form_actions
{
	border-left:  6px solid #6699cc;
	padding: 6px ;
}

td.field_label,
td.period
{
	font-style: italic;
	padding-right: 8px;
	padding-bottom: 2px;
	width: 200px;
}

td.period
{
	font-style: italic;
	padding-right: 8px;
	padding-bottom: 2px;
}

span.field_label
{
	font-style: italic;
	padding-right: 8px;
	padding-bottom: 2px;
}

p.field_question, p.vraag
{
	font-style: italic;
}

div.form_list_item
{
	margin: 2px;
	padding: 4px;
	border: 1px solid #6699CC ;
	background-color: #c0d4e8 ;
}

/* login_formulier */

div.compact_login_form
{
	margin-top:  16px;
	font-size: 0.9em;
}

div.compact_login_form div.form_header
{
	font-size: 0.9em;
}

div.compact_login_form input
{
	width:  120px ;
	font-size: 0.9em;
	margin:  2px;
}

/* news */

p.news_title
{
	font-size: 1.1em ;
	font-weight: bold ;
	margin-bottom: 0 ;
}

p.news_date
{
	font-size: 0.9em ;
	color: gray ;
}


xdiv { border: 1px solid green ; }