/*=============================================================
Glashart Stylesheet Local Content

author: Siyou Internet Solutions

[Kleuren]
Rood : 			color:#da2a36;
Dondergrijs: 	color:#5f5f5f;
Lichtgrijs:		color:#d1d1d1;


=============================================================*/
#headercontainer, #header {
	height:325px;
	background-image:url(../images/local_header_background.jpg);
	background-repeat:repeat-x;
}


#contentcontainer {
	position:relative;
	margin:0 auto;
	padding:0 auto;
	width:999px;


}
#content {
	background-image:url(../images/local_content_background.jpg);
	background-position:45px;
	background-repeat:repeat-y;
	float:left;
}
/*=============================================================
cols
=============================================================*/
.col_local_small, .col_local_middle, .col_local_big, .col_local_banners {
	float:left;
}
.col_local_small {
	width:260px;
	margin-left:44px;


}
.col_local_small .colwrapper{
	margin:30px 28px; 
	width:210px;
	background:none;
}

.col_local_middle{
	/*width:468px;*/
	width:449px;
}
.col_local_big{
	width:710px;
	margin-left:44px;
}
.col_local_banners {
	width:245px;
	background-image:url(../images/background_colsmall.jpg);
	background-repeat:repeat-x;
	
}
/*=============================================================
col_local_middle stuff
=============================================================*/ 
.col_local_middle .colwrapper{
	margin:30px 20px 0 0;
}
.colwrapper ul{
	margin:0 0 0 10px;
	padding:0;
}
.colwrapper ul.newslist{
	margin:0 0 20px 0;
}
.colwrapper ol {
	margin:0 0 0 30px;
	padding:0;
}
.col_local_middle h1 {
	margin-bottom:10px;
}
.col_local_middle .item {
	margin-bottom:25px;
}
.col_local_middle p {
	margin:0 0 10px;
}
/*=============================================================
col_local_big stuff
=============================================================*/ 
.col_local_big .newslist li{

	padding:8px 0 8px;
	border-bottom:#e3e3e3 solid 1px;
	font-size:12px;

}

/*=============================================================
col_local_banners stuff
=============================================================*/ 
.col_local_banners .colwrapper {
	margin:30px 10px;
}
.col_local_banners .banner{
	margin-bottom:10px;
}
.col_local_banners #meldaan {
        color:#000000;
	position:relative;
	background-image:url(../images/banner_melduaan.jpg);
	width:224px;
	height:134px;
}
.col_local_banners #meldaan p{
	position:absolute;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	left:14px;
	top:35px;
	width:188px;
	
}
.col_local_banners #meldaan .btn {
	cursor:pointer;
	position:absolute;
	width:183px;
	height:35px;
	left:19px;
	top:74px;
}
.provider {
	font-size:11px;
	margin:10px 0;
}
/*=============================================================
col_local_big stuff
=============================================================*/ 
.col_local_big .colwrapper {
	margin-top:28px;
	margin-left:25px;
	width:660px;
}
/*=============================================================
agenda stuff
=============================================================*/
.agenda {
	margin-bottom:20px;
}
.agendaitem {
	position:relative;
	cursor:pointer;
}
.agendaitem p {
	font-size:11px;
	position:absolute;
	width:160px;
	left:50px;
	top:0;
	
}
.agendadate {
	position:relative;
	background-image:url(../images/agenda_date.jpg);
	background-position:center;
	background-repeat:no-repeat;
	height:39px;
	width:39px;
	text-align:center;
}

.agendadate p{
	position:absolute;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	width:33px;
	height:30px;
	display:block;
	left:3px;
	line-height:10px;
}
.agendadescription {
	position:relative;
	padding:0 0 20px 80px;
	background-image:url(../images/agenda_date_big.jpg);
	background-repeat:no-repeat;
	border-bottom:#CCCCCC solid 1px;
	margin-top:20px;
}
.agendadescription .bigdate {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	position:absolute;
	left:0;
	top:10px;
	text-align:center;
	width:56px;
	height:60px;
	font-size:20px;
	font-weight:bold;
	color:#FFFFFF;
	line-height:18px;

}
.agendadescription h2.agendasubtitle {
	font-size:24px;
}
/*=============================================================
provider stuff
=============================================================*/
.providerdescription {
	clear: both;
	float: left;
	/*padding:0 0 10px 0;*/
	margin-top:10px;
	border-bottom:#CCCCCC solid 1px;	
	width: 660px;
}

.providerdescription .provimg  {
	float: left;
	width: 190px;
}

.providerdescription .wrapper  {
	float: right;
	width:450px;
	margin-bottom:10px;
}

/*=============================================================
stand van zaken stuff
=============================================================*/
.googlemap {
	margin-top:10px;
	border:#e4e4e4 solid 1px;
	padding:5px;
	
}


/*=============================================================
postcode stuff
=============================================================*/
#postcodecheck {
	position:relative;
	background-image:url(../images/background_wanneerkrijgikglasvezel.jpg);
	width:315px;
	height:148px;
	margin:24px auto;
}
#postcodecheck p{
	position:absolute;
	width:272px;
	color:#000000;
	font-size:11px;
	left:18px;
	top:45px;
	
}
#postcodecheck input {
	position:absolute;
	font-size:13px;
	left:30px;
	top:92px;
	width:190px;
}
#postcodecheck .btnsubmit {
	position:absolute;
	cursor:pointer;
	width:68px;
	height:36px;
	left:237px;
	top:82px;

}
/*=============================================================
banner_meeroverglasvezel stuff 
=============================================================*/
#banner_meeroverglasvezel	{
	margin-left:10px;
}
#banner_meeroverglasvezel ul {
	margin:3px 0;
}
#banner_meeroverglasvezel li {
	list-style:none;
	background-image:url(../images/pinkvink.png);
	background-repeat:no-repeat;
	padding-left:35px;
	display:block;
	min-height:22px;
	font-size:12px;

}
#banner_meeroverglasvezel a {
	color:#000000;
	font-size:16px;
	font-weight:bold;
	background-image:url(../images/zwartpijltje.png);
	background-repeat:no-repeat;
	background-position:right;
	padding-right:15px;
}

.divider_grey_224 {
	margin:20px 0;
}
/*=============================================================
SIFR stuff 
=============================================================*/
.sIFR-active h2.agendasubtitle {
	font-size: 24px;
}

/*=============================================================
postcode stuff
=============================================================*/

#postcodecheck_simple{
	position:relative;
	background-image:url(../images/postcodecheck_simple_local.jpg);
	width:221px;
	height:88px;
        margin-top:23px;
	margin-bottom:20px;
        margin-left:-4px;

}

#postcodecheck_simple .btnsubmit {
	position:absolute;
	cursor:pointer;
	/*background-color:#ff0000;*/
	width:57px;
	height:22px;
	left:157px;
	top:58px;
}
#postcodecheck_simple input {
	font-size:13px;
	font-style:italic;
	color:#a4a4a4;
	margin-top:5px;
	float:left;
}
#postcodecheck_simple .postcodeinput {
	margin:10px 0 0 8px;
	width:67px;
        height:17px;
}
#postcodecheck_simple .huisnrinput{
	margin:10px 0 0 24px;
	width:52px;
        height: 17px;
}
#postcodecheck_simple .toevoeginginput{
	margin: 10px 0 0 17px;
	width:41px;
        height:17px;
}