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

* {font-family: Arial, Helvetica, sans-serif; color:#0099FF;}
a { color:#0089cc;}

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: 113px 34px 0px 200px; color: #fff; text-align: right; font-size: 20px; font-style: italic; }
		p.Slogan_bedrijf {padding: 0px 35px; 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; font-weight: ; 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: auto; min-height: 411px; width: 1063px; float:left;}
			#content_left {background: #fff; height: auto; width: 533px; float:left;}
				/* image window */ 
				#img_window {height: auto; 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: auto; 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 {min-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: 20px 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_left {min-height:245px; width: 530px; float:left;}
				/* text formating content */
				#content_left h1{font-family: Arial, Helvetica, sans-serif; font-size: 24px; color:#000; margin: 40px 30px 0px 30px; line-height: 25px;}
				#content_left h2{font-family: Arial, Helvetica, sans-serif; font-size: 15px; color:#000; margin: 20px 30px 0px 30px; line-height: 25px;}
				#content_left p{font-family: Arial, Helvetica, sans-serif; font-size: 12px; color:#000; margin: 5px 45px 20px 30px; line-height: 19px;}
				
			
			#content_right_2 {height: auto; 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 {height: auto; 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 {height: auto; 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 {min-height: 100px; height: auto; width: 1063px; float: left; padding-bottom: 10px;}
			/* standard content div */
			.sub_content_box {min-height: 100px; height: auto; 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;}
				
		/* social media aquaster buttons */
		#as_socialmedia{width: auto; min-width: 250px; height: 84px; padding: 0px; position: absolute; top: 0px; margin-left: 898px; text-align: left;} 
			 #as_socialmedia *{ color: #fff;}
			 #as_socialmedia h2{font-size: 12px; margin-top: 20px; float: left; color: #0078c1;}
			 #as_socialmedia img{}
			 
			 .socialMedia_btn {width: 84px; height: 84px; float: left; padding: 0px; margin: 0px;}
			 .socialMedia_btn img{border: 0px;}