@charset "utf-8";
/* CSS Document */



body{margin:0;padding:0;color:black;
	}

#wrapper{
	position:absolute;
	left:50%;
	margin-left:-440px;
	width:860px;
	min-height:750px;
	margin-top:10px;
	text-align:left;
	overflow:hidden;
	z-index:9;
}
#shaddow{
	position:absolute;
	left:50%;
	margin-left:-437px;
	width:868px;
	top:38px;
	height:80px;
	z-index:0;
	background-image:url(../images/bgd/shaddow.gif);
	background-position:bottom left;
	background-repeat:no-repeat;
}

.generalNav{text-align:right;line-height:18px;float:right}
.language {text-align:left;float:left; line-height:18px;} .language img{border:1px solid #eee;}


.header{width:860px; height:65px;overflow:hidden; clear:both;}
	.logo{width:300px; height:65px;float:left; background-color:#CCCCCC;}
	.header-left, .header-right {width:280px; height:65px; float:left;background-position:left; background-repeat:no-repeat;}
	.header-left {background-image:url(../images/bgd/header-left.jpg); }
	.header-right {background-image:url(../images/bgd/header-right.jpg); text-align:right;}

.slogan{background-color:#000000; width:100%; text-align:center;color:white; height:16px; line-height:16px; letter-spacing:0.5em; word-spacing:0.5em;font-variant:small-caps;font-weight:bold;}	
	
.mainNav{height:auto; width:340px;margin:auto;}
#content{width:860px; height:auto;}


/*------------------------- NAVIGATION  ---------------------*/

.navigation{width:860px; line-height:normal; overflow:hidden; line-height:auto; position:relative;}
.navigation ul {list-style:none; width:860px; padding:0; display:inline-block; margin-left:230px;} 
.navigation li { float:left; background:url("../images/bgd/tab-right.gif") no-repeat right bottom;   /*margin:0; padding:0;*/ white-space:nowrap;}
.navigation a {float:left; background:url("../images/bgd/tab-left.gif") no-repeat left bottom; display:block; padding: 5px 15px;}

#home #homeNav { background-image:url("../images/bgd/tab-right-on.gif"); } 
#home #homeNav a { background-image:url("../images/bgd/tab-left-on.gif");/*padding-bottom:10px;padding-top:7px;*/color:white;}

#contact #contactNav { background-image:url("../images/bgd/tab-right-on.gif"); } 
#contact #contactNav a { background-image:url("../images/bgd/tab-left-on.gif");/*padding-bottom:10px;padding-top:7px;*/color:white; }

#profile #profileNav { background-image:url("../images/bgd/tab-right-on.gif"); } 
#profile #profileNav a { background-image:url("../images/bgd/tab-left-on.gif");/*padding-bottom:10px;padding-top:7px;*/color:white; }

#policy #policyNav { background-image:url("../images/bgd/tab-right-on.gif"); } 
#policy #policyNav a { background-image:url("../images/bgd/tab-left-on.gif");/*padding-bottom:10px;padding-top:7px;*/color:white; }

#jobs #jobsNav { background-image:url("../images/bgd/tab-right-on.gif"); } 
#jobs #jobsNav a { background-image:url("../images/bgd/tab-left-on.gif");/*padding-bottom:10px;padding-top:7px;*/color:white; }

#manuals #manualsNav { background-image:url("../images/bgd/tab-right-on.gif"); } 
#manuals #manualsNav a { background-image:url("../images/bgd/tab-left-on.gif");/*padding-bottom:10px;padding-top:7px;*/color:white; }



/*--------------------------- CONTENT  -----------------------*/

.left5{margin-left:5px;margin-right:5px;}

.horizontalLine{border-top:1px solid #ccc;margin:20px 0;width:100%;}
table td.content{vertical-align:top;}
table.products td{vertical-align:top; text-align:center;}

.borderBoxTitle {
	border-top: #CCCCCC 1px solid; 
	border-left: #CCCCCC 1px solid;
	background-color: #F5F5F5;
}

.borderBox {
	border: 1px solid #ccc; background-color:white;
}

.infoBox{
	background-image:url(../images/boxes/info-box.gif); background-position:top right; background-repeat:no-repeat;
	border: 1px solid #ccc; border-top:none; border-right:none;
	vertical-align:top; width:32.5%;padding:5px; padding-top:none;
	}
.infoBox .boxTitle{margin-top:-5px;margin-left:-1px;margin-bottom:10px;}

.infoBoxSpacer{width:1.25%;}

.box2a{
	background-image:url(../images/boxes/_home2a.jpg); background-repeat:repeat-x; background-position:bottom;
	height:14px;}
	
.box4a{
	background-image:url(../images/boxes/_home4a.jpg); background-repeat:repeat-y;
	width:20px; height:100%; background-position:right;}
.box5a{
	background-image:url(../images/boxes/_home5a.jpg); background-repeat:repeat-y;
	width:20px; height:100%; background-position:right;}
	
.box8a{
	background-image:url(../images/boxes/_home8a.jpg); background-repeat:repeat-x;
	height:16px; width:100%;}
.introbox4{background-image:url(../images/boxes/introbox4.gif); background-repeat:repeat-y;}
.introbox5{background-image:url(../images/boxes/introbox5.gif); background-repeat:repeat-y;}
.introbox7{background-image:url(../images/boxes/introbox7.gif); background-repeat:repeat-x;}
.introbox2{background-image:url(../images/boxes/introbox2.gif); background-repeat:repeat-x;}
	
.hamaWorld{
	background-image:url(../images/boxes/_hom4_gr.jpg); background-repeat:no-repeat;
	background-position:bottom right; 
	vertical-align:top;
}
.hom5{
	background-image:url(../images/boxes/_hom5a.jpg);
	background-repeat:y-repeat;
	background-position:left;
}

.boxTop{ background-image:url(../images/boxes/_boxtop.gif); background-position:center; background-repeat:no-repeat; height:34px;}

/*--------------------------- FORM  -----------------------*/


form {padding:15px 0px;/*margin:15px 0; background-color:#f5f5f5; border:1px solid #ccc;*/ width:570px; float:left;}
	
label {display: block; float: left; width:120px; vertical-align:bottom;
		text-align: right;padding-right: 1em;font-weight:bold;line-height:35px;}

input {display: block;float: left;width:430px; border:none;border-bottom:1px solid #999; 
		background-color:#f5f5f5; font-size:11px; padding:5px 0px;}
textarea {border:1px solid #999; background-color:#f5f5f5;font-size:11px;padding:0;margin:0;float:left;}
form br {clear: both; margin: 10px 0px;}


#message{width:430px;}
#submit {margin-top:15px; margin-right:3px; width: 100px; padding:0; background-color:#003399; color:white;
		 border:2px outset #3366cc; font-size: 11px;clear:both; float:right; font-weight:bold;}

form #customerNo{margin-bottom:25px;}
form #subject{margin-bottom:25px;}
form #telefon{margin-bottom:45px;}

#contactForm{margin-top:14px;}

/*--------------------------- FOOTER  -----------------------*/

.topAnchor{width:100%;text-align:right;margin: 30px 0px;}

.footer{
	border-top: 1px inset #ccc;
	text-align:center;
	margin-top:10px;
	width:860px;
	/*height:150px;*/ margin-bottom:10px;
	}

.footer p{margin-top:25px; }