/* Aquaster website css */
/* allround */
body {background: #000 url('../images/Widescreen_Background.jpg') no-repeat scroll center top;}

p, h1 {font-family: Arial, Helvetica, sans-serif; color:#0099FF;}

img {border: 0px;}

/* Container Divisions */	
	#container {height: 1000px; width: 1130px; margin: 0px auto; float:;}
	
		/* header */
		#header_logo {background: #fff url('../images/Aquaster_web_logo.jpg'); height: 248px; width: 315px; float: left;}
		#header_slagon {background: #fff url('../images/Aquaster_Website_slogan.jpg'); height: 248px; width: 748px; float: left;}
		h1.slogan {padding: 134px 50px 0px 200px; color: #fff; text-align: right; font-size: 20px; font-style: italic; }
		p.Slogan_bedrijf {padding: 0px 54px; color: #fff; text-align: right; font-size: 10px; }
	
		/* menu with drop-ups */	
		#menu {background: url('../images/Website_glass_menu.jpg'); height: 30px; width: 1063px; float: left; background-repeat: no-repeat;}
			#menu ul {color:#005b95;}
				
			#navlist {list-style-type: none;}
			.dropmenu {display: inline; font-family: Arial, Helvetica, sans-serif; font-size: 15px; color:#005b95; text-decoration:none; float: left;}
			.current {background: transparent url('../images/menu_dots.png') no-repeat scroll right; float: left; height: 20px; margin: 8px 0px 3px 0px; padding: 0px 23px 0px 18px;  text-decoration: none; overflow: hidden;}
			.current_last {background: transparent no-repeat scroll right; float: left; height: 20px; margin: 8px 0px 3px 0px; padding: 0px 23px 0px 18px; text-decoration: none;}
			li.dropmenu a {color:#005b95; text-decoration: none; clear: left;}	
			 
		
				.dropmenu:hover li {display: block; position: relative; top: -176px; background:; width: 100%; float: left; clear: left;}
				.dropmenu li {display: block; width: 100%; text-align: center; clear: left; float: left;}
				#active_portfolio:hover li {display: block; position: relative; top: -110px; float: left; background:;}
				#active_portfolio li {display: block; width: 100%; text-align: center; clear: left;}
				
				#menu a { display: block; text-align: center;}
				#menu a:visited {color: #005b95;}
				#menu a:active {color: #000033;}
				#menu a:hover {color: #000033; text-decoration:none;}
				
				.subcurrent {line-height: 22px; padding: 0px 10px; display: block; clear: left;}
				
		
		/* premium content / white bg */
		#content {background: #fff; height:411px; width: 1063px; float:left;}
			#content_left {background: #fff; height:411px; width: 533px; float:left;}
				/* image window */ 
				#img_window {height: 261px; width: 456px; outline:solid 1px; outline-color:#000000; margin: 42px 0px 12px 45px;}
					.image_info {height: 30px; width:458px; background: #000000; opacity:0.8; filter:alpha(opacity=80); margin: -36px 0px 0px -1px; z-index: 100;}
					
					/* info tekst bij afbeeldingen */
					.left_image_info {margin-left: 0px; float:left;}
						.left_image_info p{color: #fff; margin: 5px;}
					.right_image_info {margin-right: 0px; float: left;}
						.right_image_info p{color: #fff; margin: 5px 5px 5px 165px;}
								
				#img_thumbs {height: 66px; width: 490px; margin: 0px 0px 12px 25px;}
				#img_thumb {height: 66px; width: 66px; outline: solid 1px; outline-color:#000000; float:left; margin: 0px 12px 0px 0px;}
			
			
			#content_right {height:245px; width: 530px; float:left;}
				/* text formating content */
				#content_right h1{font-family: Arial, Helvetica, sans-serif; font-size: 24px; color:#000; margin: 40px 30px 0px 30px; line-height: 25px;}
				#content_right h2{font-family: Arial, Helvetica, sans-serif; font-size: 15px; color:#000; margin: 40px 30px 0px 30px; line-height: 25px;}
				#content_right p{font-family: Arial, Helvetica, sans-serif; font-size: 12px; color:#000; margin: 5px 45px 20px 30px; line-height: 19px;}
			
			#content_right_2 {height:166px; width: 530px; float:left;}
		    	/* text formating content 2 */
				#content_right_2 h1 {font-family: Arial, Helvetica, sans-serif; font-size: 17px; color:#000; margin: 10px 30px 0px 30px; line-height: 25px;}
				#content_right_2 p {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color:#000; margin: 5px 45px 20px 30px; line-height: 19px;}
				/* 2 righter linkblokken */				
				.link_blok { background:; height: 70px; width: 250px; float: left;}
					.link_blok h1 {font-family: Arial, Helvetica, sans-serif; font-size: 20px; color:#000; margin: 0px -20px -10px 30px; line-height: 35px;}
					.link_blok p {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color:#000; margin: 0px 10px 20px 30px; line-height: 19px;}
				/* 2 linker linkblokken */
				.link_blok2 { background:; height: 70px; width: 250px; float: left;}
					.link_blok2 h1 {font-family: Arial, Helvetica, sans-serif; font-size: 20px; color:#000; margin: 0px -20px -10px 15px; line-height: 35px;}
					.link_blok2 p {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color:#000; margin: 0px 10px 20px 15px; line-height: 19px;}
		
		
		/* extra content with nieuws/short portfolio intro/nieuwsletter signup/etc. / black bg */
		#sub_content {height: 220px; width: 1063px; float: left;}
			/* standard content div */
			.sub_content_box {background:; height:220px; width: 265px; float:left;}
				/* text formating sub content */
				.sub_content_box h1 {font-family: Arial, Helvetica, sans-serif; font-size: 20px; color:#fff; margin: 30px 30px 0px 30px;}
				.sub_content_box p {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color:#fff; margin: 0px 45px 20px 30px; line-height: 19px;}
				.sub_content_box a {color: #00baff;}
		
		/* menu sitemap/content tags/address / 3divs gray/white bg */
		#footer {height: 227px; width: 1063px; float: left;}
			#footer_top {background: url('../images/footer_top.gif'); height: 24px; width: 1063px; float: left;}
			#footer_content {background:  url('../images/Footer_midden.gif'); height: 150px; width: 1063px; float: left;}
				/* standard content div */
				.foot_content_box {background: #f9f9f9; height: 150px; width: 265px; float:left;}
					#footer p {font-family:Arial, Helvetica, sans-serif; font-size: 10px; color: #162731; margin: 0px 45px 20px 30px; line-height: 19px; }
				#footer_bottom {background: url('../images/Footer_onderkant.gif'); height: 53px; width: 1063px; float: left;}