/* CSS Document Marine Systems*/
/* Farben
 Hintergrund hellgrün: #EAF6EC
 Buttons dunkelgrün: #67ACA6
 Buttons dunkelblau: #2A56A3
 Dunkelblau Hintergrund-Navigation: #1D336C
 
 Hauptnavigation:
 Company blau: #005BAA
 Products türkis: #0099CC
 Service türkis: #02B6D2
 News rot: #CC3300
 Schrift inaktiv: #8DA7B4
 
 Fliesstext: #7291A0
 Subnavigation Text: #E2ECF1
 */


/* Allgemein */

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

body{
	background-image: url(/images/bg-green.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: #7291A0
	}
	
a:hover	{
	text-decoration:none
	}
	
.special {
	background-image: url(/images/nav/sign.gif);
	background-position: left center;
	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;
	}

.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:#EAF6EC;
	max-width:400px;
	}

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

#genericnav {
	padding-left: 35px;
	}

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

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

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

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

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

#bgmain {
	background-image: url(/images/marinesystems/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/marinesystems/schraube-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: 172px;
	width: 310px;
	}
	
#nav-head {
	color: #E2ECF1;
	padding:0 0 2px 35px;
	}

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

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

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

#center {
	float:left;
	width:390px;
	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;
	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;
	left:774px;
	width:188px;	
	}

#tech {
}

#headline {
	height: 60px;
	}

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

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

#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;
	}

#right li, #center li, #center-singlebox li, #right-products li, #right-components-seavis li {
	padding-left: 12px;
	background-image: url(/images/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: #EAF6EC;
	width: 320px;
	}

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

ul#infocenter {
	padding:2px 0;
	}

#infocenter li {
	background-image:none;
	padding:0;	
	margin: 0 0 5px 0;
	list-style: none;
	background-color: #EAF6EC;
	width: 615px;
	}

#infocenter li b {
	margin-left:9px;
	font-weight:bold	
	}

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

#infocenter .filesize {
	float:right;
	text-align:right;
	padding:4px 3px;
	background-color: #67ACA6;
	color:#fff;
	height:14px;
	width:62px;
	}
/* Application-Tabellen*/

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

#table th {
	background-color: #EAF6EC;
	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 #EAF6EC;
	}

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

#table tr.bottom td {
	padding: 1px 0;
	background-color: #EAF6EC;
	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;
	}

/* 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;
	} 
	
* html #nav a {
	display:inline-block;
	width:265px;
	} 	
	 
#nav ul li a {
	padding-left: 35px;
	color: #E2ECF1;
	text-decoration: none;
	/*line-height: 14px;*/
	}
	
#nav-products a span {
	display: none;
	}
	 
#nav-company ul li a:hover {
	background: transparent url(/images/nav/square-company.gif) left 3px no-repeat;
	}

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

#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;
	}


/*hack für ie products*/	

	
#nav-products a:hover span {
	position: absolute;
	top: 122px;
	left: 310px;
	display: block;
	width: 170px;
	height: 132px;
	border: 20px solid #0099CC;
	z-index: 100;
	color: #E2ECF1;
	background: #0099CC;
	}
	
* html #nav-products a:hover span {
	display:inline-block;
	top:124px;
	}

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

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

#thrdnavcontainer a {
	display: block;
	padding: 3px 0 4px 35px;
	width: 275px;
	background-color: #EAF6EC;
	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 {
	float:right; 
	margin: 2px 0 0 232px;
	position:absolute
	}

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

/* Application Navigation für Rücksprung */

.menublock, .display {
	float:left;
	}
.subs {
	display: block;
	}
.menublock .subs{
	display: none;
	}

.show {
	width: 613px;
	text-align:right;
	}

.iconspan {
	float: right;
	cursor:hand;
	cursor:pointer;
	font-weight: bold;
	}

.eg-bar{
	font-weight: bold;
	width: 613px;
	background-color:#EAF6EC;
	padding:3px 0;
	}