* {margin:0px; padding:0px; font-family:"Lucida Grande", helvetica, verdana; font-size:12px;}
body {background-image:url(../images/achtergrond.png); background-repeat:repeat-x;}
img {border:none;}

/* TYPOGRAFIE */
h1, h2 {color:#246093;}
h1 {font-size:2em; margin-bottom:30px;}
h2 {font-size:1.5em; font-weight:normal;}
p {color:#666; line-height:1.7em; margin-bottom:23px;}
p.menuitem {float:left; text-decoration:none; position:relative; margin-top:-19px;}
p.marked {color:#246093;padding:0; margin:0; font-weight:bold; font-size:12px;margin-bottom:23px;}
p.payoff {color:#666666;font-size:1.4em; float:right; margin-top:-57px;background-image:url(../images/payoff.gif); background-repeat: no-repeat; padding-left:21px;}
p.payoff2 {color:#666666;font-size:1.4em; float:right; margin-right:86px; margin-top:-57px;background-image:url(../images/payoff.gif); background-repeat: no-repeat; padding-left:21px;}
p.payoff3 {color:#666666;font-size:1.4em; float:right; margin-right:148px; margin-top:-57px;background-image:url(../images/payoff.gif); background-repeat: no-repeat; padding-left:21px;}
.imageMarginRight {margin-top:-93px;}
.noImageMarginRight {margin-top:327px;}
a img {text-decoration:none;}
/* MAIN DIVS */
#container {width:960px; margin: 0px auto;}
#header {height:220px; }
#main_menu {height:26px;}

#sub_content{height:auto; height:140px; float:left; margin-bottom:20px;}
#footer{float:left; width:inherit;  margin-bottom:10px;}
#contentLeft {margin-top:67px; margin-bottom:40px; width:460px;}
#contentRight { margin-top:-185px;float:right; width:460px;}
#box_center{border-right:none; border-left:none;}
#subNav {position:relative; top:80px; }
#subNav li {padding:0 10px; background-image: url(../images/vertical_spacer.gif); background-repeat:no-repeat; }
#subNav li.first {padding:0 10px 0 0; background-image:none;}
#subNav li a {color:#666; font-weight:normal;}
#subNav li a:hover {color:#246093; font-weight:normal;}
.addresses{float:left; width:185px; color:#666; line-height:1.1em;}
.left {float:left; width:460px; color:#666; line-height:1.9em;}
.right {float:right; width:460px; color:#666; line-height:1.9em;}
.rightFlash {float:right; width:460px; margin-top:100px; }
.rightFlash h2 {margin-bottom:10px;}
/* SUB DIVS */
#sub_menu {height:30px; float:left; margin-top:-48px;}
#content {width:400px; float:left; margin-top:-164px; color:#666; line-height:1.9em;}

/* TABLE PROPERTIES */
.left table, .right table {padding-bottom:30px;}
.left table h2, .right table h2 {margin-bottom:10px; }

#contentWidth {width:967px; float:left; margin-top:-164px;}
#contentWidth2 {width:460px; float:left; margin-top:-164px;}

#sub_footer {margin:0px auto; text-align:center; margin-bottom:10px; margin-top:10px;}
#sub_footer p {line-height:1.6em;}
#main_footer {margin:0px auto; border-top:1px solid #E5E5E5; padding-top:10px;}
#main_footer p{ text-align:right; font-size:0.8em;}

table {color:#666666; margin-bottom:20px; }
td {vertical-align:top;}

/* AANGEPASTE DIVS */
#sub_footer p {font-size:0.8em;}
#sub_content p{font-size:0.9em; margin:25px 0;}

#main_footer li{font-size:0.9em;}
#main_footer ul {margin-left:292px;}
#main_footer ul li{margin-right:20px;}

#sysNieuws dl dt a {font-weight:normal;}
#sysNieuws dl dd p {font-size:0.9em;}

#content  img {height:100px; float:left; margin:0 10px 10px 0;}

#content p {}

/* DIVERSEN */
ul {list-style:none; }
li {float:left; margin-right:35px; color:#666;}
ul.community  {list-style:none;margin-left:30px;}
.community li {list-style-type:circle;float:none; text-indent:10px; padding-bottom:0.6em;}
a {color:#246093; font-size:inherit; text-decoration:none; font-weight:bold;}
a:hover {text-decoration:underline; color:#246093;}
a:active {text-decoration:underline; color:#246093;}
a:visited {color:#246093;}

/* CLASSES */
.logo {margin:50px 0 4px;position:relative;top:17px;width:200px;}
.marked {color:#246093; font-size:inherit; color:#666; font-size:0.7em; font-weight:normal;}

.box {width:278px; height:inherit; background-color:#F8F8F8; float:left; padding:10px 20px; border:1px solid #E5E5E5;}
.box:hover {background-color:#E5E5E5;}
.box img {height:60px; float:left; margin:25px 20px 0 0;}
.buttonTop {margin-top:10px; margin-left:5px; float:left;}
.linkTop {margin-top:-5px;}
.open-screenshots {margin-bottom:15px; text-decoration:none;}

.open-screenshots:hover {margin-bottom:15px; text-decoration:none;}
.contactForm {background-color:#E8E8E8;border:1px solid #BABABA;color:#666666;font-size:0.9em;}
.labelA {font-size:0.9em;}

.month {font-weight:bold;}


dl, dt, dd, ul, li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	color:#666;
}
#menu {
	position: relative;
	top: 69px;
	left: 0;
	z-index:100;
	width: 100%; /* precision for Opera */
}
#menu dl {
	float: left;
	width:153px;
	font-size:12px;
	text-align:center;

}


/*#menu dl:hover {
	background-color:#E9EAEC; 
}*/

#menu dt img {height:20px; margin:0 12px; vertical-align:middle;}

#menu dt {
	cursor: pointer;
	border-top: 1px solid #E9EAEC;
	border-left: 1px solid #E9EAEC;
	margin: 0px;
	height:26px;
	padding-top:5px;
	background:#fff;
	
}

#menu dl.active dt {
	background-color:#E9EAEC;
}

#menu dt a {
	margin-left:5px;	
}
#menu dt a:hover {
	text-decoration:none;	
} 
#menu dt span {
	margin-left:5px;
	font-weight:normal;
}

#menu dt.last {border-right: 1px solid #E9EAEC;}
#menu dd { display:none; 
	
}

#menu dd ul {margin-left:-8px;}
#menu dd .active {display:block;}

#menu dl.active  {
	display:block;	
}

#menu dl.active dd {
	display:block;	
}

#menu li {
	float:left; 
	margin:20px 10px;
	padding-top:0px;
}
#menu li a, #menu dt a {
	text-decoration: none;
	display: block;
	height: 100%;
	border: 0 none;
	color:#666;
	font-weight:normal;
}
#menu li a:hover {
	text-decoration:underline;
}

#site {
	position: absolute;
	z-index: 1;
	top : 70px;
	left : 10px;
	color: #000;
	background-color: #ddd;
	padding: 5px;
	border: 1px solid gray; 
}

.mentions {
	position: absolute;
	top : 300px;
	left : 10px;
	color: #000;
	background-color: #ddd;
}

#menu dl dd  {width:800px; position:absolute; left:0px; top:20px; }

#contentBottom {background-color: #F8F8F8; position:relative; width:965px;float:left;border:1px solid #E5E5E5;}
#contentBottom p { line-height:1.6em;}

#headerRight {float:right; z-index:100; color:#666666;}
#headerRight a {color:#666666; font-weight:normal; top:-6px; position:relative;}
.headerImage {padding-top:10px;}
.locateDealer {background-color:#E8E8E8; color:#666666; padding:0px 5px; border:1px solid #BABABA; font-size:0.9em;}
.verticalSpace {padding:0 5px; margin-top:5px;}
.chooseLanguage { margin-top:-35px; float:right; }

#contentBottom dl, #contentBottom dt, #contentBottom dd, #contentBottom ul, #contentBottom li {
margin: 0;
padding: 0;
list-style-type: none;
color:#666;
width:291px; float:left;
font-weight:normal;

}

#contentBottom dt {font-size:1.5em; font-weight:normal; padding-bottom:20px; color:#246093;}
#contentBottom dl {background-color:F8F8F8; padding:15px; height:120px; display:block; border-right:1px solid #E5E5E5;}
#contentBottom dl:hover { background-color:#FFFFFF; padding:15px; min-height:65px; }
#contentBottom dl dd img {height:60px; float:left; margin:0px 10px 0 0; }

#contentBottom dl.last {border-right:none;}
/* CRUMBLIST */
#crumbList {float:left; margin-bottom:10px;}
#crumbList li a{font-weight:normal;}

/* @group Portals
=================================================== */

#svPortal {
	border-top: 1px solid #ccc;
	margin-bottom: 1em;
}

#svPortal dl {
	border-top: 1px dotted #ccc;
	margin: 1em 0;
	padding-top: 1em;
}

#svPortal dl.first { border-top: 0; }

.content #svPortal dt { margin-bottom: .75em; }

.content #svPortal dt.releaseDate {
	font-size: 1em;
	font-weight: normal;
	color: #999;
}

.content #svPortal dd { margin-bottom: .75em; }

.content #svPortal dd.summary { margin-bottom: .75em; }

.content #svPortal dd.summary span.readMore { font-size: .9em; }

.content #svPortal dd.credits {
	font-size: 1em;
	float: left;
	margin-bottom: 1.2em;
	margin-right: .75em;
	color: #666;
}

.content dd.comments {
	font-size: 1em;
	margin-bottom: 1em;
	float: left;
	padding: 0 .5em 0 0;
}

.content dd.comments a {
	background: url(../images/icon_comments.gif) no-repeat 0 50%;
	padding: 0 .5em 0 13px;
}

.content dd li {
	display: inline;
	padding-right: 1em;
	list-style: none;
	margin: 0;
}

.content dd li a {
	border: 0;
	font-size: .9em;
}

.video {width:280px; border:1px solid #e5e5e5; background-color:#F8F8F8; margin-top:5px; padding:0 10px; float:right; margin-right:-7px;}
.video:hover {background-color:#FFF;}

.video h2{ margin:15px 0 15px 5px;}
.video img{margin-left:5px; margin-bottom:15px;}

.sysDeNieuwePalmPr  .video {margin-bottom:10px;}

/* @end Portals
--------------------------------------------------- */

@media screen and (-webkit-min-device-pixel-ratio:0) {
#menu {
	position: relative;
	top: 73px;
	left: 0;
	z-index:100;
	width: 100%; /* precision for Opera */
}

#sysNieuws a:hover, #sysPalm a:hover, #sysFlip a:hover {text-decoration:none;}

}

#mailing table tbody tr td span.req{color:#F00;font-size:10px;}
#mailing table tbody tr td input{background:#E8E8E8;border:1px solid #BABABA;font-size:0.9em;width:100%;}
#mailing table {width:100%;}
#mailing table tbody tr {height:25px;}
#mailing {padding-bottom:20px;}