/* ============================== */
/*  LUSANET WEBSITE               */
/*  VERSIE 4.0.02                 */
/*  2008 KW 1                     */
/* ============================== */
/*  © 2007-2008 LuSaneT Group     */
/*  www.lusanet.nl                */
/* ============================== */
/*  Aanvulling LuSaneT-modules    */
/*  includes/styles/modules.css   */
/* ============================== */

/* === MODULES/PORTAL === */
		#portal {
			width: 748px;
			margin-top: 5px;
			margin-bottom: 15px;	
		}
		
		#portal p {
			line-height: normal;	
		}
		
		#portal .spacer {
			width:	11px;
			height: auto;
			font-size: 2px;
		}
		
		#portal .content {
			width: 748px;
		}
		
		#portal .slogan {
			width: 748px;
			height: 152px;
			border: 1px solid #336699;
			background-image: url('../../illustrations/portals/slogan_1.jpg');
			background-position: center center;
			background-repeat: no-repeat;
			color: #FF9900;
			font-size: 20pt;
			font-weight: bold;
			vertical-align: middle;
			text-align: center;
		}
		
		#portal .slogan div {
			width: 748px;
			height: 152px;
			background-color: transparent;
			background-position: center center;
			background-repeat: no-repeat;
		}

		/* === PROMO === */
			#promo {
				width: 748px;
				height: 120px;
			}
					
			#promo .spacer {
				width: 25px;
			}

			#promo .group {
				width: 345px;
				height: 120px;
				border: 1px solid #447bac;
				background-color: #95bcdf;
				background-image: url('../../illustrations/portals/promo_background.jpg');
				background-position: 0px 0px;
				background-repeat: repeat-x;
			}
			
			#promo .group .image {
				width: 173px;
				height: 101px;
				background-position: left center;
				background-repeat: no-repeat;
			}
			
			#promo .group .title {	
				height: 19px;
				padding-left: 5px;
				color: #FFFFFF;
				font-weight: bold;
				text-align: left;
			}
			
			#promo .group .text {
				width: 172px;
				height: 101px;
				color: #DE2100;
				font-size: 11pt;
				font-weight: bold;
				text-align: center;
				vertical-align: middle;
			}

		/* === LINK === */
			#link {
				clear: none;
				float: left;
				width: 168px;
				height: 260px;
				margin-right: 25px;
				border: 1px solid #336699;
				color: #FFFFFF;
				cursor: pointer;
			}
			
			#link .title {
				width: 168px;
				height: 17px;
				background-color: #b0cce0;
				background-image: url('../../images/homepage/link_title.jpg');
				background-position: 0px 0px;
				background-repeat: repeat-x;
				font-weight: bold;
				text-align: center;
				line-height: normal;
			}
			
			#link .image {
				width: 168px;
				height: 83px;
				border-top: 1px solid #336699;
				border-bottom: 1px solid #336699;
				background-color: #c7dff1;
				background-position: center center;
				background-repeat: no-repeat;
				font-size: 2px;
			}
			
			#link .text {
				padding: 5px;
				background-color: #87b9e1;
				background-image: url('../../images/homepage/link_background.jpg');
				background-position: 0px 0px;
				background-repeat: repeat-x;
				color: #000000;
				font-size: 11px;
				line-height: normal;
			}

/* === MODULES/PORTFOLIO === */
	/* === PORTFOLIO === */
		.portfolioItem {
			float: left;
			clear: none;
			width: 220px;
			margin: 12px;
			border: 1px solid #DE2100;
			color: #FFFFFF;
			cursor: pointer;
		}
		
		.portfolioItem .title {
			overflow: hidden;
			width: 220px;
			height: 17px;
			background-color: #b0cce0;
			background-image: url('../../images/modules/portfolio/title_background.jpg');
			background-position: 0px 0px;
			background-repeat: repeat-x;
			font-weight: bold;
			text-align: center;
		}
		
		.portfolioItem .image {
			width: 220px;
			height: 168px;
			background-color: #FFFFFF;
			background-position: center center;
			background-repeat: no-repeat;
			font-size: 2px;
		}
		
	/* === DETAILS === */
		#portfolioDetails {
			width: 790px;
			text-align: left;
		}
		
		#portfolioDetails .title {
			height: 14px;
			border-bottom: 1px solid #77AADD;
			color: #DE2100;
			font-size: 10pt;
			font-weight: bold;
			text-align: left;
		}
		
		#portfolioDetails .image {
			width: 300px;
			font-size: 2px;
		}
		#portfolioDetails .image img { border: 1px solid #5588BB; }

		#portfolioDetails .spacer {
			width: 20px;
			font-size: 2px;
		}
	
		#portfolioDetails .decscription {
			width: 470px;
			line-height: 14pt;
			vertical-align: top;
		}
		
		#portfolioDetails .link {
			width: 470px;
			height: 15px;
			font-size: 8pt;
			text-align: left;
		}
		
		#portfolioDetails .link a {
			color: #336699;	
			text-decoration: underline;
		}
		#portfolioDetails .link a:hover { color: #DE2100; }
		
/* === MODULES/SUBPAGES === */
	.subpages {
		clear: both;
		float: left;
		width: 225px;
		height: 18px;
		margin-top: 5px;
		margin-bottom: 5px;
		background-color: #dceaf6;
		background-image: url('../../images/modules/subpages/link_background.gif');
		background-position: 0px 0px;
		background-repeat: no-repeat;
		color: #000000;
		font-weight: bold;
		text-align: left;
		cursor: pointer;
	}
		
/* === MODULES/NEWS === */
	#news {
		width: 720px;
		margin-top: 20px;
	}
	
	#news .date {
		width: 720px;
		height: 14px;
		color: #000000;
		font-size: 11px;
		vertical-align: top;
	}
	
	#news .title {
		width: 720px;
		height: 16px;
		color: #DE2100;
		font-weight: bold;
		font-size: 11pt;
		vertical-align: bottom;
	}
	
	#news .text {
		width: 700px;
		padding-top: 15px;
	}
	
	#news .end {
		width: 720px;
		padding-top: 2px;
		padding-bottom: 2px;
		border-top: 2px dotted #000000;
		border-bottom: 2px dotted #000000;
		font-size: 8pt;
		font-weight: bold;
		text-align: center;
	}
	
	#news .footer {
		width: 720px;
		padding-top: 10px;
		font-size: 8pt;
		line-height: 12pt;
	}
	
	/* === YEARS === */
	 #newsYears {
			width: 748px;			
			height: 24px;
			margin-top: 20px;
			margin-bottom: 17px;
			border-top: 1px solid #5588bb;
			border-bottom: 1px solid #5588bb;
			text-align: center;
		}
		
		#newsYears div, #newsYears .hover, #newsYears .active {
		 float: left;
		 clear: none;
			width: 52px;
			padding-top: 3px;
			padding-bottom: 3px;
			margin-left: 8px;
			margin-right: 8px;
			color: #5588BB;
			font-size: 12pt;
			font-weight: bold;
			text-align: center;
			cursor: pointer;
		}
		#newsYears .hover { color: #000000; background-color: #dfedf7; }
		#newsYears .active { color: #DE2100; background-color: #dfedf7; }
		
/* === MODULES/CONTACT === */
	#contact {
	 width: 720px;
	}
	
	#contact td {
		height: 20px;
		vertical-align: middle;
	}
	
	#contact .group {
		width: 720px;
		height: 18px;
		padding-top: 18px;
		color: #DE2100;
		font-weight: bold;
	}
	
	#contact .title {
		padding-left: 15px;
		vertical-align: top;
	}
	
	#contact .fields {
		width: 500px;
	}
	
/* === MODULES/PHOTOINDEX === */
	#photoindex {
		clear: both;
		width: 740px;
		text-align: center;
	}
	
	#photoindex div {
		clear: none;
		float: left;
		width: auto;
		margin: 8px;
		padding: 5px;
		padding-bottom: 3px;
		border: 1px solid #77AADD;
		text-align: center;
		font-size: 8pt;
		font-weight: bold;
	}
	
	#photoindex img {
		padding-bottom: 2px;	
	}
	
/* === MODULES/DOWNLOADS === */
	#downloads {
		clear: both;
		float: none;
		width: 720px;	
	}
	
	#downloads .groupTitle {
		clear: both;
		float: none;
		width: 720px;
		height: 14px;
		margin-top: 30px;
		border-bottom: 1px solid #5588BB;
		color: #DE2100;
		font-weight: bold;	
		line-height: normal;
		text-align: left;
	}
	
	#downloads .groupInfo {
		clear: both;
		float: none;
		width: 700px;
		margin-bottom: 15px;
		margin-left: 20px;	
		margin-top: 3px;
	}
	
	#downloads .download {
		clear: both;
		float: none;
		width: 700px;
		height: 18px;
		margin-bottom: 2px;
		margin-left: 20px;
		margin-top: 2px;
		cursor: pointer;
	}
	
	#downloads .download .name {
		clear: none;
		float: left;
		width: 380px;
		height: 18px;	
		padding-left: 20px;
		background-position: 0px 1px;
		background-repeat: no-repeat;
	}
	
	#downloads .download .documentid {
		clear: none;
		float: left;
		width: 180px;
		height: 18px;	
	}
	
	#downloads .download .filesize {
		clear: none;
		float: left;
		width: 120px;
		height: 18px;
		text-align: right;	
	}
	
/* === MODULES/WEBCONTROL/LOGIN === */
	#login {
	 width: 720px;
	}
	
	#login td {
		height: 20px;
		vertical-align: middle;
	}
	
	#login .field, #login .fieldReadonly, #login .fieldError {
		width: 250px;
	}
	
	#login .title {
		padding-right: 20px;
		vertical-align: top;
		text-align: right;
	}
	
	#login .fields {
		width: 500px;
	}
	
/* === MODULES/WEBCONTROL/WELCOME === */
	#webcontrolWelcome table {
		width: 570px;
		height: 38px;
		margin-bottom: 20px;
		margin-top: 20px;	
	}
	
	#webcontrolWelcome .image {
		width: 38px;
		background-color: #5588BB;
		background-image: url('../../images/webcontrol/welcome_notify.jpg');
		background-position: 3px 3px;
		background-repeat: no-repeat;
	}
	#webcontrolWelcome .alert .image {
		background-color: #DE2100;
		background-image: url('../../images/webcontrol/welcome_warning.jpg');	
	}
	
	#webcontrolWelcome .title {
		width: 528px;
		height: 16px;
		padding-left: 5px;
		background-color: #5588BB;
		color: #FFFFFF;
		font-weight: bold;
		text-align: left;
	}
	#webcontrolWelcome .alert .title {
		background-color: #DE2100;
	}
	
	#webcontrolWelcome .header td {
		height: 18px;
		background-color: #ffd1cd;
		color: #800000;
	}
	
	#webcontrolWelcome .text {
		width: 528px;
		height: 22px;
		padding-left: 5px;
		font-size: 8pt;
		text-align: left;	
	}
	
	#webcontrolWelcome .date {
		width: 105px;
		height: 22px;
		font-size: 8pt;
	}
	
	#webcontrolWelcome .id {
		width: 100px;
		height: 22px;
		font-size: 8pt;	
	}
	
	#webcontrolWelcome .total {
		width: 164px;
		height: 22px;
		font-size: 8pt;
	}

/* === MODULES/WEBCONTROL/INVOICEINDEX === */
	#invoiceindex {
		width: 570px;
		border: 2px solid #5588BB;
	}
	
	#invoiceindex td {
		padding-bottom: 1px;
		padding-left: 5px;
		padding-right: 3px;
		padding-top: 1px;
		border-bottom: 1px solid #D0D0D0;
		border-right: 1px solid #D0D0D0;
		cursor: pointer;
	}
	
	#invoiceindex img {
		padding-left: 28px;
		padding-top: 2px;
	}
	
	#invoiceindex .header {
		background-color: #c7dff1;
		background-image: url('../../images/webcontrol/tableheader_background.jpg');
		background-position: 0px 0px;
		background-repeat: repeat-x;
	}
	
	#invoiceindex .header td {
		height: 16px;
		border-bottom: 1px solid #5588BB;
		border-left: 1px solid #ECF3FA;
		border-top: 1px solid #ECF3FA;
		border-right: 1px solid #5588BB;
		background-position: right center;
		background-repeat: no-repeat;
		cursor: default;
	}
	
	#invoiceindex .spacer td {
		height: 3px;
		border: 0px;
		padding: 0px;
		font-size: 2px;
		cursor: default;
	}
	
/* === MODULES/WEBCONTROL/SUBSCRIPTIONNEW === */
	#subscriptionDetails {
	 width: 720px;
		background-color: #ECF3FA;
	}
	
	#subscriptionDetails td {
		height: 20px;
		vertical-align: middle;
		background-color: #ECF3FA;
	}
	
	#subscriptionDetails .group {
		width: 720px;
		height: 18px;
		padding-top: 18px;
		color: #DE2100;
		font-weight: bold;
	}
	
	#subscriptionDetails .title {
		padding-left: 15px;
		vertical-align: top;
	}
	
	#subscriptionDetails .fields {
		width: 500px;
	}

/* === MODULES/DOMAINORDER/INDEX === */
	/* === STATUS === */
		#domainorderStatus {
			clear: both;
			float: none;
		 width: 720px;
		}
		
		#domainorderStatus .colorOdd { background-color: #D7E8F5; }
		#domainorderStatus .colorEven { background-color: #C7DFF1; }
		
		#domainorderStatus .row {
			clear: both;
			float: none;
			width: 720px;
			height: 18px;
			margin-top: 5px;
		}
		
		#domainorderStatus .row img {
			clear: left;
			float: left;
			width: 16px;
			height: 16px;
			margin-left: 5px;
			margin-right: 12px;
			margin-top: 1px;
		}
		
		#domainorderStatus .row .domain {
			clear: none;
			float: left;
			width: 555px;
			height: 16px;
			margin-top: 1px;
			text-align: left;
		}
		
		#domainorderStatus .row input {
			clear: right;
			float: left;	
			width: 100px;
			height: 16px;
			margin-left: 15px;
			margin-top: 1px;
			border: 1px solid #5588BB;
			background-color: #FFFFFF;
			color: #000000;
			font-size: 9pt;
			font-weight: bold;
			text-align: center;
		}
		
		#domainorderStatus .legend {
			float: none;
			clear: both;
			width: 720px;
			margin-top: 20px;
			margin-bottom: 20px;
			padding-top: 3px; 
			border-top: 1px solid #77AADD;
			font-size: 8pt;
			line-height: 17pt;
		}

	/* === WHOIS FORM === */
		#domainWhoisForm {
			clear: both;
			float: none;
			width: 415px;
			border: 1px solid #336699;
			background-color: #ECF3FA;
		}
		
		#domainWhoisForm .title {
			width: 415px;
			height: 17px;
			background-color: #b0cce0;
			background-image: url('../../images/homepage/link_title.jpg');
			background-position: 0px 0px;
			background-repeat: repeat-x;
			color: #FFFFFF;
			font-weight: bold;
			text-align: center;	
		}
		
		#domainWhoisForm .box {
			clear: both;
			float: none;
			width: 415px;
			padding-top: 10px;
			padding-bottom: 10px;
			background-color: #ECF3FA;
		}
		
		#domainWhoisForm .inputBox {
			clear: left;
			float: left;
			width: 200px;
			height: 20px;
			margin-left: 48px;
			margin-right: 15px;
			border: 1px solid #5588BB;
			background-color: #FFFFFF;
			color: #5588BB;
			font-size: 8pt;
			text-align: right;
		}
		
		#domainWhoisForm .inputBox input {
			width: 100px;
			height: 14px;
			border: 0px;
			padding-top: 4px;
			background-color: #FFFFFF;
			font-size: 8pt;
		}
		
		#domainWhoisForm .inputBox select {
			width: 50px;
			height: 14px;
			border: 0px;
			background-color: #FFFFFF;
			color: #000000;
			font-size: 8pt;
		}
		
	/* === ORDER FORM  === */
		#domainOrderForm {
			clear: both;
			float: none;
		 width: 720px;
		}
		
		#domainOrderForm div {
			float: left;
			height: 20px;
			vertical-align: middle;
		}
		
		#domainOrderForm .group {
			clear: both;
			float: none;
			width: 720px;
			padding-top: 25px;
			color: #DE2100;
			font-weight: bold;
		}
		
		#domainOrderForm .title {
			clear: left;
			width: 190px;
			margin-left: 15px;
			vertical-align: top;
		}
		
		#domainOrderForm .field, #domainOrderForm .fieldReadonly, #domainOrderForm .fieldError {
		 float: left;
		 clear: right;
		 width: 500px;
		}
		
/* === MODULES/WEBHOSTING_WEBPAKKETTEN === */
	#webhostingPakketten {
		clear: both;
		float: none;
		width: 720px;
		border: 0px;	
	}
		
	#webhostingPakketten .title {
		width: 165px;	
		border-bottom: 1px solid #A7CDE9;
		border-left: 1px solid #A7CDE9;
		border-right: 1px solid #A7CDE9;
		background-color: #E4F0F8;
		padding-left: 5px;
		text-align: left;
	}

	#webhostingPakketten .package {
		width: 110px;
		border-bottom: 1px solid #A7CDE9;
		border-right: 1px solid #A7CDE9;
		text-align: center;	
	}
	
	#webhostingPakketten .spacer td {
		height: 15px;
		background-color: #FFFFFF;
		font-size: 12px;
	}
	
	#webhostingPakketten .header .title {
		border-left: 0px;	
		background-color: #FFFFFF;
	}
		
	#webhostingPakketten .header .package {
		background-color: #2E74AA;
		color: #FFFFFF;
		font-weight: bold;
	}
	
	#webhostingPakketten .group .title {
		background-color: #2E74AA;
		color: #FFFFFF;	
		font-weight: bold;
	}
	
	#webhostingPakketten .group .package {
		background-color: #2E74AA;
	}
	
/* === MODULES/WEBHOSTING_WEBEXTRA === */
	#webhostingExtra {
		clear: both;
		float: none;
		width: 740px;	
	}
	
	#webhostingExtra .product {
		clear: none;
		float: left;
		width: 350px;
		margin: 9px;
		margin-bottom: 12px;
		margin-top: 12px;
		border: 1px solid #2E74AA;
		background-color: #ECF3FA;
		text-align: left;
	}
	
	#webhostingExtra .product .title {
		clear: both;
		float: none;
		width: 350px;
		padding-bottom: 1px;
		background-color: #2E74AA;
		color: #FFFFFF;
		font-weight: bold;
		text-align: center;	
	}
	
	#webhostingExtra .product ul {
		clear: both;
		float: none;
		height: 60px;
	}
	
	#webhostingExtra .product .price {
		clear: both;
		float: none;
		width: 320px;
		padding-bottom: 10px;
		padding-left: 25px;
		color: #DE2100;
		font-weight: bold;
		font-size: 12pt;
		text-align: left;
	}

/* === MODULES/WEBHOSTING_DOMAINPAKKETTEN === */
	#webhostingDomains {
		clear: both;
		float: none;
		width: 610px;
		border: 0px;	
	}
	
	#webhostingDomains .title {
		width: 110px;	
		border-bottom: 1px solid #A7CDE9;
		border-left: 1px solid #A7CDE9;
		border-right: 1px solid #A7CDE9;
		background-color: #E4F0F8;
		padding-left: 5px;
		text-align: left;
	}

	#webhostingDomains .package {
		border-bottom: 1px solid #A7CDE9;
		border-right: 1px solid #A7CDE9;
		text-align: center;	
	}
	
	#webhostingDomains .description {
		width: 200px;	
	}
	
	#webhostingDomains .price {
		width: 150px;	
	}
	
	#webhostingDomains .spacer td {
		height: 15px;
		background-color: #FFFFFF;
		font-size: 12px;
	}
	
	#webhostingDomains .header .title {
		border-left: 0px;
		background-color: #FFFFFF;	
	}
	
 #webhostingDomains .header .package {
		background-color: #2E74AA;
		color: #FFFFFF;
		font-weight: bold;
	}
	
	#webhostingDomains .group .title {
		background-color: #2E74AA;
		color: #FFFFFF;	
		font-weight: bold;
	}
	
	#webhostingDomains .group .package {
		background-color: #2E74AA;
	}
	
/* === MODULES/NETWORKS_AWARDS === */
	.awardedBox {
		width: 600px;
		min-height: 150px;
		margin-bottom: 25px;
		margin-top: 15px;
		border: 1px solid #5588BB;
	}
	
	.awardedBox .award {
		clear: none;
		float: left;
		width: 150px;
		height: 150px;
		background-color: #ECF3FA;
		background-position: center center;
		background-repeat: no-repeat;
	}
	
	.awardedBox .text {
		clear: none;
		float: left;
		width: 275px;
		height: 150px;
		margin-left: 10px;
		margin-right: 10px;
	}
	
	.awardedBox .product {
		clear: none;
		float: left;
		width: 150px;
		height: 150px;
		text-align: center;
	}

/* === MODULES/ENQUIRY === */
	#enquiryFrame {	
		clear: both;
		float: left;
		width: 746px;
		border: 1px solid #5588BB;
	}
	
	/* === HEADER === */
		#enquiryFrame .enquiryHeader {
			clear: both;
			float: left;
			width: 746px;
			height: 26px;
			border-bottom: 1px solid #5588BB;
			background-color: #C7DFF1;
		}
	
		#enquiryFrame .enquiryHeader .questionId {
			clear: none;
			float: left;
			width: 300px;
			margin-left: 6px;
			margin-top: 3px;
			color: #DE2100;
			font-weight: bold;
			text-align: left;
		}
		
		#enquiryFrame .enquiryHeader .percentage {
			clear: none;
			float: right;
			width: 100px;
			height: 16px;
			margin-top: 4px;
			margin-right: 4px;
			border: 1px solid #000000;
			background-color: #ECF3FA;
			background-image: url('../../images/modules/enquiry_percentage.jpg');
			background-repeat: no-repeat;
			background-position: -100px 0px;
			font-size: 7pt;
			text-align: center;
			line-height: 16px;
		}
	
	#enquiryFrame .question, #enquiryFrame .text {
		clear: both;
		float: left;
		display: none;
		width: 700px;
		margin: 15px;
	}
	
	#enquiryFrame .questionTitle {
		clear: both;
		float: left;
		width: 700px;
		height: 18px;
		margin-bottom: 5px;
		font-weight: bold;
		text-align: left;
	}
	
	#enquiryFrame .questionDescription {
		clear: both;
		float: left;
		width: 700px;
		margin-bottom: 5px;
		text-align: left;
		font-size: 8pt;
		font-style: italic;
	}
	
	#enquiryFrame .questionDescription p {
		margin: 0px;
	}
	
	#enquiryFrame textarea {
		height: 50px;
	}
	
	/* === NAVIGATION === */
		#enquiryFrame .enquiryNavigation {
			clear: both;
			float: left;
			width: 746px;
			height: 24px;
			background-color: #C7DFF1;
			border-top: 1px solid #5588BB;
			line-height: 24px;
		}
		
		#enquiryFrame .enquiryNavigation a {
			color: #000000;
			font-weight: bold;
			text-decoration: none;
		}
		#enquiryFrame .enquiryNavigation a:hover {
			color: #DE2100;
			text-decoration: underline;
		}
		
		#enquiryFrame .enquiryNavigation .previous {
			float: left;
			display: none;
			padding-left: 15px;
		}
		
		#enquiryFrame .enquiryNavigation .next {
			float: right;
			padding-right: 15px;
		}
		
/* === ALGEMENE VOORWAARDEN === */
	p.algvw  { 
		margin-bottom:.0001pt; 
		margin-left: 0px;  
		margin-right: 0px; 
		margin-top: 0px; 
		text-indent: -18.0pt;  
		margin-left: 27.0pt;
	}