@charset "UTF-8";
/* CSS Document */

body {
	margin: 0;
	/*background: #fff url(../img/layout/bg2.gif) no-repeat top center;*/
	background: #fff url(../img/layout/bg_pattern.gif) center -1px;
	font-family: Verdana, Tahoma, Arial;
	font-size: 8pt;
}

#wrapper {
	width: 986px;
	margin: auto;
	min-height: 770px;
	background: transparent url(../img/layout/bg2.gif) no-repeat top center;
	position:relative;
}

#wrapper div#stormlink{
	position:absolute;
	width:141px;
	height:76px;
	top:200px;
	left:95px;
}
	#wrapper div#stormlink a:link{
		display: block;
		width:141px;
		height:76px;
		background: url(../img/layout/btn_storm_myvideo.gif) no-repeat;
		background-position:0px 0px;
	}
	#wrapper div#stormlink a:visited{
		display: block;
		width:141px;
		height:76px;
		background: url(../img/layout/btn_storm_myvideo.gif) no-repeat;
		background-position:0px 0px;
	}
	#wrapper div#stormlink a:hover{
		display: block;
		width:141px;
		height:76px;
		background: url(../img/layout/btn_storm_myvideo.gif) no-repeat;
		background-position:0px -75px;
	}
	/*
#wrapper div#netloglink{
	position:absolute;
	width:109px;
	height:72px;
	top:200px;
	left:234px;
}
	#wrapper div#netloglink a:link{
		display: block;
		width:109px;
		height:72px;
		background: url(../img/layout/btn_storm_netlog.gif) no-repeat;
		background-position:0px 0px;
	}
	#wrapper div#netloglink a:visited{
		display: block;
		width:109px;
		height:72px;
		background: url(../img/layout/btn_storm_netlog.gif) no-repeat;
		background-position:0px 0px;
	}
	#wrapper div#netloglink a:hover{
		display: block;
		width:109px;
		height:72px;
		background: url(../img/layout/btn_storm_netlog.gif) no-repeat;
		background-position:0px -71px;
	}
	*/
a#netlog_btn:link, a#netlog_btn:visited {
	position: absolute;
	z-index: 500;
	top: 560px;
	left: 295px;
	display: block;
	width: 122px;
	height: 122px;
	background: transparent url(../img/layout/btn_netlog.png) no-repeat;
}
	a#netlog_btn:hover {
		background-position: 0 -122px;
	}

#side {
	float: left;
	width: 500px;
	display: inline;
	position: relative;
}
	#logo {
		/*top: 115px;
		left: 140px;*/
		top: 35px;
		left: 100px;
		position: absolute;
	}
	
	#ike {
		/*top: 430px;
		left: 80px;*/
		top: 410px;
		left: 20px;
		position: absolute;
	}
	
	#newsletter {
		top: 200px;
		left: 140px;
		position: absolute;
		background: url(../img/layout/newsletter_form_bg.gif) no-repeat;
		width: 233px;
		height: 57px;
		padding-left: 10px;
		padding-top: 7px;
		line-height: 150%;
	}
		#newsletter input[type="text"] {
			background-color: #e5f8fe;
			border: 1px solid #00bff2;
			color: #999;
			padding: 1px;
		}
		#newsletter input[type="submit"] {
			background-color: #00bff2;
			border: 0;
			color: #fff;
			font-weight: bold;
			padding: 0 3px;
		}
	#menu {
		/*top: 410px;
		left: 380px;*/
		top: 330px;
		left: 305px;
		position: absolute;
	}
		#menu ul {
			display: block;
			width: 130px;
			height: 203px;
			/*background: url(../img/layout/menu.gif) no-repeat;*/
		}
			#menu ul li {
				position: relative;
				display: block;
				height: 28px;
				width: 130px;
			}
				#menu ul li a {
					display: block;
					width: 130px;
					height: 28px;
					background: url(../img/layout/menu.gif) no-repeat;
				}
				a:link#m_home, a:visited#m_home { background-position: 0 0; }
				a:hover#m_home, a:link#m_home.active, a:visited#m_home.active { background-position: -131px 0; }
				a:link#m_intro, a:visited#m_intro { background-position: 0 -29px; }
				a:hover#m_intro, a:link#m_intro.active, a:visited#m_intro.active { background-position: -131px -29px; }
				a:link#m_stormdagen, a:visited#m_stormdagen { background-position: 0 -58px; }
				a:hover#m_stormdagen, a:link#m_stormdagen.active, a:visited#m_stormdagen.active { background-position: -131px -58px; }
				a:link#m_producties, a:visited#m_producties { background-position: 0 -87px; }
				a:hover#m_producties, a:link#m_producties.active, a:visited#m_producties.active { background-position: -131px -87px; }
				a:link#m_slotevent, a:visited#m_slotevent { background-position: 0 -116px; }
				a:hover#m_slotevent, a:link#m_slotevent.active, a:visited#m_slotevent.active { background-position: -131px -116px; }
				a:link#m_stormtv, a:visited#m_stormtv { background-position: 0 -145px; }
				a:hover#m_stormtv, a:link#m_stormtv.active, a:visited#m_stormtv.active { background-position: -131px -145px; }
				a:link#m_contact, a:visited#m_contact { background-position: 0 -174px; }
				a:hover#m_contact, a:link#m_contact.active,  a:visited#m_contact.active{ background-position: -131px -174px; }
				a:link#m_partners, a:visited#m_partners { background-position: 0 -203px; }
				a:hover#m_partners, a:link#m_partners.active, a:visited#m_partners.active { background-position: -131px -203px; }
				
				#menu ul li a.active {
					background-position:
				}
		#menu #marker {
			position: absolute; left: 135px; top: -16px;
		}

#content {
	float: right;
	width: 469px;
	display: inline;
	/*margin-top: 52px;*/
	margin-right: 64px;
	margin-bottom: 30px;
	background: url(../img/layout/content_bg.gif) repeat-y top left;
}
	#title_bar {
		float: left;
		width: 34px;
		display: inline;
		margin-left: 7px;
		padding-top: 20px;
	}
	#pane {
		float: left;
		width: 400px;
		color: #fff;
		padding-top: 16px;
		line-height: 140%;
	}

#pane {
		float: left;
		width: 400px;
		color: #fff;
		padding-top: 16px;
		line-height: 140%;
	}
		#homePicture{
			margin-left:22px;
			margin-top:40px;
		}
		#content_left {
			margin-left:12px;
			width: 220px;
			float: left;
		}
			#newsTitel{
				color:#000000;
				font-weight:bold;
				font-size:90%;
			}
			#newsInfo{
				font-size:90%;
			}
			.newsPic img{
				float:left;
				border:3px solid white;
				margin-top:5px;
				margin-right:5px;
			}
			
		#content_right {
			width: 165px;
			float: right;
		}
		#content_middle{
			width: 400px;
			margin-left:12px;
		}
			div#content_middle #ProductiereactiesBericht{
				font-family:arial;
				font-size:10pt;
				width:197px;
			}
			div#content_middle #ProductiereactiesNaam{
				font-size:10pt;
				width:197px;
			}
			div#content_middle #ProductiereactiesWoonplaats{
				font-size:10pt;
				width:197px;
			}
			div#content_middle #ProductiereactiesEmail{
				font-size:10pt;
				width:197px;
			}
			div#content_middle #ProductiereactiesCaptcha{
				font-size:10pt;
				width:197px;
			}		
			#content_middle div#terug_link{
				width: 400px;
				text-align:right;
				padding-bottom:20px;
			}
			#content_middle div#terug_link a{
				
				text-decoration:underline;
			}
			#content_middle h1.stormdagen{
				padding-top:4px;
				color:black;
				padding-left:10px;
				margin-left:10px;
				font-size:130%;
				height:28px;
				background: url(../img/layout/stormdagen_titel.jpg) no-repeat;
			}
			#content_middle ul.stormdagen{
				font-size:100%;
			}
			#content_middle ul.stormdagen li{
				margin-top:0px;
				margin-bottom:0px;
				padding-left:28px;
			}
			
			#content_middle ul.stormdagen table.stormdagentable{
				background: url(../img/layout/stormdagen_seperator.jpg) bottom no-repeat;
			}
			
			.subscribeLink a:link{
				text-decoration:none;
				color:black;
			}
			.subscribeLink a:visited{
				text-decoration:none;
				color:black;
			}
			.subscribeLink a:hover{
				text-decoration:none;
				color:black;
			}
			
			.newsLink a:link{
				color:white;
				text-decoration:underline;
			}
			.newsLink a:visited{
				color:white;
				text-decoration:underline;
			}
			.newsLink a:hover{
				color:white;
				text-decoration:underline;
			}
			
			#content_middle .stormdagenpasse{
				color:rgb(166,232,251);	
			}
			#content_middle a:link{
				color:white;
				text-decoration: underline;	
			}
			#content_middle a:visited{
				color:white;
				text-decoration: underline;	
			}
			#content_middle a:hover{
				color:white;
				text-decoration: underline;	
			}
			#content_middle ul.stormdagen li.stormdagen a:link{
				color:rgb(166,232,251);
				text-decoration: underline;	
			}
			#content_middle ul.stormdagen li.stormdagen a:visited{
				color:rgb(166,232,251);
				text-decoration: underline;	
			}
			#content_middle ul.stormdagen li.stormdagen a:hover{
				color:rgb(166,232,251);
				text-decoration: underline;	
			}
			.stormDisciplinesInfo{
				margin-left:10px;
			}
			div.changelink a:link{
				text-decoration:none !important;
			}
			div.changelink a:visited{
				text-decoration:none !important;
			}
			div.changelink a:hover{
				text-decoration:underline !important;
			}
			#content_middle #pictures img{
				margin:10px;
				border:3px solid white;
			}
			#content_middle .form input{
				padding-top:3px;
				font-size:90%;
				height:15px;
				width:200px;
				background-color:#ffffff;
				border:1px solid rgb(0,142,211);
			}
			#content_middle .form textarea{
				padding-top:3px;
				font-size:100%;
				height:80px;
				width:200px;
				background-color:#ffffff;
				border:1px solid rgb(0,142,211);
			}
			#content_middle .submit input{
				padding-bottom:20px;
				color:white;
				font-weight:bold;
				font-size:90%;
				height:20px;
				width:100px;
				background-color:rgb(0,142,211);
				border:1px solid rgb(125,222,249);
				font-family:verdana;
				font-size:8pt;
				margin-bottom:10px;
			}
			#content_middle .error-message{
				margin-top:2px;
				padding-top:2px;
				font-size:7pt;
				font-weight:normal;
				color:black;
				padding-left:21px;
				height:16px;
				background: url(../img/layout/attention.gif) no-repeat;
			}
			#content_middle .message{
				margin-top:2px;
				padding-top:2px;
				font-size:7pt;
				font-weight:normal;
				color:black;
				height:16px;
			}
			#content_middle div.stormtv a{
				text-decoration:none;
			}
			#content_middle div.stormtv a p{
				font-weight:normal;
			}
			#content_middle div.stormtv{
				background-color:rgb(43,201,243);
				padding-top:10px;
				margin-bottom:20px;
			}
			#content_middle div.stormtv h1{
				font-weight:bold;
				font-size:14pt;
				margin-left:10px;
				margin-right:10px;
			}
			#content_middle div.stormtv h3{
				font-weight:bold;
				font-size:8pt;
				margin-left:10px;
				margin-right:10px;
			}
			#content_middle div.stormtv p{
				margin-left:20px;
				margin-right:20px;
				margin-top:10px;
				padding-bottom:10px;
			}
			#content_middle div#myvideobutton a:link, #content_middle div#myvideobutton a:visited {
				margin:auto;
				margin-top: -16px;
				display: block;
				width:197px;
				height:84px;
				background: url(../img/layout/btn_stormtv_myvideo.gif) no-repeat;
			}
				#content_middle div#myvideobutton a:hover{
					display: block;
					width:197px;
					height:84px;
					background-position:0px -84px;
				}

			#content_middle div.logs{
				background: url(../img/layout/logsend.gif) no-repeat bottom;
				padding-top:0px;
				padding-bottom:5px;
			}
			#content_middle div.logs h1 img{
				margin-left:10px;
			}
			#content_middle div.logs h1 span{
				font-weight:bold;
				font-size:9pt;
				margin-left:5px;
				margin-right:10px;
			}
			#content_middle div.logs p{
				margin-top:5px;
				text-align:justify;
			}
				#content_middle div.logs p a{
					font-weight:bold;
				}
			#content_middle div.logs div#logfooter p{
				margin-top:10px;
				text-align:right;
				color:#0077b1;
				margin-bottom:12px;
			}
				#content_middle div.logs div#logfooter p a{
					color:#0077b1;
				}
			
		#stormdagenLinks{
			width:428px;
			height:47px;
		}
		
		#stormdagenLeftBorder{
			background: url(../img/layout/stormdagen_left_border.jpg) no-repeat;
		}
		
	#calendarhome {
		margin-top:70px;
		width: 165px;
		background: url(../img/layout/calendar_bg.gif) no-repeat;
		color: #000;
	}

	#calendarstormdagen {
		width: 165px;
		background: url(../img/layout/calendar_bg.gif) no-repeat;
		color: #000;
	}
	
/*
CSS Kalender
*/

#calendar{
	padding-top:25px;
	width:165px;
}

#calendar th{
	text-align:center;
	font-family:arial;
	font-weight:bold;
	color:black;
	font-size:90%;
}

#calendar th a:link{
	color:black;
	text-decoration:none;
}

#calendar th a:visited{
	color:black;
	text-decoration:none;
}

#calendar th a:hover{
	color:rgb(0,191,243);
	text-decoration:none;
}

#calendar th a:active{
	color:black;
	text-decoration:none;
}

#calendar th span{
	color:rgb(0,191,243);
}

#calendar table span.today{
	color:black;
	background-color:rgb(0,191,243);
}

#calendar table{
	width:140px;
	text-align:center;
	font-family:arial;
	font-weight:bold;
	color:black;
	font-size:75%;
}

#calendar table td{
	width:40px;
}

#calendar table td.today{
	background-color:rgb(0,191,243);
}

#calendar table td.otherMonth{
	color:rgb(180,180,180);
}

#calendar table tr.space{
	height:15px;
}

#calendar td a:link{
	color:black;
	text-decoration:none;
}

#calendar td a:visited{
	color:black;
	text-decoration:none;
}

#calendar td a:hover{
	color:white;
	text-decoration:none;
}

#calendar td a:active{
	color:black;
	text-decoration:none;
}

#calendarReview{
	margin-left:12px;
	height:155px;
}

#calendarList{
	background: url(../img/layout/calendar_list_bg.gif);
	margin-left:6px;
	width:158px;
}

.calenderListItem{
	margin-left:10px;
	padding-top:5px;
	padding-bottom:5px;
}

#calendarEnd{
	background: url(../img/layout/calendar_list_bottom.gif) no-repeat;
	margin-left:6px;
	width:158px;
	height:23px;
}

	#calendarEnd a:link{
		color:white;
		text-decoration:underline;
		padding-left:30px;
		font-size:90%;
	}
	#calendarEnd a:visited{
		color:white;
		text-decoration:underline;
		padding-left:30px;
		font-size:90%;
	}
	#calendarEnd a:hover{
		color:white;
		text-decoration:underline;
		padding-left:30px;
		font-size:90%;
	}
	#calendarEnd a:active{
		color:white;
		text-decoration:underline;
		padding-left:30px;
		font-size:90%;
	}
	
#productieblog_members{
	
}
	#productieblog_members h1{
		font-size:9pt;
		color:white;
	}
		#productieblog_members div.productieblog_ind{
			position:relative;
			float:left;
			width:180px;
			height:80px;
			background-color:#2bcaf4;
			margin-left:8px;
			margin-right:8px;
			margin-top:5px;
			margin-bottom:5px;
			border:2px solid #00b5ea;
		}
		
		#productieblog_members div.productieblog_arrow{
			position:absolute;
			left:72px;
			top:57px;
			height:14px;
			background:url(../img/layout/arrow.gif) no-repeat bottom left;
		}
		#productieblog_members div.productieblog_ind img{
			border:2px solid #0286c4;
			margin-top:8px;
			margin-bottom:8px;
			margin-left:8px;
			width:60px;
			height:60px;
			float:left;
		}
			#productieblog_members div.productieblog_ind div.productieblog_content{
				margin-top:8px;
				margin-bottom:8px;
				margin-left:12px;
				width:90px;
				height:60px;
				float:left;
			}
			#productieblog_members div.productieblog_ind div.productieblog_content h1{
				font-weight:normal;
				color:black;
				font-size:8pt;
				margin-left:1px;
			}
				#productieblog_members div.productieblog_ind div.productieblog_content div.productieblog_netlog{
					background:url(../img/layout/netlog_link.jpg) no-repeat bottom left;
				}
				#productieblog_members div.productieblog_ind div.productieblog_content div.productieblog_netlog a{
					margin-left:55px;
					text-decoration:underline;
				}
	
.productieblog_image{
	padding-right: 10px;
	padding-top: 10px;
}	

#productieblog_blogs{
	background-color:rgb(43,201,243);
	margin-top:10px;
}
	#productieblog_blogs h1{
		padding-top:5px;
		margin-left:10px;
		font-size:9pt;
		color:white;
	}
	#productieblog_blogs div.productieblog_blog{
		font-size:7pt;
		color:black;
		/*font-family:Georgia;*/
		margin-top:10px;
		margin-bottom:10px;
		margin-right:20px;
		text-align:justify;
		margin-left:20px;
	}
	#productieblog_blogs div.productieblog_blog h1{
		color:black;
		font-weight:bold;
		font-size:8pt;
		margin-top:-3px;
		margin-bottom:3px;
		margin-left:0px;
	}
	#productieblog_blogs div.productieblog_blog div.productieblog_blog_links{
		width:100%;
		text-align:right;
		color:white;
	}
		#productieblog_blogs div.productieblog_blog div.productieblog_blog_links a{
			color:rgb(182,238,253);
		}
		
#productiereacties{

}
	#productiereacties h1{
		font-size:9pt;
		color:white;
		margin-left:10px;
	}
	#productiereacties div.productiereacties{
		background:rgb(206,243,253) url(../img/layout/blogreacties_background.gif) no-repeat;
		width:100%;
		min-height:107px;
		margin:5px;
		color:rgb(0,87,110);
		font-family:georgia;
		font-size:7pt;
	}
	#productiereacties div.productiereacties2{
		background:rgb(242,252,254) url(../img/layout/blogreacties_background2.gif) no-repeat;
		width:100%;
		min-height:107px;
		margin:5px;
		color:rgb(0,87,110);
		font-family:georgia;
		font-size:7pt;
	}
	#productiereacties div.productiereacties_noarrow{
		background:rgb(206,243,253) url(../img/layout/blogreacties_background_noarrow.gif) no-repeat;
		width:100%;
		min-height:107px;
		margin:5px;
		color:rgb(0,87,110);
	}
	#productiereacties div.productiereacties2_noarrow{
		background:rgb(242,252,254) url(../img/layout/blogreacties_background2_noarrow.gif) no-repeat;
		width:100%;
		min-height:107px;
		margin:5px;
		color:rgb(0,87,110);
	}
	div.productiereacties_date{
		float:left;
		margin-top:5px;
		margin-left:30px;
		font-family:verdana;
		font-size:8pt;
		color:black;
	}
	div.productiereacties_name{
		width:390px;
		text-align:right;
		padding-top:5px;
		font-size:8pt;
		color:black;
	}
	div.productiereacties_reactie{
		width:390px;
		text-align:justify;
		margin-left:5px;
	}
	
.producties_link{
	text-align:justify;
	margin-bottom:30px;
	margin-top:10px;
}

.producties_image{
	padding-left: 5px;
	padding-right: 10px;
	float: left;
}

.instruction a{
	text-align:center;
}