/*	=Reset default HTML styles
------------------------------------------------------------------*/
/* Normalizes margin, padding */
body, div, dl, dt, dd, ul, ol, 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 */
ol, ul{list-style:none;}

/* Normalizes font-style and font-weight to normal*/
address, caption, cite, code, dfn, em, strong, th, var{
	font-style:normal; font-weight:normal;
}

/* Removes link underline */
a:link, a:visited{text-decoration:none;}

/* Normalizes table behavior */
table{border-collapse:collapse; border-spacing:0;}

/* Removes border from fieldset and img */
fieldset, img{border:0;}

/* Hides hr */
/*hr{display:none;}*/

/* Hides skip link */
#skip-to-content{display:none;}

/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */

.clearfix:after, .container:after, #indekijker li:after, #flickr_feed ul:after, #footer:after, #nieuws_home li:after, #indekijker_home li:after, .button:after{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Regular clearing
   apply to column that should drop below previous ones. */
.clear { clear:both; }


/*	=Typography
------------------------------------------------------------------*/
body{	
  color:#555555;
  font: 14px/1.5 "Helvetica", "Helvetica Nueu", Arial, verdana;
 	text-align:center;
}
h1, h2, h3, h4, p, ul, blockquote{
	margin:0 20px 1.5em 0;
}
h1{
  color:#000;
  font-size:24px;
  line-height:27px;
	margin-bottom:18px;
}
h2{
  color:#000;
  font-size:18px;
  line-height:18px;
}
h3{
  font-size:14px;
  margin-bottom:0;
}
#content_sec h3{
  color:#000;
  font-size:14px;
  line-height:18px;
  margin-bottom:18px;
  text-transform:uppercase;
}
blockquote{
	margin:18px; 
	color:#666;
	font-style:italic;
}
strong{
  font-weight:bold;
}
em,dfn{
  font-style:italic;
}
dfn{
  font-weight: bold;
}
sup, sub{
  line-height:0;
}
abbr, acronym{
  border-bottom: 1px dotted #666;
}
address{
  margin: 0 0 1.5em; font-style: italic;
}
del{
  color:#666;
}

/* Lists
-------------------------------------------------------------- */
.content ul, .content ol{
	padding: 0 0 0 24px;
}
.content ul{
	list-style:url(/_skins/jeugdaalst/media/2009//bullet.gif);
}
.content ol{
	list-style-type: decimal;
}

/* Links
------------------------------------------------------------------*/
a{
	border-bottom: 1px solid #666;
	text-decoration: none;
}
a:link{
	color: #ce171f;
	border-color: #f1f1f1;
}
a:visited{
	color: #9c1118;
	border-color: #f1f1f1;
}
a:hover,
a:active{
	color: #ff1c27;
	border-color: #e1abae;
}

/* Buttons
------------------------------------------------------------------*/
.button{
	margin-right:0;
}
.button a:link, .button a:visited{
	background:#ce171f;
	border:1px solid #8a0f15;
	color:#FFF;
	display:block;
	float:right;
	font-size:11px;
	padding:3px 5px;
	text-transform:uppercase;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}
.button a:hover{
	background:#ff1c27;
	color: #FFF;
	border:1px solid #8a0f15;
}

/* Images
------------------------------------------------------------------*/
img{
  border:4px solid #E5E5E5;
}

/* Generic classes
------------------------------------------------------------------*/
.float_left{
  float:left;
  margin-right:9px;
}
.float_right{
  float:left;
  margin-left:9px;
}
.maxwidth{
  margin-left:0;
  margin-right:0;
  width:100%;
}
.hide{
  display:none;
}

/* Z-index stack
------------------------------------------------------------------*/
#header #logo{
  z-index:99;
}

/* page layout
------------------------------------------------------------------*/

.container{
  width: 950px;
  margin: 0 auto;
  text-align:left;
}

/* "normal" page */

#content_main{
	float:left;
	padding-left:80px;
	width:630px;
}
#content_sec{
	float:left;
	margin-right:10px;
	width:230px;
}

/* home page */

.home #content_main{
	float:left;
	padding-left:0;
	width:710px;
}
.home #content_sec{
	float:left;
	margin-right:10px;
	width:230px;
}
	/* 2 col structure for news, last changed, … */
	.home #content_main .left_col{
		float:left;
		margin-right:10px;
		width:350px;
	}
	.home #content_main .right_col{
		float:left;
		width:350px;
	}
	/* In de kijker (footer) 2 col layout */
	.home #indekijker .left_col{
		float:left;
		margin-right:10px;
		width:470px;
	}
	.home #indekijker .right_col{
		float:left;
		width:470px;
	}
	
/*  form popup page */

.popup .container{
	padding:0;
	width:710px;	
}
	.popup #header{
		background:#FFF url(/_skins/jeugdaalst/media/2009//header-grijs-bg.gif) repeat-x 0 100%;
		padding-bottom:20px;
	}
	.popup #header h1{
		float:left;
		margin:0 7px 0 0;
	}
	.popup #header #logo-aalst{
		float:left;
		margin:0;
		width:77px;
	}
	.popup #header #logo-aalst a:hover{
		border:none;
	}
	.popup #header img{
		border:none;
	}

/* Header
------------------------------------------------------------------*/
#header{
  background:#FFF url(/_skins/jeugdaalst/media/2009//header-grijs-bg.gif) repeat-x 0 0;
	margin-bottom:20px;
  padding-top:20px;
}
#header .container{
  position:relative;
}
#skip_to_content{
  display:none;
}

/* Logo */
#logo{
  left:0;
  margin:0;
  position:absolute;
  top:0;
}
#logo a{
  background:url(/_skins/jeugdaalst/media/2009//logo.jpg) no-repeat 0 0;
  display:block;
  float:left;
  font-size:24px;
  height:123px;
  line-height:72px;
  width:160px;
  text-indent:-10000px;
}
#logo a:hover{
  border:none;
  opacity:0.75;
}

/* searchform */
#searchform{
  position:absolute;
  right:0;
  top:20px;
  width:440px;
}
#searchform-text-input{
  background:url(/_skins/jeugdaalst/media/2009//searchform-text-input.gif) no-repeat 0 0;
  float:left;
  height:37px;
  margin:0;
  padding:6px;
  width:304px;
}
#searchform-text-input input{
  background:none;
  border:0;
  font-size:16px;
  height:18px;
  width:290px;
}
#searchform-submit{
  width:auto;
}
#searchform-submit:hover{
  opacity:0.75;
}

/* Navigation
------------------------------------------------------------------*/
#navigation{
  background:url(/_skins/jeugdaalst/media/2009//header-bg.jpg) no-repeat 0 0;
  height:140px;
  padding-right:2px;
  position:relative;
  width:950px;
}

/* Nav main */
#nav_main{
  bottom:40px;
  float:left;
  margin:0;
  padding:0;
  position:absolute;
  right:10px;
  list-style:none;
}
#nav_main li{
  float:left;
}
#nav_main li a{
  border:none;
  color:#000;
  display:block;
  float:left;
  font-family:"Aachen Std", "Helvetica Neue", Helvetica, Arial;
  font-size:16px;
  font-weight:normal;
  line-height:20px;
  margin:0 10px;
  padding:0;
  text-transform:uppercase;
}
#nav_main a:hover{
  color:#ce171f;
}
#nav_main li.current a,
#nav_main li.current a:hover{
  border-bottom:2px solid #ce171f;
  color:#ce171f;
  font-weight:bold;
}

/* Breadcrumb */
#breadcrumb{
  border-bottom:1px solid #e5e5e5;
  clear:both;
  font-size:13px;
  margin:18px 0;
}
#breadcrumb a{
  border:none;
}

/* Content
------------------------------------------------------------------*/
#content{
  padding-bottom:20px;
}

/* Content_main
------------------------------------------------------------------*/
/* addthis btn */
#share{
  margin-bottom:1.5em;
}
.addthis_button img{
  border:none;
}
#share a{
  border:none;
}

/* gmap */
#map{
  height:300px;
  width:100%;
}

/* Content_sec
------------------------------------------------------------------*/
/* nav-sec */
#nav_sec h3, #bekijk-ook h3{
  background:#f1f1f1;
  margin:0 0 10px 0;
  padding:10px;
}
#nav_sec ul, #nav_sec li,
#bekijk-ook ul, #bekijk-ook li{
  list-style:none;
  margin-right:0;
  padding:0;
}
#nav_sec ul{
  padding:0 10px;
}
#nav_sec a, #bekijk-ook a{
  border-top:1px solid #e5e5e5;
  border-bottom:none;
  display:block;
  font-weight:bold;
  padding:4px 0;
  text-decoration:none;
}
#nav_sec li:first-child a, #bekijk-ook li:first-child a{
  border-top:0;
  padding-top:0;
}
#nav_sec li.current a,
#bekijk-ook li.current a{
  color:#000;
}

/* bekijk-ook */
#bekijk-ook{
  background:#f1f1f1;
  padding:20px 10px;
}
#bekijk-ook h3{
  padding:0;
}
#bekijk-ook ul{
  margin-bottom:0;
}

#nieuws_link{
	display:block;
  position:relative;
	width:210px;
}
#nieuws_link #rss_link{
  background:url(/_skins/jeugdaalst/media/2009//rss.gif) no-repeat 0 center;
  padding:0 0 0 18px;
  position:absolute;
  right:10px;
  top:0;
}

/* =Hot content
------------------------------------------------------------------*/
#indekijker{
  background:#ce171f url(/_skins/jeugdaalst/media/2009//doormat-bg.gif) repeat-x 0 0;
	color:#f2f2f2;
  padding:40px 0 20px 0;
}
#indekijker .container{
  padding-bottom:10px;
}
#indekijker h2{
	border-bottom:1px solid #a31219;
	color:#FFF;
  font-size:18px;
	margin:0;
	padding:30px 0 10px 20px;
	text-transform:uppercase;
}
#indekijker h3{
  color:#FFCB08;
  font-size:16px;
  margin:0;
	zoom:1;
}
#indekijker p{
	margin-bottom:0;
}
#indekijker ul{
  list-style:none;
  margin:0;
  padding:0 20px;
}
#indekijker li{
	border-top:1px solid #a31219;
	padding:10px 0 10px 75px;
	position:relative;
}
#indekijker li.first{
	border:none;
}
#indekijker img{
  border-color:#820e14;
	left:0;
  margin:0 15px 18px 0;
	position:absolute;
	top:10px;
  width:50px;
}

#indekijker a{
  border:none;
  color:#FFCB08;
}
#indekijker a:hover{
  color:#FFF;
}
#indekijker .container{
  background:#b5141c;
}

/* Flickr feed */
#flickr_feed{
  padding:40px 0 20px 0;
  background:#b5141c url(/_skins/jeugdaalst/media/2009//flickr-feed-bg.gif) repeat-x 0 0;
}
.home #flickr_feed{
  padding-top:20px 0 20px 0;
  background:#b5141c;	
}
#flickr_feed h3{
  color:#FFF;
  margin-bottom:20px;
}
#flickr_feed ul{
  margin:0;
  padding:0;
}
#flickr-feed li{
  float:left;
  list-style:none;
  margin:0 5px 10px 5px;
}
#flickr_feed a{
  color:#fdb3b3;
}
#flickr_feed a:hover{
  color:#FFF;
}
#flickr_feed img{
  border-color:#820e14;
  width:50px;
}
#flickr_feed li a{
  border-bottom:none;
	margin-right:10px;
}
#flickr_feed li, #flickr_feed li a{
	float:left;
}

/* =Footer
------------------------------------------------------------------*/
#footer{
  background:#ffcb08 url(/_skins/jeugdaalst/media/2009//footer-bg.gif) repeat-x 0 100%;
}
	
	/* footer layout */
	
  #footer .container{
    background:url(/_skins/jeugdaalst/media/2009//crowd.gif) no-repeat center 100%;
    height:360px;
    padding:20px 0;
  }
	#logo-aalst{
		float:left;
		margin-right:10px;
		width:110px;
	}
	#social-media{
		float:left;
		margin-right:10px;
		width:350px;
	}
	#signupform{
		float:left;
		padding-left:40px;
		width:430px;
	}

#footer img{
  border:none;
}
#footer a:hover img{
  opacity:0.75;
}
#footer h3{
  color:#000;
  font-size:14px;
  font-weight:bold;
}
#footer ul, #footer li{
  list-style:none;
  margin:0;
  padding:0;
}
#social-media li, #social-media img{
  float:left;
}

/* signup form */
#signupform-text-input{
  background:url(/_skins/jeugdaalst/media/2009//signupform-text-input.gif) no-repeat 0 0;
  float:left;
  height:37px;
  margin:0;
  padding:6px;
  width:221px;
}
#signupform-text-input input{
  background:none;
  border:0;
  font-size:16px;
  width:215px;
}
#signupform p{
  color:#000;
}
#signupform a{
  border-color:#ce171f;
  font-weight:bold;
}
#signupform-submit{
  width:auto;
}
#signupform-submit:hover{
  opacity:0.75;
}

#site-info{
  background:#be2026;
  color:#fd9191;
  padding:40px;
  text-align:center;
}
#site-info p{
  display:inline;
  margin-bottom:0;
}
#site-info a{
  color:#fd9191;
  border-bottom:1px solid #fd9191;
}
#site-info a:hover{
  color:#FFF;
}
#naar-boven{
  padding-left:60px;
	margin:0;
}
#naar-boven a{
	border:none;
  background:url(/_skins/jeugdaalst/media/2009//naar-boven.gif) no-repeat 0 0.1em;
  padding-left:10px;
}
#naar-boven span{
  border-bottom:1px solid #fd9191;
}

/* Home pagina */
.home_block h2{
	background:#ce171f;
	color:#FFF;
	margin:0 0 10px 0;
	padding:10px;
}
.home_block ul{
	margin-right:0;
}
.home_block li{
	border-top:1px solid #E5E5E5;
}
.home_block li.first{
	border-top:none;
}
.home_block li a{
	border:none;
}

/* Nieuws blok */
#nieuws_home img{
  float:left;
  margin-right:10px;
  width:50px;
}
#nieuws_home li a{
  float:left;
  padding:10px 0;
  width:100%;
}

/* Laatst gewijzigd */
#laatst_gewijzigd_home{
	background:#F1F1F1;
	margin-bottom:20px;
}
#laatst_gewijzigd_home ul{
  list-style:none;
  margin-bottom:0;
  padding:10px;
}
#laatst_gewijzigd_home li a{
	background:url(/_skins/jeugdaalst/media/2009//bullet.gif) no-repeat 6px 0.7em;
  display:block;
	padding:3px 0 3px 18px;
}
#laatst_gewijzigd_home .date{
	color:#555555;
}

/* CJP */
#cjp p{
	margin-bottom:0;
}
#cjp li{
	padding:10px 0;
}
#cjp .date{
	color:#999;
	font-size:12px;
	margin-bottom:10px;
}

/* =forms
------------------------------------------------------------------*/
.form{
  background:#F1F1F1;
  color:#333;
  padding:1em;
}
form, fieldset, legend, form h3{
  border:0; 
  margin:0; 
  padding:0; 
}
form p{
  margin-left:0;
  margin-right:0;
}
fieldset{
  border-top:1px solid #E5E5E5;
  margin-top:18px;
  padding-top:18px;
}
fieldset.first{
  border-top:none;
  margin-top:0;
  padding-top:0;
}
form br{
	display:none;
}
form h3{
  font-size:14px;
  margin-bottom:18px;
}
form ol, form ul{
  list-style: none;
  margin:0 0 18px 0;
  padding:0;
}
.form li{
  clear:both;
  background:none!important;
  margin-bottom:9px;
  padding:0!important;
}
label{
  display: block;
  float:left;
  line-height:1.6;
  margin-right:10px;
  width:120px;
}
.text_input, textarea { 
  padding:3px 3px; 
  width:250px; 
}
.submit{
  padding-left:130px;
  width:auto;
}
abbr { 
  cursor:help; 
  font-style:normal; 
  border:0; 
}

/* radio & checkbox fieldsets */
.radio, .checkbox{
  padding-left:130px;
}
.radio h3, .checkbox h3{
  font-size:1em;
}
label input{
  background:transparent;
  margin-right:4px;
  width:auto;
}
.radio label,
.checkbox label{
  display:inline;
  float:none;
  margin:0;
  text-align:left;
  width:auto;
}
.radio label:after,
.checkbox label:after{
  content:'';   
}

/* notes & error handling */
.note{
  font-size:0.8333em;
  font-weight:normal;
}