/* GENERAL STYLES */

	a {
		color:#CC3333;
		text-decoration: none;
		}

	a:hover {
		color:#CC3333;
		text-decoration:underline;
		}

	body {
		margin:0px;
		padding:0px;
		background:#eee;
		margin-bottom:50px;
		color:#333;
		font-size:11px;
		font-family: verdana, sans-serif;
		}
	
	
	.container {
		margin-right:50px;
		margin-left:50px;
		background:white;
		border-left:1px solid #999; 
		border-right:1px solid #999; 
		border-bottom:1px solid #999; 		
	}

	#maincontent {
		margin-top: 15px;
		}
	
	#leftcontent {
		padding:10px;
		margin-top:10px;
		}
	
	p, .home, h1, h2, h3, h4 {
		margin:0px 14px 14px 14px;
		line-height:150%;
		}

	h1 {
		font-size:16px;
		}
		
	h2 {
		font-size:14px;
		margin-bottom: 4px;
		}
	
	h2 a {
		color:#333;
		text-decoration: none;
		}
		
	h2 a:hover {
		color:#333;
		text-decoration: underline;
		}	
	
	h3 {
		font-size:12px;
		margin-bottom: 2px;
		}
		
	h1 a {
		font-weight:normal;
		text-decoration:none;
	}
	
	.app {
	margin: 30px;
	}
	
	.alert {
		border:1px dotted #CC0000;
		background: #FF9999;
		padding: 20px;
		margin-right: 290px;
		font-weight: bold; 
		color: #CC0000;
		}	
	
	.header {
		background: url(../images/header_wireless.gif) no-repeat;
		border-bottom:1px solid white;
		padding-top:39px;
	}
	
	.footer {
		background: url(../images/cc_back.gif) no-repeat;
		border-top:1px solid #999;
		height:17px;
		padding-left: 45px;
		padding-top: 3px;
		color: black;
		}
	
/* CONTENT BOXES */

/* right box */

	#rightbox {
		float:right;
		width:250px;
		position:relative;
		margin: 20px;
		background: #FFF;
		font-size:10px;
		font-weight: bold;
		color: #333;
		text-align: center;
		}	
		
	div #rightbox a {
		color: #FFF;
		font-weight: bold;
		}
		
	div #rightbox a:hover {
		color:#FFF;
		text-decoration:underline;
		}
		
	#rightbox > h2 {
		color: white;
		text-align: center;
		margin-bottom: 8px;
		}

/* license box */		
		
	#licensebox {
		float:right;
		width:250px;
		border:1px dotted #999;
		position:relative;
		margin:20px;
		background: #CCC;
		font-size:11px;
		color: #000;
		}	
		
	div #licensebox a {
		color: #000;
		font-weight: bold;
		}
		
	div #licensebox a:hover {
		color:#000;
		text-decoration:underline;
		}
		
	#licensebox > h2 {
		color: #000;
		margin-top: 12px;
		margin-bottom: 8px;
		}		
	
/* DEVLINKS */

	.dev-link {
		background-color: #CCC;
		border: 1px dotted #999;
		margin: 25px 50px 25px 50px;
		padding: 15px 15px 2px 15px;
		}
		
	div .dev-link p {
		text-align: center;
		font-size: 16px;
		font-weight: bold;
		}
		
	div .dev-link a,a:hover {
		color: #000;
		}
		
/* NAVIGATION BAR  */

#navigation {
	width: 100%;	/* hack for opera7 */
	background-color:#999;
	}

#navigation h4 {
	display: none;
	}

#navigation ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	}

#navigation li {
	margin: 0;		/* hack for opera7 */
	float: left;
	background-repeat: no-repeat;
	}

#navigation li a {
	display: block;
	height: 18px;
	background-repeat: no-repeat;
	}

/* not using overflow:hidden technique because of float */

#navigation li a span {
	display: none;
	}

/* dutch language navigation */

/* over het netwerk */

#navigation li.netwerk a {
	width: 137px;
	background-image: url(../images/nav-netwerk.gif);
	}

body.netwerk #navigation li.netwerk a,
#navigation li.netwerk a:hover {
	background-position: -137px 0;
	}

#navigation li.netwerkdown a, body.netwerkdown #navigation li.netwerkdown a,
#navigation li.netwerkdown a:hover {
	width: 137px;
	background-image: url(../images/nav-netwerk-down.gif);
	}

/* instellingen en bereik */

#navigation li.bereik a {
	width: 161px;
	background-image: url(../images/nav-bereik.gif);
	}

body.bereik #navigation li.bereik a,
#navigation li.bereik a:hover {
	background-position: -161px 0;
	}

#navigation li.bereikdown a, body.bereikdown #navigation li.bereikdown a,
#navigation li.bereikdown a:hover {
	width: 161px;
	background-image: url(../images/nav-bereik-down.gif);
	}

/* developers */

#navigation li.developers a {
	width: 101px;
	background-image: url(../images/nav-developers.gif);
	}

body.nieuws #navigation li.developers a,
#navigation li.developers a:hover {
	background-position: -101px 0;
	}

#navigation li.developersdown a, body.developersdown #navigation li.developersdown a,
#navigation li.developersdown a:hover {
	width: 101px;
	background-image: url(../images/nav-developers-down.gif);
	}

/* licenses */

#navigation li.licenses a {
	width: 80px;
	background-image: url(../images/nav-licenses.gif);
	}

body.licenses #navigation li.licenses a,
#navigation li.licenses a:hover {
	background-position: -80px 0;
	}

#navigation li.licensesdown a, body.licensesdown #navigation li.licensesdown a,
#navigation li.licensesdown a:hover {
	width: 80px;
	background-image: url(../images/nav-licenses-down.gif);
	}

/* technische realisatie */

#navigation li.realisatie a {
	width: 159px;
	background-image: url(../images/nav-realisatie.gif);
	}

body.realisatie #navigation li.realisatie a,
#navigation li.realisatie a:hover {
	background-position: -159px 0;
	}

#navigation li.realisatiedown a, body.realisatiedown #navigation li.realisatiedown a,
#navigation li.realisatiedown a:hover {
	width: 159px;
	background-image: url(../images/nav-realisatie-down.gif);
	}

/* links */

#navigation li.links a {
	width: 58px;
	background-image: url(../images/nav-links.gif);
	}

body.links #navigation li.links a,
#navigation li.links a:hover {
	background-position: -58px 0;
	}

#navigation li.linksdown a, body.linksdown #navigation li.linksdown a,
#navigation li.linksdown a:hover {
	width: 58px;
	background-image: url(../images/nav-links-down.gif);
	}

/* english */

#navigation li.english a {
	width: 89px;
	background-image: url(../images/nav-english.gif);
	}

body.english #navigation li.english a,
#navigation li.english a:hover {
	background-position: -89px 0;
	}

#navigation li.englishdown a, body.englishdown #navigation li.englishdown a,
#navigation li.englishdown a:hover {
	width: 89px;
	background-image: url(../images/nav-english-down.gif);
	}

/* english language navigation */

/* about the network */

#navigation li.network a {
	width: 147px;
	background-image: url(../images/nav-network.gif);
	}

body.network #navigation li.network a,
#navigation li.network a:hover {
	background-position: -147px 0;
	}

#navigation li.networkdown a, body.networkdown #navigation li.networkdown a,
#navigation li.networkdown a:hover {
	width: 147px;
	background-image: url(../images/nav-network-down.gif);
	}

/* settings & coverage */

#navigation li.cover a {
	width: 155px;
	background-image: url(../images/nav-cover.gif);
	}

body.cover #navigation li.cover a,
#navigation li.cover a:hover {
	background-position: -155px 0;
	}

#navigation li.coverdown a, body.coverdown #navigation li.coverdown a,
#navigation li.coverdown a:hover {
	width: 155px;
	background-image: url(../images/nav-cover-down.gif);
	}

/* technical background */

#navigation li.back a {
	width: 166px;
	background-image: url(../images/nav-background.gif);
	}

body.back #navigation li.back a,
#navigation li.back a:hover {
	background-position: -166px 0;
	}

#navigation li.backdown a, body.backdown #navigation li.backdown a,
#navigation li.backdown a:hover {
	width: 166px;
	background-image: url(../images/nav-background-down.gif);
	}
	
/* in dutch */

#navigation li.dutch a {
	width: 79px;
	background-image: url(../images/nav-dutch.gif);
	}

body.dutch #navigation li.dutch a,
#navigation li.dutch a:hover {
	background-position: -79px 0;
	}

#navigation li.dutchdown a, body.dutchdown #navigation li.dutchdown a,
#navigation li.dutchdown a:hover {
	width: 79px;
	background-image: url(../images/nav-dutch-down.gif);
	}	

/* OLD STUFF */



	
	a.linknav, a.linknav:link, a.linknav:visited {
		 color:#5E715E;
		}

	a.linknav:hover {
		color:red;text-decoration:underline;
		}
	
	a.sublinknav, a.sublinknav:link, a.sublinknav:visited {
		color:#5E715E;
		font-weight:bold;
		text-decoration:none;
		}
	
	a.sublinknav:hover {
		color:red;text-decoration:underline;
		}

	.secondnav {
		margin-left:25px;
	}
	
		label {
		cursor: pointer;
		cursor: hand;
	}

	.navbar { border: 1px solid gray; text-align: center;}


	li {
		margin-top:10px;
		margin-bottom:10px;
	}
	
	
	.navdown {
		border-bottom:1px dotted #333;
	}
	

		
				.license {
			padding:4px;
			border-left:1px solid #ddd;
			border-bottom:1px solid #ddd;
			border-top:1px solid #ddd;
		}
		
		.textbox { background-color:#F1F1DE; border: 1px solid #CCCC99; padding: .5em; }
		

	

	.titleline {
		border-bottom:1px dotted #ccc;
	}
	
/* Navigation -----------------------------------------------------*/



.rss {
	color:white;
	background-color:#FF6600;
	border-color:#FF6600;
	border-style: outset;
	text-decoration:none !important;
	margin:0px;
	padding:2px 5px 2px 5px;
	border-width:2px;
	font-family:verdana, sans-serif;
	font-size:11px;
	font-weight:bold;
	}
		
.rss:hover {
	background-color: #FF9900
	}
	
.rss:active {
	border-style:inset !important;
	}
	
#logo {
	background-image: url(../images/home_logo_nl.gif);
	background-repeat: no-repeat;
	clip: rect(0, 289px, 46px, 0);
	overflow: hidden;
	padding: 46px 0 0 0;
	width: 289px;
	height: 0 !important;
	height /**/:46px;
	cursor: pointer;
	cursor: hand;
}


#leftcontent ul {
	margin: 0px 14px 0px 14px;
	padding-left: 0;
	list-style: none;
}

#leftcontent li {
	margin-top:0px;
}

#leftcontent li a {
		width: 100%;
		 color:#5E715E;
	}

#leftcontent li a:hover {
		color:red;
		text-decoration:underline;
		}

#subnav li a {
		color:#5E715E;
		font-weight:bold;
		text-decoration:none;
	}
	
#subnav li a:hover {
		color:red;text-decoration:underline;
	}
	
#subnav li  {
	margin-top:0px;
	margin-bottom:8px;
}

#subsubnav li a {
		color:#5E715E;
		font-weight:normal;
		text-decoration:underline;
	}
	
#subsubnav li a:hover {
		color:red;text-decoration:underline;
	}
	
#subsubnav li  {
	margin-top:4px;
	margin-bottom:4px;
}

#leftcontent h4 {
	display: none;
}

hr {
	display:none;
}

.codeform {margin:0;padding:0;}

.codetext {
	width:100%;
	height:35px;
	border:none;
	background-color:#ffc;
}

.cornerimage {
	font-size:14px;
}

.bigdent 	{
		font-size:14px;
		margin-left:20px;
		margin-right:20px;
	}
	
.cornersbox {
	padding:6px;
	margin-bottom:20px;
	margin-left:14px;
	margin-right:14px;
	font-size:14px;
	background-color:#F1F1DE;
	border: 1px solid #CCCC99;
}

.cornersbox p {
	margin:8px;
}

div.ifloat {
   text-align: center;
  float: left;
  width: 74px;
  height:80px;
  padding: 10px;
  }
  
div.ifloat p {
   text-align: center;
   }
   
 div.icontainer {
	margin:14px;
   text-align: center;
  }
  
  
  div.ispacer {
  clear: both;
  }
  
  th {
	font-family:Arial, sans-serif;
	font-weight:bold;
	font-size:14px;
	padding:4px;
}