/* CSS styles */

	body {
	font-family: Helvetica, Arial, sans-serif;
	margin: 0;
	padding: 0;
	background: #f3f3f3 url('../images/bg.jpg') repeat-x top;
	}
	h1 {
	margin: 0;
	padding: 0;
	}
	h2 {
	margin: 0;
	padding: 0;
	}
	h3 {
	margin: 0;
	padding: 0;
	}
	p {
	margin: 0;
	padding: 0;
	}
	ul {
	padding: 0;
	margin: 0;
	}
	div{
	padding:0;
	margin:0;
	}
	fieldset {
	margin: 1em 0;
	padding: 1em;
	border: 1px solid #ccc;
	background: #f8f8f8;
	}
	legend {
	color: #32322d;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-weight: normal;
	padding: 0 3px 0 3px;
	}
	label {
	display: block;
	margin: 0 0 3px 0;
	font-family: Helvetica, Arial, sans-serif;
	color: #999898;
	}
	input {
	width: 200px;
	font-family: Helvetica, Arial, sans-serif;
	color: #888888;
	margin: 0 0 8px 0;
	}
	input.checkbox, input.submit {
	width: auto;
	float: left;
	margin: 0 1em 0;
	}
	textarea {
	width: 300px;
	height: 100px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 10px;
	color: #cecdcd;
	}
	input:focus, textarea:focus {
	background: #ffc;
	}
	.required {
	font-size: 10px;
	color: #FF1519;
	}
	
	
	

/* -------- WRAPPER -------- */
#wrapper {
width: 976px;
position: absolute;
margin-left: 0px;
background: #fcfcfc url('../images/wrapper_bg.jpg') repeat-y top;;
}



/* -------- BRANDING -------- */
#branding {
height: 96px;
padding: 17px 0px 0px 33px;
background-image: url('../images/branding_bg.jpg');
}



/* -------- MAINMENU -------- */
#menu {
height: 36px;
padding: 0 0 0 17px;
margin: 0;
background-image: url('../images/mainmenu_bg.jpg');
}
a.menubuthome { 
display: block; 
height: 36px;
width: 45px;  
outline:none;
}
a.menubuthome p { 
position: absolute; 
left:-1000px;
}
a#menu_home { 
background: url('../images/menu_home.jpg') no-repeat left center; 
float: left;
}
a#menu_home:hover,a#menu_home.selected { 
background-position: right center; 
}
a.menubutmain { 
display: block; 
height: 36px;
width: 105px;  
outline:none;
}
a.menubutmain p { 
position: absolute; 
left:-1000px;
}
a#menu_about { 
background: url('../images/menu_about.jpg') no-repeat left center; 
float: left;
}
a#menu_about:hover,a#menu_about.selected { 
background-position: right center; 
}
a#menu_technology { 
background: url('../images/menu_technology.jpg') no-repeat left center; 
float: left;
}
a#menu_technology:hover,a#menu_technology.selected { 
background-position: right center; 
}
a#menu_offer { 
background: url('../images/menu_offer.jpg') no-repeat left center; 
float: left;
}
a#menu_offer:hover,a#menu_offer.selected { 
background-position: right center; 
}
a#menu_contact { 
background: url('../images/menu_contact.jpg') no-repeat left center; 
float: left;
}
a#menu_contact:hover,a#menu_contact.selected { 
background-position: right center; 
}


/* -------- SUBMENUHOME -------- */
#submenuhome {
height: 25px;
padding: 0 0 0 19px;
margin: 0;
background-image: url('../images/submenuhome_bg.jpg');
}


/* -------- SUBMENU -------- */
#submenu {
height: 25px;
padding: 0 0 0 19px;
margin: 0;
background-image: url('../images/submenu_bg.jpg');
}
#submenu ul {
font-weight: bold;
font-size: 11px;
text-align: center;
float: left;
margin: 0;
padding: 0;
list-style: none;
}
#submenu li {
float: left;
}
#submenu ul a:link{
display: block;
width: 113px;
height: 25px;
padding: 0;
line-height: 26px;
text-decoration: none;
color: #F29400;
background: url('../images/submenu_but.jpg') no-repeat left center;
}

#submenu ul a:visited {
display: block;
width: 113px;
height: 25px;
padding: 0;
line-height: 26px;
text-decoration: none;
color: #F29400;
background: url('../images/submenu_but.jpg') no-repeat left center;
}

#submenu ul a:hover{
text-decoration: underline;
color: #99CC00;
background-position: right center;
}

#submenu ul a:active {
text-decoration: underline;
color: #99CC00;
background-position: right center;
}

#whatweofferproduction #subnav .production a,
#whatweofferdevelopment #subnav .development a,
#whatweofferprogramme #subnav .programme a,
#technologyoverview #subnav .overview a,
#technologyadvantages #subnav .advantages a,
#aboutoverview #subnav .overview a,
#aboutnews #subnav .news a,
#aboutjobs #subnav .jobs a {
text-decoration: underline;
color: #99CC00;
background-position: right center;
}



/* -------- FLASH -------- */
#flash {
float: left;
width: 700px;
height: 158px;
padding: 14px 0 0 17px;
margin: 0;
}



/* -------- FEATURES -------- */
#features {
float: right;
height: 167px;
padding: 0 18px 0 0;
margin: 14px 0 0 0;
}
#featuresbut {
float: right;
padding: 0 18px 0 0;
margin: 0;
}
a.fbutton { 
display: block; 
height: 69px;
width: 231px;  
outline: none;
padding: 0;
margin: 0;
}
a.fbutton p { 
position: absolute; 
left:-1000px;
}
a#but_production { 
background: url('../images/feature_production.jpg') no-repeat left center; 
float: left;
}
a#but_production:hover { 
background-position: right center; 
}
#featuresbut1 {
float: right;
padding: 0 18px 0 0;
margin: 0;
}
a.fbutton { 
display: block; 
height: 69px;
width: 231px;  
outline: none;
padding: 0;
margin: 1px 0 0 0;
}
a.fbutton p { 
position: absolute; 
left:-1000px;
}
a#but_development { 
background: url('../images/feature_development.jpg') no-repeat left center; 
float: left;
}
a#but_development:hover { 
background-position: right center; 
}



/* -------- WELCOMETEXT -------- */
#welcometext {
float: left;
width: 698px; 
height: 314px;
padding: 0 0 0 29px;
background: url('../images/welcome_bg.jpg') no-repeat;
}
#welcometext img {
float: right;
padding: 0;
margin: 17px 19px 0 18px;
}
#welcometext h1 {
font-size: 19px;
color: #f29400;
padding: 0;
margin: 28px 0 16px 0;
}
#welcometext h2 {
font-size: 14px;
font-weight: normal;
color: #666666;
padding: 0;
margin: 0 0 16px 0;
}
#welcometext p {
font-size: 12px;
line-height: 16px;
color: #666666;
padding: 0;
margin: 0;
}
#welcometext ul {
padding: 0 0 0 16px;
margin: 0;
}
#welcometext li {
font-size: 12px;
color: #666666;
list-style-image: url('../images/list_arrow.gif');
padding: 0;
margin: 0 0 3px 0;
}
#welcometext a:link, #welcometext a:visited {
text-decoration: none;
font-weight: bold;
color: #4d99ca;
}
#welcometext a:hover, #welcometext a:active {
text-decoration: underline;
}


/* -------- WELCOMETEXT SUPPORT -------- */
#welcometextsupport {
float: left;
width: 678px; 
padding: 0 20px 0 29px;
background: url('../images/welcomesupport_bg.jpg') no-repeat;
}
#welcometextsupport img {
float: right;
padding: 0;
margin: 17px 19px 0 18px;
}
#welcometextsupport h1 {
font-size: 19px;
color: #f29400;
padding: 0;
margin: 28px 0 16px 0;
}
#welcometextsupport h2 {
font-size: 14px;
font-weight: normal;
color: #666666;
padding: 0;
margin: 0 0 16px 0;
}
#welcometextsupport h3 {
font-size: 13px;
font-weight: bold;
color: #32322d;
padding: 0;
margin: 0 0 16px 0;
}
#welcometextsupport p {
font-size: 12px;
line-height: 16px;
color: #666666;
padding: 0;
margin: 0 0 16px 0;
}
#welcometextsupport ul {
padding: 0 0 0 16px;
margin: 0 0 16px 0;
}
#welcometextsupport li {
font-size: 12px;
color: #666666;
list-style-image: url('../images/list_arrow.gif');
padding: 0;
margin: 0 0 3px 0;
}
#welcometextsupport a:link, #welcometextsupport a:visited {
text-decoration: none;
font-weight: bold;
color: #4d99ca;
}
#welcometextsupport a:hover, #welcometextsupport a:active {
text-decoration: underline;
}


/* -------- WELCOMETEXT NEWS -------- */
#welcometextnews {
float: left;
width: 678px; 
padding: 0 20px 0 29px;
background: url('../images/welcomesupport_bg.jpg') no-repeat;
}
#welcometextnews h1 {
font-size: 19px;
color: #f29400;
padding: 0;
margin: 28px 0 16px 0;
}
#welcometextnews h3 {
font-size: 13px;
font-weight: bold;
color: #32322d;
padding: 0;
margin: 0 0 16px 0;
}
#welcometextnews p {
font-size: 12px;
line-height: 16px;
color: #666666;
padding: 0;
margin: 0 0 16px 0;
}
#welcometextnews ul {
padding: 0 0 0 16px;
margin: 0 0 16px 0;
}
#welcometextnews li {
font-size: 12px;
color: #666666;
list-style-image: url('../images/list_arrow_news.gif');
padding: 0;
margin: 0 0 3px 0;
}
#welcometextnews a:link, #welcometextnews a:visited {
text-decoration: none;
font-weight: bold;
color: #4d99ca;
}
#welcometextnews a:hover, #welcometextnews a:active {
text-decoration: underline;
}




/* -------- NEWS -------- */
#news {
float: right;
height: 290px;
padding: 0;
margin: 9px 18px 0 0;
background-color: #ebebeb;
}
#news ul {
width: 211px;
padding: 0 0 0 20px;
margin: 0;
background-color: #ebebeb;
}
#news li {
font-size: 11px;
font-weight: bold;
color: #32322d;
list-style-image: url('../images/list_arrow_news.gif');
padding: 1px 0 7px 0;
margin: 0;
background-color: #ebebeb;
border-top: 1px solid #ffffff;
border-bottom: 1px dotted #666666;
}
#news a:link, #news a:visited {
text-decoration: none;
font-weight: bold;
color: #0297f1;
}
#news a:hover, #news a:active {
text-decoration: underline;
}



/* ---------------- */
#clear {
clear: both;
}



/* -------- FOOTER -------- */
#footerwrapper {
height: 67px; 
background: url('../images/footer.jpg') no-repeat;
}
#footerleft {
color:#e2e1df;
font-weight: normal;
float: left;
margin: 16px 0 0 24px;
font-size: 11px;
}
#footerleft a:link, #footerleft a:visited {
text-decoration: none;
color: #f29400;
}
#footerleft a:hover, #footerleft a:active {
text-decoration: underline;
}