/* Style properties for the-uptimizers.be by Peter Coopmans */
		
body {width: 100%; text-align: center; padding: 0; margin: 0; background: #ddd top center url(../images/bck-body.gif) repeat-y; font-family: Verdana, Arial, sans-serif; font-size: 12px; color: #333; line-height: 150%;}
img  {border: none;}
h1 {font-family: Verdana, Arial, sans-serif; font-size: 20px; font-weight: bold; color: #6aa023;}
	h1.module {font-family: Verdana, Arial, sans-serif; font-size: 24px; font-weight: bold; color: #333; margin-bottom: 0px; line-height: auto; _line-height: 55px; *line-height: 55px; padding-left: 0px;}
h2 {font-family: Verdana, Arial, sans-serif; font-size: 16px; font-weight: bold; color: #6aa023;}
h2.formulier {font-family: Verdana, Arial, sans-serif; font-size: 16px; font-weight: bold; color: #6aa023;}
h3 {font-family: Verdana, Arial, sans-serif; font-size: 13px; font-weight: bold; color: #6aa023;}
	h3.inboxhp {font-family: Verdana, Arial, sans-serif; font-size: 14px; font-weight: bold; color: #454137; line-height: 35px; margin-bottom: 0px; padding-left: 12px;}
	h3.inbox {font-family: Verdana, Arial, sans-serif; font-size: 12px; font-weight: bold; color: #FFF; line-height: 35px; margin-bottom: 0px; padding-left: 12px;}
h3.doormat {font-family: Verdana, Arial, sans-serif; font-size: 11px; font-weight: bold; color: #454137; line-height: 35px; margin-bottom: 0px;  margin-top: 0px; padding-bottom: 0px;}
h4 {display: none;}
p {font-family: Verdana, Arial, sans-serif; font-size: 12px; color: #333; line-height: 175%;}
	p.module {font-family: Verdana, Arial, sans-serif; font-size: 12px; color: #333; line-height: 150%; padding: 0; margin: 0;}
	p.modules {font-family: Verdana, Arial, sans-serif; font-size: 12px; color: #333; line-height: 150%; padding: 0; margin: 0; width: 200px;}
ul {list-style-type: square; font-family: Verdana, Arial, sans-serif; font-size: 12px; color: #333; line-height: 175%;}
ul.inbox {list-style-type: square; font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #333; margin-left: -24px; _margin-left: 15px; *margin-left: 15px; line-height: 175%;}
ul.doormat {list-style-type: none; font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #333; margin-left: -38px; _margin-left: 27px; *margin-left: 0px; width: 100%; line-height: 175%; margin-top: 0px;}
ol {font-family: Verdana, Arial, sans-serif; font-size: 12px; color: #333; line-height: 175%; margin-left: -15px;}
td {font-family: Verdana, Arial, sans-serif; font-size: 12px; color: #333;}
	td.contactform {padding-left: 10px;}
input {font-family: Verdana, Arial, sans-serif; font-size: 12px; color: #333; border: 1px solid #d9d9d9;}
textarea {font-family: Verdana, Arial, sans-serif; font-size: 12px; color: #333; border: 1px solid #d9d9d9; overflow-y: auto;}
select {font-family: Verdana, Arial, sans-serif; font-size: 12px; color: #333;}
option {font-family: Verdana, Arial, sans-serif; font-size: 12px; color: #333;}
img {border: 0px;}
strong.module {font-size: 13px;}

#wrapper {position: relative; margin: 0 auto; padding: 0px; width: 980px;}
#container {padding-left: 255px; padding-right: 255px;}
#containerhp {width: 980px; height: auto;}
#container .column {position: relative; float: left;}
#header {dispay: block; width: 980px; height: 156px; text-align: left; background: #FFF; padding: 0; margin: 0; overflow: hidden; font-family: Arial, Verdana, sans-serif; font-size: 10px; color: #545454;}
	#header #headerleft {display: block; float: left; width: 426px; height: 83px; overflow: hidden;}
		#header #headerleft #logo {display: block; float: left; width: 254px; height: 83px; background: #FFF; margin-left: 38px;}
		#header #headerleft #tagline {display: block; float: left; width: 134px; height: 83px; background: #FFF bottom center url(../images/the-uptimizers-tagline.gif) no-repeat;}
	#header #headerright {display: block; float: left; width: 516px; height: 95px; overflow: hidden; margin-right: 38px;}
		#header #headerright #functionalmenu {display: block; float: right; width: 516px; height: 23px; margin: 10px 5px 0 0; text-align: right; font-family: Verdana, Arial, sans-serif; font-size: 11px; color: #454137;}
		#header #headerright #telephone {display: block; float: right; width: 100px; height: 20px; margin: 35px 5px 0 0; text-align: right; font-family: Verdana, Arial, sans-serif; font-size: 11px; color: #333;}
#center {width: 100%; text-align: left;}
#left {width: 255px; right: 255px; margin-left: -474px; _margin-left: -800px; font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #333; line-height: 175%;}
#right {width: 255px; margin-right: -100%; font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #333; line-height: 175%;}
#doormatcontainer {position: relative; margin: 0 auto; width: 980px; height: auto; font-family: Verdana, Arial, sans-serif; font-size: 10px; font-weight: normal; color: #454137;}
	#doormatcontainer #doormaty {display: block; width: 960px; background: #FFF top center url(../images/bck-doormat.gif) no-repeat; padding: 0 0 10px 0; height: 199px; margin-left: 8px; _margin-left: 0px; *margin-left: 0px;}
		#doormatcontainer #doormaty .doormatbox {font-family: Verdana, Arial, sans-serif; font-size: 1Opx; display: block; float: left; width: 200px; text-align: left;}
#footer {position: relative; margin: 0 auto; width: 980px; font-family: Verdana, Arial, sans-serif; font-size: 11px; font-weight: normal; color: #454137; line-height: 20px; padding-top: 13px; padding-bottom: 23px;}
#dividerhp {position: relative; margin: 0 auto; width: 980px; height: 48px;}

/* IE6 Fix */
* html #left {left: 155px;}

#crumbtail {width: 400px; padding: 0 20px 0 20px; font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #333;}
.ghost {display: none;}
#cta {font-family: Verdana, Arial, sans-serif; font-size: 14px; color: #333; line-height: 200%; margin-bottom: 13px; float: left;}
#ctasmall {display: block; width: 202px; text-align: left; font-family: Verdana, Arial, sans-serif; font-size: 12px; color: #333; line-height: 150%; margin-bottom: 23px; padding-left: 12px; float: left;}
#content {margin-left: 20px; margin-right: 20px; font-family: Verdana, Arial, sans-serif; font-size: 12px; color: #333; line-height: 150%; text-align: left;}
.boxleft {display: block; width: 214px; background: #FFF; text-align: left; margin-bottom: 23px; float: right; margin-top: -12px; _margin-top: 0px; *margin-top: 0px;}
	.boxleft .boxheader {display: block; width: 214px; height: 35px; background: #FFF url(../images/bck-header-box.gif) no-repeat;}
	.boxleft .boxbody {display: block; width: 188px; background: #FFF url(../images/bck-body-box.gif) no-repeat; border-right: 1px solid #ccc; border-left: 1px solid #ccc; padding: 12px;}
	.boxleft .boxfooter {display: block; width: 214px; height: 35px; background: #FFF url(../images/bck-footer-box.gif) no-repeat;}
.boxright {display: block; width: 214px; background: #FFF; text-align: left; margin-bottom: 23px; float: left;}
	.boxright .boxheader {display: block; width: 214px; height: 35px; background: #FFF url(../images/bck-header-box.gif) no-repeat;}
	.boxright .boxbody {display: block; width: 188px; background: #FFF url(../images/bck-body-box.gif) no-repeat; border-right: 1px solid #ccc; border-left: 1px solid #ccc; padding: 12px;}
	.boxright .boxfooter {display: block; width: 214px; height: 35px; background: #FFF url(../images/bck-footer-box.gif) no-repeat;}
.boxhp {display: block; margin-left: 39px; margin-top: 22px; _margin-top: 36px; *margin-top: 36px; float: left; width: 284px; background: #FFF; text-align: left;}
	.boxhp .boxheader {display: block; width: 284px; height: 35px; background: #FFF url(../images/bck-header-boxhp.gif) no-repeat;}
	.boxhp .boxbody {display: block; width: 258px; height: 240px; background: #FFF url(../images/bck-body-boxhp.gif) no-repeat; border-right: 1px solid #ccc; border-left: 1px solid #ccc; padding: 6px 12px 12px 12px;}
	.boxhp .boxfooter {display: block; width: 284px; height: 35px; background: #FFF url(../images/bck-footer-boxhp.gif) no-repeat;}

/* Hyperlinks functional menu */
a.functional:link, a.functional:active, a.functional:visited {font-family: Verdana, Arial, sans-serif; font-size: 11px; color: #454137; text-decoration: none;}
a.functional:hover {color: #454137; text-decoration: underline;}

/* Hyperlinks language choice */
a.languagechoice:link, a.languagechoice:active, a.languagechoice:visited {font-family: Verdana, Arial, sans-serif; font-size: 11px; color: #6aa023; text-decoration: underline;}
a.languagechoice:hover {color: #6aa023; text-decoration: underline;}

/* Hyperlinks footer */
a.footer:link, a.footer:active, a.footer:visited {font-family: Verdana, Arial, sans-serif; font-size: 11px; color: #454137; text-decoration: underline;}
a.footer:hover {color: #454137; text-decoration: underline;}

/* Hyperlinks crumbtail */
a.crumbs:link, a.crumbs:active, a.crumbs:visited {font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #6aa023; text-decoration: underline;}
a.crumbs:hover {color: #6aa023; text-decoration: underline;}

/* Hyperlinks inbox */
a.inbox:link, a.inbox:active, a.inbox:visited {font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #6aa023; text-decoration: underline;}
a.inbox:hover {color: #6aa023; text-decoration: underline;}

/* Hyperlinks inbox */
a.ctos:link, a.ctos:active, a.ctos:visited {font-family: Verdana, Arial, sans-serif; font-size: 12px; color: #6aa023; text-decoration: underline;}
a.ctos:hover {color: #6aa023; text-decoration: underline;}

/* Hyperlinks general */
a:link, a:active, a:visited {font-family: Verdana, Arial, sans-serif; font-size: 12px; color: #6aa023; text-decoration: underline;}
a:hover {color: #6aa023; text-decoration: underline;}

/* Hyperlinks main menu */
#mainmenu #menu {float: right;  padding: 0;  margin: 2em 0 0 0; list-style-type: none; height: 35px;}
#mainmenu #menu li {text-align: left; position: relative; height: 35px; line-height: 100%; float: left;}
#mainmenu #menu a, #mainmenu  #menu a:visited {font-family: Verdana, Arial, sans-serif; font-weight: normal; font-size: 12px; position: relative; text-decoration: none; border: 1px solid #c4c3c3; color: #333; display: block; width: 65px; height: 15px; padding: 5px; margin: 0 0 0 13px; text-align: center;}
#mainmenu #menu a:hover {font-family: Verdana, Arial, sans-serif; font-size: 12px; background: #8cc63f; color: #fff; border: 1px solid #8cc63f;}
#mainmenu #menu a.active, #mainmenu  #menu a.active:visited {font-family: Verdana, Arial, sans-serif; font-weight: bold; font-size: 12px; position: relative; text-decoration: none; border: 1px solid #8cc63f; background: #8cc63f; color: #fff; display: block; width: 65px; height: 15px; padding: 5px; margin: 0 0 0 13px; text-align: center;}
#mainmenu #menu a.active:hover {font-family: Verdana, Arial, sans-serif; font-size: 12px; background: #8cc63f; color: #fff;}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* Autoplay-module homepage */
div.bo {float: left; margin-left: 39px; width: 902px; height: 284px; overflow: hidden; background: url(../images/bck-module.jpg) no-repeat; text-align: left;}
div.boHeader {float: left; width: 603px; height: 54px; padding: 1px 0 0 10px;}
div.boContent {float: left; width: 613px; height: 235px;}
div.boLeft {float: left; width: 433px; margin-left: 10px; height: 218px; border-top: 1px solid #c5c5c5; border-left: 1px solid #c5c5c5; border-bottom: 1px solid #c5c5c5; background: White; overflow: hidden;}
div.boLeftItem {display: none; padding: 15px; font-family: Verdana, Arial, sans-serif; font-size: 12px; font-weight: normal; color: #333; position: relative;}
div.boLeftItem UL {padding: 0; margin: 0px 0px 0px 18px;}
div.boRight {float: right; width: 144px; margin-right: 24px; border-right: 1px solid #d9d9d9;}
div.boRight UL {font-family: Verdana, Arial, sans-serif; font-size: 12px; color: #333; padding: 0; margin: 0; list-style-type: none;}
div.boRight UL LI.first {width: 144px; height: 55px; background: left top url(../images/bck-btn-module.gif) no-repeat;}
div.boRight UL LI.firstSelected {width: 144px; height: 55px; background: left top url(../images/bck-btn-module-top.gif) no-repeat;}
div.boRight UL LI {width: 144px; height: 55px; background: left top url(../images/bck-btn-module.gif) no-repeat; line-height: 55px;}
div.boRight UL LI.Selected {width: 144px; height: 55px; background: White;}
div.boRight UL LI.last {width: 144px; height: 55px; background: left top url(../images/bck-btn-module.gif) no-repeat;}
div.boRight UL LI.lastSelected {width: 144px; height: 55px; background: left top url(../images/bck-btn-module-bottom.gif) no-repeat;}
div.boRight UL LI A {font-family: Verdana, Arial, sans-serif; font-size: 12px; color: #333; text-decoration: none; font-weight: bold; padding-left: 40px;}
div.boRight UL LI.Selected A {color: #333;}
div.boRight UL LI.firstSelected A {color: #333;}
div.boRight UL LI.lastSelected A {color: #333;}