/* @override http://www.symbolenplein.nl/stylesheets/layout.css */
/*
div{
	border 				: 1px solid #FF0000;
	margin 				: -1px;
}
*/
body{
	margin 				: 0;
	padding				: 0;
	background 			: url(/images/grad_blue.jpg) repeat-x #7fcaeb; /*was 291d14 */
}
div#container{
	position 			: relative;
	width 				: 990px;
	margin 				: 0 auto;
	background 			: url(/images/top_papers_bg.jpg) no-repeat top center;
}

div#container div#top{
	width 				: 990px;
	height 				: 140px;
}

div#container div#top div#fontsize_bar{
	padding 			: 12px 15px 10px 15px;
	width 				: 219px;
	height 				: 20px;
	background 			: url(/images/fontsize_bar_bg.gif) no-repeat;
}

div#container div#top div#fontsize_bar span{
	margin-right 		: 15px;
}

div#container div#top div#fontsize_bar a{
	padding 			: 0 6px;
}

div#container div#logo{
	display 			: block;
	z-index 			: 20;
	right 				: 0px;
	top 				: 40px;
	position 			: absolute;
	width 				: 290px;
	height 				: 135px;
	background 			: url(/images/symbolenplein_logo.png);
}

/* NAVIGATION */

div#container div#navigation{
	float 				: left;
	width 				: 201px;
	padding 			: 0 0 0 3px;
	margin-top 			: 23px;
}

div#container div#navigation ul{
	list-style 			: none; 
	margin 				: 0;
	padding 			: 0;

}

div#container div#navigation ul li{
	margin-top 			: -10px;
}

div#container div#navigation ul li a{
	background 			: url(/images/navigation_li_bg.png);
	width 				: 184px;
	height 				: 25px;
	padding 			: 17px 0 17px 17px;
	display 			: block;
	z-index 			: 30;
	position 			: relative;
	cursor 				: pointer;
}

#meta {
	background-color: #efefef;
	padding: 10px;
	float: left;
	margin-left: 204px;
	width: 600px;
}


.ws_keurmerk {
	margin-left: 0px;
	float: left;
}

.ideal_logo, .creative_commons {
	margin-left: 20px;
	float: left;
}

div#container div#navigation ul li.active a{
	background 			: url(/images/navigation_li_active_bg.png);
}
div#container div#navigation ul li.active ul li a{
	display 			: inline;
	background 			: none;
}

div#container div#navigation ul li ul{
	position 			: relative;
	display 			: none;
	margin 				: 0 0 0 15px;
	margin-top	 		: -10px;
	z-index 			: 20;
	background 			: #537a1a;
	padding 			: 0 0 9px 0;
}

div#container div#navigation ul li ul li{
	height 				: 29px;
	background 			: #537a1a;
	border-top 			: 1px solid #364F12;
	margin 				: 0;
	_margin-bottom 		: -3px;
}
div#container div#navigation ul li ul li:first-child{
	border 				: none;
}
div#container div#navigation ul li ul li span{
	display 			: block;
	padding 			: 7px 0 3px 20px;
}

div#container div#navigation ul li ul li span.color{
	padding 			: 0px;
	width 				: 12px;
	height 				: 29px;
	margin 				: 0;
	display 			: block;
	float 				: left;
}

div#container div#navigation ul li ul li a{
	background 			: none;
	width 				: auto;
	height 				: 20px;
	_height				: 18px;
	padding 			: 0;
}



div#container div#navigation div#search_box{
	margin-top 			: -26px;
	width 				: 188px;
	height 				: 69px;
	display 			: block;
	background 			: url(/images/search_box_bg.gif) no-repeat;
	float 				: right;
	padding 			: 26px 6px 0 7px;
}

div#container div#navigation div#search_box input#quick_search_input{
	border 				: none;
	background 			: url(/images/form_elements/search_form_text_input_bg.gif) no-repeat;
	width 				: 137px;
	height 				: 17px;
	padding 			: 11px 10px 4px;
	margin 				: 0 0 6px 0;
	float: left;
}

div#container div#navigation div#search_box input.search_button{
	border 				: none;
	background 			: url(/images/form_elements/search_button.gif) no-repeat;
	width 				: 30px;
	height 				: 32px;
	margin 				: 0 0 6px 0;
	float: left;
	cursor: pointer;
}

/* NAVIGATION END */

div#container ul#account_tabs{
	padding				: 0;
	list-style			: none;
	height 				: 47px;
	margin-top 			: -10px;
	margin-left 		: -10px;
}
div#container ul#account_tabs li{
	float 				: left;
	display 			: block;
	margin 				: 0 10px 0 0;
	padding 			: 0 0 0 10px;
}

div#container ul#account_tabs li a{
	display 			: block;
	height 				: 21px;
	padding 			: 6px 9px 0 0;
}

div#container ul#account_tabs li.active{
	background 			: url(/images/account_button_left.png) no-repeat top left;
}

div#container ul#account_tabs li.active a{
	background 			: url(/images/account_button_right.png) no-repeat top right;
}

/* MAIN */
div#container div#main_container{
	float 				: left;
	width 				: 620px;
	_width 				: 500px;
}

div#container div#main_container div#main_top{
	height				: 25px;
}
div#container div#main_container div#main_top.yellow{
	background 			: url(/images/main_yellow_top.png);
}

div#container div#main_container div#message div.top{
	width 				: 523px;
	height 				: 15px;
	background 			: url(/images/message_box_top.gif) no-repeat;
}
div#container div#main_container div#message div.content{
	padding				: 2px 20px 0px;
	width 				: 483px;
	margin 				: 0;
	background 			: #fff19c;
}
div#container div#main_container div#message div.bottom{
	width 				: 523px;
	height 				: 15px;
	background 			: url(/images/message_box_bottom.gif) no-repeat;
}
div#container div#main_container div#message div.content a.message_box_close{
	display 			: block;
	height 				: 11px;
	width 				: 10px;
	background 			: url(/images/message_box_close.gif) no-repeat;
	float 				: right;
	margin-top 			: 1px;
}
div#container div#main_container div#message div.content a.message_box_close:hover{
	background 			: url(/images/message_box_close_hover.gif) no-repeat;
}
div#container div#main_container div#main{
	width 				: 540px;
	padding 			: 10px 40px;
	background 			: #f3f3f3;
	height 				: auto !important;
	height 				: 400px;
	min-height 			: 400px;
}

div#container div#main_container div#main.yellow{
	background 			: #fffbc6;
}

div#container div#main_container div#main.products{
	padding 			: 10px 0 0 0;
	width 				: 620px;
}

div#container div#main_container div#main div#buy_download_confirm{
	display 			: none;
}

div#container div#main_container div#main div#buy_download_confirm div#buy_download_dialog{
	z-index 			: 100;
	top 				: 50%;
	left 				: 50%;
	margin-top			: -100px;
	margin-left			: -150px;
	position 			: absolute;
	width 				: 290px;
	height 				: 160px;
	padding 			: 20px;
	
	background 			: url(/images/buy_download_dialog_bg.png) no-repeat;
}

div#container div#main_container div#main div#buy_download_confirm div#overlay{
	z-index 			: 99;
	position 			: absolute;
	top 				: 0;
	left				: 0;
	display 			: block;
	width 				: 100%;
	height 				: 100%;
	background 			: #000000;
	opacity 			: 0.5;
}

div#container div#main_container div#main div#content{
	padding 			: 0px 40px;
	_padding 			: 5px 0px 10px;
}

div#container div#main_container div#main div#content a{
	color: #5d95af;
	text-decoration: none;
}
div#container div#main_container div#main div#content a:hover{
	text-decoration: underline;
}

div#container div#main_container div#main form input.text{
	border 				: none;
	background 			: url(/images/form_elements/register_form_text_input_bg.gif) no-repeat;
	width 				: 247px;
	height 				: 17px;
	padding 			: 11px 10px 4px;
}

.organisation_only{
	display 			: none;
}

div#container div#main_container div#main div#product_sidebar{
	float 				: right;
	margin 				: 0 0 0 30px;
}

div#container div#main_container div#main div#product_sidebar div.product_display{
	width 				: 194px;
	height 				: 203px;
	background 			: url(/images/product_display_background.jpg) bottom center no-repeat;
	text-align			: center;
}

div#container div#main_container div#main div.product_display span{
	position 			: absolute;
	width 				: 120px;
	margin 				: 130px 7px 0;
	_margin				: 150px 7px 0;
	padding 			: 0 30px;
	_padding 			: 0 32px 0 20px;
}

div#container div#main_container div#main div.product_row div.product_display span{
	margin 				: 130px 0 0 0;
	margin-left 		: -5px;
	_margin-left 		: 0;
	_padding 			: 0 32px 0 25px;
}

div#container div#main_container div#main div#product_sidebar div.product_display img{
	margin-top 			: 0px;
	_margin-top 		: 24px;
	margin-bottom 		: -3px;
}

div#container div#main_container div#main div#product_sidebar div#product_info{
	width 				: 164px;
	padding-left 		: 30px;
/*	text-align			: center; */
}

div#container div#main_container div#main div#product_sidebar div#product_info span#package_type span.info{
	width 				: 15px;
	height 				: 15px;
	display 			: block;
	text-indent 		: -10000px;
	background 			: url(/images/info.gif);
	float 				: right;
	margin 				: 10px 0 0 0;
}

div#container div#main_container div#main div#product_sidebar div#product_info span#package_type span.info *{
	display 			: none;
}

div#container div#main_container div#main div#product_sidebar div#product_info div{
	text-transform 		: uppercase;
	display 			: block;
	margin 				: 10px 0 20px 0;
}

div#container div#main_container div#main div#product_sidebar div#product_info div span.price{
	font-size 			: 48px;
	line-height 		: 36px;
	vertical-align 		: top;
}

div#container div#main_container div#main div#product_sidebar div#product_info input.submit{
	border 				: none;
	background 			: url(/images/form_elements/button.gif) no-repeat;
	width 				: 141px;
	height 				: 32px;
	padding 			: 5px 0 5px 0;
	cursor 				: pointer;
}

div#products{
	_margin-left 		: -40px;
	_margin-right 		: -40px;
}

div#products div.product_row {
	position 			: relative;
	z-index 			: 10000;
	width 				: 624px;
	padding 			: 30px 30px 0 0;
	height 				: 210px;
	background 			: url(/images/product_row_display_background.png) bottom center no-repeat;
	margin-left 		: -17px;
	_width 				: 620px;
	_margin-left 		: -40px;
	_margin-right 		: -20px;
	_padding 			: 0;
	_background			: url(/images/product_row_display_background.jpg) bottom center no-repeat;
	_margin-left 		: 0;
}

div#products div.product_row div.product_display{
	float 				: left;
	margin 				: 7px 0 0 37px;
	_margin				: 12px 10px 0 15px;
	_margin-bottom 		: -5px;
}

/* MAIN END */

/* PAGES */

div#container div#main_container div#pages{
	display 			: block;
	width 				: 620px;
	background 			: #f3f3f3;
	overflow 			: hidden;
	padding 			: 10px 0;
	position 			: relative;
}

div#container div#main_container div#pages div#previous{
	display 			: block;
	width 				: 30px;
	height 				: 100%;
	_height				: auto !important;
	_height 			: 150px;
	background 			: #f3f3f3 url(/images/previous.gif) center right no-repeat;
	position 			: absolute;
	left 				: 0;
	top 				: 0;
}

div#container div#main_container div#pages div#next{
	display 			: block;
	width 				: 30px;
	height 				: 100%;
	_height				: auto !important;
	_height 			: 150px;
	background 			: #f3f3f3 url(/images/next.gif) center left no-repeat;
	position 			: absolute;
	right 				: 0;
	top 				: 0;
}

div#container div#main_container div#pages div#next.disabled{
	background 			: #f3f3f3 url(/images/next_disabled.gif) center left no-repeat;
}

div#container div#main_container div#pages div#previous.disabled{
	background 			: #f3f3f3 url(/images/previous_disabled.gif) center right no-repeat;
}

div#container div#main_container div#pages div#images{
	width 				: 100000px;
	padding				: 0 0 0 41px;
}

div#container div#main_container div#pages div a{
	border 				: 1px solid #BBBBBB;
	background-color	: #e4e4e4	;
	width 				: 90px;
	padding 			: 10px;
	margin 				: 0 30px 0 0;
	float 				: left;
}

div#container div#main_container div#pages div a:hover{
	background-color	: #b4deff;
}

div#category_select{
	position 			: relative;
	display 			: block;
	overflow-y 			: hidden;
	height 				: 24px;
	padding 			: 0 0 0 0;
	border 				: 1px solid #CCCCCC;
	border-left 		: 0;
	border-right 		: 0;
	z-index 			: 999999;
}
div#category_select label{
	display 			: block;
	border 				: 1px solid #CCCCCC;
	background 			: #f3f3f3;
	border-top 			: none;
	padding 			: 3px 25px 4px 3px;
	margin 				: 0;
	height 				: 17px;
	font-size 			: 12px;
}

div#category_select:hover{
	overflow 			: visible;
}

/* PAGES END */

/* SIDEBAR */

div#container div#sidebar{
	float 				: right;
	width 				: 166px;
}

div#container div#sidebar div#sidebar_top{
	background 			: url(/images/sidebar_top.png) no-repeat;
	height 				: 143px;
	margin 				: 12px 0 0 0;
	margin-bottom 		: -21px;
	padding 			: 3px 13px 13px;
}

div#container div#sidebar div#sidebar_top_login{
	background 			: url(/images/sidebar_top_login.gif) no-repeat;
	height 				: 180px;/*143px*/;
	margin 				: 12px 0 0 0;
	margin-bottom 		: -21px;
	_margin-bottom 		: -24px;
	padding 			: 3px 13px 13px;
	_padding 			: 3px 12px 0px;
}

div#container div#sidebar div#sidebar_top.active{
	background 			: url(/images/sidebar_top_active_bg.png) no-repeat;
}

div#container div#sidebar div#sidebar_top span.welcome{
	display 			: block;
	height 				: 10px;
	margin				: 20px 0 5px 0 ;
}

div#container div#sidebar div#sidebar_top_login form#login input.text{
	border 				: none;
	background 			: url(/images/form_elements/login_form_text_input_bg.gif) no-repeat;
	width 				: 121px;
	height 				: 17px;
	padding 			: 11px 10px 4px 10px;
}

div#container div#sidebar div#sidebar_top_login form#login input{
	margin-top 			: 5px;
} 

input.submit{
	border 				: none;
	display 			: block;
	background 			: url(/images/form_elements/button.gif) no-repeat;
	width 				: 141px;
	height 				: 32px;
	padding 			: 5px 0 5px 0;
	cursor 				: pointer;
}

button{
	border 				: none;
	display 			: block;
	background 			: url(/images/form_elements/small_button.gif) no-repeat;
	width 				: 99px;
	height 				: 22px;
	padding 			: 3px 0 3px 0;
	cursor 				: pointer;
}

div#container div#sidebar div#sidebar_register{
	background 			: url(/images/sidebar_register_bg.gif) no-repeat;
	height 				: 124px;
	margin-bottom 		: -51px;
	_margin-top 		: -20px;
	_margin-bottom 		: 0;
	padding 			: 10px 0 0 0;
	_padding 			: 20px 0 0 0;
	text-align 			: center;
}

div#container div#sidebar div#sidebar_register.active{
	background 			: url(/images/sidebar_register_active_bg.gif) no-repeat;
}

div#container div#sidebar a.sidebar_item{
	background 			: url(/images/sidebar_item_bg.png) no-repeat;
	display 			: block;
	height 				: 79px;
	margin-bottom		: -51px;
	padding 			: 23px 0 0 15px;
}

div#container div#sidebar a.sidebar_item.last{
	margin-bottom		: 0px;
}

div#container div#sidebar a.sidebar_item span{
	height 				: 24px;
	display 			: block;
	padding 			: 8px 0 0 40px;
}

div#container div#sidebar a.sidebar_item.credits span{
	background 			: url(/images/plus_icon.gif) no-repeat;
}

div#container div#sidebar a.sidebar_item.account span{
	background 			: url(/images/account_icon.gif) no-repeat;
}

div#container div#sidebar a.sidebar_item.logout span{
	background 			: url(/images/logout_icon.gif) no-repeat;
}



div#container div#sidebar a.sidebar_item.active{
	background 			: url(/images/sidebar_item_active_bg.png) no-repeat;
}



/* SIDEBAR END */

div#container div#footer{
	display 			: block;
	clear 				: both;
	width 				: 990px;
	height 				: 100px;
}


form#credits ul{
	list-style 			: none;
	margin 				: 0;
	padding 			: 0;
	width 				: 200px;
}
form#credits ul li{
	margin-bottom 		: 6px;
}

form#credits div#order_buttons{
	float 				: left;
	margin 				: 12px 0 0 40px;
}

form#credits div#order_buttons input{
	border 				: none;
	display 			: block;
	width 				: 220px;
	height 				: 32px;
	padding 			: 5px 30px 5px 0;
	cursor 				: pointer;
}

form#credits div#order_buttons input#ideal_button{
	background 			: url(/images/form_elements/ideal_button.png) no-repeat;
}

form#credits div#order_buttons input#invoice_button{
	background 			: url(/images/form_elements/invoice_button.png) no-repeat;
}

form#credits h2#total_price{
	width 				: 60px;
	float 				: left;
}

div#form_tooltip{
	position 			: absolute;
	margin-left			: 280px;
	background 			: #00AA00;
	display 			: block;
	padding 			: 10px;
}
div#form_alert{
	position 			: absolute;
	margin-left			: 270px;
	margin-top 			: -10px;
	background 			: url(/images/form_elements/tooltip_left.png) no-repeat top left;
	height 				: 43px;
	display 			: none;
}

div#form_alert span{
	background 			: url(/images/form_elements/tooltip_right.png) no-repeat top right;
	display 			: block;
	margin  			: 0 0 0 33px;
	padding 			: 9px 10px 12px 0;
}

p#organisation_input_paragraph{
	display 			: none;
}

a img{
	border 				: none;
}

.clear{
	clear 				: both;
}

/* CUSTOM RADIO INPUT */

label.c_off input,
label.r_off input,
label.c_on  input,
label.r_on  input { position: absolute; left: -9999px; }


/* CREDITS RADIO */

form#credits label.label_radio{
	display 			: block;
	cursor 				: pointer;
	height 				: 32px;
}

form#credits label.c_off,
form#credits label.r_off,
form#credits label.c_on,
form#credits label.r_on { padding-left: 35px;}
form#credits label.r_off { background: url(/images/form_elements/radio_off.gif) left 40% no-repeat; }
form#credits label.r_on  { background: url(/images/form_elements/radio_on.gif) left center no-repeat; }
form#credits label.c_off { background: url(/images/form_elements/check_off.gif) left center no-repeat; }
form#credits label.c_on  { background: url(/images/form_elements/check_on.gif) left center no-repeat; }

/* REGISTRATION RADIO */

form#register label.label_radio{
	display 			: block;
	cursor 				: pointer;
	height 				: 83px;
	width 				: 0px;
	cursor 				: pointer;
}

form#register label.c_off,
form#register label.r_off,
form#register label.c_on,
form#register label.r_on { padding-left: 85px;}
form#register .person, form#register .organisation{text-align:center;float:left; margin:10px 20px 10px 0;}
form#register .person label, form#register .organisation label{margin:0 0 10px 0;}
form#register .person label.r_off { background: url(/images/form_elements/person_off.gif) top left no-repeat; }
form#register .person label.r_on  { background: url(/images/form_elements/person_on.gif) top left no-repeat; }
form#register .organisation label.r_off { background: url(/images/form_elements/organisation_off.gif) top left no-repeat; }
form#register .organisation label.r_on  { background: url(/images/form_elements/organisation_on.gif) top left no-repeat; }

/* PACKAGE RADIO */

span#package_type label.label_radio{
	display 			: block;
	cursor 				: pointer;
	height 				: auto !important;
	height 				: 25px;
	min-height 			: 25px;
}

span#package_type label.c_off,
span#package_type label.r_off,
span#package_type label.c_on,
span#package_type label.r_on { padding:10px 0 0 30px;}
span#package_type label.r_off { background: url(/images/form_elements/radio_off.gif) left center no-repeat; }
span#package_type label.r_on  { background: url(/images/form_elements/radio_on.gif) left center no-repeat; }
span#package_type label.c_off { background: url(/images/form_elements/check_off.gif) left center no-repeat; }
span#package_type label.c_on  { background: url(/images/form_elements/check_on.gif) left center no-repeat; }




/* CUSTOM RADIO INPUT END */

div#tooltip{
	display 			: block;
	padding 			: 5px 8px 3px;
	background 			: lightyellow;
	border 				: 1px solid gray;
}

/* IE PNG FIX *\/

*.png { behavior: url(/iepngfix.htc) }

/* */
*.png{
	/*position:relative;*/
	behavior:expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName== "IMG" &&this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage= "none",this.runtimeStyle.filter ="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src +"', sizingMethod='image')",this.src = "/images/blank.gif"):(this.origBg = this.origBg? this.origBg:this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),this.runtimeStyle.filter ="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" +this.origBg + "', sizingMethod='crop')",this.runtimeStyle.backgroundImage = "none")),this.pngSet=true));
}
/* */