@charset "utf-8";
/* CSS Document */



/*----------------------------------------------------------------
Typography (text and button) Style Sheet voor agn-online.nl 2009
Created: 15/09/2009 Pim Lankreijer
----------------------------------------------------------------*/


/*----------------------------------------------------------------
Basic page styles
----------------------------------------------------------------*/

/*
@font-face {
	font-family: 'FuturaBold';
	src: url('Futura_Bold_BT.eot');
	src: local('Futura Bold'), local('FuturaBT-Bold'), 
	url('Futura_Bold_BT.woff') format('woff'), 
	url('Futura_Bold_BT.ttf') format('truetype'), 
	url('/css/Futura_Bold_BT.svg#FuturaBT-Bold') format('svg');
	}

 Global */

body {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 75%; /*Base font size: 12px */ /* Browser standard size is 16px */
	line-height: 1.6;
	}

/* Headings */

h1 {
	font-family: 'FuturaBold','FuturaBT-Bold', Arial, Helvetica, Verdana, sans-serif;	
	font-size: 1.4em; /* 1.8em */
	line-height:1.6em;/* 1.5em */
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=hIEfix.png,sizingMethod=crop);zoom:1;
	color:#F47E20;
	
	
} 
h1, h2, h3, h4, h5 {
	font-weight: bold;
	font-variant: normal;
	margin: 0;
	}
h2 {font-size: 1.4em; font-family: Arial, Helvetica, sans-serif; font-weight: normal; color: #f47e20;} 
h3 {font-size: 1em; font-family: Arial, Helvetica, sans-serif; font-weight: bold;} 
h4 {font-size: 1em; font-weight: normal;margin: 1em 0 0 0;} 
	h4.nieuws_header {font-size: 1.45em;}
	h4.nieuws_date {font-weight: normal;}
h5 {font-size: 1em;} 




	
/* Paragraphs */

p {
	margin: 0 0 1.143em 0;
	/*max-width: 32em; /* TEST: kan ook door container bepaald worden */
	}

strong, b {font-weight: bold;}
em, i {font-style: italic;}

abbr {
	border-bottom: 0.1em dashed #FF0000;
	cursor: help;
	}
	
/* Anchors, links */

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

a:hover {}

/* Lists */

ul {
	list-style: outside disc;
	margin: 1em 0 1.5em 1.5em;
	}

ol {
	list-style: inside decimal;  
	margin: 1em 0 1.5em 1.5em; 
	}

dl {margin: 0 0 1.5em 0;}  
dt {font-weight: bold;}  
dd {margin-left: 1.5em;}  

/* form elements */

input {
	font-size:  1em;
	border: solid 1px #CCC;
	margin-bottom: 2px;
	}
.searchcont input {
	border: 0;
	font-size:  1em;
	}
/* quotes */

q {
	font-size: 1.13em;
	font-style: italic;
	line-height: 1.33em;
	color: #83868a;
	font-weight:bold;
	}


/* Siteheader elements
----------------------------------------------------------------*/

#siteheader a {
	}		
	
	.topnav a {
		color: #fff;
		padding: 3px 5px;
		}
	.mainnav a {
		display: block;
		height: 73px;
		width: 230px;
		text-indent: -15000px;
		background-repeat: no-repeat;
		background-position: 0px -73px;
		}
		.mainnav li{
			position:relative;			
		}
		.mainnav a.aSelected, .mainnav a.aOpen {
			background-position: 0 0;
			}
		.mainnav li a{
			display:none;
			}
		.mainnav li.Webdesign a {background-image: url(../img/mainmenu_webdesign.gif); width: 252px; display:block;}
		.mainnav li.Webhosting a {background-image: url(../img/mainmenu_webhosting.gif); width: 230px; display:block;}
		.mainnav li.Connectivity a {background-image: url(../img/mainmenu_connectivity.gif); width: 238px; display:block;}
		.mainnav li.Safety a {background-image: url(../img/mainmenu_safety.gif); width: 240px; display:block;}
		.mainnav li.topnav{display:none;}
		
/* Sitemain elements
----------------------------------------------------------------*/
	
	.sidenav a {
		color: #747372;
		font-size: 1.16em; /* 14px = 1.16em */
		font-weight: bold;
		line-height: 1.16em;
		}
	
	.sidenav li.current a {
		color: #FFFFFF;
		}

	.sidenav ul li ul li a, .sidenav ul li.current ul li a {
		color: #dd6a04;
		font-size: 1em;
		line-height: 1em;
		}

	#c2, #c3 {
		color: #5e6163;
		}
	
	#c3 ul li a {
		color: #99ceec;
		font-weight: bold;
		}
	.topimg h2 {
		background: transparency;
		background-image: url(../img/bg_quote.png);
		}		

	/*
	#maincontent a {
		text-decoration: underline;
		color: #FF6600;
		}
	*/

	a.groot{
	font-family: 'FuturaBold', Arial, Helvetica, Verdana, sans-serif;			
	font-weight:bold;
	font-size:18px;
	}
	a:hover.groot{
		color:#dd6a04;
	}
	
/* ADSL abonnementen elements
----------------------------------------------------------------*/


table.adsl {width: 100%}

table.adsl ul {
	padding: 0 5px;
	margin: 0 0 0 1.5em;
	font-size: 10px;
	min-height: 90px;
	}

table.adsl h3 {padding: 0px 5px 4px 5px;
	margin: 0 0 8px 0;
	border-bottom: #999 2px solid;
	}

div.adslabonnement {
	width:136px;
	padding: 5px 0 5px 0;
	/*
	background-color: #f28527;
	background-image: url(img/bg_adslabonnement.gif);
	*/
	background-position: bottom;
	background-repeat: repeat-x;
	border: 1px solid #CCC;
	line-height: 1.5;
	} 

table.adsl td {padding: 0 9px 0 0;
	vertical-align:top;
	}
table.adsl td.c3 {padding: 0;}	

div.adslabonnement a {
	outline: none;
	}

div.meerinfo {
	text-align: right;
	padding: 0 5px;
}

.awesome, .awesome:visited {
	background: #222 url(../img/alert-overlay.png) repeat-x;
	display: inline-block; 
	padding: 2px 5px 3px; 

	color: #fff; 
	text-decoration: none;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
	
	font-size: 10px;
}
.awesome:hover { background-color: #111; color: #fff; }
.awesome:active	{ top: 1px; }
	

/* ADSL tarieven elements
----------------------------------------------------------------*/

table.adsltarieven {
	 border: 1px #CCCCCC solid;
	 padding: 0px;
	 width: 100%;
}
table.adsltarieven thead th {
	border-bottom: 2px #999 solid;
	vertical-align: bottom;
}
table.adsltarieven th, table.adsltarieven td {
	text-align: left;
	padding: 2px 4px;
	border-bottom: 1px #c3c3c3 solid;
}
table.adsltarieven td {
	border-left: #dadada 1px solid;
	}

table.adsltarieven thead th.noborder {
	border-bottom: none;
	}
table.adsltarieven tfoot td.noborder {
	border-left: none;
	}
.dezemaandgratis {
	font-size: 9px;
	}
.unbold {
	font-weight: normal;
	}

/* ADSL tarieven elements
----------------------------------------------------------------*/

div.abospecs {
	width:890px;
	background-color: #FFFFFF;
	padding: 20px;
	line-height: 1.6em;
	}

div.abospecs h1 {
	border-bottom: 1px solid #999;
	}
	
div.abospecs h2 {
	font-size: 14px;
	color: #333333;
	padding: 8px 0;
	}
	
div.abospecs div.col1 {
	width: 435px;
	float:left;
	}
div.abospecs div.col2 {
	width:435px;
	padding: 0 0 0 10px;
	margin: 0 0 0 445px;
/*	border-left: 1px #e9e9e9 solid;*/
	}




table.support td {vertical-align: top;}
table.support td a {
	color: #f77e20;
}
table.support td a:hover {text-decoration: underline;}

.formTitle {
	display:none;
	margin: 0;
	padding: 0;
}
.pnlFieldLabel {
	float: left;
	width: 220px;
}	
.pnlFormRule {clear: left;}
.pnlField {margin: 0 0 5px 230px;}
#ctl00_ctl18_ctl06_ctl00_ctl00_ctl10_ddlField {font-size: 0.929em;}
#ctl00_ctl18_ctl03_ctl00_ctl00_tbURL {margin: 0 5px 5px 5px; border: solid 1px #CCC;}
#ctl00_ctl18_ctl03_ctl00_ctl00_ddlWhoisServers {border: solid 1px #CCC;}
a:hover#ctl00_ctl18_ctl03_ctl00_ctl00_hlCheckDomain {text-decoration: underline;}
.domeinchecker strong {margin-bottom: 5px; font-size: 1.143em;}
input[type="radio"]{border: 0;} 
.FormRadioListInline {
	display: inline;
}