@charset "utf-8";

/* Company: Euroweb Internet GmbH */

/*==================================================
    => global tags
==================================================*/

* {
	padding:0;
	margin:0;
}

body {
	color: #606060;
	vertical-align:baseline;
	text-align: left;
	background: #ffffff url(../images/bg.gif) repeat-x top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;	
}

html, body {
	height: 100%;
}


ol,
ul,
dl {
	list-style:none;
}

a,
a:active,
.escape span,
a:visited {
	outline:none;/* disable dotted active-link borders */
	text-decoration: underline;
	color: #606060;
}

a:hover,
a:focus,
a:hover span {
	color:#606060;
	text-decoration:underline;
}

p {
	margin: 0 0 18px 0px;
	line-height: 16px;
}

img,
img a {
	border: none;
	-ms-interpolation-mode: bicubic;
}

hr {
	border: 1px solid transparent;
	margin: 6px 0px 6px 0px;
	clear:both;
}

html>body hr {
	border-top: 1px solid transparent;
	margin: 11px 0px 11px 0px;
}



h1 {
font-size: 14px;
color: #686868;
margin-bottom: 10px;
text-transform:uppercase;
}






h3 {
font-size: 14px;
margin-bottom: 10px;
}

.bilder{
margin-right: 21px;
float: left;
}
/*==================================================
    => global classes
==================================================*/

.clear {
	clear:left;
	float:none;
}

p.highlight {
	background: url(../images/icon-link-grey.gif) no-repeat 3px center;
	border-bottom: solid 1px #e0e3eb;
	border-top: solid 1px #e0e3eb;
	padding: 2px 0 2px 20px;
	color: #30467a;
}

.floatLeft {
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
}

.floatRight {
	float: right;
}

.marginRight {
	margin: 0 10px 0 0;
}

.blockShort {
	float:left;
	display:block;
	width: 30px;
}

.blockMiddle {
	float:left;
	display:block;
	width: 200px;
}

.blockLarge {
	float:left;
	display:block;
	width: 140px;


}

.externalLink {
	background: url(../images/icon-external-link.gif) no-repeat right center;
	padding: 0px 20px 0px 0px;
}

.gototop {
	position:fixed;
	right:10px;
	bottom:10px;
	font-size:10px;
	text-decoration:none;
	background:url(../images/icon-top.png) no-repeat left center;
	padding: 0 0 0 15px;
	_display:none;
}


.automaten{
clear:both;
margin-bottom: 20px;
}
/*==================================================
    => container
==================================================*/



div#container {
	width: 830px;
	/*background: url(../images/himaMaschinenbauLayout01.jpg) no-repeat  0 0 ;*/


	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin-bottom: -100px; /* the bottom margin is the negative value of the footer's height */


}

/*==================================================
    => header  
==================================================*/

div#header {
	height: 360px;
	width: 830px;
	background: url(../images/bg-header.gif) no-repeat  0 0 ; 
	
}



/*------------------ =branding  ------------------*/

h1#branding {
position:absolute;
top:80px;
left:55px;
	width: 150px;
	height: 40px;
   background: url(../images/logo.gif) no-repeat 0 0;
   


}


h1#branding a{
	text-indent:-9999px;
	width: 150px;
	height: 40px;
	display:block;


}

#flash{
float: right;
margin-right: 115px;
margin-top: 117px;
}






/*==================================================
    => navigation
==================================================*/
ul#navi {
position: absolute;
top: 55px;
left: 423px;

}

ul#navi li {
text-indent:-9999px;
float:left;
margin-left: 10px;

}


ul#navi li a {

display:block;
}

ul#navi li.index,
ul#navi li.index a,
ul#navi li.index a:hover {
	width: 35px;
	background:  url(../images/navi/home.gif) no-repeat 0 0;
}

ul#navi li.qualitaet,
ul#navi li.qualitaet a,
ul#navi li.qualitaet a:hover {
	width: 54px;
	background:  url(../images/navi/qualitaet.gif) no-repeat 0 0;
}

ul#navi li.service,
ul#navi li.service a,
ul#navi li.service a:hover {
	width: 47px;
	background:  url(../images/navi/service.gif) no-repeat 0 0;
}

ul#navi li.kontakt,
ul#navi li.kontakt a,
ul#navi li.kontakt a:hover {
	width: 51px;
	background:  url(../images/navi/kontakt.gif) no-repeat 0 0;
}

ul#navi li.anfahrt,
ul#navi li.anfahrt a,
ul#navi li.anfahrt a:hover {
	width: 53px;
	background:  url(../images/navi/anfahrt.gif) no-repeat 0 0;
}
ul#navi li.impressum,
ul#navi li.impressum a,
ul#navi li.impressum a:hover {
	width: 64px;
	background:  url(../images/navi/impressum.gif) no-repeat 0 0;
}



div#h-service {
position: absolute;
top: 140px;
left: 650px;

	width: 172px;
	height: 108px;
   background: url(../images/24h-service.gif) no-repeat 0 0;


}
/*==================================================
    => navigation-sub
==================================================*/
ul#navi-sub {
position: absolute;
top: 120px;
left: 305px;
width: 500px;


}

ul#navi-sub li {

text-indent:-9999px;

	
	
}

ul#navi-sub li.banderoliermaschine-t {
	color: #c80200;
	font-size:18px;
	text-transform:uppercase;
	font-style: italic;
	font-weight: bold;
	text-indent:inherit;
	margin-bottom: 5px;
	margin-left: 16px;
}
ul#navi-sub li.banderoliermaschine-t a  {
	color: #c80200;
	font-size:18px;
	text-transform:uppercase;
	font-style: italic;
	font-weight: bold;
	text-indent:inherit;
	margin-bottom: 5px;

}


ul#navi-sub li a {
text-decoration: none;
display:block;

	
}

ul#navi-sub li.banderolierautomat-s,
ul#navi-sub li.banderolierautomat-s a {
height: 23px;
	width: 400px;
	background:  url(../images/navi/nav1.gif) no-repeat 0 0;
}

ul#navi-sub li.banderolierautomat-s a:hover {
	
	background:  url(../images/navi/nav1-aktiv.gif) no-repeat 0 0;
}

body#banderolierautomat-s ul#navi-sub li.banderolierautomat-s a{
	background:  url(../images/navi/nav1-aktiv.gif) no-repeat 0 0;
}

ul#navi-sub li.banderolierautomat-b,
ul#navi-sub li.banderolierautomat-b a {
height: 24px;
	width: 400px;
	background:  url(../images/navi/nav2.gif) no-repeat 0 0;
}

ul#navi-sub li.banderolierautomat-b a:hover {	
	background:  url(../images/navi/nav2-aktiv.gif) no-repeat 0 0;
}

body#banderolierautomat-b ul#navi-sub li.banderolierautomat-b a{
	background:  url(../images/navi/nav2-aktiv.gif) no-repeat 0 0;
}


ul#navi-sub li.anwendungsbereiche,
ul#navi-sub li.anwendungsbereiche a {
height: 24px;
	width: 400px;
	background:  url(../images/navi/nav3.gif) no-repeat 0 0;
}

ul#navi-sub li.anwendungsbereiche a:hover {	
	background:  url(../images/navi/nav3-aktiv.gif) no-repeat 0 0;
}

body#anwendungsbereiche ul#navi-sub li.anwendungsbereiche a{
	background:  url(../images/navi/nav3-aktiv.gif) no-repeat 0 0;
}

ul#navi-sub li.verbrauchmaterialien,
ul#navi-sub li.verbrauchmaterialien a {
height: 24px;
	width: 400px;
	background:  url(../images/navi/nav4.gif) no-repeat 0 0;
}

ul#navi-sub li.verbrauchmaterialien a:hover {	
	background:  url(../images/navi/nav4-aktiv.gif) no-repeat 0 0;
}

body#verbrauchmaterialien ul#navi-sub li.verbrauchmaterialien a{
	background:  url(../images/navi/nav4-aktiv.gif) no-repeat 0 0;
}




/*==================================================
    => headlines  
==================================================*/

 
body#index  h2, 
body#qualitaet  h2, 
body#service  h2, 
body#kontakt  h2, 
body#anfahrt  h2, 
body#impressum  h2, 
body#banderolierautomat-s  h2, 
body#banderolierautomat-t  h2, 
body#banderolierautomat-b  h2, 
body#anwendungsbereiche  h2, 
body#error  h2,
body#danke  h2,
body#verbrauchmaterialien  h2
 {

position: absolute;
top: 285px;
left: 305px;
width: 500px;

	color: #c80200;
	font-size:16px;
	text-transform:uppercase;
	font-style: italic;
	font-weight: bold;
	text-indent:inherit;
	margin-bottom: 5px;
	margin-left: 16px;
}



/*==================================================
    => top  
==================================================*/

div#top {

	
}


/*==================================================
    => sidebar  
==================================================*/

div#sidebar {
	float:left;
	background: #ffffff url(../images/sidebar.gif) no-repeat  0 0 ; 

	width: 258px;

	padding-left: 60px;
	padding-top: 85px;


	
}


/*==================================================
    => center  
==================================================*/

div#center {
	float:left;
padding-bottom: 60px;

}





/*==================================================
    => contentContainer  
==================================================*/


/*------------------ =contentMain  ---------------*/

div#contentContainer {

}

div#contentMain {
float:left;
width: 510px;


padding-bottom: 70px	

}







/* =image */
img {
border: 0;
}

/* =imprint */

dl.imprintTypeOfBusiness,
dl.imprintAddress {
	line-height: 20px;
	margin: 15px 0;
}

dl.imprintTypeOfBusiness dt,
dl.imprintAddress dt {
	display: block;
	width: 120px;
	color: #909090;
	float:left;
}

dl.imprintTypeOfBusiness dd,
dl.imprintAddress dd {
	clear:right;
}

#btnImprint,
#newField {
	display:none;
}



/*==================================================
    => footer   
==================================================*/

div#footer {


	height: 100px;
	clear:both;
background-color: #EDEDED;

font-size: 11px;

padding-left: 60px;
padding-top: 30px;

}



	
	

ul#navi-footer-oben, ul#navi-footer-unten {
	color: #2b2b2b;
	font-size: 11px;
	clear:left;
	margin-bottom:25px;
	
}

ul#navi-footer-oben li.trenner, ul#navi-footer-unten li.trenner{
display:block;
float: left;
text-indent: -999px;
border-right: 1px solid #c80200;



}

ul#navi-footer-oben li, ul#navi-footer-unten li{
display:block;
float: left;
margin-right: 10px;


}

ul#navi-footer-oben li a, ul#navi-footer-unten li a {
color: #2b2b2b;
text-decoration:none;
}

ul#navi-footer-oben li a:hover, ul#navi-footer-unten li a:hover{
color: #c80200;
text-decoration:none;
}


body#index ul#navi-footer-oben  li.index a,
body#qualitaet ul#navi-footer-oben  li.qualitaet a,
body#service ul#navi-footer-oben  li.service a,
body#kontakt ul#navi-footer-oben  li.kontakt a,
body#anfahrt ul#navi-footer-oben  li.anfahrt a,
body#impressum ul#navi-footer-oben  li.impressum a,
body#banderolierautomat-s ul#navi-footer-oben  li.banderolierautomat-s a,
body#anwendungsbereiche ul#navi-footer-oben  li.anwendungsbereiche a,
body#verbrauchmaterialien ul#navi-footer-oben  li.verbrauchmaterialien a,

body#index ul#navi-footer-unten  li.index a,
body#qualitaet ul#navi-footer-unten  li.qualitaet a,
body#service ul#navi-footer-unten  li.service a,
body#kontakt ul#navi-footer-unten  li.kontakt a,
body#anfahrt ul#navi-footer-unten  li.anfahrt a,
body#impressum ul#navi-footer-unten  li.impressum a,
body#banderolierautomat-s ul#navi-footer-unten  li.banderolierautomat-s a,
body#anwendungsbereiche ul#navi-footer-unten  li.anwendungsbereiche a,
body#verbrauchmaterialien ul#navi-footer-unten  li.verbrauchmaterialien a
{
color: #c80200;
text-decoration:none;
}


/*==================================================
    => clearfix   
==================================================*/

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.clearfix {
	display: inline-block; /* for IE/Mac */
}

/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
	/*zoom: 1; *//* triggers hasLayout */
}

.clearfix {
	display: block;
}
/* End hide from IE-mac */