/**
 * ############################################################
 * ##       Project:    Uithoornse Kinderopvang              ##
 * ##       File:       css/main.css                         ##
 * ##       Date:       30-01-2008                           ##
 * ## ------------------------------------------------------ ##
 * ## Cascading stylesheet, basis styles                     ##
 * ## ------------------------------------------------------ ## 
 * ############################################################
 * ############################################################
 * ##     Author:       Chris Blokland                       ##
 * ##     In opdracht:  Uithoornse kinderopvang              ##
 * ##     Copyright:    dtpXpress / SixSenses                ##
 * ############################################################        
*/
 
 * {font-size: 12px;}
.GInfo_Caption
{
  width: 85px;
  float: left;
  font-weight: bold;	
}

.security_login		{background-color:#C6B7D8; width:600px; height:340px; border:1px solid white;}

.sl_left					{position:relative; float:left; background-color:#C6B7D8; width:240px;}

.icon_slogin			{background:url(../images/msg/4006.gif) no-repeat; margin:0 0 0 10px; height:35px;  line-height:35px; vertical-align:middle;}

.icon_slogin h3		{margin:0 0 0 25px; font-size:14px; font-family:verdana; font-weight:regular; color:#000;}

.slogin_politie			{background:url(../images/politiemeisje.jpg) no-repeat; margin:0 0 0 35px; width:167px; height:250px;}

.sl_content			{background-color:#C6B7D8; margin-top:10px; line-height:13px; text-align:left;}

.sl_content li			{margin:0 0 7px 0;}

.sl_right					{position:relative; float:right; width: 348px;}

.bottom_signup		{float:left; background-color:#ffac00; width:600px; height:28px; line-height:28px; text-align:center; vertical-align:middle;}

.bottom_signup a	{margin:0; padding:0; text-decoration: none;}



td.desc					{padding:10px 10px 10px 10px; line-height:19px;}
	
table.module_editor
 {
  width: 600px;  
  line-height: 19px;
  background-color: #FFFFFF;
  margin-top: 15px;
  border: 1px solid black;
  border-collapse: collapse;
 }
 
 table.module_editor td
 {
  
  vertical-align: top;
 }
 
 table.search_user
 {
  width: 400px;
  line-height: 19px;
  margin-top: 15px;
  border: 1px solid black;
  border-collapse: collapse;
 }
 
 
 table.module
 {
  font-size: 11px;  
  padding: 0px;
  margin: 0px;
 }
 
 .form_errors
 {
  margin-bottom: 10px;
  line-height: 20px;
 }
 .form_error_icon
 {  
 }
 
 .form_error_item
 {
  font-weight: bold;
  font-size: 11px;
  margin-left: 25px;
  color: #725196;
 }
 
td.module_title
 {
  margin-left: 75px;
  font-weight: bold;
  font-family: georgia;
  font-size: 18px;
  letter-spacing: 0.9px;
 }
 
 td.module_content
 {
  margin-top: 15px;
  letter-spacing: 0.4px;
  line-height: 17px;
 }
 
 
 table.login
 {
  font-family: georgia;
  font-size: 11px;
  line-height: 23px;
  letter-spacing: 0.7px;
  margin-top: 15px;
  width: 275px;
}
 

table.login td
{
  height: 35px;
  vertical-align: middle;
}

 
.inputfield,
.selectfield,
.textfield
{
  background-color: #FFFFFF; /*#130f10;*/
  border: 1px solid #333333;
  font-size: 11px;
  font-family: verdana;
  color: #2a4b8c;
  width: 150px;
  height: 15px;
  margin-left: 3px;
}

.inputbutton
{
  height: 23px;
  font-size: 11px;
  font-family: verdana;
}

.modules_fieldset
{
  border: 1px solid black;
  font-family: verdana;
  font-size: 11px;
  width: 500px;  
  text-align: left;
  padding: 1px;
  margin: 10px;
  overflow: hidden;
}

.fieldset_title
{
  font-weight: bold;
  text-align: left;
  font-size: 12px;
}


.menu_list_indent
{
  border: 1px solid black;
  height: 250px;
  width: 100%;
  font-size: 10px;
  font-family: verdana;  
}

.form_field,
.label
{
  font-size: 10px;
  font-family: verdana;
  font-weight: bold;
}

.form_field_even
{
  font-size: 10px;
  font-family: verdana;
  font-weight: bold;
  background-color: #725196;  
}

.form_input_even
{
  background-color: #725196;
}

.form_input_oneven
{
  background-color: #8082b1;
}
.form_field_oneven
{
  font-size: 10px;
  font-family: verdana;
  font-weight: bold;
 
  background-color: #8082b1;
}

.admin_tip
{
  margin-top: 10px;
  margin-bottom: 10px;
      
  font-size: 11px;
  border: 1px dotted grey;
  width: 98%;
  text-align: left;
}


.keyword
{
  color: blue;
}

.table_title,
.table_subkop
{
  text-align: left;
  font-weight: bold;
  color: #FFFFFF;
  font-size: 10px;
  background-color: #ef7e08;
  margin-left: 10px;
  

}


.message_title
{
  border-left: 1px solid blue;
  border-right: 1px solid blue;
  border-top: 1px solid blue;
  background-color: #FFFFFF;
  
  height: 30px;
  width: 500px;
  vertical-align: middle;
}
.message_container
{
  border: 1px solid blue;
  
  background-color: #FFFFFF;  
  width: 500px;
  font-weight: normal;
  line-height: 17px;
  vertical-align: middle;
  
  -moz-border-radius: 0.7em;
  -webkit-border-radius: 0.7em;
  border-radius: 0.7em;
}

.message_url
{
  background-color: #FFFFFF;
  
  width: 500px;
  height: 20px;
  
  margin-bottom: 5px;
  margin-top: 12px;
}

.footer_website
{
  line-height: 20px;
  text-transform: uppercase;
  font-weight: bold;
  margin-left: 20px;
  width: 100%;
}

.footer_bottomrow
{
	position:relative;
  background-color: #EF7F01;
  color: darkblue;
  line-height: 35px;
  vertical-align:middle;
  text-transform: uppercase;
  height: 35px;
  margin-left: 25px;
  width: 100%;
  padding:0px 16px 0 20px;
}

.footer_bottomrow span 	{ position:relative; border:0px solid green; }

.footer_menu			{ float:right; }
.footer_menu a			{ color:darkblue; margin:0 0 0 5px; border:1px solid #EF7F01; text-decoration:none; font-weight:bold; padding:2px 4px 2px 4px; }
.footer_menu a:hover 	{ border:1px solid #3364A9; background:#3364A9; color:white; }

.admin_modstats,
.admin_whoisonline
{
  margin-top: 15px;
  border: 1px solid black;
  border-collapse: collapse;
  width: 98%;
}


.td_menutree
{      
}

.menu_tree
{
  
  width: 725px;
  overflow: hidden;     
  margin: 0px;
  padding: 0px;
  background-color: #8082B1;
  
  border-left: 1px solid black;
  border-right: 1px solid black;
  border-bottom: 1px solid black;
}

.table_borders
{
  border: 1px solid black;
  border-collapse: collapse;
  font-family: verdana;
  font-size: 11px;
  width: 800px;
}

.tr_mouseover
{
  cursor: pointer;
  color: #FFFFFF; 
}

.toolbox
{
  width: 75px;
  height: 225px;
  position: fixed;
  margin-left: 12px;
  background-color: #FFFFFF;
  
  margin-top: 15px;
  
  border: 1px solid black; 
}





/**
AUTOCOMPLETE CLASSESS AND DEFINITIONS
WRITTEN BY CHRIS BLOKLAND.
**/

.namefiller_table
{
    width: 100%;
    border: 1px solid black;
    border-collapse: collapse;
    font-family: verdana;
    font-size: 11px;

}

.cautocomplete_hilite
{
    background-color: #316AC5;
    color: #FFFFFF;
    width: 100%;    
    font-size: 12px;
    vertical-align:middle;
}

.cautocomplete_option
{
  
  font-size: 12px;
  background-color:#FFFFFF;
  vertical-align:middle;
  width: 100%;
  color:#000000;
}

.cautocomplete_container
{
    margin-left: 5px;
    margin-top: 10px;
    z-index: 150;
    position: absolute;
    display: block;
    background-color: #FFFFFF;
}


.account_editor
{
  width: 725px;
  border: 1px solid black;
  border-collapse: collapse;
  margin-top: 15px;
}


.admin_data
{
  border: 1px solid black;
  background-color: lightblue;
  margin-left: 675px;
  margin-right: 15px;
  position: fixed;
  z-index: 999999;
  width: 325px;
  height: auto;
  margin-top: 10px;
  
  
  
  
  opacity:.90;
  filter: alpha(opacity=90);
  -moz-opacity: 0.90;
}

.ad_field
{
  height: 25px;
  vertical-align: middle;
  font-weight: bold;
  float: left;
  text-align: left;
  margin-left: 10px;
  margin-top: 3px;  
  width: 40%;
  
  
}

.ad_value
{ 

  height: 25px;
  vertical-align: middle;
  margin-left: 3px;
  margin-top: 5px;
  float: right;
  width: 50%;
  text-align: left;
}

.ad_value a
{
  vertical-align: middle;
  margin-bottom: 5px;
}

.admin_data_title
{
  font-weight: bold;
  height: 25px;
  vertical-align: midde;
  text-align: center;
  background-color: #ef7e08;
  color: #FFFFFF;
  width: auto;
  min-width: 100%;
}


td.breadcrumb {background-color: #316AC5;}
td.breadcrumb ul {margin: 2px; padding: 0; list-style-type: none;}
td.breadcrumb ul li {color: #FFF; line-height: 22px; float: left; margin-left: 5px;}
td.breadcrumb ul li a {color: #FFF; text-decoration: none;}

//td.content p { width:850px !important; }
//td.content font { width:auto !important; }

ul.sitemap li a 		{ font-size:13px; font-weight:bold; color:#000; text-decoration:none; }
ul.sitemap li a:hover	{ text-decoration:underline; color:#EF7F01; }
ul.sitemap li ul li a	{ font-weight:normal; }  
*/


.pagina_titel
{
  font-size: 14px;
  font-weight: bold;
  font-family: verdana;
  width: 400px;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 10px;
}

.pagina_inhoud
{
  font-family: verdana;
  font-size: 11px;
  line-height: 16.5px;
  margin-left: 15px;
  width: 600px;
}


.label
{
  font-size: 10px;
  font-family: verdana;
  font-weight: bold;
}

.tip
{
  padding: 8px;        
  border: 1px dotted grey;   
}

.trefwoord
{
  color: blue;
}

.tabel_titel,
.tabel_subtitel
{
  text-align: left;
  font-weight: bold;
  color: #FFFFFF;
  font-size: 10px;
  background-color: #ef7e08;
  margin-left: 10px;
  letter-spacing: 3px;

}


.tabel_met_kader
{
  border: 1px solid black;
  border-collapse: collapse;
  font-family: verdana;
  font-size: 11px;  
  margin-left: 25px;
}


.img_float_right
{
  margin: 8px;
  float: right;
}
.img_float_right_border
{
  margin: 8px;
  float: right;
  border: 4px solid purple;
}

.img_float_left
{
  margin: 8px;
  float: left;
  
}
.img_float_left_border
{
  margin: 8px;
  float: left;
  border: 4px solid purple;
}

.subtiele_link
{
  text-decoration: none;
  font-size: 11px;
  color: blue;
}
#content p{
text-align: left;}
#content{
padding-top: 25px;}
