/*
  main Declaration
 */
a:link, a:visited, a:active {
  font-family:HelveticaNeue Medium Condensed, Helvetica, Arial, sans-serif;
  text-decoration : none;
  font-size:11px;
  color : #000;
  line-height:11px;
  
}
a:hover,a:focus {
  font-family:HelveticaNeue Medium Condensed, Helvetica, Arial, sans-serif;
  text-decoration : none;
  font-size:11px;
  color : #33a08b;
  line-height:11px;
}
h2 {
  font-family:HelveticaNeue Medium Condensed, Helvetica, Arial, sans-serif;
  font-size:25px;
  margin:0px;
  padding:0px;
  color:#878a8d;
}
p {
  margin:0px;
  padding:0px;
}
body { 
  margin:0px;
  margin-top:45px;
  margin-left:30px;
  padding: 0px; 
  background-color: #b3b6b9;
}
img{ 
  border:none;
  padding:0px;
  margin:0px;
}
form{
  padding:0px;
  margin:0px;
}
p{
  font-family:HelveticaNeue Medium Condensed, Helvetica, Arial, sans-serif;
  padding:0px;
  margin:0px;
}
div{
  padding:0px;
  margin:0px;
}
table{
  margin:0px;
  padding:0px;
  border:none;

}
/*ID Declaration for Icon and Table*/
#main{
  width:100%;
  margin:0px;
  padding:0px;
  border:none;
}
#maintable{
  width:100%;
  margin:0px;
  padding:0px;
  border:none;
}
#logo{
  background-image:url(../layout/entrance/logo_oben.gif);
  width:193px;
  height:125px;
  background-repeat:no-repeat;
}
#headtext{
  margin:0px;
  padding:0px;
  color:white;
  text-align:right;
  font-size:20px;
}
#links {
   background-color: #fff;
   padding: 0;
   margin: 0px;
   width: 400px;
   height:390px;
   float: left;
   border-right:10px solid #a5aaac;
}
#rechts {
   background-color: #fff;
   padding: 0;
   margin: 0px;
   height:390px;

}
#clear {
  clear:both;
}
#index{
  text-align:right;
}
#logo_font{
  width:165px;
  height:25px;
  padding:0px;
  margin:0px;
  float:right;
  display:block;
}
.hafen{
  background-image:url(../layout/hafen.png);
  background-position:440px 95px;
  background-repeat:no-repeat;
  height:265px;
}
.iehafen{
  background-image:url(../layout/hafen.png);
  background-position:10px 95px;
  background-repeat:no-repeat;
  height:265px;
}
.cube{
  display:block;
  width:11px;
  height:11px;
  background-color:#33a08b;
  line-height:11px;
  font-size:11px;
}
.l_text{
  padding-top:10px;
  padding-left:10px;
}
.r_text{
  float:left;
  padding-left:10px;
  padding-top:10px;
}
.ier_text{
  padding-top:10px;
  padding-left:10px;
}
.culomnright{
  
}
/*Classes Declaration*/
.subtitle{
  font-size:16px;
  font-family:HelveticaNeue Medium Condensed, Helvetica, Arial, sans-serif;
  color:#000;
  font-weight:bold;
  line-height:16px;
}
.subcat{
  font-size:14px;
  font-family:HelveticaNeue Medium Condensed, Helvetica, Arial, sans-serif;
  font-weight:bold;
  color:#000;
  line-height:16px;
}
.left_text{
  font-size:11px;  
  font-family:HelveticaNeue Medium Condensed, Helvetica, Arial, sans-serif;
  color:#000; 
  margin-left:15px;
}
.right_text{
  font-size:11px;  
  font-family:HelveticaNeue Medium Condensed, Helvetica, Arial, sans-serif;
  color:#000; 
  margin-left:15px;
}
.nav_button{
  width:35px;
  height:35px;
  margin-left:4px;
  margin-right:4px;
  vertical-align:middle;
}
/*overview*/
.overviewbuttons{
  width:41px;
  height:41px;
  border:none;
  vertical-align:bottom;
}
.overview{
  float:left;  
  height:50px;
}
.leftoverview{
  padding-left:10px;
  padding-top:10px;
  float:left;
  width:200px;
}
.rightoverview{
  padding-top:10px;
}
a.ovlink:link, a.ovlink:visited, a.ovlink:active {
  font-size:15px;
  font-weight:bold;
  font-family:HelveticaNeue Medium Condensed, Helvetica, Arial, sans-serif;
  color:#000;
  padding-left:5px;
  line-height:30px;
}
a.ovlink:hover,a.ovlink:focus {
  font-size:15px;
  font-weight:bold;
  font-family:HelveticaNeue Medium Condensed, Helvetica, Arial, sans-serif;
  color:#33a08b;
  padding-left:5px;
  line-height:30px;
  text-decoration:none;
}
a.aktiv:link, a.aktiv:visited, a.aktiv:active {
  font-family:HelveticaNeue Medium Condensed, Helvetica, Arial, sans-serif;
  text-decoration : none;
  font-size:11px;
  color : #33a08b;
  line-height:11px;
}
a.aktiv:hover,a.aktiv:focus {
  font-family:HelveticaNeue Medium Condensed, Helvetica, Arial, sans-serif;
  text-decoration : none;
  font-size:11px;
  color : #33a08b;
  line-height:11px;
}
a.start:link, a.start:visited, a.start:active {
  font-family:HelveticaNeue Medium Condensed, Helvetica, Arial, sans-serif;
  text-decoration : none;
  font-size:11px;
  font-style:italic;
  color : #33a08b;
  line-height:11px;
}
a.start:hover,a.start:focus {
  font-family:HelveticaNeue Medium Condensed, Helvetica, Arial, sans-serif;
  text-decoration : none;
  font-size:11px;
  color : #33a08b;
  line-height:11px;
}
/*kontakt*/
.kontaktbg{
  background-image:url(../layout/kontakt.gif);
  width:135px;
  height:297px;
  background-repeat:no-repeat;
  background-position:42% 90%;
}
.ktext{
  position:absolute;
  left:320px; top:320px; width:200px; height:150px;
}
.kontakt{
  font-size:11px;  
  font-weight:bold;
  font-family:HelveticaNeue Medium Condensed, Helvetica, Arial, sans-serif;
  color:#000;
  line-height:16px;
  padding-left:14px;
}
/*referenzen*/
.sstadt{
  background-image:url(../layout/speicherstadt.jpg);
  background-position:440px 118px;
  background-repeat:no-repeat;
  height:242px;
}
.iesstadt{
  background-image:url(../layout/speicherstadt.jpg);
  background-position:10px 118px;
  background-repeat:no-repeat;
  height:242px;
}
.ref_pix{
  width:40px;
  height:20px;
  border:none;
  vertical-align:bottom;
}
.ref_overview{
  float:left;  
  height:25px;
}
.text{
  font-size:11px;  
  font-weight:bold;
  font-family:HelveticaNeue Medium Condensed, Helvetica, Arial, sans-serif;
  color:#000; 
  line-height:20px;
}
/*dvd*/
.images{
  width:366px;
  height:366px;
  vertical-align:middle;
  text-align:center;
  padding-left:16px;
  padding-top:12px;
}
.pix_tn{
  width:70px;
  height:70px;
  vertical-align:middle;
}
.trance_klein{
  width:54px;
  height:54px;
  margin:2px;
}
.bild_klein{
  width:84px;
  height:84px;
  margin:2px;
}