@charset "utf-8";
*{ 
	margin: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	text-decoration: none;	
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
html{
	background-color:#475168;
}	
#body{
	width:940px;
	margin:auto;
	position:relative;
	background-color:#efeef1;
	font-family:arial;
	font-size:14px;
	color:#475168;
	background-image: url(img/sky.png);
	background-repeat: no-repeat;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	text-decoration: none;	
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
	border-width: 2px;
	border-color:#475168;
	padding:0;
	border-radius: 10px;
	-moz-border-radius: 10px;
  	-webkit-border-radius: 10px;
	-ms-border-radius: 10px; 
	-o-border-radius: 10px;
}
 /*header*/
#header {
	position: relative;
	height:150px;
}
#logo {
	position:absolute;
	left:30px;
	top:20px;
}

/*language icons*/
#english {
	position:absolute;
	left:880px;
	top: 50px;
}
#german {
	position:absolute;
	left:880px;
	top: 90px;
}
/*header-subheadline*/
 #header h2{ 
	position: absolute;
	left: 50px;
	top: 105px;
	font-size:22px;
}
/*h2 header medical, maritim, kitchen*/
#logo h2{
	position:absolute;
	left:117px;
	top:75px;
	font-size:45px;
}
.alignleft {
	float:left;
}
/*navi*/
#nav .drop-holder ul:after,
#nav:after,
#header:after {
	clear: both;
	content:"";
	display: block;
}
#nav {
	width:100%;
	font-size:12px;
	line-height:14px;
	letter-spacing:1px;
	font-weight:bold;
	margin-top:21px;
}
#nav li {
	float:left;
	list-style:none;
	margin: 0 2px 0 0;
	position:relative;
	padding:0 0 2px;
}
#nav li a {
	float:left;
	background:url(images/bg-nav.png) 0 -27px no-repeat;
	padding: 0;
	color:#fff;
	text-decoration:none;
}
#nav li a span {
	float:left;
	background:url(images/bg-nav.png) 100% 0 no-repeat;
	padding: 6px 0 7px;
	width:129px;
	text-align:center;
}
#nav li:hover a {
	background:url(images/bg-nav.png) 0 100% no-repeat;
	text-decoration:none;
}
#nav li:hover a span {
	background:url(images/bg-nav.png) 100% -54px no-repeat;
	cursor:pointer;
}
#nav li.active a {
	background:url(images/bg-nav.png) 0 100% no-repeat;
	text-decoration:none;
}
#nav li.active a span {
	background:url(images/bg-nav.png) 100% -54px no-repeat;
	cursor:pointer;
}



#nav .drop-wrap{
	position:absolute;
	left:-9999px;
	top:29px;
	width:272px;
	z-index:1000;
}
#nav .drop {
	background:url(images/bg-drop.png) no-repeat;
	padding:3px 0 0;
}
#nav .drop-holder {
	background:url(images/bg-drop.png) 100% 100% no-repeat;
	padding:0 0 3px;
}
#nav .drop-holder ul {
	width:272px;
	background:#3b4159;
	margin:0;
	padding: 0 0 2px;
}
#nav .drop-holder ul li {
	float:left;
	width:100%;
	position:relative;
}
#nav .drop-holder li a {
	padding: 10px 21px 3px;
	float:left;
	width:230px;
	background:none;
	border:1px solid transparent;
	border-width:1px 0;
}
#nav .drop-holder .has-drop:hover a,
#nav .drop-holder li a:hover {
	border:1px solid #0489b1;
	border-width:1px 0;
	background:#5e6377;
	margin: -1px 0 -6px;
	padding: 11px 21px 9px;
}
#nav li:hover .drop-wrap .drop-wrap{
	position:absolute;
	left:-9999px;
	top:-1px;
	width:210px;
}
#nav li:hover .drop .drop {
	position:relative;
	width:210px;
	background:url(images/bg-drop2.png) no-repeat;
}
#nav .drop-holder .drop-holder {
	background:url(images/bg-drop2.png) 100% 100% no-repeat;
	padding:0 0 3px;
}
#nav .drop-holder .drop-holder:after {
	clear: both;
	content:"";
	display: block;
}
#nav .drop .drop ul {
	width:210px;
	background:#5e6377;
	padding:0;
	float:left;
	margin: 0 0 -2px;
}
#nav .drop-holder .has-drop a {background: url(images/arrow.png) 100% 12px no-repeat;}
#nav .drop-holder .has-drop:hover a,
#nav .drop-holder .has-drop:hover a:hover {background:#5e6377 url(images/arrow.png) 100% 100% no-repeat;}
#nav .drop-holder .has-drop li {
	border-top:1px solid transparent;
	margin:-2px 0 0;
}
#nav .drop-holder .has-drop:hover li a,
#nav .drop-holder .has-drop li a {
	padding: 8px 20px;
	background:#5e6377;
	border:1px solid transparent;
	border-width:1px 0;
	margin:0;
	float:left;
	width:170px;
}
#nav .drop-holder .has-drop:hover li a:hover {
	background:#bcbcbc;
	margin: 0 0 -2px;
	padding: 8px 20px 10px;
	border:1px solid #0489b1;
	border-width:1px 0;
	position:relative;
	z-index:200;
}
/* Menu CSS End */
#frame {
	padding: 20px;
}
#frame a  {
	color: #475168;
	font-style: normal;
	text-decoration: none;
}
#frame a:hover{
	color: #0489B1;
	text-decoration: none;
}


#story {
	width: 740px;
	float: left;
	margin-bottom: 40px;
}
#story p {
	line-height: 1.4em;
}
#story  h1 {
	font-size: 26px;
	padding-bottom: 15px;
}
#story h2 {
	padding-top: 30px;
	padding-bottom:6px;
	font-size: 20px;
	color: #0489B1;
	clear:both;
}
#story h2.space{
	padding-top: 60px;
	padding-bottom:6px;
	font-size: 20px;
	color: #0489B1;
	clear:both;
}
#story h2.bigspace{
	padding-top: 90px;
	padding-bottom:6px;
	font-size: 20px;
	color: #0489B1;
	clear:both;
}
h3 {
	font-size: 16px;
	padding-top: 25px;
}
h3 a:hover {
	color: #0489B1;
	text-decoration: none;	
}
h3.space {
	font-size: 16px;
	margin-top:100px;
}
p a strong:hover{
	color: #0489B1;
	text-decoration: none;
}
/* reference top*/
 h4.top{
	text-decoration:underline;
	clear:both;
	padding-top: 10px;
}
 h4.top a:hover{
	color: #0489B1;
	text-decoration:underline;
}
/* unorded lists*/
.list ul {
	padding-left: 16px;
	padding-top:6px;
	list-style-type:square;
	line-height:1.8em;
}
.list li a:hover{
	color: #0489B1;
	text-decoration: none;
}
/*appbox*/
#appbox {
	position: absolute;
	left: 775px;
	top:225px;
	width: 160px;
	text-align:center;
	z-index: 10;
}
#appbox .icon {
	text-align:center;
	margin-bottom:50px;
}
#appbox .icontop {
	text-align:center;
	margin-bottom:30px;
}
#appbox .fields p{
	text-align:center;
}
#appbox .fields p img{
	border-style: solid;
	border-width: thin;
	border-color:#9E9FAB;
	padding:0;
	margin-bottom:8px;
	border-radius: 10px;
	-moz-border-radius: 10px;
  	-webkit-border-radius: 10px;
	-ms-border-radius: 10px; 
	-o-border-radius: 10px;
}



/* box with unorded list .medical and .maritim */
.listbox {
	width: 345px;
	float: left;
	padding-right: 25px;
	font-size: 13px;
}
.listbox ul  {
	padding-left: 16px;
	padding-top:6px;
	list-style-type:square;
	line-height:1.7em;
}
.listbox ul .bold {
	font-weight:bold;
}
.listbox p{
	font-weight:bold;
}
/*kitchen*/
#kitchen {
	position:absolute;
	left: 390px;
	top: 330px;
	width: 345px;
	font-weight:bold;
	text-align:center;
	clear:both;
 }
 #kitchen img {
	border-style: solid;
	border-width: thin;
	border-color:#d8d8d8;
	padding:0;
	border-radius: 10px;
	-moz-border-radius: 10px;
  	-webkit-border-radius: 10px;
	-ms-border-radius: 10px; 
	-o-border-radius: 10px;
}
#kitchenbox{
	margin-bottom: 80px;
	width: 345px;
	padding-top: 10px;
}
/*.function*/
#function {
	margin-top: 20px;
	margin-bottom:345px;
}
#funktion a img{
	margin-right:40px;
}	
/*orded list* .function*/
ol{
	padding-left: 27px;
}
ol  li{
	line-height:1.5em;
	padding-top:3px;
}
/* specifications*/
#technical {
	width: 320px;
} 
#technical ul{ 
	padding-left: 16px;
	list-style-type:square;
	line-height:1.5em;
}
p.accent{
	font-weight:bold;
	padding-top:5px;
	color:#0489B1;
}
p.bold{
	font-weight:bold;
}
.dimension {
	width: 150px;
	float: left;
	margin-right:12px;
	margin-top:24px;
	border-style: solid;
	border-width: 1px;
	border-color:#9E9FAB;
	padding:4px;
	border-radius: 10px;
	-moz-border-radius: 10px;
  	-webkit-border-radius: 10px;
	-ms-border-radius: 10px; 
	-o-border-radius: 10px;
}
.dimension ul  {
	margin:0;
	padding:0;
	line-height:1.5em;
	clear:both;
}
.dimension ul li{
	list-style-type:none; 
}
.dimension p{
	font-weight:bold;
	padding-top: 6px;
}
/*border for pictures devices*/
img.border {
	border-style:solid;
	border-width: 1px;
	border-color:#9E9FAB;
	border-radius: 10px;
	-moz-border-radius: 10px;
  	-webkit-border-radius: 10px;
	-ms-border-radius: 10px; 
	-o-border-radius: 10px;
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 20px;
	padding-bottom: 20px;
	margin-bottom:5px;
}
/*pictures devices*/
/*index EN+DE* specifications 90 L EN*/
#top390{
	top:390px;
	position:absolute;
	left: 390px;
	width: 345px;
	font-weight:bold;
	text-align:center;
}
/*specifications 80 L EN+DE*; */
#top410 {
	top:410px;
	position:absolute;
	left:390px;
	width:345px;
	font-weight:bold;
	text-align:center;
	float:left;
}
/* specifications 90 L DE*/
#top420 {
	top:420px;
	position:absolute;
	left:390px;
	width:345px;
	font-weight:bold;
	text-align:center;
	float:left;
}
/*function EN+DE; contact EN; legal EN+DE*/
#top430{
	top:430px;
	left: 390px;
	position:absolute;
	width: 345px;
	font-weight:bold;
	text-align:center;
	float:left;
}
/*function EN+DE left side */
#top430left{
	top:430px;
	left:20px;
	position:absolute;
	width: 345px;
	float:left;
	font-weight:bold;
	text-align:center;
}
/*specifications 60 L EN+DE*; kontakt DE*/
#top490 {
	top:490px;
	position:absolute;
	left: 390px;
	width: 345px;
	height:350px;
	font-weight:bold;
	text-align:center;
}
p.space{
	padding-bottom:50px;
	clear:both;
}
/* .contact_headoffice - box without float*/ 
.contact {
	line-height: 1.4em;
	padding-bottom:20px;
	width: 345px;
	list-style-type:none; 
}
.contact h2 {
	padding-top: 10px;
}
.contact ul  {
	margin:0;
	padding:0;
	list-style-type:none; 
}
.contact li a:hover{
	color: #0489B1;
	text-decoration: underline;
	font-weight:bold;
}
.contact ul.bold {
	font-weight:bold;
}
.iconint{
	margin-left:23px;
}
/* .contact_maritim - box with float*/ 

.contactfield {
	width: 345px;
	font-size: 14px;
	line-height: 1.4em;
	padding-right: 25px;
	float: left;
}

.contactfield ul  {
	margin:0;
	padding:0;
	list-style-type:none; 
}
.contactfield li a:hover{
	color: #0489B1;
	text-decoration: underline;
	font-weight:bold;
}
.distance {
	margin-bottom: 250px;
}	

/* .legal - box mit float*/ 
#legal {
	margin-top:65px;
}
/*footer*/
#footer{
	background-color: #475168;
	background-repeat:repeat-x;
	clear:both;
	height:70px;
	border-style:solid;
	border-color:white;
	border-width:thin;
 }
#footer ul{ 
	list-style-type: none;
	width:100%;
	font-size:14px;
	line-height:16px;
	letter-spacing:1px;
	padding-left: 20px;
	padding-right:20px;
	padding-top:20px;
}
#footer ul li{
	display:inline;
	padding-right:50px;
		width:100%
}
#footer ul li a{
	color:#ffffff;
}
#footer ul li a:hover {
	font-weight:bold;
}
/*error page*/

#text404 {
	width: 350px; 
}
#img404 {
	position:absolute;
	top:295px;
	left: 465px;
	height:350px;
	border-style:solid;
	border-width: 1px;
	border-color:#9E9FAB;
	border-radius: 10px;
	-moz-border-radius: 10px;
  	-webkit-border-radius: 10px;
	-ms-border-radius: 10px; 
	-o-border-radius: 10px;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 1px;
	padding-bottom: 0px;
}
/*Cardio First Angel*/

#bodycfa{
	width:940px;
	margin:auto;
	position:relative;
	background-color:#efeef1;
	font-family:arial;
	font-size:14px;
	color:#383838;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	text-decoration: none;	
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
	border-width: 2px;
	border-color:#383838;
	padding:0;
	border-radius: 10px;
	-moz-border-radius: 10px;
  	-webkit-border-radius: 10px;
	-ms-border-radius: 10px; 
	-o-border-radius: 10px;
}
#logocfa {
	position:absolute;
	top:5px;
}
#nav li.activecfa a span {
	background-color: #d10000;
	cursor:pointer;
}
#story  h1.cfa {
	font-size: 26px;
	padding-bottom: 15px;
	color:#d10000;
}
#story h2.cfa {
	padding-top: 30px;
	padding-bottom:6px;
	font-size: 20px;
	color:#d10000;
	clear:both;
	
}
#frame a.cfa {
	color:#383838;
	text-decoration: none;
	font-weight: bold;
}
#frame a.cfa:hover{
	color:#d10000;
	text-decoration: none;
	
}
#appbox p.cfa{
	margin-top: 30px;
	color:#383838;
	font-weight: bold;
}