/**
 * Studentenpas CSS
 */
a {
	color: black;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}

body, html {
	font-size: 12px;
}

p {
	 line-height: 1.6em;
	 margin: 0;
	 padding: 0 4px 8px 4px;
}

img {
	border: none;
}

#site {
	position: relative;
	margin: 0 auto;
	padding: 0;         
	width: 970px;
	background: url(img/background_left.png);
}

#site, #site textarea, #site input, .suggestions, form div div select {
	font-family: Arial, sans-serif;
	font-size: 13px;
	font-weight: normal;
}


h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0.1em 0;
	clear: both;
}

h2 {
	background: url(img/bg_header.png) repeat-x center center;
/*	color: #5c5c5c;*/
	color: white;
	font-size: 12px;
	height: 18px;
	padding: 11px 6px 9px 6px;
}

h2 a, h2 a:hover, h2 a:active {
	color: white;
	text-decoration: none;
}

#main {
	float: right;
	width: 842px;
}

#content {
	width: 498px;
}

#sidebar-big {
	width: 336px;
	padding: 4px;
}

#content, #sidebar-big {
	float: left;
}

#menu {
	float: left;
	width: 120px;
	padding: 4px 0 0 4px;
}

#menu ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#menu ul li {
	margin: 0;
	padding: 0 0 4px 0;
}

#menu ul li a span {
	border: 1px solid #1e2a73;
	color: #1e2a73;
	display: block;
	font-weight: bold;
	padding: 6px;
}

#menu ul li.active a span {
	background: url(img/btn_active.png);
	color: white;
}


.top10, .top10_alt {
	clear: both;
	display: block;
	padding: 2px 0;
}

.alt,
.top10_alt {
	background: #eff6ff;
}

.top10_spacer {
	clear: both;
	display: block;
}

.top10_description {
	clear: right;
	display: block;
	float: right;
	height: 20px;
	padding: 8px 0 4px 0;
	width: 452px;
}

.top10_name {
	clear: right;
	display: block;
	float: right;
	width: 452px;
}

.top10_number {   
	clear: left;
	color: #105984;
	display: block;
	float: left;
	font-size: 22px;
	font-weight: bold;
	height: 26px;
	padding: 10px 0;
	text-align: center;
	width: 46px;
}

.top10_sport { float: right; width:452px; display: block; clear:right;}

.top10_link:hover, .top10:hover, .top10_alt:hover {
	background: #13679B;
	color: white;
	cursor: pointer;
	text-decoration: none;
}

.top10_link:hover span { /* IE6 FIX */
	background: #ec008c;
}

.top10_link:hover span .top10_number, .top10:hover .top10_number, .top10_alt:hover .top10_number {
	color: #ffffff;
}

div.suggestions {
/*	-moz-box-sizing: border-box;
	box-sizing: border-box;*/
	background-color: white;
	border: 1px solid black;
	position: absolute;   
	text-align: left;
}

div.suggestions div {
	cursor: default;
	padding: 0px 3px;
}

div.suggestions div.current {
	background-color: #3366cc;
	color: white;
}

#content .error, #content .lbl.error {
	color: #ff3333;
	font-weight: bold;
}

#content p.error {
	background-color: #ffeeee;
	border: 1px solid #ff3333;
	padding: 6px;
}

#content .success, #content .lbl.success {
	color: #009900;
	font-weight: bold;
}

#site #content p.success {
	background-color: #ccffcc;
	border: 1px solid #009900;
	margin-top: 4px;
	padding: 6px;
}

#register_image {
	background: url(img/btn_aanvragen.png);
	display: block;
	height: 98px;
	width: 336px;
}
#register_image_snowevent {
	background: url(img/btn_aanvragen_snowevent.gif);
	display: block;
	height: 124px;
	width: 336px;
	margin-bottom:4px;
}

#hanze_register_image {
	margin:	5px 0 5px 0;
	background: url(img/teaser_hanzepas.png);
	display: block;
	height: 200px;
	width: 336px;	
}
#hanze_aangeboden_door {
	margin: 0 0 8px 0;	
}

#search_popular {
	display: inline;
	list-style: none;
}

#search_popular li {
	display: block;
	float: left;
	margin: 0;
	padding: 2px;
	width: 160px;
}

.image_main {
	padding-top: 4px;
}

.image_link span {
	display: none;
}
 
span.small {
	font-size: 10px;
}

.snet-auto-banner {
	background: #eeeeee;
}

.banner336x280 {
	height: 280px;
	margin: 4px 0;
	width: 336px;
}

.banner120x600 {
	height: 600px;
	margin: 0 0 4px 0;
	width: 120px;
}

.banner120x60 {
	float: left;
	height: 60px;
	margin: 4px 4px 0 0;
	width: 120px;
}

.banner468x60 {
	height: 60px;
	margin: 4px auto;
	width: 468px;
}

.banner120x60_alt {
	float: right;
	margin: 4px 0 0 4px;
}

table {
	font-size: 12px;
	width: 100%;
}

td {
	font-size: 12px;
	margin: 0;
	padding: 2px;
}

form div {
	clear: both;
	padding: 0 1px 0 3px;
}

form div div {
	clear: right;
	float: left;
	margin: 0 0 6px 0;
	width: 330px;
}

form div div.label, label {
	clear: left;
	float: left;
	width: 150px;
}

form div div select {
	width: 333px;
}

.indent {
	display: block;
	margin-left: 6px;
	line-height: 1.6em;
}

.text {
	border: 1px solid #106499;
	margin: 0;
	padding: 1px 0;
	width: 320px;
}

.text_noresize {
	border: 1px solid #106499;
	margin: 0;
	padding: 1px 0;
}

.profile {
	border-bottom: 1px solid #e5ddd4;
	padding: 4px;
	width: 350px;
}

.last {
	width: 490px;
}

.profile p {
	padding: 0;
}

.profile_image {
	float: right;
	padding: 4px 0;
}

.paginator {
	text-align: center;
}

.news_item {
	border-bottom: 1px solid #e5ddd4;
	padding-bottom: 8px;
	margin-bottom: 8px;
	clear: both;
}

.news_item p {
	text-align: left;
	padding: 0 4px;
	line-height: 1.6em;
	font-size: 12px;
}

.news_item p a {
	color: #105984;
}


.news_item .title {
	color: #105984;
	font-size: 14px;
	font-weight: bold;
	padding: 4px;
}

.news_item .date {
	color: #999999;
	font-size: 10px;
	margin: 0;
	padding: 0 4px;
}

.news_item .image {
	float: right;
	padding: 4px 4px 18px 20px;
}

.news_item .image img {
	border: 1px solid #1e2a73;
}

.news_item .author {
	font-style: italic;
}

.news_item h2 { padding-left:12px; }

.list_item {
	padding: 2px;
}

/**********************************************************************/
/* FORMS / REGISTER                                                	  */
/**********************************************************************/
.register-form div { clear:both; }
.register-input-text_medium { width: 50px; }
.register-input-text_small { width: 25px; }
#address_block { display:block; }

/**********************************************************************/
/* TOPLISTS                                                           */
/**********************************************************************/
.toplist {				font-size: 11px; padding: 0; margin: 0;}
.toplist .content {			border-bottom: 1px solid black; border-left: 1px solid black; 
					border-right: 1px solid black;
					clear: both; margin: 0; padding: 3px 0 0 0; }
.toplist .content a {			color: black; text-decoration: none; }
.toplist .content a:hover {		text-decoration: underline; }
.toplist .content .even {		background: white; border-top: 1px solid #939393; }
.toplist .content .odd {		background: #eff6ff; border-top: 1px solid #939393; }

.toplist .left,
.toplist .center,
.toplist .right {			border-bottom: 1px solid black; float: left; height: 24px; margin: 0;
					width: 88px; }

.toplist .left {			padding: 11px 7px 4px 17px; }
.toplist .center {			padding: 11px 7px 4px 16px; }
.toplist .right {			padding: 11px 7px 4px 16px; }

.toplist .center a,
.toplist .left a,
.toplist .right a {			color: #105984; font-family: Arial; font-size: 16px; font-weight: bold; margin: 0;
					padding: 4px 0 0 0; text-decoration: none; border: 0; /*letter-spacing: -1px;*/ }
.toplist .selected { 			border-bottom: 0px none black; border-left: 1px solid black; 
					border-right: 1px solid black; 
					border-top: 1px solid black; height: 24px; }
.toplist .content .separator {		clear: both; font-size: 1px; height: 0px; margin: 0; padding: 0; }
                                        
#toplist_vips .content .title {		float: right; height: 10px; padding: 4px 0 0 0; width: 284px; }
#toplist_vips .content .description {	float: right; height: 14px; padding: 7px 0 7px 4px; width: 284px; }

#toplist_vips .content .img img {	margin: 0; padding: 0; width: 40px; }
#toplist_vips .content .img {		float: left; height: 34px; margin: 0; overflow: hidden; padding: 4px 0 0 4px; width: 40px; }

							
#toplist_jobs .content .iteration {	background: url(img/toplist_iteration.png) no-repeat 8px 4px; float: left; height: 14px; 
	    					padding: 4px 8px 24px 8px; width: 14px; text-align: center; }
#toplist_jobs .content .title {		float: right; height: 10px; padding: 4px 0 0 0; width: 304px; }
#toplist_jobs .content .description {	float: left; height: 14px; padding: 7px 0 7px 4px; width: 204px; }
#toplist_jobs .content .type {		float: right; height: 14px; padding: 7px 0; width: 90px; }


/**********************************************************************/
/* RESTAURANT 														  */
/**********************************************************************/

.review {
	border-bottom: 1px solid #106499;
	padding: 8px 4px;
}

.review .comment {
	padding: 4px 0 12px 0;
}

.review .rating {
	float: right;
}

.rating_selection {
	cursor: pointer;
}

.rating_type {
	width: 180px;
}

.rating_type div {
	float:right;
	padding: 0 2px 0 0;
}

.profile .time_table {
	float: left;
	width: 80px;
}

.profile .time_table_top {
	background: #eff6ff;
	float: left;
	width: 80px;
}

#sidebar-search {
	margin-top: 0px;
}

#sidebar-search .text {
	width: 260px;
	height: 20px;
}

#sidebar-search .submit {
	background: url(img/bg_header.png) repeat-x center center;
	border: none;
	color: white;
	font-weight: bold;
	padding: 1px 0;
	width: 70px;
	
}

.sidebar_tab {
	border-bottom: 1px solid #106499;
	float: left;
	font-weight: bold;
	margin-top: 4px;
	padding: 8px 6px;
	width: 155px;
	display:block;
}

.sidebar_tab_last {
	/*border-right: 1px solid #106499;*/
	/*width: 151px;*/
}

.sidebar_tab_active {
	border: 1px solid #106499;
	border-bottom: none;
	/*background: #eff6ff;*/
}

#sidebar-news,
#sidebar-reviews {
	border:  1px solid #106499;
	border-top: none;
}
#sidebar-news {
	display: none;
}
.back_button { float:right; font-size:9px; color:black;padding:4px 20px 4px 0; }

#btn_company_login {  display:block; width:336px; height: 120px; background: url('img/btn_bedrijfslogin_pas.png'); }
#btn_company_login span {display:none;}

/**********************************************************************/
/* SITEMAP                                                            */
/**********************************************************************/

.sitemap {
height: 250px; margin-top: 20px;
}

.sitemap .title
{ background: url(img/title.png) no-repeat; height: 40px; margin-bottom: 20px; }
 
.sitemap .title span
{ display: none; }
 
.sitemap ul,
.sitemap ul li
{ display: block; float: left; font-size: 11px; font-family: Arial, Helvetica, FreeSans, sans-serif; line-height: 1.6em; list-style: none; margin: 0; padding: 0; }
 
.sitemap ul li
{ width: 100px; }
 
.sitemap ul li ul,
.sitemap ul li ul li
{ float: none; }
 
.sitemap ul li ul li a { color: #1c9ad6; text-decoration: none;  }
.sitemap ul li ul li a:hover { color: #146d98; text-decoration: underline;  }

div.fullwidth div.profile { width: 498px; }