/*

   $Id:	main.css
   $Author: Nico van Veeenendaal
   $Company: Techtribe
   $Date: 25-11-2008
   $Description: Contains all framework styles for html-frontend
   
*/




/*/
 * 
 * Main styles
 * 
/*/

html{
	overflow-y: scroll;	
}
html, body {
	padding: 0px;
	margin: 0px;
	background: #FFFFFF;
	text-align: center;
	margin: 0px auto;
	font: 11px verdana, arial, sans-serif;
	color: #404041;
	
}




/*/
 * 
 * Main Containers styles
 * 
/*/

#container {
	width: 995px;
	text-align: left;
	padding: 0px;
	margin: 0px auto;	
}




/*/
 *  
 * Header styles
 * 
/*/

#container #header {
	width: 100%;
	height: 56px;
}
	#header .logo {
		float: left;
		width: 123px;
		height: 24px;
		margin: 22px 0  0 71px;
		overflow: hidden;
		line-height: 99px;
		background: url('../img/logoAchmea.gif') no-repeat;
		display: inline;
	}
	#header .printLogo {
		display: none;	
	}
	#header .searchBox {
		float: right;
		display: inline;
		margin: 26px 145px 0 0;
	}
		#header .searchBox input {
			width: 143px;
			height: 12px;
			font-size: 6px;
		}
		#header .searchBox button {
			width: 31px;
			height: 15px;
			border: 0;
			vertical-align: bottom;
			background: url('../img/search_btn.gif') no-repeat;
		}
		#header .searchBox button:hover {
			background: #e4a7ac;
		}




/*/
 * 
 * MainNavigation styles
 * 
/*/

#mainNavContainer {
	position: relative;
	float: left;		
	width: 160px;
}
	#mainNavContainer ul li {
		list-style-type: none;
		cursor: pointer;
		cursor: hand;
		padding: 0;
	}
	*html #mainNavContainer ul li {
		height: 24px;
	}
		#mainNavContainer ul ul {
			margin: 0 0 10px 0;
		}		
		#mainNavContainer li a.main {
			width: 160px;
			height: 24px;
			display: block;
			overflow: hidden;
			text-indent: 200px;
		}

		#mainNavContainer li span {
			display: block;
		}
		#mainNavContainer li span:hover a.main {
			visibility: hidden;
		}
			*html #mainNavContainer li li {
				height: 20px;
			}
			#mainNavContainer li a.sub {
				width: 160px;
				height: 20px;
				display: block;
				overflow: hidden;
				text-indent: 200px;
			}
			#mainNavContainer li span:hover a.sub {
				visibility: hidden;
			}
				*html #mainNavContainer li li li {
					height: 15px;
				}
				#mainNavContainer li a.subsub {
					width: 160px;
					height: 15px;
					display: block;
					overflow: hidden;
					text-indent: 200px;
				}
				#mainNavContainer li span:hover a.subsub {
					visibility: hidden;
				}




/*/
 * 
 * Gate styles
 * 
/*/

#gateContainer {
	position: relative;
	float: left;
	width: 698px;
	z-index: 2;
}
	#gateFull {
		position: relative;
		height: 431px;
	}

	#leadContainer {
		position: relative;
		width: 208px;		/* -40px padding */
		top: 196px;
		left: 436px;
		padding: 15px 18px 8px 22px;
		background: #48484a;
		filter: alpha(opacity=90);
		-moz-opacity: .90;
		opacity: .90;
	}
		#leadContainer h1 {
			margin: 0 0 5px 0;
		}
		#leadContainer .header span {
			display: inline-block;
		}
		#leadContainer p {
			color: #FFFFFF;
			font-size: 11px;
			line-height: 17px;
			margin: 0 0 12px 0;
		}
		



/*/
 * 
 * contentContainer styles
 * 
/*/

#contentContainer {
	width: 648px;
	margin: 0 25px;
}



  	
/*/
 * 
 * ThemeNavigation styles
 * 
/*/

#themeNavContainer {
	position: relative;
	float: left;
	width: 137px;
	margin: 176px 0 0 0;
}
*html #themeNavContainer {
	width: 130px;
}
	#themeNavContainer h3 {
		width: 137px;
		margin: 7px 0 5px 0;
	}
	#themeNavContainer ul {
		white-space: nowrap;
		margin: 7px 0;
	}
		#themeNavContainer ul li {
			list-style-type: none;
			margin: 0 0 4px 0;
			padding: 0;
		}
			#themeNavContainer ul li:hover, #themeNavContainer ul li.active {
				/*margin-left: -14px;*/
			}
			#themeNavContainer ul li div {
				background: #e5a7ac;
				position: relative;
			}
			#themeNavContainer ul li div:hover, #themeNavContainer ul li:hover div, #themeNavContainer ul li.active div {
				background: #929496;
			}
				#themeNavContainer ul li a {
					position: relative;
					height: 22px;
					display: block;
					overflow: hidden;
					line-height: 200px;
					text-decoration: none;
					z-index: 2;
				}

				#themeNavContainer ul li img {
					margin: 0;
				}
				#themeNavContainer ul li span {
					position: absolute;
					margin: -22px 0 0 5px;
					display: inline-block;
					z-index: 1;
				}
				



	
/*/
 * 
 * Footer styles
 * 
/*/

#footerContainer {
	position: relative;
	float: left;;
	width: 100%;
	text-align: center;
	font-size: 10px;
	color: #8c8c8c;
	margin: 0 0 20px 0;
	clear: both;
}