/*-----------------------------------------------------------------------------
Layout Style Sheet (for version 4 browsers)
Mozilla FireFox 1.5 +
Opera 8.0 +
Safari 2.0 +
Version: 1.1.1
Author: Inside Internet
E-mail: support@insideinternet.nl
Web: http://www.insideinternet.nl/
------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------
Body & Universal
------------------------------------------------------------------------------*/
body {
	background:#c6c6c6 url(../images/bg.gif) repeat-x;
}
/*-----------------------------------------------------------------------------
Wrapper & Clears
------------------------------------------------------------------------------*/
#wrapper {
	width:960px; /* Total with of the template */
	height:100%; /* If hieght is auto */
	margin-left:auto; /* Set margin left & right to set wrapper in the middle, otherwise comment these next 2 row out */
	margin-right:auto;
}

/* Regular clearing apply to column that should drop below previous ones. */
.clear { clear:both; }
/*-----------------------------------------------------------------------------
Header
------------------------------------------------------------------------------*/
#headerContainer {
	width:960px;
	height:130px;
	float:left;
	margin-top:20px;
	padding:0 20px 0 20px;
}

#headerSearch {
	width:920px;
	height:70px;
	float:left;
}

#buttonWrapper {
	width:400px;
	height:auto;
	margin-left:660px;
}

/*#search {
	border:solid 1px #d7d7d6;
	background-color:#fff;
	font-size:0.7em;
	width:250px;
	padding:10px;
	z-index: 9999;
	position:absolute;
	margin-top:29px;
}

.searchButton {
	background:#fff url(../images/searchButton.gif) no-repeat;
	width:123px;
	height:30px;
	padding:4px 0 5px 15px;
	float:left;
}

#language {
	border:solid 1px #d7d7d6;
	background-color:#fff;
	font-size:0.7em;
	width:120px;
	padding:10px;
	z-index: 9999;
	position:absolute;
	margin-top:29px;
	margin-left:138px;
}

.languageButton {
	background:#fff url(../images/searchButton.gif) no-repeat;
	width:123px;
	height:30px;
	padding:4px 0 5px 15px;
	float:left;
}*/

#headerLogo {
	width:230px;
	height:60px;
	float:left;
	background:url(../images/logo.gif) no-repeat;
	display:block;
	text-indent:-9999px;
}
/* Navigation */
#headerNavigatie {
	width:690px;
	height:60px;
	float:left;
}

#navWrapper {
	float:left;
	height:44px;
	width:584px;
}
#navLeft {
	background:url(../images/navLeft.gif) top left no-repeat;
	width:10px;
	height:44px;
	float:left;
}
#navRight {
	background:url(../images/navRight.gif) top left no-repeat;
	width:10px;
	height:44px;
	float:left;
}

#headerNavigatie #navWrapper ul li {
	list-style-type:none;
	display:inline;
	padding:0;
	margin:0;
}

#navigatie li a {
	display:block;
	padding:11px 3px 0 3px;
	background:url(../images/navSpacer.gif) top left repeat-x;
	height:44px;
	color:#7a7a7a;
	text-decoration:none;
	font-size:0.9em;
	font-weight:bold;
	float:left;
}

#navigatie li a:hover {
	color:#005daa;
	text-decoration:none;
	font-size:0.9em;
	font-weight:bold;
	float:left;
}

/************ Sub Nav **************************/
#subPageContainer #subMenu ul li {
	list-style-type:none;
	display:inline;
	padding:0;
	margin:0;
}

#subNavigatie li a {
	display:block;
	padding:10px 20px 0 20px;
	width:160px;
	height:auto;
	color:#7a7a7a;
	text-decoration:none;
	font-size:0.8em;
	font-weight:normal;
	float:left;
}

#subNavigatie li a:hover {
	color:#005daa;
	text-decoration:none;
	font-size:0.8em;
	font-weight:normal;
	float:left;
}

/*-----------------------------------------------------------------------------
Breadcrumbs
------------------------------------------------------------------------------*/
#breadCrumbs {
	width:920px;
	height:30px;
	float:left;
	padding:0 20px 0 20px;
	font-size:0.8em;
	font-weight:bold;
}
/*-----------------------------------------------------------------------------
bannerContainer
------------------------------------------------------------------------------*/
#bannerContainer {
	width:920px;
	height:310px;
	float:left;
	padding:0 20px 0 20px;
}
#bannerWrapper {
	width:635px;
	height:310px;
	float:left;
	/*background:url(../images/banner.gif) no-repeat;*/
}
#sideBar {
	width:265px;
	height:310px;
	float:left;
	margin-left:20px;
}
#sideBar ul {
	list-style:none;
	margin:0;
	padding:0;
}
#sideBar li {
	margin:0;
	padding:0;
}
.sideBarTop {
	float:left;
	background:url(../images/sideBarTop.gif) no-repeat left top;
	width:266px;
	height:8px;
}
.sideBarSpacer {
	float:left;
	background:url(../images/sideBarSpacer.gif) repeat-y;
	width:265px;
	height:295px;
	overflow:hidden;
}
.sideBarBottom {
	float:left;
	background:url(../images/sideBarBottom.gif) no-repeat left top;
	width:266px;
	height:11px;
}
.sideBarWrapper {
	width:225px;
	height:275px;
	padding:10px 20px;
}
#sideBar h1 {
	font-size:14px;
	font-weight:900;
	color:#005daa;
	letter-spacing:-1px;
	margin-bottom:0;
}
#sideBar h1 a {
	text-decoration:none;
}
#sideBar h1 a:hover {
	text-decoration:underline;
}
#sideBar span {
	font-size:11px;
	font-weight:900;
	color:#005daa;
}
#sideBar p {
	font-size:11px;
	font-weight:normal;
	color:#7a7a7a;
	padding-bottom:10px;
}
#sideBar p a {
	text-decoration:none;
	font-weight:bold;
}
#sideBar p a:hover {
	text-decoration:underline;
	color:#005daa;
	font-weight:bold;
}
.divider {
	width:82%;
	margin-left:7%;
	color:#ccc;
	background-color:#ccc;
	margin-bottom:9px;
	margin-top:0;
	height:1px;
	border: 0;
	border-top: 1px solid #ccc;
}

/*-----------------------------------------------------------------------------
MainContainer
------------------------------------------------------------------------------*/
#mainContainer {
	width:920px;
	height:auto;
	float:left;
	padding:0 20px 0 20px;
	margin-top:20px;
}

.homeContentWrapper {
	width:920px;
	height:220px;
	float:left;
	background:url(../images/mainContentHome.gif) no-repeat left top;
}

.pageContentWrapper {
	width:920px;
	height:220px;
	float:left;
	background:url(../images/mainContentHome.gif) no-repeat left top;
}

.productWrapper {
	float:left;
	width:395px;
	height:180px;
	padding:20px;
}

#mainContainer, .homeContentWrapper h1 {
	color:#005daa;
	font-size:1.2em;
	font-weight:bold;
}

.subWrapper {
	float:left;
	width:140px;
	height:80px;
	padding:20px 0 0 13px;
}

#mainContainer, .homeContentWrapper p {
	color:#7a7a7a;
	font-size:10px;
	font-weight:normal;
}

/*.download { background:url(../images/downloadButton.gif) no-repeat left top; }
.contact { background:url(../images/contactButton.gif) no-reapeat left top; }
.nieuwsbrief { background:url(../images/nieuwsbriefButton.gif) no-reapeat left top; }*/

.buttonWrapper {
	float:left;
	width:140px;
	height:80px;
	padding:0 0 0 13px;
}
#textContainer {
	width:460px;
	height:120px;
	float:left;
}

#buttonContainer {
	width:460px;
	height:90px;
	float:left;
}
/********** Sub Page Content *************/

#subPageContainer {
	width:960px;
	height:auto;
	float:left;
}

#subPage {
	width:700px;
	heigth:auto;
	float:left;
	padding:0 20px 0 20px;
}

#subPage ul li {
	list-style:none;
	margin-left:20px;
	font-size:12px;
}

#subPage .ulOverview {
	list-style:none;
	margin-left:0;
	font-size:12px;
}

.pageContentTop {
	float:left;
	width:920px;
	height:15px;
	background:#fff url(../images/pageContentTop.gif) no-repeat;
}

.pageContentMain {
	float:left;
	width:920px;
	height:auto;
	background:#fff url(../images/pageContentMain.gif) repeat-y;
}

.pageContentBottom {
	float:left;
	width:920px;
	height:15px;
	background:#fff url(../images/pageContentBottom.png) no-repeat;
}

.textWrapper {
	float:left;
	width:880px;
	height:auto;
	padding:20px;
}

/********** Sub Page Content 2 *************/
.subPageContentTop {
	float:left;
	width:700px;
	height:15px;
	background:#fff url(../images/subPageContentTop.gif) no-repeat;
}

.subPageContentMain {
	float:left;
	width:700px;
	height:auto;
	background:#fff url(../images/subPageContentMain.gif) repeat-y;
}

.subPageContentBottom {
	float:left;
	width:700px;
	height:25px;
	background:#fff url(../images/subPageContentBottom.gif) no-repeat;	
}

.subTextWrapper {
	float:left;
	width:660px;
	height:auto;
	padding:20px;
}
/********** Sub Page Submenu *************/
#subMenu {
	float:left;
	width:200px;
	height:auto;	
}

.subMenuTop {
	float:left;
	width:200px;
	height:15px;
	background:#fff url(../images/subMenuTop.gif) no-repeat;
}

.subMenuMain {
	float:left;
	width:200px;
	height:auto;
	background:#fff url(../images/subMenuMain.gif) repeat-y;
}

.subMenuBottom {
	float:left;
	width:200px;
	height:15px;
	background:#fff url(../images/subMenuBottom.gif) no-repeat;
}

.subMenuWrapper {
	float:left;
	width:160px;
	height:auto;
	padding:20px;
}
/********** Producten *************/
.productenWrapper {
	width:640px;
	height:auto;
}
.productImage {
	float:left;
	width:270px;
	height:auto;
	padding-left:60px;
}
.productDetails {
	float:left;
	width:310px;
	height:auto;
	margin-bottom:15px;
}
.detailsButton {
	background:url(../images/detailsButton.gif) no-repeat;
	width:80px;
	height:30px;
	float:left;
	margin:10px 0 10px 0;
}
/********** Producten details *************/
.productImgWrapper {
	width:200px;
	height:auto;
	padding:80px 18px 20px 50px;
	float:left;
}
#subPage .imageWrapper img {
	float:left;
	padding:0 0 0 30px;
}
.productDetailsWrapper {
	width:370px;
	height:auto;
	color:#7a7a7a;
	font-size:12px;
	font-weight:normal;
	float:left;
	padding:10px;
	background:#fff;
	border:1px solid #ccc;
}
.productDetailsWrapper h1 {
	padding:0 0 0 10px;
}
.productDetailsList {
	width:150px;
	padding-left:10px;
	font-weight:900;
}
.introduction {
	width:638px;
	height:auto;
	float:left;
	background:#fff;
	padding:10px;
	border:1px solid #ccc;
	margin:10px 0 0 0;
	font-size:12px;
}
.introduction h1 {
	padding:0 0 10px 0;
}
/*-----------------------------------------------------------------------------
Footer
------------------------------------------------------------------------------*/
#footerContainer {
	width:900px;
	height:auto;
	float:left;
	padding:0 20px 20px 40px;
	margin-top:20px;
	margin-bottom:20px;
}

.footerLinks {
	width:150px;
	height:auto;
	float:left;
}
/*-----------------------------------------------------------------------------
AjaxSearch
------------------------------------------------------------------------------*/
.ajaxSearch_highlight {
	font-weight:bold;
	/*background-color:#006BB7;
	color:#fff;
	padding:2px;*/
}
.ajaxSearch_resultsInfo {
	background-color:#fff;
	padding:3px;
	border:1px solid #C7C7C7;
}
.ajaxSearch_result {
	color:#7a7a7a;
	font-size:12px;
	font-weight:normal;
	padding:3px 0 5px 0;
	border-bottom:1px solid #C7C7C7;
	display:block;
}
a.ajaxSearch_resultLink {
}
a:hover.ajaxSearch_resultLink {
	text-decoration:none;
}
.ajaxSearch_resultDescription {
	font-style:italic;
	font-size:11px;
	padding:0 0 0 3px;
}
/*-----------------------------------------------------------------------------
Sitemap
------------------------------------------------------------------------------*/
#mainContentContainer .contentSubWrapper ul li {
	list-style-type:none;
	padding:2px 0 0 0;
	margin-left:10px;
}
/* Root level */
.list0 li a {
	padding:7px 7px 0 0;
	height:50px;
	color:#7a7a7a;
	text-decoration:none;
	font-size:0.7em;
	font-weight:normal;
}
.list0 li a:hover {
	color:#005DAA;
	text-decoration:none;
	font-size:0.7em;
	font-weight:normal;
}
/* 1st level */
.list1 li a {
	padding:7px 7px 0 15px;
	height:20px;
	color:#7a7a7a;
	text-decoration:none;
	font-size:0.7em;
	font-weight:normal;
}
.list1 li a:hover {
	color:#005DAA;
	text-decoration:none;
	font-size:0.7em;
	font-weight:normal;
}
/*-----------------------------------------------------------------------------
Google Routemap
------------------------------------------------------------------------------*/
div#map { 
	margin: 20px auto; 
	width:600px; 
	height:450px; 
	border: 2px solid #ccc; 
	color:#000; 
}
div#route {
	padding:0 !important;
	width:600px;
	height:auto;
	margin: 20px auto; 
}
div#routeForm {
	width:600px;
	height:auto;
	margin: 20px auto; 
}