/* 
 * Tags 
 *
 * Independer colors:
 *   Background : #EDEBEE; (licht grijs)
 *   Border		: #878787; (donkerder grijs)
 *   Tekst      : #683570; (Paars)
 */

/* Tags */
 

html {font-size:100%;}/* SET FONT !*/
body {background-color : #EDEBEE; padding : 0; margin : 0;font-family:Verdana, Arial, Sans-Serif;font-size:0.85em;}
form {padding : 0px; margin : 0px;}

/*Make sure the font size and family is set correctly for old coco-items*/
span[lang="NL"] {font-size:1em !important;font-family:Verdana !important;}

/*HEADER STYLES*/
h1 {margin:10px 0px 2px 0px;padding:0 0 0 5px;font-size:larger;}
h1.header {font-size:1.8em;font-weight:normal;margin:0;padding:0 0 0 5px;}
h2, .headertext, .h2WithBegrip {margin: 20px 0px 0px 0px; padding : 8px 5px;display : block; clear:both; background-color:#EBE1EC;width:724px;font-weight:bold;font-size:1.1em;}
h2.blue {background-color:#2C74B0;color:#fff;}
/* styles used to improve SEO for faq */
div.fakeh1 {font-size:1.8em; font-weight:normal;margin:0;padding:0 0 0 5px;}
h1.smallh1 {font-size:1em; padding:0 0 0 0; font-weight:normal;  }
.noSidebarContent h2{width:945px;}
h3 {margin: 10px 10px 5px 5px;padding:0px;}
.header h1{font-size:20px;font-weight:normal;}
.h2WithBegrip h2{float:left;width:auto;padding:0px;margin:2px 15px 0px 0px;background-color:Transparent;}
.h2WithBegrip .displayhelplink{float:left;}
.disclaimerText{margin: 20px 0px 0px 0px; padding : 8px 5px;display : block; clear:both; background-color:#EBE1EC;width:724px;font-size:1.1em;}

p {line-height : 1.2em;margin: 5px 0px;padding-left:5px;}
p p{padding-left:0px;} /*make sure paragraphs inside paragraphs aren't lined out incorrectly (happens mostly with Coco items)*/
p + p{margin-top:9px;}
h1 + p, h2 + p{margin-top:10px;}
a{color:#5A1862;text-decoration : underline; }
a.nounderline{text-decoration:none;}
a:hover{cursor:pointer;cursor:hand;text-decoration:none}
select { border : solid 1px #7f9db9;}
input[type="text"], input[type="password"] {border: solid 1px #7f9db9; }
input[type="text"], input[type="password"] {cursor: text; padding: 2px;}/*SR: TODO: font-size hier weggehaald, ff testen nog*/
input[type="checkbox"], input[type="radio"] {border-style: none;width: 13px;margin-right: 3px;}
label {margin-right : 3px;}
hr {width: 100%;height: 1px;clear: both;color:#D3B4D3;background-color:#D3B4D3;}
input, select, textarea{color: #5A1862;font-family: Verdana, Arial, Sans-Serif;}
/*VALIDATION/WARNING CLASSES*/
.validationMessage	{color:red;padding:5px;clear:both;display:block;}
.validationMessage a {color:red;}
.warningMessage		{color: Red;display: block;clear: both;padding: 5px;} /* Different class then error cause this might become another color*/
.invoer .validationMessage, .invoer .warningMessage	{padding:5px 0 0 0;width:98%;}

.elem {float : left;}
.clear {clear : both;}
.fill {left : 0px; right : 0px;}

.relative { position : relative; z-index : 1 /* IE bug fix: position relative without z-index causes issues */;}
.absolute { position : absolute; z-index : 1;}

.hidden { display : none !important;}
.visible { display : inherit; visibility: inherit; }
.invisible { visibility:hidden; }
.inline { display : inline; }
.block { display : block; }
.disabled { cursor : default; color:#686868;}
.floatLeft {float : left;}
.floatRight {float : right;}
.center {text-align : center;}
.alignLeft {text-align : left;}
.fullWidth {width:100%} /*TODO: USED IN 10 PLACES */
input[type="text"].disabled { cursor : default; background-color : #dfdfdf; }

/*clearFix class and default clearFix on "tabcontent" and "invoer" classes*/
.clearFix:after, .invoer:after, .invoerSummary:after, .tabcontent:after, .themaContent:after, .validationMessage:after{content: ".";visibility: hidden;display: block;height: 0;clear: both;} 
.ie6 .clearFix, .ie6 .invoer, .ie6 .invoerSummary, .ie6 .tabcontent, .ie6 .themaContent, .ie6 .validationMessage{zoom: 1;}

.createSpace{padding: 10px 0px 0px 5px;} /*this creates space around an element to get the layout right*/
.alignRight { text-align : right;}
.center { text-align : center;}
.centerElem { margin : 0 auto;}
.bold { font-weight : bold;}
.intern { color : Red; }
.internalBorder { border-top:2px solid red; border-bottom:2px solid red; }
.italic { font-style: italic; }
.underlined { text-decoration: underline; }
.smallItalic{font-size:8pt; font-style:italic;}
.marginLeft10 { margin-left : 10px; }
.marginRight20 { margin-right : 20px; }
.flexibleWidth {width : auto;}

/* ASP.NET Control Toolkit calendar */
.ind__calendar_image { margin-left : 5px; vertical-align : bottom;margin-bottom:2px; } 
.ajax__calendar .ajax__calendar_body {width : 178px;height:143px;}
.ajax__calendar_container {z-index: 999999;width:178px;}

/*surrounding content classes*/
/*sidebarSmall*/
.sidebarSmallContent {width : 775px; float : left; }
.ie6 .sidebarSmallContent {width : 770px;}
.sidebarSmall { width : 204px; padding: 0px 8px;margin-top : 20px; float : left; height: 100%;}
.ie6 .sidebarSmall { overflow:hidden;}
/*sidebarBig*/
.sidebarBigContent {width : 668px; margin-bottom : 5px; float : left;}
.sidebarBig { width : 275px; padding : 0 15px 0 15px; margin-top : 39px; float : right; height: 100%;}
/*noSidebar*/
.noSidebarContent {}

/* ajax progess */
.updateprogress  { position: absolute; left: 436px; top: 451px; padding: 0px;z-index:1001;border:2px gray outset;width: 110px; height: 110px; background-image: url(//www.independer-static.nl/images/zandloper.gif) ; }