/* CSS Document SAACKE*/
/* Farben
 Hintergrund hellblau: #e2ecf1
 Buttons dunkelgrün: #67ACA6
 Buttons dunkelblau: #0066ae
 Dunkelblau Hintergrund-Navigation: #1D336C
 
 Hauptnavigation:
 Company blau: #005BAA
 Products türkis: #0099CC
 Service türkis: #02B6D2
 News rot: #CC3300
 Schrift inaktiv: #8DA7B4
 
 Fliesstext: #587e91
 Subnavigation Text: #E2ECF1
 Tabellen Blau: #e6f0f5
 */


/* Allgemein */

html, body, div, h1, h2, h3, ul, ol, 
form, li, p {
   margin: 0;
   padding: 0;
   font-family: Verdana, Helvetica, Arial, sans-serif;
   color: #587e91;
   }

body{
	background-image: url(/images/bg-blue.gif);
	background-position: 0px 300px;
	background-repeat: repeat-y;
	background-color:#fff;
	font-size: 11px;
	}

.startseitebody {
	background-image: none;
	}

h1 {
	font: bold 14px Verdana, Helvetica, Arial, sans-serif; 
	letter-spacing:0.05em;
	}

td, th {
	font-size: 11px;
	}
	
a {
	color: #7795a5
	}
	
a:hover	{
	text-decoration:none
	}
	
.special {
	background-image: url(/images/nav/sign.gif);
	background-position: 0px 2px;
	background-repeat: no-repeat;
	padding-left: 15px;
	}

.specialwo {
	padding-left: 15px;
	}

.specialback {
	background-image: url(/images/nav/sign-back.gif);
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 15px;
	}
.fontblue {
	color: #0066ae
	}
	
.fontgreen {
	color: #67ACA6;
	}

.bordered {
	border: 1px solid #fff;
	}

.tel {
	padding-left:4px
	}

.tel2 {
	padding-left:43px
	}

.fax{
	padding-left:19px
	}

.fax2{
	padding-left:43px
	}

.mobile {
	padding-left:3px
	}

.email {
	padding-left:12px
	}

.vcf a {
	display:block;
	text-decoration:none;
	background-color:#e6f0f5;
	max-width:400px;
	}

#top {
	height: 22px;
	background-color: #e2ecf1;
	}

#genericnav {
	padding-left: 35px;
	}

#group {
	position: absolute;
	top: 0px;
	left:775px;
	}	

#logo {
	background-color: #fff;
	padding: 31px 0 11px 24px;
	}
	
#topnav {
	background-image: url(/images/land/nav/topnav-bg.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
	background-color:#fff;
	height: 28px;
	}
	
#topnav-company {
	background-image: url(../images/nav/topnav-back-products.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
	background-color:#fff;
	height: 28px;
	}

#topnav-products {
	background-image: url(/images/land/nav/topnav-products-bg.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
	background-color:#fff;
	height: 28px;
	}

#topnav-service {
	background-image: url(/images/land/nav/topnav-service-bg.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
	background-color:#fff;
	height: 28px;
	}

#topnav-news {
	background-image: url(/images/land/nav/topnav-news-bg.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
	background-color:#fff;
	height: 28px;
	}

#bgmain {
	background-image: url(/images/land/bg-home-blank.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	height: 181px;
	min-width:980px;
	}
/* CSS-Kommentar vor dem Hack \*/
* html div#min-width { width: 980px; }
/*#min-width { 
	width: 980px;
	}*/

#imagemain {
	float:left;
	}
	
#main  {
	background-image: url(/images/land/globus-home.jpg);
	background-repeat: no-repeat;
	height: 390px;
	}

#image2news {
	position:absolute;
	margin-top:15px;
	}

#image3news {
	position:absolute;
	left:425px;
	margin-top:15px;
	}

#newsimages {
	position:relative;
	height:160px;
	}

#imagesmall {
	position:absolute;
	left:773px;
	margin-top:15px;
	}

#imagesmall .lupe, #image2news .lupe, #image3news .lupe  {
	position: absolute;
	margin: 1px 0 0 1px;
	}

#home-adresse {
	float:right;
	padding-right: 4%;
	width:200px;
	}
	
#hotlines {
	background:url(/images/marinesystems/products/bg-imagedetail.jpg);
	position:absolute;
	margin-top:15px;
	height:141px;
	left:773px;
	border:1px solid #fff
	}

#hotlines td {
	color:#fff;
	}

#nav {
	float:left;
	background-color: #1D336C;
	height: auto;
	width: 310px;
	}
	
#nav-head {
	color: #E2ECF1;
	padding:0 0 2px 35px;
	}

#nav-hotline {
	position:absolute;
	top: 236px;
	left: 35px;
	color: #E2ECF1;
	font: bold 14px Verdana, Helvetica, Arial, sans-serif;
	width: 252px;
	}
		
#wrap-underline{
	width: 984px;
	min-height:60px;
	background-image: url(/images/marinesystems/punktlinie-head.gif);
	background-repeat: no-repeat;
	background-position: 350px 55px;
	}

#wrap-underline-burner{
	width: 984px;
	min-height:74px;
	background-image: url(/images/marinesystems/punktlinie-head.gif);
	background-repeat: no-repeat;
	background-position: 350px 72px;
	}

#wrap {
	width: 984px;
	}
	
#left {
	float:left;
	width:310px;
	margin:0;
	padding:0;
	background:#e6f0f5;
	min-height:250px;
	}

#left2 {
	clear:both;
	float:left;
	width:310px;
	height:20px;
	}

#center {
	float:left;
	width:405px;
	padding:0;
	margin: 35px 35px 0 39px;
	}

#center-singlebox{
	float:left;
	width:632px;	
	padding:0;
	margin: 35px 0 0 39px;
	}

#applicationtext {
	width:615px;
	}

#center-tech {
	position:absolute;
	padding-top:16px;
	left:349px;
	width:390px;
	}

#right {
	background-image: url(/images/marinesystems/punktlinie-home.gif);
	background-repeat: repeat-y;
	float:left;
	width:188px;
	margin:95px 0 0 0;
	padding: 0 0 0 12px;
	}

#right-contacts {
	float:left;
	padding: 0 0 0 30px;
	width:208px;
	}

#right-products {
	float:left;
	width:188px;
	margin:35px 0 0 0;
	padding: 0 0 0 0px;
	height:100%;}

#right-components-seavis {
	float:left;
	width:188px;
	margin:19px 0 0 0;
	padding: 0 0 0 0px;
	height:100%;}

#right-tech {
	position:absolute;
	padding-top:16px;
	left:774px;
	width:188px;	
	}

#tech {
}

#headline {
	height: 60px;
	}

#headline-singlebox {
	background-color: transparent;
	height: 40px;
	}

#headline-singlebox-burner {
	background-color: transparent;
	height: 46px;
	}

#headline-singlebox-seavis {
	background-color: transparent;
	height: 54px;
	}

#headline-singlebox-seavis2 {
	background-color: transparent;
	height: 60px;
	}

#footer {
	padding-top:20px;
	clear: both;
	}
	
#toplink {
	margin-left:776px;
	}

#right-products ul, #right-components-seavis ul {
	padding: 2px 0;
	list-style: none;
	}

#right ul, #center ul, #center-singlebox ul {
	padding: 8px 0;
	list-style: none;
	}

#table ul{
	padding: 0;
	list-style: none;
	}

#right li, #center li, #center-singlebox li, #right-products li, #right-components-seavis li {
	padding-left: 12px;
	background-image: url(/images/land/square.gif);
	background-repeat: no-repeat;
	background-position: 2px .4em;
	}

ul#tech-data {
	float:left;
	padding:2px 0;
	}

#tech-data li {
	background-image:none;
	padding:0;	
	margin: 0 0 5px 0;
	list-style: none;
	background-color: #e2ecf1;
	width: 350px;
	}

#tech-data a {
	display:block;
	text-decoration: none;
	}

/* Language Selector*/

#language {
	padding:140px 0 0 17px;
	}

#language form {
	background-image: url(/images/nav/sign.gif);
	background-position: 0px 6px;
	background-repeat: no-repeat;
	padding-left: 15px;
	}

#language select, #language input {
	font-size:12px
	}


/* Application-Tabellen*/

#center-singlebox #table table {
	border-collapse: collapse;
	border-right: 2px solid #fff;
	}

#table th {
	background-color: #e6f0f5;
	text-align: left;
	border-right: 2px solid #fff;
	padding: 4px;
	}

#table td {
	padding: 12px 4px;
	vertical-align: top;
	}
	
#table tr.white td {
	background-color: #fff;
	border-right: 2px solid #e6f0f5;
	}

#table tr.green td {
	background-color: #e6f0f5;
	border-right: 2px solid #fff;
	}

#table tr.bottom td {
	padding: 1px 0;
	background-color: #e6f0f5;
	border-right: 2px solid #fff;
	}

#table .tab {
	padding-left: 15px;
	}
	
#center-singlebox #table td.border {
	border-right: 2px solid #fff;
	}

#center #table td.border {
	border-right: 2px solid #fff;
	}
	
	
/* tablelisting */
#center-singlebox, #tablelisting table {
	border-collapse: collapse;
	border-right: 2px solid #fff;
	}

#tablelisting th {
	background-color: #e6f0f5;
	text-align: left;
	border-right: 2px solid #fff;
	padding: 6px 5px;
	}
	
#tablelisting td {
	padding: 2px 5px;
	vertical-align: top;
	}
	
#tablelisting tr.white td {
	background-color: #fff;
	border-right: 2px solid #e6f0f5;
	}

#tablelisting tr.green td {
	background-color: #e6f0f5;
	border-right: 2px solid #fff;
	}

#tablelisting tr.bottom td {
	padding: 1px 0;
	background-color: #e6f0f5;
	border-right: 2px solid #fff;
	}

#tablelisting .tab {
	padding-left: 15px;
	}

#center-singlebox #tablelisting td.border {
	border-right: 2px solid #fff;
	}
/* tablelisting */
/* Navigationen*/

#genericnav a  {
	color: #7291A0;
	text-decoration: none;
	}
	
#genericnav a:hover {
	text-decoration: underline;
	}
	
#genericnav .inactive {
	font-weight: bold;
	}

#topnavcontainer {
	margin-left:348px;
	width: 500px;
	}

#topnavcontainer ul li{
	display: block;
	float: left;
	}

#topnavcontainer ul li a{
	width: 122px;
	text-decoration: none;
	display: block;
	color: #8DA7B4;
	font-weight: bold;
	}
	
#company a:hover {
	color: #005BAA;
	}

#company .active {
	color:#005BAA;
	}
	
#products a:hover {
	color: #0099CC;
	}

#products .active {
	color: #0099CC;
	}
	
#service a:hover {
	color: #02B6D2;
	}

#service .active {
	color: #02B6D2;
	}

#news a:hover {
	color: #CC3300;
	}

#news .active {
	color: #CC3300;
	}

#nav ul {
	list-style-type: none;
	}
	
#nav li {
	background: transparent url(/images/nav/dots.gif) left 3px no-repeat;
	}
	
#nav a {
	display:block;
	width:280px;
	} 
	
#nav .sub li {
	background: transparent url(/images/nav/dots.gif) no-repeat;
	background-position: 20px 3px;
	padding-left: 20px;
	}

#nav .sub a {
	display:block;
	width:250px;
	}
/* Hack für IE6 */
* html #nav a {
	display:inline-block;
	width:265px;
	} 	

#nav ul li a {
	padding-left: 35px;
	color: #E2ECF1;
	text-decoration: none;
	}

#nav-company ul li a:hover {
	background: transparent url(/images/nav/square-products.gif) left 3px no-repeat;
	}

#nav-company li .active {
	background-color: transparent;
	background-image: url(../images/nav/square-products.gif);
	background-repeat: no-repeat;
	background-position: left 3px;
	}

#nav-products ul li a:hover {
	background: transparent url(/images/nav/square-products.gif) left 3px no-repeat;
	}

#nav-products li .active {
	background: transparent url(/images/nav/square-products.gif) left 3px no-repeat;
	}

#nav-service ul li a:hover {
	background: transparent url(/images/nav/square-service.gif) left 3px no-repeat;
	}

#nav-service li .active {
	background: transparent url(/images/nav/square-service.gif) left 3px no-repeat;
	}

#nav-news ul li a:hover {
	background: transparent url(/images/nav/square-news.gif) left 3px no-repeat;
	}

#nav-news li .active {
	background: transparent url(/images/nav/square-news.gif) left 3px no-repeat;
	}

#thrdnav-head {
	margin-top:21px;
	padding: 3px 0 7px 23px;
	}
	
#thrdnavcontainer {
	float:left;
	width: 310px;
	}

#thrdnavcontainer ul {
	list-style-type: none;
	border-top: 1px dotted #7291A0;
	}

#thrdnavcontainer a {
	display: block;
	padding: 3px 0 4px 23px;
	width: 287px;
	background-color: #e6f0f5;
	border-bottom: 1px dotted #7291A0;
	}

* html #thrdnavcontainer a {
	/*display:inline-block;*/
	}

#thrdnavcontainer a:link, #thrdnavlist a:visited {
	text-decoration: none;
	}

#thrdnavcontainer a:hover {
	background-color: #fff;
	}

#thrdnavcontainer a.active {
	background-color: #fff;
	}

#thrdnavlist li.back a {
	background: #fff url(/images/nav/back-application.gif) 23px 7px no-repeat;
	}

#thrdnavlist li.back a:hover {
	background: #fff url(/images/nav/back-application-down.gif) 23px 7px no-repeat;
	}

#thrdnavlist span {
	margin: 0 0 0 202px;
	position:absolute
	}

#thrdnavlist .address {
	color: #7795a5;
	margin: 3px 0 0 202px;
	position:absolute
	}
