/*-----------------------------------------------------------------------------------------------------------------------*/
/* default styles aanpassen*/
/*-----------------------------------------------------------------------------------------------------------------------*/

Body
{
	margin-bottom:1;
	margin-left:0;
	margin-right:0;
	margin-top:0;
	background-color:#9ba0a4;
}

Table
{

}


H1
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#e80e15;
	font-size:18px;
	line-height:22px;
	display:inline;
}

H2
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#e80e15;
	font-size:14px;
	display:inline;
}


H3
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:11px;
	display:inline;
	font-weight:bold;
}
/*-----------------------------------------------------------------------------------------------------------------------*/
/*alle styles voor tekst */
/*-----------------------------------------------------------------------------------------------------------------------*/

.Tekst
{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color:#FFFFFF;
	font-size:12px;
	line-height:16px;	
}

a.Tekst:link, a.Tekst:visited, a.Tekst:active
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:12px;
	line-height:16px;
	font-weight:bold;
	text-decoration:underline;	
}

a.Tekst:hover
{
	color:#d42127;
}


/*-----------------------------------------------------------------------------------------------------------------------*/
/*alle styles voor tekstDonker, gebruikt in de offerte */
/*-----------------------------------------------------------------------------------------------------------------------*/

.TekstDonker
{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color:#000000;
	font-size:12px;
	line-height:16px;	
}

a.TekstDonker:link, a.TekstDonker:visited, a.TekstDonker:active
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:12px;
	line-height:16px;
	font-weight:bold;
	text-decoration:underline;	
}

a.TekstDonker:hover
{
	color:#d42127;
}


/*-----------------------------------------------------------------------------------------------------------------------*/
/*alle styles voor tekstDonkerKlein, gebruikt in de offerte */
/*-----------------------------------------------------------------------------------------------------------------------*/

.tekstDonkerKlein
{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color:#000000;
	font-size:10px;
	line-height:14px;	
}

a.tekstDonkerKlein:link, a.tekstDonkerKlein:visited, a.tekstDonkerKlein:active
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:10px;
	line-height:14px;
	font-weight:bold;
	text-decoration:underline;	
}

a.tekstDonkerKlein:hover
{
	color:#d42127;
}

/*-----------------------------------------------------------------------------------------------------------------------*/
/*style voor tussentitels*/
/*-----------------------------------------------------------------------------------------------------------------------*/
.Tussentitel
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#e80e15;
	font-weight:bold;
}
/*-----------------------------------------------------------------------------------------------------------------------*/
/*Warnings*/
/*-----------------------------------------------------------------------------------------------------------------------*/

.small
{
font-family: verdana, Arial, san-serif;
font-size: 10px;
font-weight: normal;
text-decoration: none;
text-align: left;
color: #FF0000;
}

.Error
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#FF0000;
	font-size:12px;
	font-weight:bold;
	text-decoration:underline;
}

/*-----------------------------------------------------------------------------------------------------------------------*/
/*Style voor hoofdtabel afbeelden gegevens*/
/*-----------------------------------------------------------------------------------------------------------------------*/

.Content
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color:#2a2b2f;
	color:#FFFFFF;
}

.GroteWitteTekst
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#e80e15;
	font-size:25px;
	line-height:32px;
	font-weight:bold;
	display:inline;
	text-decoration:underline;
	
}
/*-----------------------------------------------------------------------------------------------------------------------*/
/*style voor body div aan te passen, wordt gebruikt op de plaats waar alle inhoud komt*/
/*-----------------------------------------------------------------------------------------------------------------------*/

div.body
{
 height:96%;
 width:100%;
 overflow:auto;
 
 
 scrollbar-base-color: #2a2b2f;
scrollbar-arrow-color: #FFFFFF;
scrollbar-track-color: #cccccc;

scrollbar-shadow-color: #2a2b2f;
scrollbar-lightshadow-color: #2a2b2f; 
scrollbar-darkshadow-color: #2a2b2f;

scrollbar-highlight-color: white;
scrollbar-3dlight-color: black;

}

/*-----------------------------------------------------------------------------------------------------------------------*/
/*stylesheets voor tabellen links (nieuws en inloggen)*/
/*-----------------------------------------------------------------------------------------------------------------------*/

.TableWitteBoord
{
	border-style:solid;
	border-color:#FFFFFF;
	border-width:thin;
	border-right-color:#FFFFFF;
}

.THRoodWit
{
	background-color:#d42127;
	color:#FFFFFF;
	text-align:left;
	height:20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}
.NieuwsTitel
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#e80e15;
	text-align:left;
}

.NieuwsTekst
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#ffffff;
	text-align:left;
}

a.NieuwsTekst:link, a.NieuwsTekst:visited, a.NieuwsTekst:active
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#ffffff;
	text-decoration:underline;
}
a.NieuwsTekst:hover
{
	color:#e80e15;
}

/*------------------------------------------------------------------------------------------------------------------------*/
/*style gebruikt onderaan in de footer--------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------------*/
.LinkRood
{
  text-align:left;
color:#d42127;
}

a.LinkRood:link,a.LinkRood:visited,a.LinkRood:active
{
	text-decoration:none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:10px;
	color:#d42127;
}

a.LinkRood:hover
{
	color:#FFFFFF;
}

/*------------------------------------------------------------------------------------------------------------------------*/
/*Input velden ----------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------------*/
SELECT, INPUT, TEXTAREA
{
	BORDER: 1px solid  #bbbfc4;
    FONT-WEIGHT: normal;
    FONT-SIZE: 10px;
    COLOR: #FFFFFF;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    BACKGROUND-COLOR: #2a2b2f;
    TEXT-DECORATION: none;
   
}

.CheckBox
{
    BACKGROUND-COLOR: #ffffff; 
}

.RADIO
{
	border:none;
}

.GrayINPUT
{
	BORDER: 1px solid #bbbfc4;
    FONT-WEIGHT: normal;
    FONT-SIZE: 10px;
    COLOR: #FFFFFF;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    BACKGROUND-COLOR: #2a2b2f;
    TEXT-DECORATION: none
}
.BlackButton
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color:#000000;
	color:#FFFFFF;
}

/*------------------------------------------------------------------------------------------------------------------------*/
/*stylesheet voor menu*/
/*------------------------------------------------------------------------------------------------------------------------*/
.Menu
{
	/*hier 2 keer height in steken, nodig om zo de menu schoon te krijgen*/
	height:10px;
	background-color:#d42127;
/*	vertical-align:middle;	*/
}

a.MenuLink
{
	background-color:#d42127;
/*	vertical-align:middle;	*/
}

a.MenuLink:hover
{
	background-color:#2a2b2f;	
	border-color:#33FFFF;
	border-width:25px;
/*	vertical-align:middle;	*/
}

.MenuLink
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
/*	display:block;*/
	height:100%;
/*	vertical-align:middle;	*/
	color:#FFFFFF;
	text-align:center;
	font-weight:bold;
	font-size:13px;
}

.FooterTekst
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	height:100%;
	color:#FFFFFF;
	text-align:center;
	font-weight:bold;
	font-size:9px;
}

/*------------------------------------------------------------------------------------------------------------------------*/
/*stylesheet voor popupmenu */
/*------------------------------------------------------------------------------------------------------------------------*/
#sddm
{	margin: 0;
	padding: 0;
	z-index: 30}

#sddm li
{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	display:block;
	height:100%;
	color:#FFFFFF;
	text-align:left;
	font-weight:bold;
	float: left;
}

#sddm li a
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	display:block;
	height:100%;
/*	vertical-align:middle;	*/
	color:#FFFFFF;
	text-align:left;
	font-weight:bold;
	
	

/*	display: block;
	margin: 0 1px 0 0;
	padding: 4px 10px;
	width: 60px;*/
/*	background: #d42127;
	color: #FFFFFF;
	text-align: center;
	text-decoration: none*/
	}

#sddm li a:hover
{	background: #2a2b2f;}

#sddm div
{	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	background: #d42127;
	border: 1px solid #5970B2}

	#sddm div a
	{	position:  relative;
		display: block;
		margin: 0;
		padding: 5px 10px;
		width: auto;
		white-space:  nowrap;
		text-align: left;
		text-decoration: none;
		background: #d42127;
		color: #FFFFFF;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size:12px;

		}

	#sddm div a:hover
	{	background: #2a2b2f;
		color: #FFF}
/*einde stylesheet voor popupmenu */



/*stylesheet voor .Net controls*/
.GridViewStyle
{
  background-color:Aqua;
   COLOR: #ffffff;
   FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
   FONT-SIZE: 7pt;
   line-height: 20px;
  margin-top: 0px;
}

.GridHeaderStyle
{
    background-color:Green ;
    color: #FFFFFF;
    font-weight: bold;
    text-align:left;
}

a.GridHeaderStyle, a.GridHeaderStyle:visited
{
    color: #FFFFFF;
    
}


/*einde .Net controls*/


/* Data Web Control Styles */

.DataWebControlStyle
{
	BORDER: 1px solid  #2a2b2f;  

   COLOR: #000000;
   FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
   FONT-SIZE: 7pt;
   line-height: 12px;
  margin-top: 0px;
}

.HeaderStyle
{
    background-color:#eeeeee ;
    color: #000000;
    font-weight: bold;
    text-align:left;
}

.HeaderStyle a, .HeaderStyle a:visited
{
    color: #000000;
    
}

.FooterStyle
{
	vertical-align:top;
	text-align:left;
  COLOR: #FFFFFF;
  FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
  BACKGROUND-COLOR: #2a2b2f;
}

.AlternatingRowStyle
{
  background-color:#2a2b2f;
    vertical-align:top;
}

.RowStyle
{
  background-color:#2a2b2f;
    vertical-align:middle;
    height:30px;    
}

A.RowStyle:link
{
  color:Aqua;
    vertical-align:top;
}


.SelectedRowStyle
{
    background-color: Yellow;
    vertical-align:top;
}

.PagerRowStyle
{
    background-color: #ddd;
    text-align: right;
}

.SortHeaderRowStyle
{
    background-color: #c00;
    text-align: left;
    font-weight: bold;
    color: White;
}

.TabControlStyle
{
  background-color:#2a2b2f;
  color:#ffffff;
/*  BackColor="Red";*/
  border-width="1px";
  border-style="Solid";
  border-color="#ffffff";
}

.TabControlTabStyle
{
  background-color:#2a2b2f;
  color:#ffffff;
  border-width="1px";
  border-style="Solid";
  border-color="#ffffff";
}
.TabControlActiveTabStyle
{
  color:Blue;
/*  BackColor:"#FFFFFF";*/
/*  background-color:#FFFFFF;
  color:#2a2b2f;
  border-width="1px";
  border-style="Solid";
  border-color="#ffffff";
*/
}

/* End Data Web Control Styles */