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

html {
 		background-color: #B0160F;
 		height: 100%;
}
    
body {
		width: 940px;
		
    margin: 0 auto;
    background: url("/img/border.png") repeat 50% 0;
    min-height: 100%;
    
}

#leader {
	background: #B0160F url("/img/leader_juni_2010.png") no-repeat center 12px;
	height: 95px;
	position: relative;
}

#leader a {
	display: block;
	text-indent: -9999px;
	border: 0;
	width: 340px;
	height: 95px;
	position: absolute;
	left: 0;
}

#leader #leader_debeer {
	left: 340px;
	width: 285px;
}

#leader #leader_gait {
	left: 625px;
	width: 280px;
}




.header {
		position: relative;
		height: 218px;
		background: url("/img/header_2010.png") no-repeat 0 0;
		margin-bottom: 25px;
		
}

.header #homelink {
	position: absolute;
	top: 30px;
	left: 64px;
	width: 340px;
	height: 122px;
	text-indent: -9999px;
	border: 0;
} 

.banners {
		color: #B0160F;
		float: right;
		clear: right;
		width: 136px;
		padding: 9px 12px;
		

		margin: 3px 0 12px 0;
		height: 151px;
		border: 1px solid #343434;
		
}

.banners h2, #leader h2 {
		background: none;
		padding: 0;
		color: #000;
}

.banners.actual {
	padding: 0;
	width: 160px;
	height: 160px;
	border-color: #FFF;
}

.banners a {
	border: 0;
	display: block;
	width: 100%;
	height: 100%;
}

.white {
 		width: 821px;
 		margin-left: 60px;
}

.content {
		width: 637px;
		float: left;
		background: url("/img/onderkant.png") no-repeat 0 bottom;
		
}

#sponsors {

}


#footer {
				
		clear: both;
		width: 100%;
		height: 28px;
		background: url("/img/footer.png") no-repeat 0 bottom;
		text-align: center;
		padding-top: 22px;
		
		
}






/*
---------------------------------
 _NAV 
--------------------------------- */

#nav, #nav ul {
		list-style: none;
}

#nav {
		position: absolute;
		top: 169px;
		left: 65px;
		width: 828px;
		height: 24px;
}

#nav a {
		border: 0;
}

#nav li {
	float: left;
}	

#nav li a {
		display: block;
		height: 13px;
		color: #fff;
		margin-right: 0px;
		text-transform: capitalize; /* cross-browser? */
		font-size: 13px;
		padding: 7px 13px 13px;
		
}

#nav li a:hover, #nav > li:hover > a, .default #n_home a, .default #n_home a, .info #n_info a, .teams #n_teams a, .schedule #n_schedule a, .referees #n_referees a, .multimedia #n_multimedia a, .parties #n_parties a, .press #n_press a, .sponsors #n_sponsors a, .history #n_history  a, .contact #n_contact a {
		height: 14px;
		color: #FFF;
		background: #9A110B;
}

/* subnav */

#nav li ul {
		display: none; 
		position: absolute;
		width: 300px;
		top: 34px;
		left: 69px;
		height: 27px;
		background: url("/img/submenu_right.png") no-repeat right 0;
		padding: 0;
} 

#nav #n_history li {
	margin-left: 8px;
} 

#n_teams #n_men, #n_info #n_general, #n_multimedia #n_pictures, #nav #n_history #n_2003 {
		background: url("/img/submenu_left.png") no-repeat left 0;
		height: 100%;
		padding-left: 27px;
		position: relative;
		top: 0;
		left: -7px;
		margin-left: 0;
}


/* positionering submenu's */
#nav #n_teams ul { left: 204px;  width: 160px;}
#nav #n_multimedia ul { left: 486px;  width: 160px;}
#nav #n_history ul { left: 583px; width: 210px; }


#nav li ul li {
		margin-left: 13px;
		padding-top: 4px;
}





#nav li ul a {
		height: 100% !important;
		padding: 0;
		background: transparent !important;
}


/* submenu-item wordt zwart indien:
- wordt gehovered over submenu-item
- submenu-item is actief
- wordt gehovered over section en submenu-item is de eerste EN section is niet actief */
#nav li ul a:hover, .c_general #n_general a, .c_location #n_location a, .c_accommodations #n_accommodations a, .c_men #n_men a, .c_women #n_women a, .c_pictures #n_pictures a, .c_videos #n_videos a, .c_videos #n_multimedia:hover ul #n_videos a, .c_2003 #n_2003 a, .c_2004 #n_2004 a, .c_2005 #n_2005 a, .c_2006 #n_2006 a, .c_2007 #n_2007 a, .c_2008 #n_2008 a, .c_2009 #n_2009 a, .default #n_info:hover #n_general a, .teams #n_info:hover #n_general a, .schedule #n_info:hover #n_general a, .referees #n_info:hover #n_general a, .parties #n_info:hover #n_general a, .press #n_info:hover #n_general a, .multimedia #n_info:hover #n_general a, .history #n_info:hover #n_general a, .sponsors #n_info:hover #n_general a, .contact #n_info:hover #n_general a, .default #n_teams:hover #n_men a, .schedule #n_teams:hover #n_men a, .referees #n_teams:hover #n_men a, .parties #n_teams:hover #n_men a, .press #n_teams:hover #n_men a, .multimedia #n_teams:hover #n_men a, .history #n_teams:hover #n_men a, .sponsors #n_teams:hover #n_men a, .contact #n_teams:hover #n_men a, .default #n_multimedia:hover #n_pictures a, .schedule #n_multimedia:hover #n_pictures a,.teams #n_multimedia:hover #n_pictures a,.referees #n_multimedia:hover #n_pictures a,.parties #n_multimedia:hover #n_pictures a,.press #n_multimedia:hover #n_pictures a,.history #n_multimedia:hover #n_pictures a,.sponsors #n_multimedia:hover #n_pictures a,.contact #n_multimedia:hover #n_pictures a,.default #n_history:hover #n_2003 a, .schedule #n_history:hover #n_2003 a,.referees #n_history:hover #n_2003 a,.parties #n_history:hover #n_2003 a,.press #n_history:hover #n_2003 a,.teams #n_history:hover #n_2003 a,.sponsors #n_history:hover #n_2003 a,.contact #n_history:hover #n_2003 a, .multimedia #n_history:hover #n_2003 a {
		color: #222;
}

/* submenu uitklappen indien hover over section of in section */
#n_info:hover ul, .info #n_info ul, #n_teams:hover ul, .teams #n_teams ul, #n_multimedia:hover ul, .multimedia #n_multimedia ul, #n_history:hover ul, .history #n_history ul {
		display: block;
}

/* huidig submenu verbergen indien over andere section gehovered wordt */
.info #nav:hover #n_info ul, .info #nav:hover #n_info ul li, .multimedia #nav:hover #n_multimedia ul, .multimedia #nav:hover #n_multimedia ul li, .history #nav:hover #n_history ul, .history #nav:hover #n_history ul li, .teams #nav:hover #n_teams ul, .teams #nav:hover #n_teams ul li {
		background-position: -999px -999px;
		text-indent: -9999px;
}

/* uitzondering: niet laten verdwijnen indien over eigen sectie gehovered wordt */
.info #n_info:hover ul, .multimedia #n_multimedia:hover ul, .teams #n_teams:hover ul, .history #n_history:hover ul {
		background-position: right 0 !important;
}
.info #n_info:hover ul li, .multimedia #n_multimedia:hover ul li, .teams #n_teams:hover ul li, .history #n_history:hover ul li {
		text-indent: 0 !important;
		background-position: 0 0 !important;
}

#n_general, #n_2003 {
		margin-right: -6px;
}

/*
---------------------------------
 _HOME
--------------------------------- */
.default .content, .home .content {
		background: none;
}

.post {
		margin-bottom: 2em;
}

.date {
		width: 60px;
		float: left;
}

#news h3 {
		
		margin-left: 60px;
		margin-bottom: 6px;
}

.default .post {
		display: none;
}

#archivelink, .post, .item {
		
}

.item:hover, #news .open {
		/*background-color: #EEE;*/
}



#leftcol, #rightcol {
		float: left;
}

#leftcol #intro, #leftcol h2, #random, #news, #rightcol h2 {
 		width: 302px; 
 		padding: 14px 22px 12px 20px;
 		margin-right: 22px;
}

#leftcol h2, #rightcol h2 {
		background: url("/img/h2_344.png") no-repeat 0 0;
		height: 23px; /* 38 */
		padding-bottom: 0;
		padding-top: 12px;
}



#random, #news, #rightcol h2 {
    width: 228px;	/* 272 */			
    margin: 0;
    
}

#rightcol h2 {
		
		
		background: url("/img/h2_272.png") no-repeat 0 0;
	
}

.default #leftcol {
		background: url("/img/onderkant_344.png") no-repeat 0 bottom;
		padding-bottom: 20px;
}

#leftcol #intro {
	background: #FFF;
}

#rightcol #random, #rightcol #news {
		background: url("/img/onderkant_272.png") no-repeat 0 bottom;
}

#random {
		margin-bottom: 12px;
}

#random a img, .setpreview img {
		width: 230px;
		height: 230px;
		background: url("/lightbox/images/loading.gif") no-repeat center center;
		
}

/*
---------------------------------
 _INFO
--------------------------------- */


#map, #stoof, #sugar {
	width: 100%;
	height: 500px;
}

#stoof, #sugar {
	height: 280px;
	margin-bottom: 2em;
}
/*
---------------------------------
 _TEAMS 
--------------------------------- */
    
    
.teams table, .referees table {
    width: 100%;
    margin: 1em 0 2em 0;
    font-size: 14px; 
}

.teams table th, .referees table th {
		
		border-bottom: 3px solid #555;
		padding: 4px 0 2px 0;
		
		text-transform: uppercase;
		font-weight: bold;
		letter-spacing: 0.1em;
		font-size: 0.8em;
		
}

.teams tbody tr, .referees tbody tr {
		height: 150px;
}

.teams tbody td, .referees tbody td {
		vertical-align: middle;
		
		
}

.teams table td, .referees table td {
		border-bottom: 1px solid #BBB;
		
}

.teams table .logo {
		width: 112px;
}

.teams table .stars {
		width: 140px;
}

.teams table .name {
		width: 18em;
}

.teams table .country {
		width: 8em;
}

.star {
		margin-right: 3px;
}


/*
---------------------------------
 _MULTIMEDIA
--------------------------------- */
.multimedia .content {
	margin-bottom: 14px;
}

.c_pictures .banners {
	margin: -746px 0 761px 0;
}

.s_day .banners {
	margin: 3px 0 12px 0;
}

.multimedia img {
		display: block;
}

#lightbox img {
		display: inline;
}

.multimedia h3 {
		clear: left;
}

#lightbox a {
		border: 0;
}

.maincats {
			margin: 0;
			height: 255px;
}



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





 
 
 
.maincats li, .setpreview img, .thumbnails li a {
	
		display: block;
		padding: 0.3em;
		
		border: 1px solid #AAA;
		
}

.maincats img {
		
			
}

.maincats .day {
		margin: 0 56px 0 11px;
		
}

.maincats li a {
		display: block;
		border: 0;
}
.setpreview {
		
}

.setpreview img {
		width: 160px;
		height: 160px;
		
}



.maincats a {
		
}
    
    
    
.pictures img {
		display: block;
}

.thumbnails img {
		width: 75px;
		height: 75px;
}

/*
---------------------------------
 _CONTACT
--------------------------------- */

form {


}

fieldset {
		
		border: 1px solid #343434;
		padding: 0 1em 1em 1em;
		margin-bottom: 2em;
width: 480px;		
}

label {
		float: left;
		clear: left;
		width: 100px;
				margin-bottom: 1em; 
}

input, textarea {
		float: left;
		
}

input {
		width: 187px;
}

.Name, #Name {
		margin-top: 1em;
}

.Message {
		
}

textarea {
		
		width: 374px;
		height: 250px;
		margin-bottom: 2em;
}

legend {
		padding: 0 0.5em;
		font-weight: bold;
}



.zemSubmit {
		width: auto;
}

.zemError {
		margin: 2em 0 2em 0;
		
}

.zemError li {
	color: #B0160F !important;
}