/*********************************************************************
* G.S.S.V. Donar 1881 * www.gssvdonar1881.nl * Cascading Style Sheet *
**********************************************************************/

/* Generic ***********************************************************/
* {
	/* Reset browsers default margin, padding and font sizes */
	margin: 0;
	padding: 0;
}

html {
	font-size: 100%;
	/* Always show a scrollbar for short pages - stops the jump when the scrollbar appears. non-IE browsers */
	height: 100%;
	margin-bottom: 1px;
}
body {
	width: 100%;
	margin: 0; padding: 0;
	background: url('/images/background.jpg') repeat;
	background-color: #ccc;
	width: 100%;
	text-align: center;
	margin: 0; padding: 0;
	/* Text-Sizing with ems: http://www.clagnut.com/blog/348/ */
	font-family: Verdana, Helvetica, Arial, sans-serif;
	color: #000;
	/*font-size: 62.5%;			 This sets the default font size to be equivalent to 10px */
	font-size: 10px;
	}

/* General font families for common tags */
font,p { font-family: 'Trebuchet MS', Tahoma, Verdana, sans-serif; }
pre,code { font-family: monospace; }

a:link,a:active,a:visited { color: #df0023; text-decoration: none; }
a:hover { color: #df0023; text-decoration: underline; }

img { display: block; border: 0; }

fieldset, form, label {

	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

form { 
	position: relative;
	float: left;
	display: inline;
	}
	form label {
		clear: left;
		float: left;
		display: block;
		width: 140px;
		text-align: left;
		padding-right: 8px;
		}
		form label.radio { clear: none; width: auto; }
	form input, form select {
		clear: right;
		float: left;
		display: block;
		width: 275px;
		margin-bottom: 5px;
		}
	form textarea {
		clear: right;
		float: left;
		display: block;
		width: 275px; height: 125px;
		}

/* Identities ********************************************************/
#orbit {
	position: relative;
	width: 905px;
	margin: 0 auto;
	}

#header {
	position: relative;
	float: left;
	background: url('/images/headerDonar.jpg') no-repeat 50% 5px;
	background-color: #000;
	width: 905px; height: 126px;
	margin: 10px 0 0;
	}
	#headerLeft {
		position: relative;
		float: left;
		vertical-align: top;
		background: url('/images/headerLeft.jpg') repeat-y 0 0;
		background-color: #000;
		width: 12px; height: 126px;
		margin: 0; padding: 0;
	}
	#headerTop {
		position: relative;
		float: left;
		background: url('/images/fff.jpg') repeat-x 0 0;
		background-color: #fff;
		width: 881px; height: 2px;
		margin: 0; padding: 0;
	}
	#headerRight {
		position: relative;
		float: right;
		background: url('/images/headerRight.jpg') repeat-y 0 0;
		background-color: #000;
		width: 12px; height: 126px;
		margin: 0; padding: 0;
		}

#subheader {
	position: relative;
	float: left;
	background: url('/images/fencingPiste.jpg') no-repeat 50% 0;
	background-color: #000;
	width: 905px; height: 50px;
	margin: 0;
	}
	#subheaderLeft {
		position: relative;
		float: left;
		vertical-align: top;
		background: url('/images/fff.jpg') repeat-y 0 0;
		background-color: #000;
		width: 2px; height: 50px;
		margin: 0; padding: 0;
	}
	#subheaderRight {
		position: relative;
		float: right;
		background: url('/images/fff.jpg') repeat-y 0 0;
		background-color: #000;
		width: 2px; height: 50px;
		margin: 0; padding: 0;
		}

#menu {
	position: relative;
	float: left;
	background-color: #000;
	width: 905px; height: 27px;
	margin: 0;
	}
	#menu ul {
		list-style: none;
		margin: 0; padding: 0;
		}
	#menu ul li {
		float: left;
		}
	#menu ul li a {
		display: block;
		text-decoration: none;
		}
	#menuLeft {
		position: relative;
		float: left;
		background: url('/images/fff.jpg') repeat-y 0 0;
		background-color: #fff;
		width: 2px; height: 27px;
		margin: 0; padding: 0;
		}
	#menuHome {
		background: url('/images/menuHome.jpg') no-repeat left top;
		width: 128px; height: 27px;
		padding: 0 0 0 1px;
		}
	#menuVereniging {
		background: url('/images/menuVereniging.jpg') no-repeat left top;
		width: 192px; height: 27px;
		padding: 0 0 0 1px;
		}
	#menuAgenda {
		background: url('/images/menuAgenda.jpg') no-repeat left top;
		width: 128px; height: 27px;
		padding: 0 0 0 1px;
		}
	#menuMedia {
		background: url('/images/menuMedia.jpg') no-repeat left top;
		width: 128px; height: 27px;
		padding: 0 0 0 1px;
		}
	#menuSchermsport {
		background: url('/images/menuSchermsport.jpg') no-repeat left top;
		width: 192px; height: 27px;
		padding: 0 0 0 1px;
		}
	#menuForum {
		background: url('/images/menuForum.jpg') no-repeat left top;
		width: 128px; height: 27px;
		}
	#menuRight {
		position: relative;
		float: right;
		background: url('/images/fff.jpg') repeat-y 0 0;
		background-color: #fff;
		width: 2px; height: 27px;
		margin: 0; padding: 0;
		}
	#menu ul li a:hover{
		background-position: 0 -27px;
		text-decoration: none;
		}
	#menu ul li a.selected,#menu ul li a.selected:hover {
		background-position: 0 -54px;
		text-decoration: none;
		}

#submenu {
	position: relative;
	float: left;
	background: url('/images/submenu.jpg') repeat-y 0 0;
	background-color: #ddd;
	color: #777;
	width: 891px;
	margin: 0; padding: 0 7px;
	}
	#submenu ul {
		clear: both;
		display: block;
		margin: 0;
		border-top: 1px solid #ccc;
		}
		#submenu ul.navlinks {
			margin-bottom: 1px;
			border-top: 0;
		}
	#submenu ul li {
		float: left;
		display: block;
		list-style: none;
		overflow: hidden;
		margin-right: 5px;
		width: auto;
		font-size: 12px;
		line-height: 2.2em;
		}
	#submenu ul li.right {
		float: right;
		margin-right: 0;
		margin-left: 5px;
		text-align: right;
		}
	#submenu ul li a {
		color: #df0023;
		font-weight: bold;
		text-decoration: none;
		}
	#submenu ul li a:hover {
		color: #df0023;
		text-decoration: underline;
		}
	#submenu ul li a.current {
		color: #777;
		text-decoration: none;
		}
	#submenu ul li a.current:hover {
		color: #777;
		text-decoration: underline;
		}

#subBg {
	position: relative;
	float: left;
	background: url('/images/submenu.jpg') repeat-y 0 0;
	background-color: #ddd;
	color: #777;
	width: 905px;
	margin: 0; padding: 0;
	}
	#subGradient {
		float: left;
		display: inline;
		background: url('/images/subGradient.jpg') repeat-x 0 0;
		background-color: #eee;
		width: 901px; height: 7px;
		margin: 0 2px; padding: 0;
		}

#featureMenu {
	position: relative;
	float: left;
	background: url('/images/submenu.jpg') repeat-y 0 0;
	background-color: #ddd;
	color: #777;
	width: 905px;
	margin: 0; padding: 0;
	}
	#featureTitle {
		float: left;
		background: url('/images/titleFeature.jpg') no-repeat 22px 15px;
		width: 22px; height: 108px;
		padding: 15px 0 0 22px;
		}
	#featureWindow {
		float: left;
		width: 350px; height: 190px;
		border: 3px solid #fff;
		margin: 15px 0;
		}
	#latestPosts {
		float: left;
		width: 463px;
		margin: 0; padding: 15px 0 15px 20px;
		text-align: left;
		}

#content {
	position: relative;
	float: left;
	background: url('/images/content.jpg') repeat-y 0 0;
	background-color: #eee;
	width: 905px;
	margin: 0; padding: 0;
	text-align: left;
	}
	#content ul li.epee {
		list-style-image: url('/images/listicon.gif');
		margin-left: 32px;
		}

#footer {
	position: relative;
	float: left;
	width: 905px;
	margin: 0; padding: 0;
	}
	#footerLeft {
		position: relative;
		float: left;
		width: 12px;
		margin: 0; padding: 0;
	}
	#footerBottom {
		position: relative;
		float: left;
		background: url('/images/footer.jpg') repeat-x 0 0;
		background-color: #fff;
		width: 881px; height: 12px;
		margin: 0; padding: 0;
	}
	#footerRight {
		position: relative;
		float: right;
		width: 12px;
		margin: 0; padding: 0;
		}

/* Classes ***********************************************************/
.titleOneTwoThird {
	float: left;
	width: 580px;
	padding: 15px 0 5px 22px;
	}
.titleThreeThird {
	float: left;
	width: 261px;
	padding: 15px 22px 5px 20px;
	}
.contentOneThird {
	clear: left;
	float: left;
	width: 285px;
	padding: 0 0 0 22px;
	font-size: 12px;
	color: #000;
	font-family: 'Trebuchet MS', Tahoma, Verdana, sans-serif;
	}
.contentOneTwoThird {
	float: left;
	width: 580px;
	padding: 0 0 0 22px;
	font-size: 12px;
	color: #000;
	font-family: 'Trebuchet MS', Tahoma, Verdana, sans-serif;
	}
.contentTwoThird {
	float: left;
	width: 285px;
	padding: 0 0 0 10px;
	font-size: 12px;
	color: #000;
	font-family: 'Trebuchet MS', Tahoma, Verdana, sans-serif;
	}
.contentThreeThird {
	float: left;
	width: 261px;
	padding: 0 22px 0 20px;
	font-size: 12px;
	color: #000;
	font-family: 'Trebuchet MS', Tahoma, Verdana, sans-serif;
	}
.splitThreeThird {
	float: left;
	width: 130px;
	}
.mergeThreeThird {
	clear: both;
	width: 261px;
	}
	
.error { color: #ff0000; }

/* Hidden textlinks in primary navigation */
.t1 {
	display: inline;
	visibility: hidden;
	margin: 0; padding: 0;
	font-size: 1pt;
	}

/* Copyright and bottom information */
.copyright { 
	clear: both;
	font-size: 11px;
	color: #666;
	font-family: 'Trebuchet MS', Tahoma, Verdana, sans-serif;
	margin: 0; padding: 5px 0 10px;
	}
a.copyright:link,a.copyright:visited,a.copyright:active	{ color: #df0023; text-decoration: none; margin: 0; padding: 0; }
a.copyright:hover { color: #df0023; text-decoration: underline; margin: 0; padding: 0; }

a.print, a.fontsize {
	display: block;
	overflow: hidden;
	height: 18px;
	text-indent: -5000px;
	text-align: left;
	background-repeat: no-repeat;
	}
	a.print {
		background-image: url('/forum/styles/prosilver/theme/images/icon_print.gif');
		width: 22px;
		}
	a.fontsize {
		background-image: url('/forum/styles/prosilver/theme/images/icon_fontsize.gif');
		background-position: 0 -1px;
		width: 29px;
		}
	a.fontsize:hover {
		background-position: 0 -20px;
		text-decoration: none;
		}

ul.documents {
	margin: 0; padding: 0;
	line-height: 16px;
	list-style: none;
	}
ul.documents li { 
	margin: 0; padding: 0; 
	padding: 5px 5px 5px 20px; margin: 0 5px;
	}
	ul.documents li.pdf {
		background: url('/images/page_white_acrobat.png') no-repeat 0px 4px;
		}
	ul.documents li.doc {
		background: url('/images/page_white_word.png') no-repeat 0px 4px;
		}

img.illustration { border: 1px solid #ccc; }
img.flag { padding: 0 0 0 5px; display: inline; }

span.heading { 
	clear: both;
	display: block;
	font-size: 11px;
	color: #666;
	font-family: 'Trebuchet MS', Tahoma, Verdana, sans-serif;
	}
span.email { 
	float: left;
	background: url('/images/icon_email.gif') no-repeat;
	min-height: 16px;
	padding-left: 19px;
	}
span.phone { 
	float: right;
	background: url('/images/icon_phone.gif') no-repeat;
	min-height: 16px;
	letter-spacing: 1px;
	padding-left: 16px;
	}
span.subtitle { font-family: Arial, Helvetica, sans-serif; color: #777; font-weight: bold; letter-spacing: 1px; }
span.size { font-size: 11px; color: #999; }

input.button { clear: left; margin: 10px 0 0 148px; width: 150px; }
p.form { clear: left; float: left; display: block; margin-top: 5px; }