html, body{height:100%} /* mac height */
* html DIV#outer{height:99.9%;} /* for ie as treats height as min-height anyway - also addresses rounding bug at bottom of screen in IE */
h1,h2,h3,ul,li,form{padding:0px;margin:0px;} /* clear paddings and margins */
.clear{clear:both;margin-bottom: 10px;background-color:transparent;border:0px;}
img{border: 0px;} /* get rid of borders around images with ahref */
.fixpng{behavior: url(/css/pngfix.htc);} /* pngfix for IE6 */

a {color: #3e69b2;}

html,body {
	margin:0;
	padding:0;
	height:100%; /* needed for container min-height */
	background:#f8fcff;
	
	font-family:arial,sans-serif;
	font-size:small;
	color:#666;
}

div#container {
	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	width:980px;
	
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/

	min-height:100%; /* real browsers */
	
	background-color: white;
	
	font-family: Arial;
	font-size: 12px;
	color: #26282a;
	line-height: 18px;
	
	border-left: 1px solid #E9E9E9;
	border-right: 1px solid #E9E9E9;
}

div#header {
	padding:0px;
	background-color:white;
}

div#footer {
	position:absolute;
	width:100%;
	bottom:0; /* stick to bottom */
	background:white;
}

div#content {
	padding:10px 0px 303px 0px; /* bottom padding for footer */
}

DIV#search{
	width: 190px;
	height: 31px;
}

DIV#search input[type=text]{
	width: 142px;
	height: 31px;
	padding: 0px;
	border: 0px;
	padding-left: 5px;
	background-color: transparent;
	
	font-family: Tahoma;
	font-size: 12px;
	color: #c6c6c5;
}

DIV#search input[type=text]:focus{
	outline: 0 none; /* clear the border, safari */
	color: #1b1f27;
}

DIV#search input[type=submit]{
	padding: 7px;
	width: 25px;
	border: 0px;
	background-color: transparent;
}

.title h1{
	font-family: Tahoma;
	font-size: 22px;
	color: #1b1f27;
	font-weight: normal;
}

.title h1 span{
	color: #3e69b2;
}

DIV#sitelinks{
	text-align: right;
	margin-top: 20px;
	font-family: Arial;
	font-size: 11px;
	color: #9b9b9b;
	padding-right: 50px;
}

DIV#note{
	border-top: 1px solid #e9e9e9;
	margin-top: 20px;
	padding-top: 20px;
	padding-bottom: 20px;
	margin-right: 50px;
	margin-left: 50px;
	font-family: Arial;
	font-size: 11px;
	line-height: 15px;
	color: #9b9b9b;
}

DIV#note a{
	color: #3e69b2;
}

DIV#menu DIV{
	border: 1px solid #e9e9e9;
	background-color: #f8fcff;
}

DIV#menu DIV ul *{

	border: 0px;
}

DIV#menu DIV ul{
	list-style: none;
	background-color: #f8fcff;
}

DIV#menu DIV ul li{
	background: url(/styling/images/menu-item.png) no-repeat 10px 4px;
	border-top: 1px solid white;
	border-bottom: 1px solid #e9e9e9;
	padding: 5px;
	padding-bottom: 7px;
	padding-left: 40px;
	
	font-family: Arial;
	font-size: 12px;
	color: #0d131d;
}

DIV#menu DIV ul .headitem{
	color: white;
	background: url(/styling/images/menu-alt-item.png) no-repeat 10px 4px;
	border-top: 0px;
	background-color: #3A63AB;
	-moz-border-radius-bottomleft:0px;
	-moz-border-radius-bottomright:0px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	-webkit-border-bottom-left-radius:0px;
	-webkit-border-bottom-right-radius:0px;
	-webkit-border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
}

DIV#menu DIV ul li a {
	text-decoration: none;
	color: #0D131D;
}

DIV#menu DIV ul .active{
	background: url(/styling/images/menu-item-active.png) no-repeat 10px 4px;
	background-color: #3e69b2;
	border-top: 0px;
	color: white;
}

DIV#menu DIV ul ul li {
	background: url(/styling/images/menu-subitem.png) no-repeat 10px 4px;
	font-size: 11px;
}

DIV#menu DIV ul ul li a { 
	text-decoration: none;
	color: #0D131D;
}

DIV#menu DIV ul ul li .sub-active { 
	color: #3E69B2;
	text-decoration: underline;
}

DIV#menu .altmenu {
	border-top: 0px;
	background-color: #3A63AB;
}

DIV#menu .altmenu ul li{
	background: url(/styling/images/menu-alt-item.png) no-repeat 10px 4px;
	color: white;
}

DIV#menu .altmenu ul ul li{
	background: url(/styling/images/menu-subitem.png) no-repeat 10px 4px;
	background-color: #F8FCFF;
	color: #0D131D;
}

DIV#content DIV h2{
	color:#3E69B2;
	font-family:Tahoma;
	font-size:14px;
	font-weight:normal;
}
DIV#content DIV h3{
	color:#3E69B2;
	font-family:Tahoma;
	font-size:13px;
	font-weight:normal;
	padding-top: 3px;
	padding-bottom: 3px;
}
DIV#content DIV p{
	margin-top: 3px;
	padding:0px;
	margin-bottom: 0px;
}

DIV#crumbs{
	margin-left: 50px;
	margin-right: 50px;
}

DIV#crumbs td{
	padding: 10px;
}

DIV#crumbs h2{
	font-family: Tahoma;
	font-size: 14px;
	color: #3e69b2;
	font-weight: normal;
}

DIV#crumbs span{
	font-family: Tahoma;
	font-size: 12px;
	color: #23252b;
}

DIV#crumbs ul li{
	list-style-type: none;
}

DIV#crumbs ul li{
	background: url(/styling/images/menu-subitem.png) no-repeat 0px 4px;
	padding: 4px;
	padding-bottom: 7px;
	padding-left: 25px;
	
	font-family: Arial;
	font-size: 11px;
	color: #3a79bd;
}

DIV .photobox{
	width: 387px;
	height: 311px; 
}

DIV .infobox{
	vertical-align: top;
	border-left: 1px solid #e9e9e9;
}

DIV .infobox h1{
	font-family: Tahoma;
	font-size: 16px;
	color: #171617;
	font-weight: normal;
}

DIV .infobox .altrow{
	background-color: #f8fcff;
}

DIV .infobox td{
	padding: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
	
	font-family: Arial;
	font-size: 12px;
	color: #79797a;
}

.pricebox{
	cursor: default;
	border-left: 1px solid #e9e9e9;
	background-color: #3e69b2;
	display: block;
	clear: both;
	height: 72px;
}

.pricebox DIV.arrow{
	position: absolute;
	border: 0px;
	background-color: transparent;
	margin-top: -31px;
	margin-left: 77px;
	background-image: url(/styling/images/pricebox-arrow.png);
	height: 31px;
	width: 63px;
}

.pricebox-white{
	border: 1px solid #E9E9E9;
}

.hoverPriceboxB {
	border: 3px solid white;
}
.hoverPricebox {
	border: 3px solid white;
}
.hoverPricebox:hover {
	border: 3px solid #3e69b2;
}

.pricebox-white DIV.arrow{
	display: none;
}

.pricebox .desc{
	padding: 10px;
	padding-left: 15px;
	float: left;
	border: 0px;
	background-color: transparent;
	color: #94b8e2;
}

.pricebox .desc span{
	color: white;
}

.pricebox .price{
	float: right;
	padding: 10px;
	background-color: #5f84c3;
	border: 0px;
	height: 37px;
	color: white;
	font-size: 12px;
	text-align: center;
	padding-top: 25px;
	width: 65px;
	line-height: 11px;
	
	-moz-border-radius-bottomleft:0px;
	-moz-border-radius-bottomright:5px;
	-moz-border-radius-topleft:0px;
	-moz-border-radius-topright:5px;
	-webkit-border-bottom-left-radius:5px;
	-webkit-border-bottom-right-radius:5px;
	-webkit-border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
}

.pricebox .price span{
	font-size: 10px;
}

.pricebox-white{
	cursor: pointer;
	border-left: 1px solid #e9e9e9;
	background-color: #ffffff;
	display: block;
	clear: both;
	height: 72px;
}

.pricebox-white .desc{
	padding: 10px;
	padding-left: 15px;
	float: left;
	border: 0px;
	background-color: transparent;
	color: #79797a;
}

.pricebox-white .desc span{
	color: #7fb041;
}

.pricebox-white .price{
	float: right;
	padding: 10px;
	background-color: #f8fcff;
	border: 0px;
	height: 37px;
	color: #403e3d;
	font-size: 12px;
	text-align: center;
	padding-top: 25px;
	width: 65px;
	line-height: 11px;
	
	border-left: 1px solid #e9e9e9;
	
	-moz-border-radius-bottomleft:0px;
	-moz-border-radius-bottomright:5px;
	-moz-border-radius-topleft:0px;
	-moz-border-radius-topright:5px;
	-webkit-border-bottom-left-radius:5px;
	-webkit-border-bottom-right-radius:5px;
	-webkit-border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
}

.pricebox-white .price span{
	font-size: 10px;
}

.tabbox{
	
	background-repeat: repeat-x;
}

.tabbox .tab{
	background-image: url(/styling/images/tabbox-gradient.png);
	height: 53px;
	border-left: 1px solid #e9e9e9;
	
	font-family: Tahoma;
	font-size: 15px;
	color: #333333;
	text-align: center;
}

.tabbox .tab-active{
	background-image: url(/styling/images/tabbox-gradient-blue.png);
	height: 53px;
	
	font-family: Tahoma;
	font-size: 15px;
	color: white;
	text-align: center;
	
}

.tabbox .tabbody{
	padding: 10px;
}

.tabbox .tabbody .tab-nav{
	border: 0px;
	width: 200px;
	float: left;
	cursor: pointer;
}

.tabbox .tabbody .tab-nav .tab-nav-item{
	font-family: Arial;
	font-size: 13px;
	color: #26282a;
	padding-top: 5px;
	padding-bottom: 5px;
}

.tab-subitem{
	height: 47px;
}

.tabbox .tabbody .tab-nav .tab-bullet{
	width: 24px;
	height: 24px;
	border: 0px;
	padding-top: 3px;
	padding-right: 10px;
	text-align: center;
}

.tabbox .tabbody .tab-nav .green{
	color: white;
	background-image: url(/styling/images/bullet-green.png);
	background-repeat: no-repeat;
}

.tabbox .tabbody .tab-nav .transparent{
	color: black;
	background-image: url(/styling/images/bullet-transparent.png);
	background-repeat: no-repeat;
}


.bullet{
	width: 24px;
	height: 24px;
	border: 0px;
	padding-top: 3px;
	padding-right: 10px;
	text-align: center;
}

.green{
	color: white;
	background-image: url(/styling/images/bullet-green.png);
	background-repeat: no-repeat;
}

.transparent{
	color: black;
	background-image: url(/styling/images/bullet-transparent.png);
	background-repeat: no-repeat;
}

.tabbox .tabbody .tab-data{
	background-color: #f8fcff;
	border: 1px solid #e9e9e9;
	width: 405px;
	margin-left: 10px;
	float: left;
	padding: 20px;
	font-family: Arial;
	font-size: 13px;
	color: #79797a;
}

.tabbox .tabbody .tab-data DIV.tab-data-arrow{
	background-image: url(/styling/images/tab-data-arrow.png);
	height: 27px;
	width: 13px;
	border: 0px;
	position: absolute;
	margin-left: -33px;
	margin-top: -10px;
}

.tabbox .tabbody .tab-data span{
	font-weight: bold;
	color: #202124;
	font-size: 14px;
}

.loginheader{	
	background: url(/styling/images/menu-alt-item.png) no-repeat 10px 4px;
	background-color:#3A63AB;
	color: white;
	padding: 5px;
	padding-left: 40px;
}

.login td{
	
}

.login input{
	border: 1px solid #ccc;
	padding: 5px;
	width: 155px;
	color: #999;
}

.button{
	background-image:url(/styling/images/button-large.png);
	color:#FFFFFF;
	cursor:pointer;
	font-family:Tahoma;
	font-size:14px;
	font-weight:normal;
	height:31px;
	line-height:28px;
	text-align:center;
	width:167px;
}

DIV#sub-content td{
	padding: 15px;
}
DIV#sub-content .nopadding{
	padding:0px;
}
DIV#sub-content .lightbg{
	background-color: #f8fcff;
}
DIV#sub-content .bl{border-left: 1px solid #e9e9e9;}
DIV#sub-content .br{border-right: 1px solid #e9e9e9;}
DIV#sub-content .bt{border-top: 1px solid #e9e9e9;}
DIV#sub-content .bb{border-bottom: 1px solid #e9e9e9;}

DIV#sub-content h2{
	font-family: Tahoma;
	font-size: 14px;
	color: #3e69b2;
	font-weight: normal;
}


.pkg-block{
	width: 161px; 
	height: 700px; 
	overflow: hidden; 
	position: relative;
}

.pkg-details{
	border:1px solid #E9E9E9; 
	-khtml-border-radius: 5px;	
	-moz-border-radius: 5px;  
	-webkit-border-radius: 5px;  
	border-radius:5px;
	background-color:white;
}

.pkg-front{
	display: block; 
	position:absolute; 
	z-index: 2; 
	overflow: hidden; 
}

.pkg-back{
	position:absolute; 
	z-index: 1;
	border:1px solid #E9E9E9; 
	-khtml-border-radius: 5px;	
	-moz-border-radius: 5px;  
	-webkit-border-radius: 5px;  
	border-radius:5px;
	background-color:#f7f8f8;
	width: 159px;
	left: 169px;
	height: 509px;
}

.pkg-bg-top{
	background-image: url(/styling/images/pkg-bg-top.png);
	width: 159px;
	height: 45px;
	text-align: center;
	font-weight: bold;
}

.pkg-item{
	padding-top: 20px;
	padding-bottom: 20px;
	font-size: 11px;
}

.pkg-item li{
	list-style-type: disc;
	list-style-position: inside;
	padding-left: 10px;
}

.pkg-item li span{
	color: black;
}

.pkg-alt{
	background-color: #f8fcff;	
}

.pkg-back .pkg-item{
	padding-top: 3px;
	padding-bottom: 3px;
	border-top: 1px solid white;
	border-bottom: 1px solid #E3E4E3;
}

.pkg-price{
	margin-top: 5px;
	border:1px solid #E9E9E9; 
	-khtml-border-radius: 5px;	
	-moz-border-radius: 5px;  
	-webkit-border-radius: 5px;  
	border-radius:5px;
	padding: 10px;
	width: 138px;
}

.pkg-price td{
	-khtml-border-radius: 5px;	
	-moz-border-radius: 5px;  
	-webkit-border-radius: 5px;  
	border-radius:5px;
	text-align: center;
	padding: 10px;
	font-size: 20px;
	color: white;
	height: 60px;
}

.pkg-order{
	background-image: url(/styling/images/pkg-bestellen-hover.png);
	width: 159px;
	height: 40px;
	margin-top: 5px;
}
.pkg-order:hover{
	cursor: pointer;
	background-image: url(/styling/images/pkg-bestellen.png);
}

.pkg-info{
	margin-top: 5px;
	height: 30px;
	width: 159px;
	cursor: pointer;
}

.tabbox-arrow{
	height: 4px;
	width: 7px;
	background: url(/styling/images/arrows-down.png) no-repeat 0px 0px;
	padding-right: 10px;
}

.tabbox-arrow-white{
	height: 4px;
	width: 7px;
	background: url(/styling/images/arrows-down.png) no-repeat -7px 0px;
	padding-right: 10px;
}

.pkg-green{ color: #7fb041; }
.pkg-greenbg{ border:1px solid #7fb041;background-color: #7fb041; }
.pkg-orange{ color: #E96222; }
.pkg-orangebg{ border:1px solid #E96222; background-color: #E96222; }
.pkg-purple{ color: #a7469a; }
.pkg-purplebg{ border:1px solid #a7469a; background-color: #a7469a; }
.pkg-yellow{ color: #ffcd05; }
.pkg-yellowbg{ border:1px solid #ffcd05; background-color: #ffcd05; }


.pkg-info-green{background: url(/styling/images/buttons-meerinfo.png) no-repeat 0px 0px; }
.pkg-info-green:hover{background: url(/styling/images/buttons-meerinfo.png) no-repeat -169px 0px; }

.pkg-info-orange{background: url(/styling/images/buttons-meerinfo.png) no-repeat -338px 0px; }
.pkg-info-orange:hover{background: url(/styling/images/buttons-meerinfo.png) no-repeat -507px 0px; }

.pkg-info-purple{background: url(/styling/images/buttons-meerinfo.png) no-repeat -0px -40px; }
.pkg-info-purple:hover{background: url(/styling/images/buttons-meerinfo.png) no-repeat -169px -40px; }

.pkg-info-yellow{background: url(/styling/images/buttons-meerinfo.png) no-repeat -338px -40px; }
.pkg-info-yellow:hover{background: url(/styling/images/buttons-meerinfo.png) no-repeat -507px -40px; }

.pkg-info-active{background: url(/styling/images/buttons-meerinfo.png) no-repeat 0px -80px; }


.border-width{
	background-color:	#e3e3e3; /* horizontal line for rows*/
	height:	1px;
	}

.border-height{
	background-color:	#e3e3e3; /* verticale line for columns*/
	width:	1px;
	}

#order_screen{
	position: absolute;
	top: 75px;
	left: 300px;
}



/* element specifics */







DIV#outer DIV#container DIV#crumbs .nopadding{
	padding:0px;
}
DIV#outer DIV#container DIV#crumbs .bt{border-top: 1px solid #e9e9e9;}
DIV#outer DIV#container DIV#crumbs .br{border-right: 1px solid #e9e9e9;}
.round{	
	-khtml-border-radius: 5px;	
	-moz-border-radius: 5px;  
	-webkit-border-radius: 5px;  
	border-radius:5px
}

DIV#outer DIV#container DIV#sitelinks{
	text-align: right;
	margin-top: 20px;
	font-family: Arial;
	font-size: 11px;
	color: #9b9b9b;
}

DIV#outer DIV#container DIV#note{
	border-top: 1px solid #e9e9e9;
	margin-top: 20px;
	padding-top: 20px;
	font-family: Arial;
	font-size: 11px;
	color: #9b9b9b;
}

DIV#outer DIV#container DIV#note a{
	color: #3e69b2;
}

/* styles, cleanup afterwards */
.orderPackage{
	border: 0px;
	background: transparent url(/styling/images/sprite-bestellen.png) no-repeat scroll 0px 0px;
	width: 195px;
	height: 32px;
}
.orderPackage:hover{
	border: 0px;
	background: transparent url(/styling/images/sprite-bestellen.png) no-repeat scroll -205px 0px;
	width: 195px;
	height: 32px;
	cursor: pointer;
}
.nextQuestion{
	border: 0px;
	background: transparent url(/styling/images/sprite-volgendevraag.png) no-repeat scroll 0px 0px;
	width: 148px;
	height: 31px;
}
.nextQuestion:hover{
	border: 0px;
	background: transparent url(/styling/images/sprite-volgendevraag.png) no-repeat scroll -158px 0px;
	width: 148px;
	height: 31px;
	cursor: pointer;
}
.prevQuestion{
	border: 0px;
	background: transparent url(/styling/images/sprite-vorigevraag.png) no-repeat scroll 0px 0px;
	width: 128px;
	height: 31px;
}
.prevQuestion:hover{
	border: 0px;
	background: transparent url(/styling/images/sprite-vorigevraag.png) no-repeat scroll -128px 0px;
	width: 128px;
	height: 31px;
	cursor: pointer;
}

input {
	border: 1px solid grey;
}


/* ADit */
.activesearch{
	background: url(/styling/images/container-search.png) no-repeat -190px 0px;
}
.normalsearch{
	background: url(/styling/images/container-search.png) no-repeat 0px 0px;
}
.normalsearch:hover{
	background: url(/styling/images/container-search.png) no-repeat -190px 0px;
}

.priceboxspacing{
	height: 310px;
}