/* 
	Stratoplan Stylesheet
	constructed by WMIT
	(c) W.L. Middelkoop
	www.wmit.nl
	
	Note: 	due to the very high horizontal width, we use a table to center the
			mainDiv, this way it works in every browser, on every screen (including iPhones, Nokia's and netbooks)
*/


body{
	min-width: 1130px;
	padding:0px;
	margin:0px;
	font-family: Arial;
	font-size: 14px;
	line-height: 20px;
}

p,div,span
{
	margin:0px;
	padding:0px;
}

h3 {
  padding: 0px;
  margin : 0px;
  font-size : 14px;
  margin-bottom : 20px;
  margin-top : 10px;
}

hr {
  padding: 0px;
  margin : 0px;
  color : #bcbd00;
}


#mainDiv,#homeMainDiv{
	position: relative;
	top:0px;
	left:0px;
	width:1130px;
	background-color: white;
	height:1010px;
	background-repeat: no-repeat;
	z-index: 1;
}
#mainDiv{
	background-image:url(../images/background.jpg);
}
#homeMainDiv{
	background-image:url(../images/background_home.jpg);
}


a.menuLink:link,a.menuLink:active,a.menuLink:visited{
	color:#017aa5;
	text-decoration: none;
}
a.menuLink:hover{
	color:black;
	text-decoration: none;
}
a.menuLinkActive:link,a.menuLinkActive:hover,a.menuLinkActive:visited,a.menuLinkActive:active{
	color:white;
	text-decoration: none;
}

a:link,a:active,a:visited{
	color:#017aa5;
	text-decoration: none;
}
a:hover{
	color:#00b2f6;
	text-decoration: none;
}

.menuDiv{
	position: absolute;
	z-index: 2;

	top:60px;
	left:412px;

	height:43px;	
	padding-top:27px;
	margin:0px;
	
	font-family: Arial;
	font-size: 16px;
	
	z-index: 3;
	text-align: center;
}

#menuHomeDiv,#menuHomeDivActive{
	left:400px;
	width:61px;
	padding-left:20px;
}
#menuHomeDivActive{
	background-image:url(../images/active_menu_button_home.jpg)
}

#menuAboutDiv,#menuAboutDivActive{
	left:479px;
	width:89px;
}
#menuAboutDivActive{
	background-image:url(../images/active_menu_button_background.jpg);
}

#menuProductInfoDiv,#menuProductInfoDivActive{
	left:565px;
	width:104px;
}
#menuProductInfoDivActive{
	background-image:url(../images/active_menu_button_background.jpg);
}

#menuMediaDiv,#menuMediaDivActive{
	left:667px;
	width:67px;
}
#menuMediaDivActive{
	background-image:url(../images/active_menu_button_background.jpg);
}

#menuNewsDiv,#menuNewsDivActive{
	left:731px;
	width:77px;
}
#menuNewsDivActive{
	background-image:url(../images/active_menu_button_background.jpg);
}

#menuReferencesDiv,#menuReferencesDivActive{
	left:805px;
	width:105px;
}
#menuReferencesDivActive{
	background-image:url(../images/active_menu_button_background.jpg);
}

#menuJobsDiv,#menuJobsDivActive{
	left:906px;
	width:95px;
}
#menuJobsDivActive{
	background-image:url(../images/active_menu_button_background.jpg);
}

#menuContactDiv,#menuContactDivActive{
	left:999px;
	width:81px;
	padding-right:20px;
}
#menuContactDivActive{
	background-image:url(../images/active_menu_button_contact.jpg);
}

/* Dimensions withouth padding 282x327 */
.homePageContentContainerDiv{
	position: absolute;
	top:664px;
	width:283px;
	height: 235px; 
	padding-left:22px;
	padding-right:22px;
	padding-bottom:22px;

	padding-top:19px;

	overflow:visible;
	
	font-size: 17px;
	line-height:28px;
}

#homePageContentContainerLeftDiv{
	left:54px;
}
#homePageContentContainerMiddleDiv{
	left:407px;
}
#homePageContentContainerRightDiv{
	left:754px;
}

/* original dimensions of contentDiv */
#contentDiv{
	position: absolute;
	width:628px;
	height:774px;
	left:226px;
	top:159px;

	overflow: auto;
	
	padding-top:  34px;
	padding-right:24px;
	padding-left: 30px;
}

.newsItemsImageContainer
{
	position:relative;
	width:257px;
	height:190px;
	background-image:url(../images/news-image-background.jpg);
	background-repeat:no-repeat;
}

#footerDiv{
	position: absolute;
	bottom:10px;
	width:1000px;
	left:50%;
	margin-left: -500px;
	text-align: center;
	color:#626262;
}

a.footerLink:link,a.footerLink:active,a.footerLink:visited{
	color:#626262;
	text-decoration: none;
}
a.footerLink:hover{
	color:#017aa5;
	text-decoration: none;
}

#contactFormDiv
{
	position:absolute;
	width:596px;
	height: 251px;
	background-image: url(../images/contactFormBackground.jpg);
	background-repeat:no-repeat;
	padding:20px;
	margin:0px;
	left:24px;
}

.formControl{
	border:1px solid black;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	width:150px;
}
.formControlXxl{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	
	border:1px solid black;
	width:460px;
}

A.contactFormButton:link, A.contactFormButton:visited {
	color : #FFF;
	padding : 2px 5px 2px 5px;
}

.contactFormButton{
	border:1px solid black;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	width:65px;
	height:20px;
	color:white;
	background-color:#017aa5;
}


.downloadMedia {
 color : #ededed;
 text-transform:uppercase;
 font-size : 9px; 
}

.downloadMedia a {
 color : #868686;
}

.banner {
	border : 2px solid #9fcadb;
	margin-top : 15px;
}

.homepageBanner {
	position : relative; 
	float : left; 
	top : 320px; 
	left : 120px; 
	border : 5px solid #b3bd38; 
	width : 253px;	
}