/*
deBloedgroep Stylesheet
Media: screen
Copyright:  deBloedgroep
*/


/*
NORMALIZING
*/

/* Normalizes margin and padding*/
	body, div, dl, dt, dd, ul, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {
		margin:0;
		padding:0;
		}
	
/* Normalizes font-size for headers */
	h1, h2, h3, h4, h5, h6 {font-size:100%;}
	
/* removes list style from lists */
	ul {list-style:none;}
	
/*Normalizes font weight and font-style to normal*/
	address, caption, cite, code, dfn, th, var {font-style:normal; font-weight:normal;}
		
/* tables */
	table {border-collapse:collapse; border-spacing:0;}
	
/*removes border from fieldset and img */
	fieldset, img {border:0;}
	
/* left-aligns text in captions and th */
	caption, th {text-align:left;}


/*
GENERAL STUFF
*/

body {
	background: #f9f9f9 url(../images/bg_body.png) repeat-y;
	font-family: Arial, sans-serif;
	font-size:  11px;
	color:  #333;
	}
	
.clearBoth {
	clear: both;
	}

	
.fixedContainerHead {
	position:  fixed;
	top: 75px;
	left:  603px;
	}
	
a.twitter {
	background: transparent url(../images/twitter.png) no-repeat;
	width: 75px;
	height: 72px;
	text-indent: -9000px;
	overflow: hidden;
	display: block;
	margin: 10px 0 0 170px;
	outline: none;
	}
	
	a.twitter:hover {
		background: transparent url(../images/twitter_over.png) no-repeat;
		}

	
ul.nav {
	margin: 0px 0 0 27px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	text-transform: uppercase;
	height: 31px;
	width:  166px;
	}
	
	ul.nav li {
		float: left;
		padding-right: 5px;
		color:  #fff;
		}
		
	ul.nav li a {
		text-decoration: none;
		color: #fff;
		padding: 10px 0px 10px 0px;	
		display: block;
		font-size: 10px;
		letter-spacing: 1px;
		outline: none;
		}
		
		ul.nav li a:hover {
			color: #d49799;
			}


	
h1 a {
	background: transparent url(../images/bg_logo.png) no-repeat;
	width: 193px ;
	height: 247px;
	text-indent:  -9000px;
	overflow: hidden;
	display: block;
	text-decoration: none;
	outline: none;
	}
	
h1 a:hover {
	background: transparent url(../images/bg_logo_over.png) no-repeat;
	}
	
/*----icon strip ---*/

ul.socialMediaLinks {
	position: absolute;
	left: 334px;
	top: 75px;
	z-index: +10;
	}
	ul.socialMediaLinks li {
		float: left;*
		height: 15px;
		padding-right: 18px;	
		}
		ul.socialMediaLinks li a {
			display: block;
			height: 18px;
			text-indent: -9000px;
			overflow: hidden;
			outline: none;
			
			}
			ul.socialMediaLinks li a.facebook {
				background: transparent url(../images/icon_feestboek.gif) no-repeat;
				width: 16px;
				}
			ul.socialMediaLinks li a.netlog {
				background: transparent url(../images/icon_netlog.gif) no-repeat;
				width: 17px;
				}
			ul.socialMediaLinks li a.twoetgroep {
				background: transparent url(../images/icon_twitter.gif) no-repeat;
				width: 12px;
				margin-left: 3px;
				}
			ul.socialMediaLinks li a.rodekruis {
				background: transparent url(../images/icon_rodekruis.gif) no-repeat;
				width: 15px;
				}
			ul.socialMediaLinks li a.rss {
				background: transparent url(../images/icon_rss.gif) no-repeat;
				width: 15px;
				}
			
				ul.socialMediaLinks li a.facebook:hover, ul.socialMediaLinks li a.netlog:hover, ul.socialMediaLinks li a.twoetgroep:hover, ul.socialMediaLinks li a.rodekruis:hover, ul.socialMediaLinks li a.rss:hover {
					background-position: 0 -18px;
					}


/*
CONTENT
*/

a.banner {
	position: absolute;
	display: block;
	left: 0;
	width: 165px;
	height: 165px;
	text-indent: -9000px;
	overflow: hidden;
	background: transparent url(../images/banner.gif) no-repeat;
	top: 0;
	}

.contentContainer {
	margin:  123px 63px 63px 43px;
	width: 428px;
	}
	
p {
	margin-left: 42px;
	font-size: 11px;
	line-height: 18px;
	font-weight:  normal;
	margin-bottom: 10px;
	}
	p.introText {
		margin-left: 42px;
		font-size: 13px;
		font-weight:  bold;
		line-height: 22px;
		margin-bottom: 0;	
		}
	
	p.longReading {
		margin-left: 42px;
		font-size: 12px;
		line-height: 20px;
		margin-bottom: 10px;	
		}
		
	p a {color: #9f0b0f;}
	p a:hover {color: #dedede;}
	

/*---image titles ---*/

h2 {
	text-indent: -9000px;
	width: 400px;
	overflow: hidden;
	margin:  24px 0 17px 27px;
	height: 30px;	
		}
	h2.twoLiner {
		height: 59px;
		}
				
		h2.mainTitle {
			background:  transparent url(../images/title_bloeserieus.gif) no-repeat;
			}
		
		h2.bloggers {
			background:transparent url(../images/title_bloggers.gif) no-repeat;
			z-index: 1;
			}
			
		h2.createTitle {
			background:transparent url(../images/title_create.gif) no-repeat;
			z-index: 1;
			}
			
		h2.errorTitle {
			background:transparent url(../images/title_404.gif) no-repeat;
			z-index: 1;
			}
			 span.tweeps {
				background:transparent url(../images/tweeps.gif) no-repeat;
				text-indent: -9000px;
				overflow:  hidden;
				display:  block;
				width: 137px;
				height: 47px;
				position:  relative;
				top: 40px;
				margin-top: -40px;
				right: 12px;
				z-index: -1;
				}
				
h3 {
	color: #9F0B0F;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 19px;
	border-bottom: 1px solid #9f0b0f;
	margin:30px 0 15px 42px;
	}


h3.special {
	margin:15px 0 10px 42px;
	text-indent: -9000px;
	width: 350px;
	overflow: hidden;
	height: 11px;
	border-bottom: none;
	
	}
	h3.titleAbout {
		background: transparent url(../images/subtitle1.gif) no-repeat;	
		}

		
p.imageList img {
	float: left;
	margin: 0;
	padding: 3px 0 0 0;	
	}
	
ul.bloggers {
	margin-left: 42px;
	padding-top: 20px;
	padding-bottom: 20px;
	}
	ul.bloggers li {
		float:  left;
		padding: 7px 0;
		border-bottom:  1px solid #ccc;
		width: 128px;
		font-size: 12px;
		color: #C1BDBD;
		}
		ul.bloggers li a {
			font-size: 13px;
			color: #9F0B0F;
			text-decoration: none;
			}
		ul.bloggers li a:hover {
			color: #333;
			}

	/* event overview */
	
table.eventOverview {
	width: 100%;
	cursor: pointer;
	cursor: hand;
	background-color: #EFEDED;
	}

	
table.alt {
		background-color: #F9f9f9;	
		}
	
	table.eventOverview tr {
		border-bottom: 1px solid #ccc;
		}
	
	table.eventOverview tr:hover {
		background-color: #ddd;	
		}

	
	table.eventOverview td {
		padding-top: 15px;
		vertical-align: top;	
		}
	
	table.eventOverview td.date {
		color: #9F0B0F;
		font-size: 18px ;
		padding: 16px 13px 16px 5px ;
		width: 24px;
		line-height: 15px;
		font-weight: bold;	
		}
		
	table.eventOverview td.description {
		color: #333;
		font-size: 15px;
		font-weight: bold;
		width: 240px;
		}
		table.eventOverview td.description span {
			color: #9f0b0f;
			font-weight:  normal;
			padding-left: 1px;
			font-size:10px;
			}
		table.eventOverview td.description div {
			font-weight:  normal;
			font-size: 10px;
			padding-top: 1px;
			}
		table.eventOverview td.people {
			text-transform: uppercase;
			font-size: 11px;
			font-weight:  bold;
			color: #9f0b0f;
			padding-top: 20px;
			width: 100px;
			}
			table.eventOverview td.people span {
				background-color: #9f0b0f;
				color: #fff;
				-moz-border-radius: 5px;
				-webkit-border-radius: 5px;
				border: 1px solid #9f0b0f;
				padding: 0 3px;
				}
				
		table.eventOverview td.map {
			padding-top: 19px;
			}
			table.eventOverview td.map span {
				background: #C1BFBF;
				color: #333;
				font-weight: bold;
				-moz-border-radius: 2px;
				-webkit-border-radius: 2px;
				border: 1px solid #C1BFBF;
				text-transform: uppercase;
				padding: 0 3px;
				font-size: 10px;
				}
				
div.details {
	background-color: #fff;
	}
	div.attend {
		margin-left: 41px;
		}
		
		div.attend form {
			padding-top: 10px;
			}
		
		div.attend form fieldset a {
			display: block;
			width: 150px;
			color: #fff;
			font-size: 13px;
			font-weight: lighter;
			text-decoration: none;
			background: #9f0b0f url(../images/bg_subscribe_twitter.gif) no-repeat  10px 50%;
			-moz-border-radius: 4px;
			-webkit-border-radius: 4px;
			border: 1px solid #636363;
			padding:11px 0 11px 30px;
			}
			
			div.attend form fieldset a:hover {
				background: #636363 url(../images/bg_subscribe_twitter_over.gif) no-repeat  10px 50%;
				}
			
		div.attend form label {
			display: none;
			}
			div.attend form input {
				background-color: #EFEDED;
				color: ;
				font-size: 11px;
				-moz-border-radius: 4px;
				-webkit-border-radius: 4px;
				border: 1px solid #ccc;
				line-height: 30px;
				height: 30px;
				width: 175px;
				padding-left: 5px;
				margin-bottom: 5px;
				}
			div.attend form input.input-button {
				
				background-color: #636363;
				color: #fff;
				width: 181px;
				line-height: 30px;
				padding-left: 0;
				
				border: 1px solid #636363;
				margin-left: 0px;
				}
				div.attend form input.input-button:hover {
					
					background-color: #9f0b0f;
					color: #fff;
					border: 1px solid #9f0b0f;
					}
				
			div.attend form fieldset {
				padding: 10px 0 10px 50px;
				border-top: 1px solid #ccc;
				color: #9f0b0f;
				}
				
			div.attend dl {
				margin: 10px 0;
				}
				
				div.attend dl dt {
					width: 37px;
					text-align: right;
					color: #9f0b0f; 
					font-size: 10px;
					font-weight: bold;
					text-transform: uppercase;
					padding: 5px 13px 4px 0;
					float:  left;
					}
					
				div.attend dl dd {
					float: left;
					width: 320px;
					padding: 4px 0;
					line-height: ;
					}
					div.attend dl dd a {
						background-color: #D8D6D6;
						color: #333;
						text-decoration: none;
						padding: 3px;
						-moz-border-radius: 3px;
						-webkit-border-radius: 3px;
						margin-right: 3px;
						line-height: 24px;
						}
						div.attend dl dd a:hover {
							background-color: #9f0b0f;
							color: #fff;
							}
							
						div.attend dl { margin: 10px 0; }
			
			
							
				
/* to sort */

form .withLabels label {
	 width: 65px;
	 display: block;
	 float: left; 
	 font-size: 13px; 
	 padding-top: 5px; }

form .withLabels .indent { margin-left: 65px; }

form input { 
	background-color: #EFEDED;
	color: ;
	font-size: 11px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px; 
	border: 1px solid #ccc;
	line-height: 30px; height: 30px;
	width: 175px; 
	padding-left: 5px; 
	margin-bottom: 5px; }
	
	form input.error, input.input-datefield-error, input.input-text-error { 
		border: 1px solid #F00; 
		}
form .form-error { 
	display: block; color: #F00; 
	}

form input.input-button { 
	background-color: #636363; 
	color: #fff; width: 181px;
	line-height: 30px; 
	padding-left: 0; 
	border: 1px solid #636363; 
	margin-left: 0px; 
	}
	form input.input-button:hover { 
		background-color: #9f0b0f;
		color: #fff; 
		border: 1px solid #9f0b0f; 
		}

form fieldset { 
	padding: 10px 0 10px 50px; 
	border-top: 1px solid #ccc; 
	color: #9f0b0f; }
		

					
.googleMap { width: 425px; height: 301px; }

#zip { width: 40px; margin-right: 5px; }

#street_nr { width: 230px; }

form .withLabels .form-error { margin-left: 65px; }

a.button { 
	color: #fff; 
	font-size: 13px; 
	font-weight: lighter; 
	text-decoration: none; 
	background-color: #9f0b0f; 
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px; 
	border: 1px solid #636363; 
	padding: 11px; 
	}
	
	a.button:hover { background-color: #636363; }


	.footer {
		border-top:1px solid #CCCCCC;
		color:#666666;
		font-family:arial;
		font-size:11px;
		line-height:18px;
		padding:15px 0pt 30px 84px;
		width:400px;
		}
		
		.footer a {
			color: #333;
			}