﻿/*20130701*/
body
{
	margin: 0px;
	padding: 0px;
	background-color:White;
	font-family: "Trebuchet MS", Arial,  sans-serif;
	text-align:left;
	border:0;
	font-size:80%;
}

html,body
{	
	height: 100.1%;
}

.controlItem {
	padding-top: 7px;
}

h1 
{
	letter-spacing: -1px;
	font-family: "Trebuchet MS",Verdana;
	font-size: medium;
	margin:0px;
	margin-top:10px;
	padding:0px;
}

h2 {
	font-size: 1.4em;
	color:#C3C4C7;
	margin:0px;
	padding:0px;	
}

h3 {
	font-size: 1.2em;
	font-weight: bold;
}

A, A:hover, A:visited, A:visited
{
    font-weight:normal;
	text-decoration: none;
	color:#993366;
}

#Main
{
	text-align:left;
	width:auto;
	height:auto;
	margin: 0px auto;
	padding:0px;
	padding-left:20px;
	padding-right:20px;
	min-width: 800px;
	/* temp */
}

#Top
{
	width:auto;
	height:100px;
	padding:0 0 0 15px;
	margin:0px;
	vertical-align:bottom;
	/* temp */	
	background:#FFF url(../IMG/Top_Background.gif) repeat-x left bottom;
}

IMG
{	
	border:0px;
	margin:0px;
	padding:0px;
}

#LogoDiv
{
	float:left;	
}

IMG.Logo
{	
	padding-left:20px;
	height:100px;
	width:217px;
}

IMG.Logo_Tekst
{
	height:30px;
	width:198px;
}

#Navigatie_Top
{
	padding-top:55px;
	float:right;
}

#Navigatie_Top A
{
	color:#C8A700;
}

#Navigatie_Top ul 
{
	font-family: "Trebuchet MS", Verdana,  Arial;
	font-size:1.2em;
	padding: 93px 0 0 0;
	margin: 0px;
	list-style: none;
}

#Navigatie_Top li 
{
	padding:0px;
	margin:0 0 0 20px;
	display: inline;
}
#Navigatie_Top span 
{
	padding-left:20px
}


/*
#Navigatie_Top li a, #Navigatie_Top li a:visited , #Navigatie_Top li a:active
{
	color:#C3C4C7;
	font-weight:bold;
	text-decoration:none;
}

#Navigatie_Top li a:hover
{
	color:#CCAE00;
	text-decoration:none;
}
*/
#Navigatie_Top a, #Navigatie_Top a:visited , #Navigatie_Top a:active
{
	color:#C3C4C7;
	font-weight:bold;
	text-decoration:none;
}

#Navigatie_Top a:hover
{
	color:#CCAE00;
	text-decoration:none;
}
#ContactGegeven
{
	font-style:normal;
	font-size:smaller;
	vertical-align:top;
	padding-top:20px;
	color:#C3C4C7;
	font-weight:bold;
	font-family: "Trebuchet MS", Verdana,  Arial;
}

#ContactGegeven A
{	
	color:#C8A700;
}

#ContactGegeven A:visited
{
	color:#C8A700;
}

#Bottom
{
	padding-top:15px;
	/*text-align:center;
	width:800px;
	height: 600px;*/
	min-height: 600px;
	/* temp 
	background-color:green;	*/
}

.Kolom
{
	margin-top:10px;
}

.VolgKolom
{
	margin-left:45px;	
}

#Kolommen
{
	width:690px;
	text-align:center;
	margin: 0 auto;
	height:auto;
}

#Kolom_1
{
	float:left;
	text-align:left;
	width:198px;
	height:600px;
	/* temp */
}

#Kolom_1 IMG
{
	padding:0px;
	margin:0px;
	border:0px;
}

#Kolom_1 P
{
	background: #FFF url(../IMG/Kolom_1_Back.jpg) repeat-x top left;
}

#Kolom_2
{
	float:left;
	text-align:left;
	width:198px;
	height:600px;
	/* temp */
}


#Kolom_2 IMG
{
	padding:0px;
	margin:0px;
	border:0px;
}

#Kolom_2 P
{
	background: #FFF url(../IMG/Kolom_2_Back.jpg) repeat-x top left;
}

#Kolom_3
{	
	float:left;
	text-align:left;
	width:198px;
	height:600px;
	/* temp */
}

#Kolom_3 IMG
{
	padding:0px;
	margin:0px;
	border:0px;
}

#Kolom_3 P
{
	background: #FFF url(../IMG/Kolom_3_Back.jpg) repeat-x top left;
}

#Kolom_ALG
{	
	float:left;
	text-align:left;
	width:198px;
	height:600px;
	/* temp */
}

#Kolom_ALG IMG
{
	padding:0px;
	margin:0px;
	border:0px;
}

#Kolom_ALG P
{
	background: #FFF url(../IMG/Kolom_ALG_Back.jpg) repeat-x top left;
}

#Kolom_1 P, #Kolom_2 P, #Kolom_3 P, #Kolom_ALG P
{
	padding-right: 4px;
	padding-left: 4px;
	padding-bottom: 0px;
	margin: 0px;
	padding-top: 10px;
	font-family: Tahoma, "Trebuchet MS", Verdana,  Arial;
	/*font-family: Verdana,Tahoma,Arial;*/
	height: 85%;
	text-align: left;
	font-size:0.8em;
}

#Kolom_1 P A, #Kolom_2 P A, #Kolom_3 P A, #Kolom_ALG  P A
{
	display: block;
	font-weight: bold;
	color: #ccae00;
	font-family: Tahoma, "Trebuchet MS", Verdana,  Arial;
	/*font-family: Verdana,Tahoma,Arial;*/	
	text-align: right;
	text-decoration: none;
}

#Kolom_1 UL, #Kolom_2 UL, #Kolom_3 UL, #Kolom_ALG UL
{		
	list-style: none;
	/*
	font-family: "Trebuchet MS", Verdana,  Arial;
*/
	font-family: Tahoma, "Trebuchet MS", Verdana,  Arial;
	margin: 0px;
	padding: 10px 10px 0px 10px;
	height:85%;
	font-size: 13px;
	color:#C3C4C7;
}



#Kolom_1 UL LI A, #Kolom_2 UL LI A, #Kolom_3 UL LI A, #Kolom_ALG UL LI A
{
	width:150px;
}

#Kolom_1 UL LI A:hover, #Kolom_2 UL LI A:hover, #Kolom_3 UL LI A:hover, #Kolom_ALG UL LI A:hover
{		
	text-decoration:underline;
}

#Kolom_1 UL LI.Top, #Kolom_2 UL LI.Top, #Kolom_3 UL LI.Top, #Kolom_ALG  UL LI.Top
{
	
}

.MenuSelected
{
	font-weight:bold;
}


#Kolom_1 UL LI.Menu_Home, #Kolom_2 UL LI.Menu_Home, #Kolom_3 UL LI.Menu_Home, #Kolom_ALG UL LI.Menu_Home
{
	padding-top:80px;
}

#Kolom_1 UL LI.Adres, #Kolom_2 UL LI.Adres, #Kolom_3 UL LI.Adres, #Kolom_ALG  UL LI.Adres
{
	padding-top:30px;
	
}

#Kolom_1 UL LI.Adres A:hover, #Kolom_2 UL LI.Adres A:hover, #Kolom_3 UL LI.Adres A:hover, #Kolom_ALG UL LI.Adres A:hover
{		
	text-decoration:none;
}

#Kolom_1 UL LI.Menu_Head
{		
	font-weight:bold;
	color:#000000;
	font-size:larger;
}

#Kolom_1 UL LI a, #Kolom_1 UL LI a:visited, #Kolom_1 UL LI a:active
{		
	font-weight:normal;
}

#Kolom_1 UL LI, #Kolom_2 UL  LI, #Kolom_3 UL LI, #Kolom_ALG  UL LI
{		
	font-weight:normal;
}

#Kolom_1 UL
{	
	background: #FFF url(../IMG/Kolom_1_Back.jpg) repeat-x top left;
}

#Kolom_2 UL
{	
	background: #FFF url(../IMG/Kolom_2_Back.jpg) repeat-x top left;
}

#Kolom_3 UL
{	
	background: #FFF url(../IMG/Kolom_3_Back.jpg) repeat-x top left;
}


#Kolom_ALG UL
{	
	background: #FFF url(../IMG/Kolom_ALG_Back.jpg) repeat-x top left;
}

#LayOut_Column_Right
{
	width:auto;
	padding:0px;
	margin:0;
	padding-left:220px;
}

.LayOut_Column_Right_Content_Container
{
	text-align:left;
	border:solid 1px #C8A700;
	padding:2px;
	background: #FFF url(../IMG/Kolom_1_Back.jpg) repeat-x 0 -250px;
}

#MainContent
{
	padding: 10px 4px 4px 4px;
}

#Content H1
{
	
}

#Content P, #Content P UL, #Content P UL LI, #Content UL LI, #Content P UL LI, #Content UL LI, #Content td
{
	font-family: Verdana, Calibri, Tahoma,Arial;
	font-size:0.7em;
}

DIV.Padding
{
	margin-left:55px;
}

.Kolom_1_Kleur
{
	color:#C8A700;
}

.Kolom_2_Kleur
{
	color:#993366;
}

.Kolom_3_Kleur
{
	color:#878789;
}

.Kolom_ALG_Kleur
{
	color:#000000;
}

H1.Headertekst
{
	font-size:1.5em;
	padding-right:5px;
	padding-left:5px;
	border-bottom:solid 1px #C8A700;
	
	color:#C8A700;
	/*
	color:#847714;
	color:#420F5C;*/
}

div.Object_Container
{
	margin-bottom:10px;
}

hr
{
	background-color: #C8A700;
	color: #C8A700;
	height: 1px;
}

td.MainDataVer
{
	font-size: 1em;
	text-align: left;
	color: #847714;
}

td.MainHeaderVer {
  font-size: 1em;
  text-align: right;
  vertical-align: bottom;
	color: #000;
	font-weight:bold;
}

#LogoTekst {
  background: url("../IMG/Kolom_1.gif") no-repeat scroll left top #C8A700;
  color: #f4edcc;
  font-size: 18px;
  font-weight: bold;
  height: 30px;
  line-height: 30px;
  text-align: center;
  vertical-align: middle;
  width: 198px;
}


.Two_Column
{
	height:auto;
	width: 100%;
	overflow: auto;
}

.Two_Column_Left
{
	float:left;
	overflow:hidden;
	/*width:48%;*/
	padding:5px;
}

.Two_Column_Right
{
	float:left;
	/*overflow:hidden;*/
	padding:5px;		
	width:600px;
	overflow:auto;
}

td.BlockHeader
{
	/*background-position: left 20px;
	background-image: url(../IMG/blok_fadeline.jpg);
	background-repeat: no-repeat;*/
	

	font-size: 1.2em;
	font-weight: bold;
	text-align: left;
	vertical-align: top;

	color: #993366;
	margin-left: 2px;
	padding-bottom:10px;
}

td.HeaderMedium
{
  font-size: 1.1em;
	font-weight: bold;
	text-align: left;
	vertical-align: top;

	color: #993366;
	margin-left: 2px;
	padding-bottom:10px;
}

.dropdown
{
  font-weight:bold;
  text-decoration: underline;
  cursor: pointer;
}

.dropdownrow
{
  display:none;
}


Table.Datatable td.Padding
{
 padding:5px;
 padding-left:20px;
 border-bottom:1px solid #7F7F7F;
 border-top:1px solid #7F7F7F;
 }
 
.dropdownrow_Show
{
  display:table-row;  
}



#LayOut_Column_Right .LayOut_Column_Right_Content_Container Table.Datatable
{
	border-collapse:collapse;
	color: #000000;
	border:1px solid #7F7F7F;
	padding:2px;
}

table tr.BackGroundColor td
{
	border-collapse:collapse;
	color: #000000;
	background-color:#F7F3DC;
	border:1px solid #7F7F7F;
	padding:2px;
}

Table.Datatable tr.odd td, Table.Datatable tr.BackGroundColor td
{
	border-collapse:collapse;
	color: #000000;
	background-color:#F7F3DC;
	border:1px solid #7F7F7F;
	padding:2px;
}

Table.Datatable td
{
	font-size: .833em;
	border-collapse:collapse;
	border-left:1px solid #7F7F7F;
	border-right:1px solid #7F7F7F;
	padding:2px;
	vertical-align:top;
	background-color:#FFF;
}

Table.Datatable TH, Table.Datatable td.head
{
	 font-size: .833em;
	background: transparent url(../IMG/RowHeaderBack.png) repeat-x scroll bottom left;
	border: 1px solid #7F7F7F;
	height: auto;
	padding: 2px;
	text-align: left;
	font-weight: bold;
	color: #58346B;
}


Table.Datatable TH A, Table.Datatable td.head A
{	
	color: #58346B;
	font-weight:bold;
}

Table.Datatable td.DataLeft
{
	text-align:left;
}

Table.Datatable td.DataRight
{
	text-align:right;
}

table.Datatable td.WaardeRij
{
	VERTICAL-ALIGN: middle; 
	text-align: right;
	COLOR: #000000; 
	border:0 none;
}

Table.Datatable td Table.Datatable TH, Table.Datatable td Table.Datatable td.head, Table.Datatable td Table.Datatable td
{
  font-size:1em;
}

Table.Datatable tr.BackgroundPaars td
{
  background-color: #9933FF;
  color: #FFFFFF;
  font-weight: bold;
}

tr.WOZOBJECTLAATST td
{
	
  font-size: .833em;
  color: #000000;
  background-color: #ffff99;
  border: 1px solid #7F7F7F;
}

.Nav_Control {
    border-top: 2px solid #C8A700;
    text-align: center;
}

tr.BackGroundColorAlert td
{
    background-color: #CCCCFF;
    font-weight: bold;
    
}

#LayOut_Column_Right .LayOut_Column_Right_Content_Container .DropDownChecklistDisplay td,
#LayOut_Column_Right .LayOut_Column_Right_Content_Container .DropDownChecklistDisplay table tr td, 
#LayOut_Column_Right .LayOut_Column_Right_Content_Container .DropDownChecklistDisplay table.Datatable tr td 
{    
	background-color:#FDFCF7;
	border:0;
    font-size: 1em;
    line-height:14px;
}

#LayOut_Column_Right .LayOut_Column_Right_Content_Container table.Datatable tr.WaardeSelected td
{
  font-weight: bold;
  background-color: #CCFF99;
}

table.Heffing tr.BackGroundColor td
{
  border: 0;
}

.AfsprakenKlant
{border: 1px solid;
    margin: 15px 0px;
    padding:15px 10px 15px 50px;
		height: auto;
		/*width: 50%;*/
    background-repeat: no-repeat;
    background-position: 10px center;
    display:block;
    font-size:1em;
    color: #00529B;
    background-color: #BDE5F8;
    background-image: url(../IMG/info.png);
}

span.selectInCombo{
	cursor:cell;
}

table.Heffing tr td, table.Heffing tbody tr td 
{
	vertical-align:top;
}

td.adres
{
  vertical-align : top;
  width: 200px;
	padding-right:20px;
}

td.grondslag
{
  vertical-align : top;
  text-align:right;
  width: 120px;
}

td.bedrag
{
  vertical-align : top;
  text-align:right;
  width: 80px;
}

td.voorBezwaar, table.Heffing tr.BackGroundColor td.voorBezwaar
{
  color: #C0C0C0;
  font-size:0.9em;
  text-decoration: line-through;
}

td.voorBezwaarHover, table.Heffing tr.BackGroundColor td.voorBezwaarHover
{
  text-decoration:none;
  color:#000;
  font-size:inherit;
  cursor:help;
}

td.Total 
{
  font-weight:bold;
}

td.uBorder, table.Heffing tr.BackGroundColor td.uBorder
{
  border-top: 1px solid #000;
}

td.duBorder, table.Heffing tr.BackGroundColor td.duBorder
{
  border-top: 3px double #000;
}

.buttonhover, a.buttonhover
{
	border: 1px solid #420F5C; 
	background: #A462C7 url(../IMG/ui-bg-Hover_State.png) 50% 50% repeat-x; 	
  font-weight:bold;
	color: #212121; 
	outline: none;	
  width:auto; 
	font-family: "Trebuchet MS", Arial, sans-serif;
}

.btnLarge, .buttonhover.btnLarge  {
display: inline-block;
font-size: 1.5em;
font-weight: normal;
margin: 10px;
padding: 10px;
}

.TabsBlock
{
  background-color: white;
    display: block;
    float: left;
    height: auto;
    text-align: left;
    width:auto;
    border:solid 1px #333;
	background-color: #FFF;	
	padding:5px;
}




textarea /*, textarea.edtBox*/
{	
  font-size:12px;
}

textarea.Formule, input.Formule
{
	font-family: "Trebuchet MS", Arial,  sans-serif;
  font-size:12px;
}

/*
.ui-dialog .ui-dialog-content textarea.edtBox
{	
  font-size:1.3em;
}
*/

.lbl100
{
  width: 100px;
  display:inline-block;
}

.lbl150
{
  width: 150px;
  display:inline-block;
}

.lbl200
{
  width: 200px;
  display:inline-block;
}
.ui-widget-content a {
     color: #993366;
}
  
  
  .ui-state-active, .ui-widget-content .ui-state-active,
  .ui-state-default, .ui-widget-content .ui-state-default
  {
   border:none; 
  }
   
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
    color: #4B4B4B;
}


#LayOut_Column_Right .LayOut_Column_Right_Content_Container .content a.tcnt-button:hover , 
#LayOut_Column_Right .LayOut_Column_Right_Content_Container .content a.tcnt-button:visited 
#LayOut_Column_Right .LayOut_Column_Right_Content_Container .content a.tcnt-button:active
{
  font-weight:bold;
}  
    
    td.fs_chk
    {
      width:20px;
      text-align:center;
    }
    

span.GeenSubject
{
  padding-left: 20px;
  background-image: url(../IMG/AlertYellow.gif);
  color: #ff9900;
  font-weight : bold;
  background-repeat: no-repeat;
  height: auto; 	
  display:block;
}

.pull-right {
  float: right;
}

.pull-left {
  float: left;
}
.btn-danger {
  color: #fff;
	background-image:none;
  background-color: #d9534f;
  border-color: #d43f3a;
}
.btn-danger:focus,
.btn-danger.focus {
  color: #fff;
	background-image:none;
  background-color: #c9302c;
  border-color: #761c19;
}
.btn-danger:hover {
  color: #fff;
	background-image:none;
  background-color: #c9302c;
  border-color: #ac2925;
}

.form-horizontal .form-group, .panel {
    overflow: auto;
}