html,
body {
   margin:0;
   padding:0;
   height:100%;
   line-height:1.6em;
   color : #ececec;
   font: 12px "Helvetica", lucida, arial, verdana, sans-serif;
}

img, div, a, input, li, ul, p, h1, h2, h3 { behavior: url(/iepngfix.htc) }

h2 {
	color: #56cffa;
	font: 24px "Trebuchet", lucida, arial, verdana, sans-serif;
	margin-bottom: -10px;
	padding-bottom: 15px;
}
h3 {
	color: #28333a;
	font: 21px "Trebuchet", lucida, arial, verdana, sans-serif;
	margin-bottom: -10px;
	padding-bottom: 15px;
}

a:active, a:focus {
	outline: 0;
}

img, div, li, lu, p { behavior: url(/iepngfix.htc) }

.footertitle {
	color: #fff;
	font: italic bold 15px "Trebuchet", lucida, arial, verdana, sans-serif;
	margin-top: 40px;
	padding-bottom: 15px;
}

#controlepanel {
	margin: auto;
	width: 900px;
	text-align:center;
}
.controlepanellogin {
	height: 18px;
	width: 260px;
	font-size: 10px;
	color: #54490b;
	margin-left: 650px;
	margin-top: -53px;
}

/* @group links */

a.bodylink:link {
	color: #FFF;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #FFF;
	text-decoration: none;
}
a.bodylink:visited {
	color: #FFF;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #FFF;
	text-decoration: none;
}
a.bodylink:hover {
	color: #FFF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	text-decoration: none;
}
a.bodylink:active {
	color: #ffd124;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ffd124;
	text-decoration: none;
}

/* @end */

#container {
   min-height:100%;
   position:relative;
   background: #5c6d75 url(../images/MiddleBg.gif) repeat-x;
}
#header {
	height:  204px;
	background: url(../images/TopBg.gif) repeat-x;
}
#body {
   padding:10px;
   padding-bottom:24px;   /* Height of the footer */
   width: 900px;
   height: 1700px;
   margin: auto;
   background: #5c6d75;
}
#bodyshelter {
   padding:10px;
   padding-bottom:54px;   /* Height of the footer */
   width: 900px;
   height: 2400px;
   margin: auto;
   background: #5c6d75;
}
#headercontainer {
   width: 900px;
   height: 204px;
   margin: auto;
}
#cloudlogin {
	width: 245px;
   height: 250px;
   margin: auto;
   margin-top: 10px;
   padding-top: 37px;
	background: url(../images/cloudlogin.png) no-repeat;
	color: #30383a;
	font: 10px "Lucida Grande", Lucida, Verdana, sans-serif;
}
#navigatie {
	width: 400px;
	height: 64px;
	float: left;
}
#navigatie ul {
	display: inline;
	padding: 0px;
	margin: 0px;
}
#navigatie li {
	display: inline;
	list-style: none;
}

#footer {
   position:absolute;
   bottom:0;
   width:100%;
   height: 54px;  /* Height of the footer */
   background: url(../images/FooterBg.gif) repeat-x;
}

#logo {
   width: 600px;
   margin-top: 25px;
   float: left;
}
#slideshow {
	width: 900px;
	height:  344px;
	background: url(../images/SlideShowBg.gif) no-repeat;
	margin-top: 70px;
	clear: both;
}
#content {
	width: 875px;
	height:  80%;
	background: #f0f9fe;
	clear: both;
	padding-right: 20px;
	margin-top: 30px;
	position: relative;
}
#homepagecontent {
	width: 895px;
	height:  700px;
	background: #f0f9fe;
	clear: both;
}
#contentbesafe {
	width: 895px;
	height: 1700px;
	background: #f0f9fe;
	clear: both;
	height: 80%;
}
#contentbesafe a {
	color: #7b93a2;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #7b93a2;
}
#contentshelter {
	width: 895px;
	height:  2050px;
	background: #f0f9fe;
	clear: both;
}
#contentshelter a {
	color: #7b93a2;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #7b93a2;
}
#contentbesafe a:hover {
	color: #28333a;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #28333a;
}
#contentbisphenol {
	width: 895px;
	height:  800px;
	background: #f0f9fe;
	clear: both;
}
#contentbisphenol a {
	color: #7b93a2;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #7b93a2;
}
#contentbisphenol a:hover {
	color: #28333a;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #28333a;
}
#contentterms {
	width: 895px;
	height:  1100px;
	background: #f0f9fe;
	clear: both;
}
#contentterms a {
	color: #7b93a2;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #7b93a2;
}
#contentterms a:hover {
	color: #28333a;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #28333a;
}
#contentseedprod {
	width: 895px;
	height:  1650px;
	background: #f0f9fe;
	clear: both;
}
#contentseedprod a {
	color: #7b93a2;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #7b93a2;
}
#contentseedprod a:hover {
	color: #28333a;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #28333a;
}
#contentseedfaq {
	width: 895px;
	height:  1250px;
	background: #f0f9fe;
	clear: both;
}
#contentseedfaq a {
	color: #7b93a2;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #7b93a2;
}
#contentseedfaq a:hover {
	color: #28333a;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #28333a;
}
#contentlodger {
	width: 895px;
	height:  1450px;
	background: #f0f9fe;
	clear: both;
}
#contentlodger a {
	color: #7b93a2;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #7b93a2;
}
#contentlodger a:hover {
	color: #28333a;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #28333a;
}
#content a {
	color: #7b93a2;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #7b93a2;
}
#content a:hover {
	color: #28333a;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #28333a;
}
#homepagecontent a {
	color: #7b93a2;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #7b93a2;
}
#homepagecontent a:hover {
	color: #28333a;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #28333a;
}
#leftcontent {
	width: 305px;
	height:  500px;
	padding-left: 28px;
	float: left;
	padding-top: 10px;
	padding-right: 13px;
	color: #30383a;
	background: url(../images/verticalruler.gif) no-repeat right;
}
#leftcontent-article {
	width: 500px;
	height:  500px;
	padding-left: 28px;
	float: left;
	padding-top: 10px;
	padding-right: 13px;
	color: #30383a;
	background: url(../images/verticalruler.gif) no-repeat right;
}
#leftcontentproducten {
	width: 250px;
	height:  500px;
	padding-left: 28px;
	float: left;
	padding-top: 10px;
	padding-right: 13px;
	color: #30383a;
	background: url(../images/verticalruler.gif) no-repeat right;
}
#leftcontentproducten ul {
	list-style: none;
	margin: 0px 20px 0px 0px;
	padding: 0px 0px 0px 2px;
}
#leftcontentproducten li {
	height: 20px;
	list-style: none;
	padding: 0px 0px 0px 17px;
	background: url(../images/icon_articles.gif) no-repeat;
	margin-bottom: 0px;
	margin-top: 0px;
	margin-right: 0px;
}

#leftcontent ul {
	list-style: none;
	margin: 0px 20px 0px 0px;
	padding: 0px 0px 0px 2px;
}
#leftcontent li {
	height: 20px;
	list-style: none;
	padding: 0px 0px 0px 17px;
	background: url(../images/icon_articles.gif) no-repeat;
	margin-bottom: 0px;
	margin-top: 0px;
	margin-right: 0px;
}
#middlecontent {
	width: 245px;
	height:  500px;
	float: right;
	padding-top: 10px;
	padding-left: 17px;
	background: url(../images/verticalruler.gif) no-repeat right;
}
#middlecontent-article {
	width: 245px;
	height:  500px;
	float: right;
	padding-top: 10px;
	padding-left: 17px;
	
}
#rightcontent {
	width: 285px;
	height:  500px;
	padding-top: 10px;
	float: right;
}
#rightcontentproducten {
	width: 285px;
	height:  500px;
	padding-top: 20px;
	float: right;
}
#rightcontent-inlog {
	width: 510px;
	height:  500px;
	padding-top: 10px;
	float: right;
	color:#333;
	line-height: 1.2em;
	overflow: visible;
}
#rightcontent ul {
	list-style: none;
	margin: 0px;
	padding: 0px 0px 0px 2px;
}
#rightcontent li {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

#contentroundedend {
	width: 895px;
	height:  10px;
	background: url(../images/content_underrounded.gif) no-repeat;
}

#slide {
	margin-top: 20px;
	margin-right: 20px;
	width: 490px;
	height:  300px;
	float: right;
	border: 6px solid #062022;
}
#news {
	margin-top: 10px;
	margin-left: 30px;
	width: 290px;
	height:  300px;
	float: left;
}
#newsflash {
	margin-top: 10px;
	margin-left: 45px;
	width: 220px;
	height:  300px;
	float: left;
}


#tools {
	margin-top: 10px;
	margin-right: 10px;
	width: 250px;
	height:  300px;
	float: left;
}
#tools ul {
	margin:13px 0 25px;
	padding:0;
	list-style:none;
}
#tools li {
	height: 20px;
	margin-bottom:9px;
	border-bottom: 1px solid #7a8e97;
	font-size: 10px;
}
#tools li a	{
	padding-left: 20px;
	padding-top:1px;
	background: url(../images/toolsLi.png) no-repeat left center;
	color: #b9d6e4;
	list-style: none;
	text-decoration: none;
}
#tools li a:hover {
	color: #e9e9e9;
	text-decoration:underline;
}


#tools1 {
	margin-top: 10px;
	margin-left: 70px;
	width: 250px;
	height:  300px;
	float: left;
}
#tools1 ul {
	margin:13px 0 25px;
	padding:0;
	list-style:none;
}
#tools1 li {
	height: 20px;
	margin-bottom:9px;
	border-bottom: 1px solid #7a8e97;
	font-size: 10px;
}
#tools1 li a	{
	padding-left: 20px;
	padding-top:1px;
	background: url(../images/toolsLi.png) no-repeat left center;
	color: #b9d6e4;
	list-style: none;
	text-decoration: none;
}
#tools1 li a:hover {
	color: #e9e9e9;
	text-decoration:underline;
}


#aanbevolen {
	margin-top: 10px;
	width: 290px;
	height:  300px;
	float: right;
}
#aanbevolen ul {
	margin:13px 0 25px;
	padding:0;
	list-style:none;
}
#aanbevolen li {
	height: 25px;
	margin-bottom:9px;
	border-bottom: 1px solid #7a8e97;
}
#aanbevolen li a	{
	padding-left: 25px;
	background: url(../images/Aanbevolen.gif) no-repeat left center;
	color: #fff;
	list-style: none;
}
#aanbevolen li a:hover {
	color: #e9e9e9;
	text-decoration:underline;
}
.imgBorder {
	border: 5px solid #9baab4;
}
#search {

	text-align: left;
	float: right;
	margin-top: 8px;
	padding-right: 15px;
}
.zoektxt {
	font: 12px "Helvetica", lucida, arial, verdana, sans-serif;
	color: #414141;		
	width:202px;
	height:23px;
	background: url(../images/zoekveld.jpg) no-repeat;
	border:0px;
	text-align:left;
	position:relative;
	padding-left:8px;
	padding-right:8px;
	padding-top:8px;
	left: 20px;
}
.footer {
	font: 10px "Helvetica", lucida, arial, verdana, sans-serif;
	color:#63dbf5;
	text-align:right;
	padding-right: 20px;
}
#BeSafeContainer {
	width: 900px;
	height:  1400px;
	background-color: #ebebeb;
	float: left;
}	

#ContentBesafe {
	width: 520px;
	height: 1300px;
	padding: 30px;
	margin: 0;
	float: right;
	background: url(/_img/besafetop.jpg);
	background-position:top right;
	background-repeat:no-repeat;
	padding-top: 150px;	
}
#bodybesafe {
   padding:10px;
   padding-bottom:54px;   /* Height of the footer */
   width: 900px;
   height: 1700px;
   margin: auto;
   background: #5c6d75 url(/images/ContentBg.gif) repeat-x;
}
#BeSafeContainerdetails {
	width: 900px;
	height:  900px;
	background-color: #ebebeb;
	float: left;
}	

#ContentBesafedetails {
	width: 520px;
	height: 300px;
	padding: 30px;
	margin: 0;
	float: right;
	background: url(/_img/besafetop.jpg);
	background-position:top right;
	background-repeat:no-repeat;
	padding-top: 150px;	
}
#bodybesafedetails {
   padding:10px;
   padding-bottom:54px;   /* Height of the footer */
   width: 900px;
   height: 1100px;
   margin: auto;
   background: #5c6d75 url(/images/ContentBg.gif) repeat-x;
}
.bold {
	font-weight: bold;
}
.articletext {
	line-height: 1.4em;
	color: #464646;
}
.articleimg {
	padding: 3px;
	border: thin solid #d2dade;
	background-color: #fff;
}
.welkom {
	margin-left: 42px;
	margin-top: 50px;
	font-size: 16px;
}
.welkomzin {
	margin-left: 42px;
}
.wronglogin {
	color: #ff2801;
}
#imagepreview{
	width: 120px;
	padding-right: 10px;
	padding-bottom: 10px;
	float:left;
}
.imageborder{
	border: 2px #cecece solid;
}
.formwith{
	width: 200px;
	float: left;
}
.lijstbezet{
	color:#C00;
	width: 200px;
	float: left;
}
.lijstvrij{
	color:#0C6;
	width: 200px;
	float: left;
}
.merklijst{
	width: 150px;
	float: left;
	margin-right: 20px;
	margin-bottom: 10px;
	margin-top: 10px;
}
.mt{
	margin-top: 60px;
	padding-right: 15px;
}
.imagebesafe{
	float: left;	
	padding: 3px;
	border: 1px #959595 solid;
	margin-right:25px;
	margin-bottom: 20px;
	
}

.imagebesafenoborder{
	float: left;	
	padding: 3px;
	margin-right:25px;
}
.imagekijker{
	float: right;	
	padding: 3px;
	margin-left:10px;	
}
#loading{
	width:300px;
	height:125px;
	border: 3px solid #5b95b5; 
	background-color: #e9f0f6;
	position: absolute;
	visibility: hidden;
	margin-top:50px;
	margin-left:290px;
	z-index:1;
	color:#333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
}
#loading h3{
	color:#FFF;
}