/*			   LAYOUT				*/
/*		    CSS by Software Voor U	*/
/*          www.softwarevooru.nl	*/
/*									*/
/*       © Software Voor U
/* 			 2000-2007				*/
/*      All rights reserved 		*/


/* global settings */
* {margin:0; padding:0}
img {display:block;margin-bottom:-5px;}
.clear {clear:both}
.floatR {float:right}
.floatL {float:left}
.alignR	{text-align:right}
.alignL	{text-align:left}


td.model{
background-color:#333333;
text-align:center;
color:#FFFFFF;
font-weight:bold;

}

td.model a{
background-color:#333333;
text-align:center;
font-weight:bold;
color:#FFFFFF;
}

model a{
background-color:#333333;
text-align:center;
color:#FFFFFF;
font-weight:bold;
}

td.model2{
margin: 10px;

text-align:center;

border:3px solid #FF9931;

margin: 0px 0px 0px 0px;

}

tr.model2{
text-align:center;
}

p.fiets{
font-weight:bold;

}

img.floatRight { 
    float: right; 
    margin: 25px; 
	
border:3px solid #FF9931;

}


img.kleur { 
    float: left; 
	margin-left:0px;
	margin-right:15px;
	margin-top:10px;
	
border:3px solid #FF9931;

}

h1 {display:block; margin-bottom:10px; padding-bottom:5px; font-size:18px; font-family:verdana }
h1.title { border-bottom:1px solid #CCCCCC; margin-bottom:20px; color:#631068; width:auto; font-weight:bold }
h2 {font-size:13px;font-weight:bold;color:#303030;margin:2px 0 2px 0}
h2.headlines {font-size:17px; font-weight:normal; width:auto; margin:0 0 10px 0; padding:0; font-family:"Trebuchet MS", "Bitstream Vera Sans", verdana, lucida, arial, helvetica, sans-serif; border-bottom:1px solid #CCCCCC;}
h2.headlines strong {color:#631068;}
h3 {font-size:11px; font-weight:bold; color:#555555}

p {margin:0;padding:0}
a {-moz-outline-style:none}

/* body and wrapper */
body {background:white url(/media/bg_body.gif) repeat-x top; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; line-height:16.5px; }
#wrapper_top {width:739px; position:relative; margin:0 auto 0 auto; padding:0 13px 0 13px; border-width:0 1px 0 1px; border-style:solid; border-color:#7C7F82; background:white}  
#wrapper_bottom {width:739px; position:relative; margin:0 auto 15px auto; padding:0 14px 0 14px; background:transparent url(/media/wrapper_bottom_border.gif) no-repeat center top }  

/* header */
#ctrHeader {width:739px; height:46px; margin:0; padding:0}
	.logo {float:left; margin:5px 0 0 6px}
	.payoff {float:right; margin:25px 20px 0 0}

/* main */
#ctrMain {width:729px; height:auto; margin:0; padding:5px; background:#424242 } /* old = 393939 */

/* navigation menu */
#nav {float:left; width:729px; height:24px; margin:0; padding-bottom:2px; list-style:none; font-weight:bold; border-top:1px solid #FEC386; background:#FF9931 url(/media/bg_nav.gif) repeat-x top left}
#nav a {display:block; padding:3px 20px 4px 20px; margin:0; text-decoration:none; color:white}
#nav li {float:left; margin:0; padding-right:1px; background:url(/media/bg_nav_sep.gif) no-repeat top right;z-index: 2}
#nav a:hover, #nav a.active {color:white; text-decoration:none; background:#EA7A07}
#nav ul {width:auto; float:left; padding-bottom:10px; margin:0; list-style:none; border-top:2px solid #C46300; background:transparent  url(/media/bg_nav_dropdown.gif) no-repeat right bottom; filter:alpha(opacity=90); -moz-opacity:0.9; opacity: 0.9 }
#nav li ul a {display:block; /*float:left;*/ width:150px; padding-right:20px; color:white; background:#631068 }
#nav li ul a:hover {color:white; background:#95359A } /*48044C*/
#nav li ul {position:absolute; width:190px; left:-999em; }
#nav li ul li {padding:0;margin:0}
#nav li:hover ul {left:auto}
#nav li:hover ul, #nav li.sfhover ul {left:auto}
/* banner */
/*#banner {float:left; width:729px; height:170px; margin:0 0 5px 0; padding:0 0 1px 0; background:#393939 url(/media/placeholder_banner.jpg) no-repeat left top; border-bottom:1px solid #797979 } */
#banner {z-index: 1;float:left; width:729px; height:100px; margin:0 0 5px 0; padding:0 0 1px 0; background:#393939 url(/media/placeholder_banner.jpg) no-repeat left top; border-bottom:1px solid #797979 }

/* tabs */
#tabs {float:left; width:729px; background:#ffffff;list-style:none }
#tabs li {float:left; border-width:0 0 0 1px; border-color:#E9E9E9; border-style:solid; margin:8px 1px 0 0;background:transparent url(/media/tabbg.gif) repeat-x right top; font-weight:bold}
	/* hyperlinks in inactive tab (other background = tabradius.gif) */
	#tabs li a:link, #tabs li a:visited {display:block; border-bottom:1px solid #979797; padding:0 20px 0 15px; margin:0; background:transparent url(/media/tabcrnr.gif) no-repeat right top; color:white; text-decoration:none; font-weight:bold; font-family:verdana; font-size:10px; line-height:18px}
	/* hyperlinks in active tab (other background = tabradius.gif)*/
	#tabs li a:link.active, #tabs li a:visited.active {display:block; border-bottom:1px solid white; padding:0 20px 0 15px; margin:0; background:white url(/media/tabcrnr.gif) no-repeat right top; color:#393939; text-decoration:none; font-weight:bold; font-family:verdana; font-size:10px; line-height:18px}
	/* hyperlinks in all tabs */
	#tabs li a:hover, #tabs li a:active { text-decoration:underline }

/* blocks on portal */
.ctrPortal {width:729px; list-style-type:none; background:transparent;}

.portalBlock { float:left; background:white url(/media/bg_blockHdr.gif) repeat-x left top; margin-top:3px; overflow:auto}
	#portalBlock1, #portalBlock2 {width:241px; height:700px; margin-right:3px} 
	#portalBlock3 { width:241px; height:780px}
		/* tijdelijke actie */
		#portalBlock3 .portalBlockContent {}
		/* tijdelijke actie */
	#portalBlock4 { width:729px; height:700px;background-color:#333333; overflow:hidden;}
.portalBlock a:link, .portalBlock a:visited {color:#ffffff;}
.portalBlock a:hover, .portalBlock a:active {}

.portalBlockHdr { color:white; font-weight:bold; padding:1px 0 0 10px}
.portalBlockContent { color:#4A4A4A; padding:14px 12px 5px 12px; margin-top:4px;background-color:#333333;}
.portalBlockContent ul { margin:0; padding:0 0 0 2px; list-style-type:none }
.portalBlockContent ul li { margin:0; padding:2px 0 2px 12px; background:transparent url("../media/bullet_orange.gif") no-repeat top left; line-height:15px}

/* blocks on subpage */
.ctrSub { float:left; width:689px; padding:20px; list-style-type:none; background:white url(/media/subblockcrnr.gif) no-repeat bottom; }
/*
.subBlock { float:left; overflow:auto}
	#subBlock1 { width:729px; height:auto } 
*/
.subBlockContent { color:#4F4F4F; width:auto }
.subBlockContentLeft { color:#4F4F4F; width:455px; float:left }
	.subBlockContentLeft ul {margin:0 0 0 15px; padding:0 0 0 2px; list-style-type:none}
	.subBlockContentLeft ul li {margin:0; padding:2px 0 2px 12px; background:transparent url("../media/bullet_purple.gif") no-repeat top left; line-height:15px}
	.subBlockContentLeft a:link, .subBlockContentLeft a:visited {color:#F68410;text-decoration:none}
	.subBlockContentLeft a:hover, .subBlockContentLeft a:active {color:#F68410;text-decoration:underline}
.subBlockContentRight { color:#4F4F4F; width:auto; float:left; margin:0 0 0 20px; background:#E1E1E1;padding:10px 10px 40px 10px }

	.subBlockContentRight img {display:block;margin-bottom:10px;border:5px solid #333333}
	dl { width:190px; margin:0 0 10px 0; padding:0; background: #ccc url("../media/box_bottom_gray.gif") no-repeat bottom left }
	dt { margin:0; padding:12px 12px 5px 12px; color:#373737; background:#999 url("../media/box_top_gray.gif") no-repeat top left }
	dd { margin:0; padding:0 12px 12px 12px; color:#4F4F4F }
	.headline dt { background-color: #F8F8F8; font:11px verdana; font-weight:bold }
	.headline dt a:link, .headline dt a:visited {color:#4F4F4F;text-decoration:none}
	.headline dt a:hover, .headline dt a:active {color:#4F4F4F;text-decoration:underline}
	.headline dd a:link, .headline dd a:visited {color:#631068;text-decoration:underline}
	.headline dd a:hover, .headline dd a:active {color:#631068;text-decoration:underline}
	.headline { background-color: #F8F8F8; font:11px verdana }

#ctrFooter { width:723px; height:21px; line-height:21px; border:1px solid #393939;margin-top:5px; padding:0 7px 0 7px; background:white url(/media/bg_footer.gif) repeat-x left top; font-weight:normal;color:white; text-align:center }
#fadeDot  {width:739px; height:37px; margin:0 0 6px 0; padding:0; background:transparent url(/media/bg_dotfade.gif) repeat-x left top}

#ctrFooter .inputbox { height:14px;border:1px solid #393939;border-style:inset;margin:2px 0 2px 3px;font-size:10px; font-family:verdana;color:#393939}
#ctrFooter .inputbutton { height:15px;width:15px;border:0;vertical-align:top;padding:3px 0 0 0;margin:0}
#ctrFooter a:link, #ctrFooter a:visited {color:white;text-decoration:none}
#ctrFooter a:hover, #ctrFooter a:active {color:white;text-decoration:underline}

/* product page */
.screenshot {margin:8px 0 0 20px}
.screenshot img {}
a.sshot {display:block;padding-left:15px;background:transparent url(/media/zoom.gif) no-repeat left top}
a.sshot:link, a.sshot:visited {margin-bottom:10px;color:#505050;text-decoration:none;font-weight:normal}
a.sshot:hover, a.sshot:active {margin-bottom:10px;color:#505050;text-decoration:underline;font-weight:normal}

/* reference page */
.item { }
.item a { display:block; width:auto; height:15px; padding:5px; font-size:11px; font-family:verdana; color:#424242; text-decoration:none; font-weight:bold; border-width:0 0 1px 0; border-style:solid; border-color:#E4E4E4 }
.item a:hover { background:#F2F2F2 }

.refblock { float:left; overflow:auto; width:689px; height:205px; background:#424242 url(/media/block_bg.gif) repeat-x left center; color:white }
.refbox { float:left; width:390px; padding:10px 10px 10px 10px}
	.reftitle { display:block; width:auto; color:white; font-size:2em; font-weight:bold; padding-bottom:15px; line-height:1em }
	.reftext {display:block }
	.reftext a:link, .reftext a:visited {color:#F68410;text-decoration:none;font-weight:normal}
	.reftext a:hover, .reftext a:active {text-decoration:underline}
	.reflink { display:block;color:white;font-weight:bold;margin-top:8px }
	.reflink a:link, .reflink a:visited {color:#F68410;text-decoration:none;font-weight:bold}
	.reflink a:hover, .reflink a:active {text-decoration:underline}
	.refwork { display:block;color:white;font-weight:normal }
.refimg { float:left; display:block; margin:12px 0 0 12px; width:260px; height:180px }
#refpagespacer {float:left; width:729px;background:transparent;height:10px}

/* referentie uitgelicht */
.refblock_portal { float:left; overflow:auto; width:695px; height:700px; background-color:#333333;}
.refbox_portal { float:left; width:695px; padding:0 0px 10px 0px;background-color:#333333;}
.reftitle_portal { display:block; width:auto; font-size:13px;font-weight:bold;color:#303030; padding-bottom:10px;}
.refimg_portal { float:left; display:block; margin:5px 0 0 12px; width:260px; height:180px; border:1px solid #CCCCCC }
#reflink_portal {color:#F68410}

.refbox_portal td {padding-bottom:5px;}

/* form layout */
.submit {display:block; width:120px; background:#F68410; font-size:11px; border:1px solid #393939; color:#FFFFFF; cursor:pointer;}
.inputbox {padding:2px 3px 2px 3px; margin-top:2px; font-size:10px; color:#393939; border:1px solid gray; font-family:Verdana, Arial, Helvetica, sans-serif}

div.text{
color:#FFFFFF;
text-align:justify;
}

p.fietsText{
color:#FFFFFF;
text-align:justify;
float:left;
}

div.foto{
margin-left:-200px;
}