body {
  margin:0;
  border:0;
  padding:0;
  height:100%; 
  max-height:100%;
  text-align:center; 
  background:#CCCCCC;  
  overflow:auto; 
  }
  
@font-face {
    font-family: Eurostile;
    font-style:  normal;
    font-weight: normal;
    src: url(..EUROSTI0.eot);
  }
  
p {
font-family: ariel;
font-size: 14px;
}

h1 {
font-family:ariel;
fontsize:14px;
}
  
#content a {
color:black;
text-decoration:underline;
}

#content a:hover{
color:grey;
text-decoration:underline;
}

#content {
  background:white;
  width:800px;
  height:100%;
  min-height:560px;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
  }
 
#content2 {
  background:white;
  width:800px;
  height:100%;
  min-height:960px;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
  }
   
#content2 a {
color:black;
text-decoration:underline;
}

#content2 a:hover{
color:grey;
text-decoration:underline;
}

#contentvessels {
  background:white;
  width:800px;
  height:100%;
  min-height:1165px;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
  }
   
#contentvessels a {
color:black;
text-decoration:underline;
}

#contentvessels a:hover{
color:grey;
text-decoration:underline;
}

#content3 {
  background:white;
  width:800px;
  height:100%;
  min-height:1360px;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
  }
  
#content3 a {
color:black;
text-decoration:underline;
}

#content3 a:hover{
color:grey;
text-decoration:underline;
}

#content4 {
  background:white;
  width:800px;
  height:100%;
  min-height:600px;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
  }
  
#content4 a {
color:black;
text-decoration:underline;
}

#content4 a:hover{
color:grey;
text-decoration:underline;
}

#content6 {
  background:white;
  width:800px;
  height:100%;
  min-height:760px;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
  }
  
#contentabout {
  background:white;
  width:800px;
  height:100%;
  min-height:2380px;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
  }
  
#contentabout a {
color:#000000;
text-decoration:underline;
}

#contentabout a:hover{
color:#000000;
text-decoration:underline;
}

#about-title {
	position:absolute;
	left:26px;
	top:26px;
	width:231px;
	height:41px;
}
	
#about-words {
	position:absolute;
	left:26px;
	top:73px;
	width:712px;
	height:1490px;
}

#layout-about {
	position:relative;
	left:0px;
	top:-10px;
	width:800px;
	height:2136px;
	}

#about-grey {
	position:absolute;
	background:#CCCCCC;
	left:20px;
	top:33px;
	width:760px;
	height:2100px;
}

#address {
	position:absolute;
	left:236px;
	top:224px;
	width:199;
	height:119
}

#news {
left:0px;
top:0px;
width:800px; 
height:22px;
text-color:black;
text-decoration:none;
z-index:1;
}

#news a {
text-decoration: underline;
color: black;
}

#news a:hover {
text-decoration: underline;
color: blue;
}

#Headerbar {
	position:relative;
	left:0px;
	top:10px;
	width:800px;
	height:125px;
}

#Headerbar a {
color:white;
text-decoration:underline;
}

#Headerbar a:hover {
color:white;
text-decoration:underline;
}


#headerbar-03 {
	position:absolute;
	left:515px;
	top:20px;
	width:60px;
	height:60px;
}

#headerbar-05 {
	position:absolute;
	left:662px;
	top:13px;
	width:79px;
	height:79px;
}

#headerbar-08 {
	position:absolute;
	left:443px;
	top:20px;
	width:75px;
	height:74px;
}

#headerbar-11 {
	position:absolute;
	left:404px;
	top:19px;
	width:90px;
	height:90px;
}

#headerbar-14 {
	position:absolute;
	left:41px;
	top:26px;
	width:174px;
	height:76px;
}

#headerbar-17 {
	position:absolute;
	left:583px;
	top:30px;
	width:65px;
	height:65px;
}

#layout-4grey {
	position:relative;
	left:0px;
	top:0px;
	width:800px;
	height:418px;
}

#layout-6grey {
	position:relative;
	left:0px;
	top:-10px;
	width:800px;
	height:618px;
}

#layout-bigger-grey {
	position:relative;
	left:0px;
	top:-10px;
	width:800px;
	height:455px;
}

#layout-8 {
	position:relative;
	left:0px;
	top:-10px;
	width:800px;
	height:815px;
	}
	
#layout-10 {
	position:relative;
	left:0px;
	top:-10px;
	width:800px;
	height:1015px;
	}

#layout-12 {
	position:relative;
	left:0px;
	top:-10px;
	width:800px;
	height:1215px;
	}
	
#grey-1 {
	position:absolute;
	background:#CCCCCC;
	left:20px;
	top:33px;
	width:369px;
	height:177px;
}

#grey-2 {
	position:absolute;
	background:#CCCCCC;
	left:411px;
	top:33px;
	width:369px;
	height:177px;
}

#grey-3 {
	position:absolute;
	background:#CCCCCC;
	left:20px;
	top:234px;
	width:369px;
	height:177px;
}

#grey-4 {
	position:absolute;
	background:#CCCCCC;
	left:411px;
	top:234px;
	width:369px;
	height:177px;
}

#grey-5 {
	position:absolute;
	background:#CCCCCC;
	left:20px;
	top:435px;
	width:369px;
	height:177px;
}

#grey-6 {
	position:absolute;
	background:#CCCCCC;
	left:411px;
	top:435px;
	width:369px;
	height:177px;
}

#grey-7 {
	position:absolute;
	background:#CCCCCC;
	left:20px;
	top:636px;
	width:369px;
	height:177px;
}

#grey-8 {
	position:absolute;
	background:#CCCCCC;
	left:411px;
	top:636px;
	width:369px;
	height:177px;
}

#grey-9 {
	position:absolute;
	background:#CCCCCC;
	left:20px;
	top:837px;
	width:369px;
	height:177px;
}

#grey-10 {
	position:absolute;
	background:#CCCCCC;
	left:411px;
	top:837px;
	width:369px;
	height:177px;
}

#grey-11 {
	position:absolute;
	background:#CCCCCC;
	left:20px;
	top:1038px;
	width:369px;
	height:177px;
}

#grey-12 {
	position:absolute;
	background:#CCCCCC;
	left:411px;
	top:1038px;
	width:369px;
	height:177px;
}

#big-grey {
	position:absolute;
	background:#CCCCCC;
	left:20px;
	top:33px;
	width:760px;
	height:378px;
}

#bigger-grey {
	position:absolute;
	background:#CCCCCC;
	left:20px;
	top:33px;
	width:760px;
	height:420px;
}

#wide-grey {
	position:absolute;
	background:#CCCCCC;
	left:20px;
	top:33px;
	width:760px;
	height:177px;
}

#thumbnail {
	position:absolute;
	left:12px;
	top:12px;
	width:202px;
	height:153px;
}

#thumbnail-name {
	position:absolute;
	left:214px;
	top:12px;
	width:153px;
	height:89px;
}

#thumbnail-button {
	position:absolute;
	left:290px;
	top:101px;
	width:64px;
	height:64px;
}

#product-image {
	position:absolute;
	left:30px;
	top:26px;
	width:436px;
	height:325px;
}

#product-name {
	position:absolute;
	left:502px;
	top:26px;
	width:231px;
	height:41px;
}


#product-info {
	position:absolute;
	left:502px;
	top:67px;
	width:231px;
	height:220px;
}

#product-cost {
	position:absolute;
	left:502px;
	top:287px;
	width:164px;
	height:80px;
}

#product-button {
	position:absolute;
	left:666px;
	top:287px;
	width:67px;
	height:64px;
}

#services-info {
	position:absolute;
	left:444px;
	top:73px;
	width:288px;
	height:278px;
}

#services-image {
	position:absolute;
	left:30px;
	top:33px;
	width:385px;
	height:298px;
}

#services-name {
	position:absolute;
	left:446px;
	top:26px;
	width:231px;
	height:41px;
}

#handwerk-logo {
	position:absolute;
	left:12px;
	top:18px;
	width:174px;
	height:138px;
}

#handwerk-words {
	position:absolute;
	left:217px;
	top:12px;
	width:531px;
	height:153px;
}

#handwerk-name {
	position:absolute;
	left:234px;
	top:12px;
	width:123px;
	height:112px;
}

#handwerk-email {
	position:absolute;
	left:234px;
	top:124px;
	width:130px;
	height:42px;
}

#howto-words {
	position:absolute;
	left:30px;
	top:16px;
	width:422px;
	height:384px;
}

#howto-smallimage {
	position:absolute;
	left:502px;
	top:247px;
	width:164px;
	height:148px;
}

#design {
text-align:right;
width:790px;
height:18px;
}

#design a {
color:black;
text-decoration:none;
}

#design a:hover{
color:black;
text-decoration:underline;
}

#contact-form {
	position:absolute;
	left:-30px;
	top:37px;
	width:398px;
	height:200px;
}

#contact-form-sent {
	position:absolute;
	left:-30px;
	top:75px;
	width:322px;
	height:200px;
}

#contact-form-sent a,
#contact-form-sent a:link,
#contact-form-sent a:visited,
#contact-form-sent a:active,
#contact-form-sent a:hover {
    color: #FFFFFF;
	}