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

html, body {
	margin: 0;
	padding: 0;
}
html {
	height: 100%;
}
body {
	position: relative;
	min-height: 100%;
	background-image: url(images/hg-body.jpg);
	background-repeat: repeat-x;
	margin: 0px;
	padding: 0px;
	font-family: Arial;
	font-size: 12px;
	line-height: 16px;
}
/*
 * IE hack - IE doesn't know min-height but does incorrectly interpret
 * height, effectively causing the same effect as min-height should in
 * this case. Uses IE's root ghost hack to only apply to IE.
 */
* html body {
	height: 100%;
}
#head {
	position: absolute;
	padding: 0px;
	height: 25px;
	width: 100%;
}
#head {
	top: 0;
}
#foot {
	font-family: Arial;
	font-size: 12px;
	color:#FFFFFF;
	width: 100%;
	padding: 0px;
	position: absolute;
	bottom: 0px;
	clear: both;
	background-image: url(images/hg-footer.gif);
	background-repeat: repeat-x;
	background-position: center bottom;
}
#content {
	padding: 0px;
	clear: both;
}

p {
	margin: 0;
	padding-bottom: 10px;
}

h1 { font-size: 11px; color: #fff; font-weight: normal; margin-bottom: 0px; margin-top: 0px; padding: 0px; }
h2 { font-size: 13px; color: #3366c0; margin-top: 0px; margin-bottom: 10px;  }
h3 { font-size: 13px; color: #3366c0; margin-top: 0px; margin-bottom: 10px; }
h4 { font-size: 13px; color: #3366c0; margin-top: 0px; margin-bottom: 10px; }
h5 { font-size: 13px; color: #3366c0; margin-top: 0px; margin-bottom: 10px; }
h6 { font-size: 13px; color: #3366c0; margin-top: 0px; margin-bottom: 10px; }

a:link { color: #3366c0; text-decoration: underline; }
a:visited {	color: #3366c0; text-decoration: underline; }
a:hover { color: #002f87; text-decoration: underline; }
a:active { color: #3366c0; text-decoration: underline; }

/* Container */
#con01 {
	margin: 0px auto;
	width: 930px;
	color: #555555;
	clear: both;
}

#ueberschrift {
	float: left;
	width: 500px;
	height: 20px;
	margin: 0px;
	padding-top: 5px;
	padding-left: 10px;
}

#quicklinks {
	float: right;
	width: 375px;
	color: #fff;
	height: 20px;
	margin: 0px;
	padding-top: 5px;
	padding-right: 20px;
}

a:link.quicklinks { color: #fff; text-decoration: none; }
a:visited.quicklinks {	color: #fff; text-decoration: none; }
a:hover.quicklinks { color: #fff; text-decoration: underline; }
a:active.quicklinks { color: #fff; text-decoration: none; }

#con02 {
	margin: 0px auto;
	width: 930px;
	color: #555555;
	clear: both;
}

#kasten01 {
	margin-top: 55px;
	float: left;
	padding-left: 10px;
	padding-right: 10px;
	height: 170px;
	width: 270px;
}

#kasten02 {
	margin-top: 55px;
	float: left;
	height: 160px;
	width: 610px;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 20px;
}

#con03 {
	height: auto;
	margin: 0px auto;
	width: 930px;
	color: #555555;
	clear: both;
}

#kasten03 {
	height: auto;
	float: left;
	padding-left: 10px;
	padding-right: 10px;
	width: 270px;
	background-image: url(images/hg-kasten03.gif);
	background-repeat: no-repeat;
}

#kasten04 {
	float: left;
	width: 610px;
	padding-left: 10px;
	padding-right: 20px;
	background-image: url(images/hg-kasten04.gif);
	background-repeat: no-repeat;
}

#inhalt-bottom {
	clear: both;
	height: 25px;
	width: 20px;
	padding-top: 5px;
	padding-left: 44px;
	margin: 0px;
	background-color: #fff;
}

#textbereich {
	height: auto;
	padding-top: 0px;
	padding-left: 1px;
	padding-bottom: 220px;

}

#con04 {
	width: 930px;
	margin-left: auto; 
	margin-right: auto;
}

#copyright {
	width: 800px;
	margin-left: 10px;
}

#kasten05 {
	float: left;
	padding-left: 10px;
	padding-right: 10px;
	height: 195px;
	width: 270px;
	background-image: url(images/hg-kasten05.gif);
}

#kasten06 {
	float: left;
	height: 195px;
	width: 610px;
	padding-left: 10px;
	padding-right: 20px;
	background-image: url(images/offshore-vessels.gif);
	background-repeat: no-repeat;
}

#messen {
	width: 230px;
	padding-top: 20px;
	margin-top: 20px;
	font-size: 10px;
	color: #a2a2a2;
}

#partner{
	/* border-top: 1px  solid #a2a2a2;
	background-color: #f3f3f3; */
	width: 185px;
	height: auto;
	padding-top: 20px;
	margin-top: 15px;
	font-size: 10px;
	color: #a2a2a2;
	padding-bottom: 200px;
}

/* CSS Navigation */
#navcontainer { 
	height: auto;
	width: 230px;
}

#navi {
	width: 205px;
	height: auto;
	padding-top: 15px;
}

#navcontainer ul {
	width: 205px;
	margin: 0px;
	padding: 0px;
	list-style-type: none; 
}

#navlist {
	width: 205px;
}

#navlist a {
	display: block;
	margin-bottom: 2px;
	width: 205px;
}

#navlist a:link, #navlist a:visited { color: #000; text-decoration: none; }
#navlist a:hover { color: #ee8019; }
#active a:link, #active a:visited, #active a:hover { color: #000; }

/* Unternavigation */
#navcontainer ul ul a { height: 14px; padding-top: 2px; padding-bottom: 3px; padding-left: 19px; width: 140px; padding-right: 11px; }

#subnavlist a:link, #subnavlist a:visited { color: #534834; text-decoration: none; background-image: none; }
#subnavlist a:hover { color: #ee8019; background-image: none; }
#subactive a:link, #subactive a:visited, #subactive a:hover { color: #534834; }

#sublink a:link, #sublink a:visited { color: #534834; }
#sublink a:hover { color: #ee8019; }

#navcontainer ul ul ul a { height: 14px; padding-top: 2px; padding-bottom: 3px; padding-left: 37px; width: 125px; padding-right: 8px; }

#subsubnavlist a:link, #subsubnavlist a:visited { color: #5c3c15; text-decoration: none; }
#subsubnavlist a:hover { color: #ee8019; }
#subsubactive a:link, #subsubactive a:visited, #subsubactive a:hover { color: #5c3c15; }

/* Styles */
.farbe { color: #012e86; }
.farbe2 { color: #CC0000; }
.farbe3 { color: #009900 }
.gross { font-size: 12px; }
.hinweis { font-size: 9px; color: #555555; }
.namen { font-size: 11px; color: #555555; }

.linie-blau {
    width: 609px; 
	height: 10px;
	background-image: url(images/linie-blau.gif);
	background-position: 5px;
}

.hg-grau {
	background-color: #F2F4F7;
}

.hg-blaugrau {
	background-color: #F8F9FA;
}

/* Links */

.ex {
  white-space: nowrap;
  background: transparent url(images/ex.gif) 0 4px no-repeat;
  padding-left: 13px;
}

a.ex:link { color: #3366c0; text-decoration: none; }
a.ex:visited { color: #3366c0; text-decoration: none; }
a.ex:active { color: #002f87; text-decoration: underline; }
a.ex:hover { color: #3366c0; text-decoration: underline; }

.in {
  white-space: nowrap;
  background: transparent url(images/in.gif) 0 4px no-repeat;
  padding-left: 17px;
}

a.in:link { color: #3366c0; text-decoration: none; }
a.in:visited { color: #3366c0; text-decoration: none; }
a.in:active { color: #002f87; text-decoration: underline; }
a.in:hover { color: #3366c0; text-decoration: underline; }

.pdf {
  white-space: nowrap;
  background: transparent url(images/pdf-icon.gif) 0 3px no-repeat;
  padding-left: 15px;
}

.top-r {
	margin: 0px;
	width: 80px;
	padding-top: 2px;
	padding-bottom: 10px;
	padding-left: 529px;
	height: 10px;
	font-size: 10px;
	color: #bababa;
	background: url(images/hg-top.gif) 589px 6px no-repeat;
}

.top { color: #a7a7a7; text-decoration: none; }

a:link.top { color: #a7a7a7; text-decoration: none; }
a:visited.top {	color: #a7a7a7; text-decoration: none; }
a:hover.top { color: #a7a7a7; text-decoration: underline;}
a:active.top { color: #a7a7a7; text-decoration: none; }


/* Eingabefelder */
.eingabefeld {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	background-color: #FBF8F8;
	width: 300px;
	border: 1pt solid #666666;
}
	
.textfeld {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	background-color: #FBF8F8;
	width: 300px;
	height: 80px;
	border: 1pt solid #666666;
}
	
.submit {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	background-color: #002f87;
	width: 90px;
	border: 1pt solid #002f87;
}

.mail { display:none; }

#container-movie, #image-movie{
	margin-top: 15px;	
}