/* ------ STYLESHEET VOOR DE KLANTEN-WEBSITE ------ */

/* ------ Algemeen ------ */

*{
}

html{
margin:0px;
padding:0px;
height:100%;
width:100%;
overflow:scroll;
overflow-x:hidden;
}
body{
height:100%;
width:100%;
padding:0px;
margin:0px;

}
body,.contenttekst, .contenttekst div, .contenttekst td{
font-size:11px; 
font-family:verdana; 
color:#4f4f4f; 
line-height:170%; 
}      
/* ---- LayOut ---------------- */
.container{
min-height:100%; 
width:100%; 
margin:0px;
padding:0px;
padding-top:20px;
text-align:center;
background:aliceblue url(/website/afbeeldingen/layout/bgcontainer.jpg);
background-attachment: fixed; 
}
.webframe{
text-align:left;
width:950px; 
margin:0px auto; 
background:lightyellow;
border:solid 1px gray;
}
.header{
position:relative;
height:85px;
border-bottom:solid 4px #0345b4;
background:white;
}
.login{
position:absolute;
top:0px;
left:580px;
z-index:999;
width:350px;
}
.navigation1{
height:27px;
position:relative;
z-index:5;
background:#4d81e6 url(/website/afbeeldingen/layout/nav1back.jpg);
border-bottom:solid 1px white;
border-top:solid 1px white;
vertical-align:bottom;
}
.navigation2{
position:relative;
background:gold url(/website/afbeeldingen/layout/nav2back.jpg);
height:25px;
border-bottom:solid 1px silver;
}
.breadcrump{
display:none; 
padding-left:10px;
height:20px;
background:white;
color: black; 
text-decoration: none; 
}
.BreadCrump:hover	{
color: black;
border-bottom:0px; 
}

.onder{
height:30px;
clear:both;
border-top:solid 1px white;
text-align:center;
background:#0345b4 url(/website/afbeeldingen/layout/bgbottom.jpg);
color:lightyellow;
font-size:10px;
padding-top:8px;
}

.content{
white-space: normal;
padding:30px 50px 30px 70px; 
margin-right:220px;
min-height:550px;
vertical-align:top; 
border-bottom:solid 6px #0345b4;
border-right:solid 1px silver;
background:white;
}

.rightpanel
{
float:right;
width:220px;
}

.box
{
background:#f8f8f8 url(/website/afbeeldingen/layout/bgbox.jpg) no-repeat;
border-bottom:solid 1px silver;
padding:5px 10px 10px 10px;
}
.box img
{
padding-top:8px;
}

/* ---- Tekst ---------------- */
h1{
margin:0px;
margin-bottom:20px;
padding:0px;
color:#286bd0;
font-size:18px;
font-family:'Trebuchet MS', 'Lucida Grande', Arial; 
font-weight : bold; 
font-style:normal; 
}
h3
{
font-size:11px;
margin:0px;
margin-bottom:5px;
padding:0px;
border-bottom:solid 1px silver;
}  
.titel{
margin:0px;
margin-bottom:20px;
padding:0px;
color:#286bd0;
font-size:18px;
font-family:'Trebuchet MS', 'Lucida Grande', Arial; 
font-weight : bold; 
font-style:normal; 
}  



/* Algemene links  */

  A        			{ text-decoration:underline; color: #286bd0 ; font-family: verdana, sans-serif; font-size:11px; font-weight : normal;  }
  A:Hover   		{ display:inline;color: #286bd0;}
  
/* ---- Sjablonen ---------------- */

  .achtergrondarchief	{ background:#e9e9e9;color:darkblue; }     
  .subkop				{ color : darkblue;	font-family: sans-serif, Arial, sans-serif; font-weight : bold; font-size:11px;  }     
  .itemtitel			{  padding-top:10px; font-family: sans-serif, Arial, sans-serif; font-weight : bold; font-size:13px;  }     
  .horlijn				{  background:darkblue; height:1 }     
  .opsomcontent			{ height:22px; padding-top:4px;  color:black;}   

  .rij1					{background:#e8e8ff;}
  .rij2 					{background:#d9eeff;}
  .rijOver				{background:#fed1a9;}
  .rijActief			{background:aliceblue;}
  
  a.opsom 				{  text-decoration:none; color: #004080 ;}
  a.opsom:hover 		{  text-decoration:underline; color: #fd5200; }

 .itembalk				{ height:22; color:white; }     

/* inlogbox  */
.InlogTitel			{ color:gray;height:20; cursor:pointer;text-decoration:underline; font-weight:normal;font-family: arial, sans-serif; padding-right:5px;text-align:right; font-size: 11 px; }
.InlogNa				{  height:1; }
 
/* ------ Formulier ------- */

  .standaard
	{
	padding 		: 2px;
	height			: 14px;
	background		: #eaf4ff;
	border-color 	: darkblue;
	border-style 	: solid;
	font-size		: 11px;
	border-width 	: 1px;
	color			: darkblue;
	}

  select {
	padding 		: 2px ;
	height			: 20px;
	background		: #eaf4ff;
	border-color 	: darkblue;
	border-style 	: solid;
	font-size		: 11px;
	border-width 	: 1px;
	color			: darkblue;
}	

  .standaardarea{
	background		: #eaf4ff;
	border-color 	: darkblue;
	border-style 	: solid;
	font-size		: 12px;
	border-width 	: 1px;
	color			: darkblue;
	font-family:arial;
	width:260px;
}

  .standaardbutton	{
	height			: 20px;
	background		: #5482bf;
	cursor			: hand;
	border-color 	: darkblue;
	border-style 	: solid;
	font-size		: 8pt;
	border-width 	: 1px;
	color			: white;
}
  .standaardbutton:hover	{
	height			: 20px;
	background		: gold;
	cursor			: hand;
	border-color 	: darkblue;
	border-style 	: solid;
	font-size		: 8pt;
	border-width 	: 1px;
	color			: black;
}


  .inlogbutton	
	{
	height			: 15px;
	width			: 15px;
	background		: transparent;
	border-color 	: transparent;
	border-style 	: solid;
	font-size		: 12px;
	border-width 	: 0px;
	color			: #009966;
	}
  

  
  
/* NIET AANPASSEN - is voor elke iWizard gelijk - */

/* InlogBlok */

  .InlogAchtergrond		{  background:white;height:20;  }
  .InlogVoor				{  height:5;  }
  .Inlog					{  padding-top:3px;padding-bottom:3px;padding-left:10px;color:black; font-family: Tahoma, sans-serif; text-align:left; font-size: 10 px; }
  .InlogFailure			{  height:20;background:white; border-color: black; border-width : 1px; border-style: solid; font-size: 10 px; color:darkblue;}
  .InlogTussen			{  height:1; } 
  .InlogVeld			{  height: 18px; width:115px; background : white; font-size: 10px; color: black; border-color: gray; padding: 2px 2px 2px 2px; border-width : 1px; border-style: solid; }
  .InlogBut				{  height: 16px; width:60px;  text-align:center; cursor:hand; background : #5482bf; font-size: 9pt; color: white;font-weight:bold; border-color: darkblue; border-width : 1px; border-style: none; }
  .inlogWebnaam			{  color:black;font-size:18px;padding-right:20px;padding-top:10px;padding-bottom:10px;}
  .InlogBig				{  padding-top:3px;padding-bottom:3px;padding-left:10px;color:darkblue; font-family: Tahoma, sans-serif; text-align:left; font-size: 12 px; }
  .InlogBigNa			{  height:30; background:#004080; }



  
  .concept			{ height:20; background: white ;color : red; font-size: 14px; font-weight:bold; padding:1px ;padding-left:5px; padding-right:5px; border-style:solid; border-width : 1px; borderborder-color:red; }
  .conceptsmall		{ width:15px;background: white ;color : red; font-size: 8px; padding:1px ;padding-left:3px; padding-right:3px; border-style:solid; border-width : 1px; borderborder-color:red; }