html,body{
	font-family: Arial;
	font-size:12px;
	line-height: 1.4;
	padding-left:5px;
	background:#FFFFFF;
	margin:0;
	padding:0;
	height:100%;
	border:none;
	min-width:1000px;
}

/* font inputs */
input,select,textarea{
	font-family: Arial;
	font-size: 12px;
}

#MainTable{
	
}

#MainContent
{
	width:100%;
	overflow: auto;
	-webkit-overflow-scrolling: touch; /* maakt scrollen op ipad beter */ 
}

.Hidden{
	display:none;
}

td{
	vertical-align:top;
}

/*
table.WebTable{
	border: 1px solid #CCCCCC;
}

td.WebTable{
	border: 1px solid #CCCCCC;
}
*/

.bold{
	font-weight:bold !important;
}

a{
	font-size: 12px;
	text-decoration:none;
}

a:visited{
	text-decoration:none;
}

a.Link{
	text-decoration:none;
	color:#FF6600;
}

a.Knop{
	text-decoration:none;
	color:#000000;
	font-size:9px;
	vertical-align:top;
	text-align:left;
}

img.Knop{
	border:0px;
}

div.PopupBox{
	border: 1px solid #CCCCCC;
	background-color:#FFFFFF;
	float: right;
	top:60px;
 
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
	position:absolute;
}

.InputBox{
	border: 1px solid rgb(0,0,0);
}

input.WebButton
{
   font-size:11px;
   font-weight:bold;
   color:#888888;
   width:100px;
   background-color:#EEEEEE;
   border-style:solid;
   border-color:#BBBBBB;
   border-width:1px;
}

a.TopButton
{
   font-size:12px;
   font-weight:bold;
   color:#888888;
   /*background-color:#FF6600;*/
   background-color:#EEEEEE;
   border-style:solid;
   border-color:#BBBBBB;
   border-width:1px;
   height:25px;
   padding-top: 2px;
   padding-bottom: 2px;
   padding-left: 2px;
   padding-right: 2px;
}

.PageTitelVerySmall {
	font-size: 12px;
	color: #FF6600;
	font-weight:bold;
}
.PageTitelSmall {
	font-size: 20px;
	color: #FF6600;
	font-weight:bold;
}
.PageTitelMedium {
	font-size: 36px;
	color: #FF6600;
	font-weight:bold;
}
.PageTitelBig {
	font-size: 98px;
	color: #FF6600;
	font-weight:bold;
}

.TitleVeryBig{
	font-size:45px;
	color:#FF6600;
	font-weight:bold;
}

.TitleBig{
	font-size:18px;
	color:#FF6600;
	font-weight:bold;
}

.TitleMedium{
	font-size:14px;
	color:#FF6600;
	font-weight:bold;
}

.TitleMedium a{
	font-size:14px;
	color:#FF6600;
	font-weight:bold;
}


.TitleSmall{
	font-size:10px;
	font-weight:normal;
	color:#FF6600;
}


.TitleSmallFooter{
	font-size:12px;
	font-weight:normal;
	color:#FF6600;
	height: 20px;
}

.TitleSmallChapterFooter{
	font-size:12px;
	font-weight:normal;
	color:#FF6600;
	height: 20px;
}


.TitleSmallBold{
	font-size:10px;
	font-weight:bold;
	color:#FF6600;
}

.TitleSmallBoldBlack{
	font-size:10px;
	font-weight:normal;
	color:#000000;
	font-weight:bold;
}

.TitleMediumBoldBlack{
	font-size:14px;
	color:#000000;
	font-weight:bold;
}

.TitleBigBlack{
	font-size:18px;
	color:#000000;
	font-weight:bold;
}

.TitleMediumBlack{
	font-size:14px;
	color:#000000;
	font-weight:bold;
}

.TitleMediumBlack a{
	font-size:14px;
	color:#000000;
	font-weight:bold;
}

.TitleSmallBlack{
	font-size:10px;
	font-weight:normal;
	color:#000000;
}


.WarningSmall{
	font-size:14px;
	font-weight:bold;
	color:#FF0000;
}


/* Gadgets */

.GadgetIframe{
	background:none;
	border:0;
	scrolling:no;
	width:100%;
}

#AdminBox{
	position: absolute;
	z-index: 10;
	right: 0;
	top: 0;
	border-style:solid;
	border-color:#BBBBBB;
	border-width:1px;
}

/* Table Styles */
.OrangeBorder{
	border-style:solid;
	border-color:#FF6600;
	border-width:1px;
}

.OrangeBorderBottom{
	border-style:solid;
	border-color:#FF6600;
	border-bottom: 1px;
}

.Underline{
	text-decoration:underline;
}

.NotBold{
	font-weight:normal !important;
}

.PaddingTB5{
	padding-top:5px !important;
	padding-bottom:5px !important;
}

tr.LineBottom td{
	border-bottom: 1px solid #000000!important;
}

/* progressbar */
#progressbar
{
  width:500px;
  padding:1px;
  background-color:white;
  border:1px solid black;
  height:28px;
}
#indicator
{
  width:0px;
  background-color:#FF6600;
  height:28px;
  margin:0;
}
#progressnum
{
  text-align:center;
  width:500px;
}

/* Kleuren */

.Kleur1{/* Grijs */
	background-color:#CCCCCC;
	color:#FFFFFF;
}
.Kleur2{/* Geel */
	background-color:#FFF045;
	color:#FFFFFF;
}
.Kleur3{/* Ornaje */
	background-color:#FF6600;
	color:#FFFFFF;
}
.Kleur4{/* Rood */
	background-color:#D30000;
	color:#FFFFFF;
}
.Kleur5{/* Groen */
	background-color:#76DD5D;
	color:#FFFFFF;
}
.Kleur6{/* Blauw */
	background-color:#5EB1FF;
	color:#FFFFFF;
}
.Kleur7{/* Licht Groen */
	background-color:#C2FCB5;
	color:#FFFFFF;
}

.TextColorRed{
	color:#D30000 !important;
}

.TextColorGreen{
	color:#76DD5D !important; 
}

.TextColorOrange{
	color:#FF6600 !important;
} 


.TextColorBlackBold{
	color:#000000 !important;
	font-weight: Bold !important;
} 

.TextColorBlackRegular{
	color:#000000 !important;
	font-weight: normal !important;
} 

.Comment{
    font-size: 9px !important;
    font-style: italic !important;
    color:#000000 !important;
}

.HiddenAuditor{
	background-color:#FFD699;
}

.NoResize{
	resize: none;
	overflow:hidden;
}

.button-selecteren-small25 {
	background-image:url('../images/buttons/selecteren_oranje.png');
	background-repeat: no-repeat;
	background-position:center;
	background-size: 25px 25px;
	width: 25px;
	height: 25px;
}

.button-selecteren-small25:hover {
	background-image:url('../images/buttons/selecteren_rood.png');
	background-repeat: no-repeat;
	background-position:center; 
	background-size: 25px 25px;
	width: 25px;
	height: 25px;
}
.button-selecteren-small25:active {
	background-image:url('../images/buttons/selecteren_geel.png');
	background-repeat: no-repeat;
	background-position:center; 
	background-size: 25px 25px;
	width: 25px;
	height: 25px;
}