/* CSS Document */

body {
padding:0;
margin:0;
font-family:Arial, Helvetica, sans-serif
background-color:#FFFFFF;
}
h2 {font-family:Arial, Helvetica, sans-serif;}
p {
	color:#7b7b7b;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10pt;
	line-height:1.5em
}
a {color:#098dc4; font-family:Arial, Helvetica, sans-serif}
a:hover {color: #000000}
.maincontainer {
	padding:30px;
	background-color: #FFFFFF;
	}
.logo {
	background-color: #FFFFFF;
	height:70px
	}
.grad {
	float: none;
	background: left repeat-y url(images/grad.gif) #f1f1f1;
	width:980px;
	border-bottom: #cfcfcf solid 1px;
	height:30px
}
.grad .prodrop4 {padding:0 0 0 0px; margin:0; list-style:none; height:30px; position:relative; z-index:500; font-family:arial, verdana, sans-serif;}
.grad .prodrop4 li.top {display:block; float:left;}
.grad .prodrop4 li a.top_link {width:auto;
  display:block;
  padding:5px 15px;
  color: #000000; 
  border:0px solid #fff; 
  text-decoration:none;
  font-family:Arial, Helvetica, sans-serif;
  font-size:11pt
  }

.grad .prodrop4 li a.top_link:hover {color:#FFFFFF; background:#0088cc;}

.grad .prodrop4 li:hover > a.top_link {color:#fff; line-height:20px; background:#0088cc;}



.grad .prodrop4 table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}


.grad .prodrop4 a:hover {visibility:visible; position:relative; z-index:200;}
.grad .prodrop4 li:hover {position:relative; z-index:200;}

.grad .prodrop4 ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

.grad .prodrop4 ul.sub {width:160px;}

.grad .prodrop4 :hover ul {left:0; top:30px; background: #fff; padding:5px; border:1px solid #3a93d2; border-width:0 1px 1px; white-space:nowrap; height:auto; z-index:300;}
.grad .prodrop4 :hover ul li {display:block; height:20px; position:relative; font-weight:normal; width:auto;}
.grad .prodrop4 :hover ul li a {display:block; font-size:11px; height:20px; line-height:20px; width:auto; padding:0 10px; color:#000; text-decoration:none;}
.grad .prodrop4 :hover ul li a:hover { color:#ccc;}


/*
#menu {
  marging-top:0px;
  list-style-type:none;
  float:left;
  }
#menu ul {
 list-style-type:none;
 margin: 0px;
 padding: 0px;
 float:left;
}
#menu ul li {
 float:left;
}
#menu ul li ul li ul {
	visibility:hidden;
	display:none
}
#menu li,  {
  float:left; 
  position:relative;
  list-style-type:none;
  }

#menu a {
  width:auto;
  display:block;
  padding:7px 10px;
  color: #000000; 
  border:0px solid #fff; 
  text-decoration:none;
  font-family:Arial, Helvetica, sans-serif;
  font-size:11pt
  }
#menu a:hover {
  color: #FFFFFF; 
  background:#08c;
  }*/
.frontaboutus {margin:0px 50px 0px 20px; *margin-top:15px; width:450px; float:left; min-width:320px}
.frontaboutus_cl {margin:0px 50px 0px 20px; *margin-top:15px; width:360px; float:left; min-width:320px}
.stage1 {margin-top:80px; height: auto; }

.flash {min-width: 378px}
.flash object {margin-left:20px; margin-top:10px}
.lifestyle {font-family:Arial, Helvetica, sans-serif; font-size:18px; margin-bottom:5px; padding-bottom:5px}
.flip {width:100%; background-color: #FFFFFF; margin-top:50px}

.boxes {
	width:872px;
	height:300px;
	background: url(images/shadows.jpg) bottom center no-repeat #FFFFFF;
	min-width:872px;
	min-height:300px;
	}
	.box1, .box2, .box3 {width:290px; height:300px; float:left}
.smpicborder {
	background-color: #FFFFFF;
	width:207px;
	height:160px;
	margin: 70px 0px 0px 40px;
	border:solid 1px #d7d4cf;
	padding:5px
	}
.picborder {
	background-color: #FFFFFF;
	width:259px;
	height:202px;
	margin: 30px 0px 0px 15px;
	border:solid 1px #d7d4cf;
	padding:5px
	}
.header {
	font-family:Arial, Helvetica, sans-serif;
	font-size:28px;
	width: 300px
}
.closetspunkt {	
	margin: 0px 0px 0px 20px; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:18px; 
	line-height:15px;
	*line-height:18px;
	}
.closetspunkt a {
	margin: 0px 0px 0px 30px; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:20px; 
	display:block; 
	line-height:1.5em;
	*line-height:1.6em;
	width: 300px;
	*height:25px
}

.bigphoto {margin-top:50px; margin-bottom:10px}
.smrow {text-align:left; background-color: #FFFFFF; width:550px}
.smrow img {padding: 7px 0px 7px 0px; margin: 10px 0px 0px 10px; border:1px solid #CCCCCC; background-color:#FFFFFF; cursor: pointer}

	.smrowdet {text-align:right; background-color: #FFFFFF; width:550px}
	.smrowdet img {padding: 7px 0px 7px 0px; margin: 10px 0px 0px 10px; border:0px solid #CCCCCC; background-color:#FFFFFF; cursor: pointer}

.smrow img:hover {border:1px solid #666666;}

.pdf {
	width:120px;
	background-color:#f3f3f3;
	color:#000000;
	padding-left:50px;
	border: 1px solid #d4d4d4;
	background-image: url(images/pdf.jpg);
	background-position: left ;
	background-repeat:no-repeat;
	padding-top:10px;
	margin-top:30px;
	padding-bottom:10px;
	*padding-right:10px
	
	}
.pdf a { 
	color:#098dc4; 
	text-decoration:none; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:10pt;
	margin-top:3px;
	color:#000000
}
.pdf img {border: 0px}