/* 
	@Project:				Toneelgroep ARS
	@Version:				1.2 
	@Author:				Tim Rijkse
	@Company:				deWebdeveloper
	@Date:					24-03-2007
*/

* {
	margin:					0;
	padding:				0;
	border:					0;
}

h2 {
	margin-bottom:			10px !important;
	font-size:				19px;
	font-weight:			100;
	color:					#FFF;
}

h3 {
	display:				block;
	border-bottom:			1px solid #4D3D35;
	padding-bottom:			3px;
	font-size:				16px;
	color:					#fff;
	margin-top:				25px !important;
	margin-bottom:			5px !important;
}

h4 {
	font-size:				14px;
	color:					#222;
	margin-bottom:			5px;
}

h5 {

	border-bottom:			1px solid #4D3D35;
	padding:			0px 2px 5px;
	font-size:				16px;
	color:					#fff;
	margin-top:				5px !important;
	margin-bottom:			5px !important;
}


p {
	line-height:			14px;
	font-size:				11px;
	color:					#000;
	margin:					35px 0;
	margin-bottom:			10px !important;
}



a {
	color:					#000;
}

ul.agenda {
	clear:					both;
	list-style:				none;
	margin-top:				10px !important;
}

ul.agenda li {
	float:					left;
	width:					70%;
	line-height:				1.8em;
	color:					#CCC;
}

ul.agenda li.date {
	width:					30%;
	font-weight:			bold;
}

ul.agenda li a {
	color:					#CCC;
	text-decoration:		none;
}

ul.agenda li a:hover {
	text-decoration:		underline;
}

ul.ul_standard {
	list-style:				none;
	margin-left:			15px;
}

ul.ul_standard li {
	font-weight:			bold;
	margin-bottom:			5px;
}

ul.spelers {
	list-style:				none;
	padding:				5px 0;
	border-top:				1px solid #4D3D35;
	border-bottom:			1px solid #4D3D35;
}

ul.spelers li {
	display:				inline;
	padding:				0 10px 0 0;
}

.clearfix {
	clear:					both;
	height:					1px;
	font-size:				1%;
	line-height:			1%;
}

body {
	background:				#000;
	padding:				25px 0;	
	font:					11px Verdana, Arial, Helvetica, sans-serif;
}

#wrapper {
	width:					783px; /* 3px anti-alias */
	margin:					0 auto;				
	background:				#896D61 url(../images/bg_wrapper.jpg) repeat-y top left;
}

#header {
	position:				relative;
	height:					80px;
	padding-top:			10px;
	padding-left:			317px;
	background:				url(../images/bg_header4.jpg) repeat-x top left;
}

#header ul {
	list-style:				none;
}

#header ul li {
	display:				inline;
	float:					left;
	width:					63px;
	height:					26px;
	margin-right:			2px;
	background:				url(../images/bg_nav.jpg) no-repeat top left;
}

#header ul li a {
	display:				block;
	padding-top:			8px;
	text-align:				center;
	text-decoration:		none;
	color:					#C5AF89;
}

#header ul li a:hover {
	color:					#FFF;
}

#leftside {
	float:					left;
	width:					150px;
}

#rightside {
	float:					right;
	width:					150px;
}

#content {
	float:					left;
	width:					483px;
	padding-bottom:			15px;
	background:				#896D61 url(../images/bg_content.jpg) repeat-x top left;
}

#content .left {
	float:					left;
}

#content .right {
	float:					right;
}

#content .small {
	width:					168px;
}

#content .wide {
	width:					298px;
}

#content .large {
	width:					483px;
}

/* nieuwsbrief */

#nieuws {
	line-height:			16px;

	color:					#fff;
	margin:					35px 0;
	margin-bottom:			10px !important;
}

#nieuws .h1 {	
	margin-bottom:			10px !important;
	font-size:				20px;
	font-weight:			100;
	color:					#000000;
}

#nieuws .h2 {	
	margin-bottom:			10px !important;
	font-size:				16px;
	font-style:normal;
	font-weight:bold;
	text-decoration:underline;
	color:#8A0700;
}

#nieuws .text {	
	margin-bottom:			10px !important;
	font-size:				11px;
	font-style:normal;
	color:#000000;
}

/* contact.php */

p.red {
	float:					right;
	width:					260px;
	display:				block;
	padding:				5px;
	border:					1px solid #FFB0B0;
	background-color:		#FFECEC;
	color:					#CC0000;
	font-size:				11px;
        margin-top:                             8px;
}

p.green {
	color:					#339900;
	padding:				5px;
	border:					1px solid #64FFA2;
	background-color:		#C6FFDD;
	font-size:				11px;
        margin-top:                             8px;
}
.rounded {
	position:				relative;
	margin-bottom:			10px;
	padding-bottom:			13px;
	background-color:		#755D53;
}

.rounded h1,
.rounded h2,
.rounded h3,
.rounded p,
.rounded ul,
.rounded label,
.rounded input,
.rounded textarea,
.rounded .archive_item,
.rounded .years {
	margin:					0 15px;
}

.rounded img.imgbtm {
	position:				absolute;
	right:					0;
	bottom:					0;
}

.rounded img.imgcontact {
	float:					left;
	margin-right:			10px;
}

#footer {
	clear:					both;
	height:					15px;
	background:				#000 url(../images/bg_footer.jpg) no-repeat top left;
	padding-top:			15px;
}

#footer,
#footer a {
	color:					#666;
}

#footer span {
	float:					left;
}

#footer ul {
	float:					right;
}

#footer ul li {
	display:				inline;
}

#footer ul li a {
	text-decoration:		none;
}

/* Contact Form */
label {
	display:				block;
	margin-top:				5px !important;
	margin-bottom:			5px !important;
}

input.form150 {
	width:					150px;
	height:					20px;
	padding:				5px 5px 0 5px;
	background:				url(../images/formfields/input_150.jpg) no-repeat top left;
	font-size:				11px;
	color:					#52423A;
}

textarea.form250x150 {
	width:					240px;
	height:					150px;
	overflow: 				hidden;
	padding:				5px;
	background:				url(../images/formfields/textarea_250x150.jpg) no-repeat top left;
	font-size:				11px;
	color:					#52423A;
}

input.submitbutton {
	width:					150px;
	height:					25px;
	margin-top:				10px;
	background:				url(../images/formfields/input_150.jpg) no-repeat top left;
	font-size:				14px;	
}

input.btn_submit {
	display:			block;
	width:				82px;
	height:				25px;
	border:				none;
	background:			url  no-repeat;
}

.newsletter {
	
	margin-top:				0 !important;
	margin-right:			25px !important;
}

.form_margin {
	margin-bottom:			5px !important;
}

/* Archive page */
.years {
	position:				relative;
	height:					35px;
	background:				url(../images/bg_years_left.gif) no-repeat top left;
	background-color:		#644F46;
}

.years img.imgright {
	position:				absolute;
	top:					0;
	right:					0;
}

.years ul {
	padding:				5px;
	padding-top:			10px;
	list-style:				none;
	text-align:				center;
}

.years ul li {
	display:				inline;
	margin-right:			20px;
}

.years ul li a {
	text-decoration:		none;
}

.archive_item {
	position:				relative;
	margin-top:				15px !important;
	font-size:				12px;
	padding-left:			110px;

}

.archive_leden {

	margin-top:				15px !important;
	padding-left:			35px;
	padding-right:			35px;
}


.archive_item a {
	text-decoration:		none;
	color:					#FFFFDB;
}

.archive_item img {
	position:				absolute;
	left:					0;
	top:					0;
}

.archive_item p {
	margin:					5px 0;
}

.archive_item ul {
	list-style:				none;
	margin-left:			0 !important;
}

.archive_item ul li {
	float:					left;
	display:				block;
	width:					155px;
	margin-top:				5px;
	margin-bottom:			5px;
}

/* Recentie */
.recensie {
	margin-bottom:			10px;
	padding:				10px;
	background-color:		#896D61;
	border:					1px solid #514139;
}

.recensie h2,
.recensie h3 {
	margin-left:			0 !important;
}

.recensie p {
	color:					#3A2F29;
}

/* Nieuws */
#page_news .archive_item {
	padding-left:			0 !important;
}

/* Links */
ul.links {
	list-style:				none;
}

ul.links li {
	margin-bottom:			5px;
}

ul.links li a {
	text-decoration:		bold;
	font-size:				14px;
}