/**
 * PC Internet Style
 * (c) IT-Chemi 2006
 * Door: Pim Elshoff
 */
 
/* ### Tags ################################################################# */   
*
{
	margin: 0;
	padding: 0;
}

body
{
	background: #082d4a;
	font-family: "Calibri", century gothic;
	font-size: 9pt;
	width: 100%;
	_behavior: url(csshover.htc);   /* JavaScript hulpje voor roll-out menu */
}

table
{
	font-size: 9pt;
}

h1
{
	font-size: 18pt;
	margin: 0 0 5px 0;
}

h2
{
	font-size: 12pt;
	font-weight: normal;
	margin: 5px 0;
}

p
{
	margin-bottom: 10px;
}

img
{
	border: none;
}

a
{
	text-decoration: none;
}

select
{
  width: 100%;
  _width: ;
}

fieldset
{
  position: relative;
  font-family: "Calibri", calibri, century gothic;
	font-size: 10pt;
	letter-spacing: 1px;
  width: 400px;
  left: 15px;
  margin-top: 0em; 
  padding-top: 1em; 
}

legend
{
  position:absolute; 
  top: 0em; 
  left: .5em; 
}
/* ### DIV IDs ############################################################## */
/* Container */
#container
{
	position: relative;
	width: 1000px;
	margin: 0 auto;
	padding: 0 0;
	
	background: url('images/container.jpg') repeat-y center top;
	
	z-index: 0;
}
/* Einde container */

/* Header */
#header
{
	position: absolute;
	margin: 0 auto;
	width: 1000px;
	height: 110px;
	top: 0px;
	background: url('images/header.jpg') no-repeat center bottom;
	
	z-index: 1;
}

#afbeelding_boven
{
	position: relative;
	width: 190px;
	height: 75px;
	left: 684px;
	top: 16px;
	
	height: 60px;
	top: 31px;
	
	z-index: 2;
}
/* Einde header */

/* Content */
#content
{
	position: relative;
	width: 520px;
	/* min height was 650 */
	min-height: 410px;
	_height: 500px;
	top: 102px;
	margin-left: 124px;
	margin-bottom: 140px;
	_margin-bottom: 102px;
	
	padding: 20px;
	
	z-index: 2;
}

/* Op verzoek van Arjan de blauwe balke er uit gehaald!
#content p
{
	border-left: 20px solid #1376c4;
	padding-left: 10px;
}
*/
#content a
{
	color: #1376c4;
}

#content h1
{
	text-align: right;
	padding-right: 10px;
	
	border-bottom: 1px solid #1376c4;
	
	color: #1376c4;
}

#content h2
{
	color: #1376c4;
}

#content td
{
	padding-right: 5px;
}

#content table
{
	width: 100%;
	margin: 0 auto;
}


#content img
{
	padding: 3px;
	margin: 3px; 
/*	border: 1px solid #888;	*/
}

#content ul
{
	margin: 10px;
	margin-top: 0px;
	margin-left: 15px;
}

#content .sterretje
{
  font-size: 9px;
  color: red;
}
/* Einde content */

/* Rechts */
#rechts
{
	position: absolute;
	width: 190px;
	min-height: 500px;
	top: 102px;
	left: 684px;
	color: #eee;
}

#rechts p
{
	border-right: 20px solid #eee;
	padding-right: 10px;
	_width: 190px;
}

#rechts a
{
	color: #eee;
}

#rechts h1
{
	text-align: right;
	padding-right: 0px;
	font-family: "Calibri",  "Century Gothic";
	border-bottom: 0px solid #eee;
	font-weight: normal;
	color: #eee;
}

#rechts h2
{
	color: #eee;
}

#rechts table
{
	color: #eee;
	font-size: 12px;
}
	/*Keywords*/
#keywords
{
  margin-top: 30px;
  overflow: hidden;
}

#keywords img
{
  border: 0px;
}
	/*Einde Keywords*/
	/* Nieuws */
	#news
	{
		position: absolute;
		width: 160px;
		
		padding: 15px;
		
		z-index: 2;
	}
	/* Einde news */
	
	/* Client_login */
	#client_login
	{
		position: absolute;
		width: 170px;
		top: 600px;
    margin-top: 5px;
    margin-bottom: 5px;
		font-size: 15px;
		font-family: "Trebuchet MS";
		padding: 10px;
		text-align: right;
		z-index: 2;
	}
	
	#client_login table
	{
		font-size: 12px;
	}
	
	#client_login table input
	{
	  
		height: 18px;
		font-size: 12px;
		width: 100px;
	}
	
	/* Einde client_login */
	
	/* Direct support */
	#direct_support
	{
		position: absolute;
		top: 490px;
		width: 170px;
		bottom: 0px;
		font-family: "Trebuchet MS";
		font-size: 12px;
		padding: 10px;
		background: url('/images/rechts_line.jpg') no-repeat;
		z-index: 2;
	}
	/* Einde direct support */
/* Einde rechts */

/* Navigation */
#navigation
{
	position: absolute;
	top: 92px;
	left: 123px;
	width: 565px;
	height: 19px;
	z-index: 2;
	font-family: "Calibri", century gothic;
	
/*	background: #082d4a;	*/
}

      .home, .pcinternet {
        background: url('images/nav_home.jpg') no-repeat; 
      }
      
      .hosting {
        background: url('images/nav_hosting.jpg') no-repeat; 
      }

      .website {
        background: url('images/nav_website.jpg') no-repeat; 
      }

      .mail {
        background: url('images/nav_webshop.jpg') no-repeat; 
      }

      .services {
        background: url('images/nav_services.jpg') no-repeat; 
      }

      .support {
        background: url('images/nav_support.jpg') no-repeat; 
      }

      .contact {
        background: url('images/nav_contact.jpg') no-repeat; 
      }

	#navigation ul
	{
		list-style: none;
	}
	
	#navigation li
	{
		float: left;
		position: relative;
		margin-right: 15px;
	}
	
	#navigation a
	{
		display: block;
		margin: 1px 0;
		margin-right: 0px;
		padding-bottom: 5px;
		_padding-bottom: 0px;
		width: 66px;
		height: 11px;
		border: 0px solid #1376c4;
		font-family: "calibri", century gothic;
		font-size: 15px;
		text-decoration: none;
		text-align: center;
		color: #eee;
		background: ;
	}
	
	#navigation a:hover
	{	 
		color: #082d4a;
    border-bottom: 0px solid #eee;
		border-top: 0px solid #1376c4;
		border-left: 0px solid #eee;
		border-right: 0px solid #eee;
	}

  #navigation .current
	{	 
		color: #082d4a;
	}
	
  #navigation .laatste
	{
		margin: 0;
	}
	

	
  #navigation ul ul
	{
		position: absolute;
		width: 210px;
   	margin-top: 0px;
		_padding-right: 0px;
		height: auto;
		background: #1376c4;
		border: 1px solid #eee;
		z-index: 3;
	}
	
	#navigation ul ul a
	{
		width: 208px;
		margin: 0px;
		text-align: left;
		text-indent: 10px;
		letter-spacing: 1px;
	}
	
	#navigation ul ul ul
	{
		position: absolute;
		top: 0;
		left: 100%;
	}
	
	div#navigation ul ul,
	div#navigation ul li:hover ul ul,
	div#navigation ul ul li:hover ul ul
	{display: none;}
	div#navigation ul li:hover ul,
	div#navigation ul ul li:hover ul,
	div#navigation ul ul ul li:hover ul
	{display: block;}
/* Einde navigation */

/* Footer */
#footer
{
	position: relative;
	margin: 0 auto;
	width: 1000px;
	height: 100px;
	bottom: 0px;
	background: url('images/footer.jpg') no-repeat center top;
	color: #fff;
	
	z-index: 1;
}

#footer span
{
	font-size: 11px;
	float: left;
	text-align: left;
	width: 190px;
}

#footer a
{
	color: #fff;
}

#afbeelding_onder
{
	position: absolute;
	width: 190px;
	height: 75px;
	left: 684px;
	top: 9px;
	
	z-index: 2;
}

#contactgegevens
{
	position: absolute;
	width: 520px;
	height: 55px;
	padding: 10px;
	left: 124px;
	top: 8px;
	font-size: 11px;
	
	z-index: 2;
	
	text-align: right;
}
	#contactgegevens table
	{
		float: right;
		font-size: 13px;
		
			}
/* Einde footer */

/* ### Klassen ############################################################## */
.knopje 
{
	color: blue;
	background-color: #eee;
	display: block;
	height: 80px;
	line-height: 1;
}

.input
{
	width: 70px;
}

/* ### sIFR ################################################################# */
/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 {
	visibility: hidden;
}

/*
.sIFR-hasFlash h2 {
	visibility: hidden;
	letter-spacing: -9px;
	font-size: 55px;
}

.sIFR-hasFlash h3 {
	visibility: hidden;
	letter-spacing: -6px;
	font-size: 25px;
}

.sIFR-hasFlash h4 {
	visibility: hidden;
	letter-spacing: -5px;
	font-size: 21px;
}

.sIFR-hasFlash h5#pullquote {
	letter-spacing: -4px;
	visibility: hidden;
	font-size: 24px;
}*/
/* ### Einde sIFR ########################################################### */
/* ### Einde bestand ######################################################## */
#container_wizzard {
  position: relatieve;
  left: 0px;
  top: 0px;
  }

.verborgen {
  display:none;
  }
.verborgentr {
  display:none;
  width: 750px;
  }
.verborgent {
  display:block;
  width: 350px;
  }
.rechts{
  position: relative;
  text-align: right;
  width: 100px;
  height: 100%;
}
table .verborgen {
  display:none;
  
  } 
.zichtbaar {
  display:block;
  }
table.zichtbaar {
  display:block;
  }
.prijs {
  width:350px;
  _width:350px;
  text-align: left;
  } 
#selectwizzard
{
  width: 100px;
}
#menu {
  position:relative;
  height: 13px;
  width: 460px;
  left: -5px;
  _left: 0px;
  top: 0px;
  border-style: solid;
  border-color: black;
  border-width: 0px;
  background-color: #eee; 
  _font-size: 100%;  
  padding:  0 0;  /*26px hoog*/
  margin: 0 0 ; 
  display: block;
  z-index: 200;
  
 } 

#menu ul
	{
		list-style: none;
    
	}
	
	#menu li
	{
		display: block;
	}
	
  #menu ul li
	{
		float: left;
		width: 100;
	}
	
	#menu ul li a
	{
		height: 1%;
	}
	
	#menu a
	{
	  position: relative;
  	font-family: "Calibri", calibri, century gothic;
		font-size: 8pt;
		font-stretch: ultra-expanded;
		letter-spacing: 2px;
		text-decoration: none;
		text-align: center;
		display: block;
		height: 10px;
		float: left;
		width: auto;
		padding: 0px 5px 5px 5px;
		margin: 0px 5px;
		border: 1px solid #1376c4;
		color: #1376c4;
		text-decoration: none;
	}
	
	#menu a:hover
	{
		background:  #1376c4;
		color: #eee;
		border-bottom: 1px solid  #1376c4;
	}
	
	#menu .current, #menu .current:hover
	{
		background: #F8F8F8 ;
		border-bottom: 1px solid  #F8F8F8;
		color: #1376c4;
		cursor: default;
	}

#wizzardtop {
  position:relative;
  height: 20px;
  width: 460px;
  left: 0px;
  top: 8px;
  _top: 0px;
  border-style: solid;
  border-color: #1376c4;
  border-width: 0px;
  border-bottom: 0px;
  background-color: #F8F8F8; 
  z-index: 100;   
  }

#wizzard {
  position:relative;
  min-height: 500px;
  width: 460px;
  left: 0px;
  top: 0px;
  color: black;
  border-style: solid;
  border-color: #1376c4;
  border-width: 0px;
  border-top: 0px;
  background-color: #F8F8F8;
  z-index: 100;   
  }

#navigatie_wizzard { 
  position: relative;
  vertical-align: bottom;
  text-align: center;
  width: 400px;
  height: 60px;
  bottom: 0px;
  margin-top: 5px;
  border-width: 0px;
  z-index: 100;
  }

#checkbox {
  text-align: left;
  }

.lbl {
  width: 100px;
}

#wizzard .button {
  background-color: #F8F8F8;
  text-align: center;
}

#wizzard .button1 {
  background-color: #F8F8F8;
  text-align: center;
  width: 120px;
  
}

#status_aanvraag {
  text-align: center;
}
#wizzard p
{
	border-left: 20px solid #1376c4;
	padding-left: 10px;
}
#select {
  width: auto;
}
.control_leeg
{
 background-color: red;
}

.selectwizard
{
 width: 100px;
}
/* ### Eind code voor de wizzard*/