* {
	margin: 0;
	padding: 0;
}

body {
	font: 62.5% "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #463031;
	background: #323c60 url(/img/upsafety/body-bg.jpg) no-repeat center top; 
}

h1 {
	position: absolute;
	top: 8px;
	left: 20px;
	background: url(/img/upsafety/logo-upsafety.png) no-repeat left top;
}

h1 a {
	display: block;
	width: 142px;
	height: 69px;
	text-indent: -9999px;
}

h2 {
	position: absolute;
	top: 0;
	left: 226px;
	padding: 0 0 0 32px;
	font-size: 1.95em;
	color: #fff;
	background: url(/img/upsafety/payoff-arrow.gif) no-repeat left 6px;
}

h3 {
	margin: 0 0 10px 21px;
	padding: 0 0 0 20px;
	font-size: 2.4em;
	line-height: 30px;
	color: #cbd300;
	background: url(/img/upsafety/header-deco.gif) no-repeat left 5px;
}

h4 {
	padding: 0 0 5px 0;
	font-size: 1.4em;
	font-weight: bold;
	line-height: 20px;
}

p {
	padding: 0 0 20px 0;
	font-size: 1.2em;
	line-height: 20px;
}

ul {
	margin: 0 0 20px 0;
	padding: 0 0 0 25px;
	width: 435px;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 32px;
	list-style: none;
	background: #eeebeb;
        clear: both; 
}

ul li {
	padding: 0 0 0 30px;
	background: url(/img/upsafety/list-square.gif) no-repeat left 15px;
}

a:link,
a:visited {
	color: #5a648a;
	text-decoration: underline;
}

a:hover,
a:active {
	color: #5a648a;
	text-decoration: none;
}


img {
	float: left;
	margin: 6px 20px 10px 0;
	border: 1px solid #454f75;
}


/*
.imgleft {
	float: left;
	margin: 6px 20px 10px 0;
	border: 1px solid #454f75;
}

.imgright {
	float: right;
	margin: 6px 0 10px 20px;
	border: 1px solid #454f75;
}
*/


fieldset {
	border: none;
}

.textinput {
	margin: 0 0 11px 0;
	padding: 3px 5px 0 5px;
	height: 17px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	color: #978b8b;
	background: #fff;
	border: none;
}

.submit {
	float: right;
	padding: 0 0 0 25px;
	width: 93px;
	height: 23px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: bold;
	color: #6b595a;
	text-align: left;
	background: url(/img/upsafety/button-newsletter.png) no-repeat left top;
	border: none;
	cursor: pointer;
}

.date {
	float: left;
	margin: 0 5px 0 0;
	padding: 0 5px;
	font-weight: bold;
	color: #fff;
	background: #463031;
}

.button {
	padding: 0;
	height: 43px;
	font-size: 1.1em;
	font-weight: bold;
	line-height: 23px;
}

.button a:link,
.button a:visited {
	float: right;
	display: block;
	padding: 0 0 0 25px;
	width: 68px;
	height: 23px;
	color: #dad6d6;
	text-decoration: none;
	background: url(/img/upsafety/button.png) no-repeat left top;
}

.button a:hover,
.button a:active {
	color: #dad6d6;
	text-decoration: none;
}

.clear {
clear: both;
}

/* ################### */

/* niels toegevoegd voor goede weergave contactpagina */

.clearboth
{
  clear: both; 
}

.contactimg
{
  border: none !important;
}

/* ################## */

/* niels niet toegevoegd voor goede weergave newsfull */

.nieuwskop {
	/*padding: 0 0 5px 0;*/
	font-size: 1.2em;
	font-weight: bold;
	/*line-height: 20px; */
}


/* ################## */

#wrapper {
	position: relative;
	margin: 122px auto 0 auto;
	width: 957px;
}

#colLeft {
	float: left;
	padding: 86px 8px 0 8px;
	width: 188px;
	background: #fff url(/img/upsafety/column-shadow-white.gif) repeat-y right top;
	border: 1px solid #bcbec6;
}

#colMiddle {
	float: left;
	margin: 40px 0 0 0;
	width: 500px;
	background: #fff;
}

#colRight {
	float: left;
	width: 251px;
}

#colMain {
	float: left;
	margin: 40px 0 0 0;
	width: 751px;
	background: #fff;
}

#menu {
	margin: 2px 0 135px 0;
	padding: 0;
	width: 188px;
	font-size: 1.3em;
	line-height: 32px;
	background: none;
}

#menu li {
	margin: -2px 0 0 0;
	padding: 0;
	width: 188px;
	background: url(/img/upsafety/menu-dots.gif) no-repeat 5px 32px;
}

#menu a:link,
#menu a:visited {
	display: block;
	padding: 0 0 2px 31px;
	width: 157px;
	color: #463031;
	text-decoration: none;
	background: url(/img/upsafety/menu-square.gif) no-repeat 9px 15px;
}

#menu a:hover,
#menu a:active {
	color: #fff;
	background: #463031 url(/img/upsafety/menu-square-hover.gif) no-repeat 9px 15px;
}

#menu ul {
	margin: -1px 0 5px 0;
	padding: 0;
	width: 188px;
	font-size: 0.92em;
	font-weight: normal;
	line-height: 20px;
	background: #e0dbdb;
}

#menu ul li {
	margin: 0;
	width: 188px;
}

#menu ul a:link,
#menu ul a:visited {
	padding: 5px 0 5px 39px;
	width: 149px;
	background: url(/img/upsafety/menu-dash.gif) no-repeat 31px 16px;
	border-top: 1px solid #ada3a3;
}

#menu ul a:hover,
#menu ul a:active {
	color: #463031;
	background: #b1a7a8 url(/img/upsafety/menu-dash.gif) no-repeat 31px 16px;
}

#menu .active ul {
	position: relative;
}

#menu .active a:link,
#menu .active a:visited {
	position: relative;
	color: #fff;
	background: #463031 url(/img/upsafety/menu-square-hover.gif) no-repeat 9px 15px;
	z-index: 1;
}

#menu .active ul a:link,
#menu .active ul a:visited {
	color: #463031;
	background: url(/img/upsafety/menu-dash.gif) no-repeat 31px 16px;
	z-index: 0;
}

#menu .active ul a:hover,
#menu .active ul a:active {
	background: #b1a7a8 url(/img/upsafety/menu-dash.gif) no-repeat 31px 16px;
}

#menu .active ul .active a:link,
#menu .active ul .active a:visited {
	background: #b1a7a8 url(/img/upsafety/menu-dash.gif) no-repeat 31px 16px;
}

/* ######## menu 3e niveau ####### */

#menu ul li ul {
	margin: -1px 0 0px 0;
	padding: 0;
	width: 188px;
	font-size: 0.70em;
	font-weight: normal;
	line-height: 16px;
	background: #bbbbbb;
}


/* ########################## */

#ecp {
	padding: 0 10px 50px 10px;
}

#ecp p {
	padding: 0 0 5px 60px;
	font-size: 1.0em;
	line-height: 12px;
	color: #30538d;
	background: url(/img/upsafety/flag-eu.png) no-repeat left 3px;
}

#ecp img {
	float: none;
	margin: 0;
	border: none;
}

#slideshow {
	width: 500px;
	height: 216px;
	border-top: 35px solid #cbd300;
	overflow: hidden;
}

#slideshow img {
	float: none;
	margin: 0;
	border: none;
}

#intro {
	position: relative;
	margin: -36px 0 0 0;
	padding: 62px 20px 0 20px;
	height: 144px;
	background: url(/img/upsafety/intro-bg.png) no-repeat left top;
}

#intro h3 {
	position: absolute;
	top: 9px;
	left: 0;
}

#intro p {
	font-size: 1.4em;
	line-height: 26px;
	color: #fff;
}

#intro img {
	margin: 5px 30px 0 0;
	border: 1px solid #fff;
}

#intro strong {
	color: #cbd300;
}

#fotobanner {
	width: 751px;
	height: 103px;
	border-top: 35px solid #cbd300;
}

#fotobanner .fotos {
	width: 751px;
	height: 102px;
	border-top: 1px solid #fff;
	overflow: hidden;
}

#fotobanner img {
	margin: 0;
	border: none;
	border-right: 1px solid #fff;
}

#breadcrumb {
	margin: 0;
	padding: 0;
	width: 749px;
	height: 64px;
	font-size: 1.8em;
	font-weight: normal;
	line-height: 64px;
	color: #fff;
	background: url(/img/upsafety/breadcrumb-bg.jpg) no-repeat left top;
	border: 1px solid #fff;
}

#breadcrumb li {
	float: left;
	padding: 0 13px 0 15px;
	background: url(/img/upsafety/breadcrumb-pipe.gif) no-repeat left 30px;
}

#breadcrumb .home {
	padding: 0 13px 0 20px;
	background: none;
}

#breadcrumb a:link,
#breadcrumb a:visited {
	font-size: 0.7em;
	color: #b3bad1;
}

#breadcrumb a:hover,
#breadcrumb a:active {
	color: #b3bad1;
}

.content {
	margin: 30px 20px 45px 20px;
	/* background: #fff url(/img/upsafety/dots.gif) repeat-x left bottom; */
}

#news {
	margin: 35px 0 40px 0;
}

#news .content {
	margin: 0;
	padding: 20px;
	background: #e0dbdb;
	border: 1px solid #fff;
}

#news .item {
	margin: 0 0 25px 0;
	background: url(/img/upsafety/dots-news.gif) repeat-x left bottom;
}

#news p {
	padding: 0 0 10px 0;
	color: #624f50;
}

#news .date {
	padding: 0 5px;
	color: #fff;
}

#news .button {
	padding: 0;
}

#news .button a:link,
#news .button a:visited,
#news .button a:hover,
#news .button a:active {
	color: #6b595a;
	background: url(/img/upsafety/button-news.png) no-repeat left top;
}

#newsletter .content {
	margin: 0;
	padding: 20px 20px 45px 20px;
	background: #cbd300;
	border: 1px solid #fff;
}

#newsletter fieldset {
	padding: 0 0 20px 0;
	width: 186px;
	background: url(/img/upsafety/dots-newsletter.gif) repeat-x left bottom;
}

#newsletter p {
	color: #503d2d;
}

#newsletter .textinput {
	width: 176px;
}

#newsletter .submit {
	margin: 8px 0 0 0;
}

#footer {
	clear: both;
	margin: 0 251px 0 206px;
	width: 500px;
	height: 80px;
}

.twoColumnLayout #footer {
	margin: 0 0 0 206px;
	width: 751px;
}

#footer ul {
	float: right;
	margin: 0;
	padding: 0;
	width: auto;
	font-weight: normal;
	line-height: 40px;
	color: #9a9fb1;
	background: none;
}

#footer li {
	float: left;
	margin: 0 0 0 10px;
	padding: 0 0 0 12px;
	background: url(/img/upsafety/footer-pipe.gif) no-repeat left 16px;
}

#footer #copyright {
	margin: 0;
	padding: 0;
	background: none;
}

#footer a:link,
#footer a:visited {
	color: #9a9fb1;
	text-decoration: underline;
}

#footer a:hover,
#footer a:active {
	color: #9a9fb1;
	text-decoration: none;
}

/* TABELLENEDITOR
---------------------------------------------------------------- */


.generatedTableWrapper
{
  width: 500px;
  padding: 10;
  margin: 0;
  clear: both;
}

.generatedTable
{
  background: #fff !important;
  float: left !important;
  clear: none !important;
  border: none !important;
  /*  WIM, FIX voor tabellen zonder dubbele wrapper. */
  width: 710px;
  padding: 10;
  margin: 0 0 12px 0;
  clear: both;
  font-size: 1.2em;
}

.generatedInnerTable
{
  border: none;
}

.generatedTable .plattetekst
{
  padding: 5px;
}

.generatedTable thead
{
  text-align: left;
  padding-left: 2px;
}

.generatedTable th
{
  background: #463031 !important;
  color: #fff !important;
}

* html .generatedTable th
{
  padding: 2px;
}

.thwhite
{
  background: #463031;
  vertical-align: top;
  font-weight: bold;
  color: #463031;
  text-align: left;
}

.tdblack
{
  background: #FFFFFF;
  font-weight: normal;
  vertical-align: top;
  color: #000000;
  text-align: left;
}