:focus { outline: none }

body { 
	font-family: Arial,Verdana,sans-serif;
	background-color: #F2F2F2;
	font-size: 11px;
	line-height: 17px;
	color: #3F3F3F;
	margin: 0px;
}

.dataDiv {
	margin: 2px;
}

#templateContent {
    border: 1px solid #0990BD;
    width: 1000px;
    height: 450px;
}

#container {
	width: 1200px;
	margin: auto;
	border-left: 1px #cdcdcd solid;
	border-right: 1px #cdcdcd solid;
	border-bottom: 1px #cdcdcd solid;
	background-color: #ffffff;
}

#balk_blauw {
	clear: both;
	float: none;
	height: 25px;
	background-color: #0081E5;
}
	
#balk_grijs {
	clear: both;
	float: none;
	height: 23px;
	background-color: #3A3740;
	color: #ffffff;
	padding-left: 34px;
	padding-top: 2px;
}

#logolink {
	width: 90px;
	height: 60px;
	position:relative;
	top: 55px;
	left: 845px;
}

#containerwide {
	width: 1150px;
	margin-left: 34px;
	min-height: 500px;
}
#containersmall {
	width: 270px;
	margin-left: 47px;
}
#containersmall, #containerwide { margin-top: 30px; margin-bottom: 10px; float: left; }

.titelCentBlack, .titelCentBleu { font-color:#777777; font-size: 35px; margin-bottom: 10px; }
.titelCentBleu, .titelCentBleu a { color:#0085E8; }


hr.titel { margin-top: 15px; margin-bottom: 15px; height: 2px; background-color: #CECECE; border: 0px; }
hr.bottom { height: 1px; background-color: #CECECE; border: 0px; }
hr.wit { height: 15px; border: 0px;}
hr.blauw { height: 2px; background-color: #E1F1FC; border: 0px;}

.badphrase {
	background-color: #FF4040;
}

#bgDuplicate1, .bgDuplicate1 {
	background-color: #FF9140;
}
#bgDuplicate2, .bgDuplicate2 {
	background-color: #FFAE73;
}

#bgred, .bgred {
	background-color: #F0C0C0;
}
#bgred.odd, .bgred.odd {
	background-color: #F0D0D0;
}
#bgblauw, .bgblue {
	background-color: #E1F1FC;
}
#bgpurple, .bgpurple {
	background-color: #E0E0F0;
}
#bgpurple.odd, .bgpurple.odd {
	background-color: #D0D0F0;
}
#bggreen, .bggreen {
	background-color: #C0F0C0;
}
#bggreen.odd, .bggreen.odd {
	background-color: #D0F0D0;
}

#bgblauw td a, #bgwit td a, .bgline a {
	color: #3F3F3F;
	text-decoration: none;
}
#bgblauw td a:hover, #bgwit td a:hover, .bgline a:hover {
	color: #0081E5;
	text-decoration: none;
}
#bgblauw td a.red, #bgwit td a.red {
	color: #F82601;
	text-decoration: underline;
}
#bgliblauw {
	background-color: #E1F1FC;
}
#bgdoblauw {
	background-color: #0081E5;
}
#bgdoblauw td a, #bgdoblauw td.omzetcijfer {
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}

td.fixedtopposition {
    background-color: white;
    border: 0 none;
    /*left: 360px;*/
    padding: 0;
    position: absolute;
    width: 20px;
}

th.fixedtopposition {
    background-color: white;
    border: 0 none;
    left: 360px;
    padding: 0 5px;
    position: fixed;
    width: 20px;
}
#bottomlink {
	border-top: 1px solid #CECECE;
	border-bottom: 2px solid #CECECE;
}

#bottomlink2 {
	height: 1px;
	background-color: #CECECE;
}

#bottomlink a {
	font-weight: bold;
	color: #F82601;
	text-decoration: none;
}

.omzetcijfer {
	font-size: 14px;
	font-weight: bold;
	color: #0085E8;
	text-align: right;
}

#nieuwsopsom {
	margin: 0px;
	padding-left: 30px;
	line-height: 25px;
	list-style-image: url(../images/pijl_blauw.gif);
}
#nieuwsopsom li a {
	color: #3F3F3F;
	text-decoration: none;
}

#bannerul {
	float: left;
	margin: 0px;
	padding-left: 0px;
	list-style: none;
	width: 90px;
}
#bannerul li.blauw , #bannerul li.wit, #bannerul li.active { padding: 0 5px 0 5px; }
#bannerul li.blauw { background-color: #E1F1FC; }
#bannerul li a { color: #3F3F3F; }

#bannerul li.active { font-weight: bold; background-color: #0081E5; }
#bannerul li.active  a { color: #FFFFFF; text-decoration: none; }

#intro { font-weight: bold; margin-bottom: 10px; }
.red { color: #F82601 }

#gegencode { margin-bottom: 5px; }
#gegencode textarea { border: 1px solid #4DA3D9; }

.leftspace8 { margin-left: 8px; }
.rightspace8 { margin-right: 8px; }

#accountnav {
	position: relative;
	font-size: 11px;
	list-style: none;
	top: 40px;
	left: 24px;
}

#accountnav li a {
	margin: 0px;
	float: left;
	color: #FFFFFF;
	padding: 0px 10px 0px 10px;
	/* border-right: 1px solid; */
	height: 12px;
	line-height: 11px;
	text-decoration: none;
}
#accountnav li a:hover { text-decoration: underline; }


/***********************************************************/
/** navigatie **/
/***********************************************************/

#nav ul {
	height: 24px;
	position: relative;
	background-color: #4B4851;
	list-style: none;
	margin: 0;
	padding: 0;
}
#nav li {
	float: left;
	height: 18px;
	margin-right:15px;
	font-size: 11px;
}
#nav li a {
	color: #FFFFFF;
	text-decoration: none;
}

#header {
	height: 140px;
	background-image: url(../images/bg.gif);
	background-repeat: repeat-x;
}

#header #dev{
	padding-top:30px;
	text-align: center;
	color:red;
	font-size: 18pt;
}

.smallheader {
	height: 20px;
	background-image: url(../images/bg.gif);
	background-repeat: repeat-x;
}

#uitklapnav {
	position: relative;
	background: #BFBFC1;
	clear: both;
	font-size: 10px;
	padding-left: 34px;
	border: 1px solid #BFBFC1;
}

#uikl_item {
	list-style-image: url(../images/pijl_wit.gif);
	padding-left: 20px;
	margin-right: 10px;
	float: left;
}
#uikl_item li a {
	color: #000000;
	text-decoration: none;
}

#uikl_item li a:hover { color: #0F4E7C; }

#tapuitklap {
	margin-top: 2px;
	padding-left: 750px;
	border-top: 3px solid #4B4851;
}
#tapuitklap a {
	background: url(../images/uitklap_bg.gif);
	height: 19px;
	display: block;
	float: left;
	color: #FFFFFF;
	font-size: 10px;
	letter-spacing: 0.05em;
	text-decoration: none;
	text-transform: uppercase;
	position: relative;
	top: -2px;
}

***********************************************************/
/** form **/
/***********************************************************/

.focus	{
	border-width: 1px;
	border-style: solid;
	border-color: #f60000;
	width: 150px;
	padding: 1px;
	background-color: #f2f2f2;
	color: #3a3740;
}
/* default */
input {
	border-width: 1px;
	border-style: solid;
	border-color: #3a3740;
	padding: 1px;
	background-color: #f2f2f2;
	color: #3a3740;
	font-family: Arial,Verdana,sans-serif; 
  	font-size: 11px;
}
textarea {
	border-width: 1px;
	border-style: solid;
	border-color: #3a3740;
	padding: 1px;
	background-color: #f2f2f2;
	color: #3a3740;
	font-family: Arial,Verdana,sans-serif; 
  	font-size: 11px;
}
select {
	border: 1px  solid #3a3740;	
	background-color: #F2F2F2;
	color: #3A3740;
	font-family: Arial,Verdana,sans-serif; 
  	font-size: 11px;
}

input.veld {
	border-width: 1px;
	border-style: solid;
	border-color: #3a3740;
	width: 150px;
	padding: 1px;
	background-color: #f2f2f2;
	color: #3a3740;
	font-family: Arial,Verdana,sans-serif; 
  	font-size: 11px;
}
	
	
input.veld2 {
	border-width: 1px;
	border-style: solid;
	border-color: #3a3740;
	padding: 1px;
	background-color: #f2f2f2;
	color: #3a3740;
	font-family: Arial,Verdana,sans-serif; 
  	font-size: 11px;
}

/* three column */

.titleDiv{
	
}
.singleTextComponent{
	width:		200px;	
}

.nameDiv{
	width:				150px;
	float:				left;
	margin-right:		10px;
}

.totalDiv{
	width:				300px;
	float:				left;
	margin-right:		10px;
}


.inputDiv{
	/*width:				300px;*/
	float:				left;	
}


/* TAB PANEL STYLES */

div.tabpanel div.tab-row{
  float:left;
  width:100%;
  background:#DAE0D2 url("../images/tabs/bg.gif") repeat-x bottom;
  line-height:normal;
  }

div.tabpanel div.tab-row ul {
  margin:0;
  padding:10px 10px 0;
  list-style:none;
  }
  
div.tabpanel div.tab-row li {
  float:left;
  background:url("../images/tabs/left.gif") no-repeat left top;
  margin:0;
  padding:0 0 0 9px;
  }
  
div.tabpanel div.tab-row a {
  display:block;
  background:url("../images/tabs/right.gif") no-repeat right top;
  padding:5px 15px 4px 6px;
  text-decoration:none;
  font-weight:bold;
  white-space:nowrap;
  color:#eee;
  }
  
div.tab-panel {
	clear: left;
}
  
div.tabpanel div.tab-row a:hover {
  color:#fff;
  }
  
div.tabpanel div.tab-row li.selected {
  background-image:url("../images/tabs/left_on.gif");
  }
  
div.tabpanel div.tab-row li.selected a {
  background-image:url("../images/tabs/right_on.gif");
  color:#333;
  padding-bottom:5px;
  }
  
  
span.feedbackPanelERROR{
	color:red;
}

.feedbackPanelWARNING{
	color:orange;
}

.tableHeader{
	background-color: #BFBFC1;	
}
img {
	border:none;
}

#response_cleanup_navigator, #response_cleanup_navigator2{
	margin-left: 35%;
}

table.palette td.pane select{
	width:350px !important;
}

table.palette td.pane button{
	width:30px !important;
}