/**

STYLE SHEET FOR Nederlandse Aardappel Organisatie
Created by Hans Dubois for Intermax Interactive B.V. 2009
www.intermaxinteractive.nl
www.nao.nl

ToC

	1. defaults
	2. structure
	3. links and navigation
	4. fonts
	5. sticky footer
	6. portal
	7. login screen

Notes :

Total width : 997px;

Background color : #FFFFFF
Background image : allways bottom right

See menu.css for the menu style

*/



/* --------- 1. defaults  --------- */
.clearer{
	clear					: both;	
}

/* --------- 2. structure  --------- */
body{
	margin					: 0px;
	padding					: 0px;
	
	behavior				: url("/css/nederlandse-aardappel-organisatie/csshover.htc");
}

.siteContainer{
	width					: 997px;
	
	margin-left				: auto;
	margin-right			: auto;

}

.siteContainer .header{
	height					: 72px;
	width					: 997px;
	
	clear					: both;
}

.siteContainer .logo{
	height					: 72px;
	width					: 307px;
	
	float					: left;
	
	position 				: relative;
}

.siteContainer .logo a img{
	border					: none;
	outline					: none;
	text-decoration			: none;	
}

.siteContainer .logo img{
	position 				: absolute;
	
	top						: 14px;
	left					: 43px;
}

.siteContainer .menu{
	width					: 690px;
	height					: 72px;
	
	float					: left;
	
	background-image		: url("/images/nederlandse-aardappel-organisatie/menuBg.png");
	
	position 				: relative;
}

.siteContainer .homepageContent{
	width					: 997px;
	
	clear					: both;	
}

.siteContainer .homepageContent .left{
	width					: 650px; 
	
	padding-top				: 100px;
	padding-left			: 20px;
	
	float					: left;	
}

.siteContainer .homepageContent .homeLinks{
	padding-left			: 85px;
}

.siteContainer .homepageContent .right{
	width					: 307px;
	float					: left;
	
	padding-top				: 100px;
	padding-left			: 20px;	
}

.siteContainer .homepageContent .right .homepageBlueText{
	color					: #112d72;	
	font-style				: italic;
}

.siteContainer .homepageContent .right .homepageRoute{
	clear					: both;	
	
	width					: 307px;
}

.siteContainer .homepageContent .right .homepageRoute img{
	float					: left;	
}

.siteContainer .homepageContent .right .homepageRouteLinks{		
	float					: left;		
	margin-left				: 5px;
}

.siteContainer .homepageContent .right .homepageRouteLinks a{
	background-image		: url("/images/nederlandse-aardappel-organisatie/blue_arrow.png");
	background-repeat		: no-repeat;
	
	background-position 	: 100% 60%;
	
	display					: block;
	
	width					: 110px;

}

.siteContainer .defaultContent{
	padding-top				: 40px;	
	padding-left			: 45px;
}

/* --------- 3. links and navigation  --------- */
a{
	text-decoration 		: underline;
	color					: #222222;
}

/* --------- 4. Fonts  --------- */
*{
	font-family 			: "Arial";
	font-size				: 12px;
	color					: #222222;
}

h1{
	font-size				: 16px;
	color					: #9D0016;
	
	margin					: 0px;
	padding					: 0px;
	padding-bottom			: 8px;
}

h2{
	font-size				: 14px;
	color					: #112d72;
	
	margin					: 0px;
	padding					: 0px;
	padding-bottom			: 8px;	
}

h3{
	font-size				: 12px;
	color					: #112d72;
	
	margin					: 0px;
	padding					: 0px;
	padding-bottom			: 0px;
}

.darkblue{
	color					: #112d72;
}

/* --------- 5. Sticky footer  --------- */
html, body {
     height: 100%;
}

.siteContainer {
     min-height: 100%;
     height: auto !important;
     height: 100%;
     margin: 0 auto -75px;
}

.push{
	height					: 75px;
	width					: 997px;
}
.footer{
	height 					: 75px;
	width					: 997px;
	
	
	margin-left				: auto;
	margin-right			: auto;
	
			
	background-image		: url("/images/nederlandse-aardappel-organisatie/background.png");
	background-repeat		: no-repeat;
	background-position 	: right bottom;	
}

.siteContainer .homepageContent .right{
	padding-bottom			: 75px;
}

/* --------- 6. portal --------- */
.portal{
	width					: 952px;
	
	overflow				: hidden;
	
	clear					: both;

}

.portal .portalIndex{
	width					: 952px;


	
	background-color		: #18347C;	
	
	
}

.portalIndex ul{
	margin					: 0px;
	margin-left				: 11px;
	
	padding 				: 0px;
	padding-top				: 10px;
	padding-bottom			: 10px;
	
	list-style-type			: none;		
	
	
}

.portalIndex ul li{
	float					: left;
	display					: inline;
	
	height					: 25px;
	line-height				: 25px;	
}

.portalIndex ul li a{
	color					: #EAECF2;
	
	width					: 200px;
	height					: 25px;
	
	display					: block;
	
	padding-left			: 10px;
	
	background-image		: url("/images/nederlandse-aardappel-organisatie/arrow.png");
	background-repeat		: no-repeat;
	background-position 	: left;
}



.portal .portalColumn{
	width					: 310px;
	height					: auto;
	
	float					: left;
	
	padding-right			: 11px;
	
}

.portal .last{
	padding-right			: 0px;	
}

.portalLabel .portalLabelTitle{
	width					: 299px;
	height					: 25px;
	
	line-height				: 25px;
	color					: #EAECF2;
	
	background-color		: #18347C;	
	
	padding-left			: 11px;
	
	margin-top				: 24px;
}

.portalLabel ul{
	width					: 310px;
	
	list-style-type			: none;
	
	padding					: 0px;
	margin					: 0px;
	
}

.portalLabel li{
	width					: 299px;	
	
	line-height				: 25px;
	
	background-color		: #EAECF2;
	
	margin-top				: 1px;	
	
	padding-left			: 11px;
	
	color					: #112D72;
}

.portalLabel li img{
	position 				: relative;
	top						: 3px;
	
	height					: 16px;
	
	line-height				: 25px;
	
	padding-right			: 6px;
}

.portalLabel li a{
	color					: #112D72;	
}

/* --------- 7. login screen --------- */
.extranetLoginContainer{
	 	
}

.extranetLoginContainer .extranetLogin{
	position 				: relative;
	
	top						: 170px;
	left					: 300px;
	
	width					: 335px;
	height					: 134px;
	
	background-color		: #EBECF1;
	
	z-index					: 1;
}

.extranetLogin .extranetFormContainer{
	position				: absolute;
	
	top						: 20px;	
	left					: 46px;
}

.extranetLogin .extranetFormContainer label{
	font-weight				: bold;
	color					: #112c73;	
}

.extranetLogin .extranetFormContainer input{
	border					: 1px solid #7384B0;
	
	width					: 174px;	
	
	height					: 18px;
	
	background-image		: url("/images/nederlandse-aardappel-organisatie/input_bg.png");
	background-position 	: fixed;
	background-color		: none;
	background-repeat		: no-repeat;
	
}

.extranetLogin .extranetFormContainer input.submit{
	width					: 67px;
	height					: 22px;
	
	background-image		: url("/images/nederlandse-aardappel-organisatie/login.png");	
	
	
	border					: none;	
	
	position 				: relative;
	top						: 3px;
	left					: 10px;
	
	cursor					: pointer;
}

.extranetLogin .extranetLoginText{
	position 				: absolute;
	
	top						: 150px;
	
	width					: 335px;
}