@import 'init.css';
@import 'mce.css';

/*
==========================
 __MAIN LAYOUT
========================== */
html {
	background: #FFF url("/img/bg.png") repeat-x 0 0;
}

body {
	background: url("/img/vlak_en_kop.jpg") no-repeat 50% 0;
	min-width: 1010px;
	
	
	
}

#vlak {
	position: absolute;
	left: 50%;
	margin-left: -481px;
	
	width: 962px;
	overflow: visible;
	position: relative;
	min-height: 824px;
}

#nav {
	position: absolute;
	top: 154px;
	left: 9px;
	width: 944px;
	z-index: 50;
}

#nav a, .agenda-item, #content_header, #nav ul li, .team-name, #tabnav li a:hover, #tabnav li a.active, .news #content h3, #homenews h3, .read_more, .back {
	background: url("/img/sprite.png") no-repeat 0 0;
}

h1 {
	text-indent: -9999px;
}

#content_header {
	position: absolute;
	left: 239px;
	top: 254px;
	width: 464px;
	height: 20px;
	background-position: -226px -31px;
	padding: 11px 0 0 17px;
	text-transform: uppercase;
	font-weight: bold;
	color: #FFF;
}

#content {
	
	
	width: 436px;
	padding: 284px 13px 36px 19px; /* IE (padding) and opera (absolute pos. boxes don't enlarge container) */
	margin-left: 239px;
	
}

#topbanner {
	position: absolute;
	left: 246px;
	top: 192px;
}	

#sidebanner1, #sidebanner2, #sidebanner3 {
	position: absolute;
	left: 725px;
	top: 384px;
}

#sidebanner1 img, #sidebanner2 img {
	width: 220px;
	
	
}

#sidebanner2 {
	
	top: 459px;
	
}

#sidebanner3 {
	top: 671px;
	left: 753px;
}

#interactie {
	text-indent: -9999px;
}

#interactie a {
	position: absolute;
	left: 769px;
	top: 661px;
	width: 148px;
	height: 15px;
}



/*
==========================
 __NAV
========================== */

#nav li {
	float: left;
	width: 118px;
	
}	

#nav a {
		display: block;
		
		height: 23px;
		padding-top: 8px;
		color: #FFF;
		text-transform: uppercase;
		text-align: center;
		text-decoration: none;
		
		
		
		
}
#nav #n_home {
	width: 119px;
	
}
#n_home a:hover, #n_home a.active {
	background-position: -119px 0;
}

#n_news a, #n_about-lacrosse a, #n_about-lions a, #n_media a, #n_amsterdam-tournaments a, #n_clinics a {
	background-position: -238px 0;
}



#n_news a:hover, #n_news a.active, #n_about-lacrosse a:hover, #n_about-lacrosse a.active, #n_about-lions a:hover, #n_about-lions a.active, #n_media a:hover, #n_media a.active, #n_amsterdam-tournaments a:hover, #n_amsterdam-tournaments a.active, #n_clinics a:hover, #n_clinics a.active {
	background-position: -356px 0;
}

#n_amsterdam-tournaments a {
	padding-top: 2px;
	height: 29px;
	line-height: 13px;
}
#nav #n_contact {
	width: 117px;
}
#n_contact a {
	background-position: -474px 0;
}

#n_contact a:hover, #n_contact a.active {
	background-position: -591px 0;
}

#nav ul {
	display: none;
	margin-top: 1px;
}

#nav li:hover ul {
	display: block;
}

#nav ul li {
	float: none;
	
}

#nav ul a {
	width: 130px;
	height: 18px;
	background-position: -226px -62px;
	padding: 3px 0 0 10px;
	text-align: left;
}

#n_about-lions ul a {
	padding-left: 23px;
	width: 117px;
}



#nav ul a:hover, #nav ul a.active {
	background-position: -366px -62px;
}

#random {
	position: absolute;
	left: 722px;
	top: 226px;
	text-align: center;
	font-size: 0;
	width: 225px;
	 
}

#random img {
	height: 116px;
}





/*
==========================
 __AGENDA
========================== */

#agenda {
	position: absolute;
	left: 9px;
	top: 192px;
	width: 226px;
	height: 254px;
	text-transform: uppercase;
}

#agenda h2 {
	text-indent: -9999px;
	height: 24px;
	
}

.agenda-item {
	background-position: 0 -31px;
	height: 57px;
	margin-left: 2px;
	width: 226px;
}

.agenda-item h3 {
	line-height: 14px;
	margin-bottom: 2px;
	overflow: hidden;
	height: 14px;
	
}

.agenda-item h3, .agenda-item p {
	padding-left: 13px;
}

.agenda #content h3 {
	margin: 0;
}

#agenda-more {
	float: right;
	text-transform: lowercase;
	color: #444;
	font-weight: bold;
}

/*
==========================
 __HOME
========================== */
#to-news-page {
	margin-bottom: 2em;
}

.default #content h3 {
	font-size: 120%;
}

.default #content h4 {
	color: #000;
	font-weight: bold;
	text-transform: none;
	font-size: 1em;
}

#homenews {
	margin-top: 24px;
}

/*
==========================
 __NEWS
========================== */
.news #content {
	padding-top: 273px;
}

.news #content h3, #homenews h3, .post {
	position: relative;
	left: -12px;
	width: 454px;
}

.news #content h3, #homenews h3 {
	background-position: -158px -88px;
	padding: 5px 0 0 13px;
	height: 20px;	
}

.post {
	background: #B7B7B7;	
	width: 444px;
	height: 103px;
	padding: 2px 11px 0 12px;
	margin-bottom: 5px;
	overflow: hidden;
}

.article_image_float {
	float: left;
	position: relative;
	left: -9px;
	background: #FFF;
	border: 3px solid #6B6B6B;	
	
}

.cell {
	height: 94px;
	width: 93px;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

.article_image {
	/* alignment correction */
	padding-right: 1px;	
	padding-top: 3px;
}

.excerpt {
	margin-top: 6px;
}

.news #content .read_more, .news #content .back, #homenews .read_more, #homenews .back {
	display: block;
	position: absolute;
	left: 369px;
	top: 73px;
	
	background-position: -625px -88px;
	width: 89px;
	height: 19px;
	padding-top: 3px;
	text-decoration: none;
	text-align: center;
}

.news #content .back, #homenews .back {
	background-position: 0 -112px;
	width: 133px;
	height: 22px;
	position: static;
	display: inline-block;		
}


.body, .big_article_image {
	margin-top: 11px;
}

.big_article_image {
	float: left;
	margin-right: 13px;
	padding-bottom: 1000px;
}

.pagination {
	margin-top: 9px;
	text-align: center;
}

.pagination li, .news .pagination .bar {
	display: inline;
	font-weight: bold;
	color: #E31937;
}

.pagination .pagination_selected {
	color: #000;
}

.pagination_prev {
	margin-right: 3px;
}
.pagination_next {
	margin-left: 3px;
}



/*
==========================
 __TEAMS
========================== */
.c_first-men #content, .c_ladies #content, .c_tooze #content, .media #content, .c_the-game #content, .c_men #content, .c_women #content, .c_partners #content, .c_friends #content, .c_other #content {
	padding-top: 243px;
}

#all-teams {
margin-left: -21px;
width: 470px;
float: left;
}

#all-teams li {
	float: left;
	list-style: none;
	width: 204px;
	
	height: 177px;
	background: #B7B7B7;
	margin: 0 0 13px 21px;
	
}

#all-teams li a {
	text-decoration: none;
}

#all-teams .team-name {
	display: block;
	width: 194px;
	height: 21px;
	padding: 3px 0 0 10px;
	color: #FFF;
	
	background-position: -506px -62px;
} 

#all-teams img {
	border: 3px solid #FFF;
	margin: 7px 0 0 9px;
}

.about-lions #content_header, .media #content_header, .c_the-game #content_header, .c_men #content_header, .c_women #content_header, .c_partners #content_header, .c_friends #content_header, .c_other #content_header {
	text-indent: -9999px;
}

.c_history #content_header, .c_teams #content_header, .c_board #content_header {
	text-indent: 0;
}

#tabnav {
	border-bottom: 5px solid #DD1835;
	height: 24px;
	position: relative;
	left: -13px;
	top: 2px;
	width: 469px;
}

#tabnav li {
	float: left;
}

#tabnav li a {
	text-align: center;
	display: block;
	width: 79px;
	height: 19px;
	padding: 5px 0 0 0px;
	color: #686868;
	text-transform: uppercase;
}

#tabnav li a:hover, #tabnav li a.active {
	color: #FFF;
	background-position: -79px -88px;
}

#tabnav li a {
	text-decoration: none;
}

#tabnav #tn_team a:hover, #tabnav #tn_team a.active, #tabnav #tn_media a:hover, #tabnav #tn_media a.active, #tabnav #tn_the-game a:hover, #tabnav #tn_the-game a.active, #tabnav #tn_partners a:hover, #tabnav #tn_partners a.active { 
	background-position: 0 -88px;
	
}


#tabnav #tn_not-forgotten a {
	width: 74px;
	padding-top: 1px;
	height: 23px;
	line-height: 10px;
	background-position: -159px -88px;
	background-position: -134px -113px;
}

#big-team-photo {
	border: 3px solid #FFF;
	margin-left: 5px;
}







.player {
	margin-bottom: 11px;
	width: 467px;
	height: 118px;
	position: relative;
	left: -12px;
	background: #DEDEDE;
}

.player h4 {
	
	height: 17px;
	background: #656565;
	margin-bottom: 8px;
}

.player h4, .player p {
	padding-left: 9px;
}

.player_right {
	width: 351px;
	
		float: right;
}

.player_image {
	background: #CBCBCB;
	text-align: center;
}

.player_image, .player_image .cell {
	height: 118px;
	width: 116px;
}

.player_image img {
	border: 3px solid #FFF;
}


.c_board #content h3 {
	
	margin: 0;
}



/*
==========================
 __MEDIA
========================== */

.thumbnails li, .sets li {
		list-style: none;
		float: left;
		margin: 0 2em 2em 0;
}

.thumbnails li a, .sets li .set_link_image {
		display: block;
		padding: 0.3em;
		border: 1px solid #AAA;
		background: #FFF;
		width: 75px;
		height: 75px;
}

.sets li {
	width: 100%;
}

.sets a {
	line-height: 80px;
}

.set_link_image {
	float: left;
	margin-right: 1em;
	line-height: 0;
}



#media-tv {
	margin-top: 2em;
	text-align: center;
}

.media #content .set_title {
	font-weight: normal;
	font-style: italic;
	margin-bottom: 1em;
}

/*.setpreview a {
	display: block;
	line-height: 75px;
}

.setpreview img {
	float: left;
}*/

/*
==========================
 __CONTACT
========================== */
label {
	float: left;
	clear: left;
	width: 130px;
	
}

label:after {
	content: ":";
}

input, textarea, select {
	float: left;
	margin-bottom: 23px;
	padding: 0;
}

input {
	width: 216px;
	
	
}

select {
	width: 291px;	
}

textarea {
	width: 287px;
	margin-bottom: 15px;
}

.zemSubmit {
		width: auto;
		position: relative;
		left: 330px;
}

legend {
	text-indent: -9999px;
	line-height: 0;
	
}

#map {
	width: 100%;
	height: 580px;
}

.busmetro {
	
	
	padding: 4px;
	font-weight: bold;
	text-align: right;
	
}

.busmetro div {
padding: 4px;
margin-bottom: 2px;
background: #000;
	color: #FFF;
}

.busmetro span {
	color: #E31973;
}

/* Links */
.link-column {
	width: 50%;
	float: left;
}