/*
NOTES

- geen kleuren definiëren die typisch bij een tld horen. pak daarvoor de eigen css.

*/


body {
	background-color: #fff;
	color: #000;
	font-family: Verdana, Arial, Sans-serif;
	font-size: 11px;
	background-position: 50% 0px;
	background-repeat: no-repeat;

}
a { text-decoration: none; }
a:hover { text-decoration: underline; }

/* general lists */
ul { margin: 0; padding: 0; }
ul li { background-image: url('../images/r_z.gif'); background-repeat: no-repeat;  background-position: 0px 10px; padding-left: 15px; text-align: left;  }

/* overall*/

#overall { position:relative; min-height:100%; }

#header { width: 960px; height: 110px; position: relative; margin: 0 auto; margin-bottom: 25px; }
#container { width: 930px; height: 100%; border: 0px solid #000; position: relative;  margin: 0 auto;  }


small { font-size: 9px; color: #666; letter-spacing: -1px; }

/* header / nav elements */
#header #tabs { position: absolute; left: 0px; bottom: 3px; height: 30px; }

#header #tabs .item { height: 32px; margin-right: 5px; text-align: center; float: left; }
#header #tabs .item a { display: block; height: 17px; color: #fff; font-family: arial; font-size: 12px; letter-spacing: 1px; text-decoration: none; text-align: center; }
#header #tabs .item a:hover {  }
#header #tabs .item .tablink { background-repeat: no-repeat; padding-top: 13px; background-position: 0px 6px; }
#header #tabs .item .tablink:hover, #header #tabs .item .tablinkon { background-position: 0px -28px; padding-top: 10px; padding-bottom: 3px; }

#header #tabs .item .tab_nl { background-image: url('../images/nav/tabnl.jpg'); width: 90px; }
#header #tabs .item .tab_info { background-image: url('../images/nav/tabinfo.jpg'); width: 99px; }
#header #tabs .item .tab_tv { background-image: url('../images/nav/tabtv.jpg'); width: 62px; }
#header #tabs .item .tab_fm {background-image: url('../images/nav/tabfm.jpg'); width: 60px; }
#header #tabs .item .tab_biz { background-image: url('../images/nav/tabbiz.jpg'); width: 88px; }
#header #tabs .item .tab_org { background-image: url('../images/nav/taborg.jpg'); width: 110px; }
#header #tabs .item .tab_nu { background-image: url('../images/nav/tabnu.jpg'); width: 71px; }

#header a.logo { position: absolute; display: block; left: 720px; top: 25px; height: 120px; width: 240px; z-index: 9; }

#header #zoek { position: absolute; top: 10px; left: 70px; }
#header #zoek input{ float: left; font-size: 11px; font-family: verdana; font-style: normal; color: #555; padding: 5px; margin-top: 6px; border: 1px solid #c3b782; width: 125px; margin-right: 5px; background: none; }
#header #zoek .zoek { padding: 0px; border: 0px; height: 24px; width: 24px; margin-top: 7px; background-color: transparent; font-size: 11px;   }



/* each domain / home page elements */
.ad_high { position: absolute; right: 0; top: 19px; font-size: 9px; color: #ccc; }
.ad_high img { display: block; margin-bottom: 2px; }
.ad_home_low { position: absolute; left: 30px; top: 545px; font-size: 9px; color: #ccc; }
.ad_home_low .ad { margin-right: 19px; float: left; }
.ad_home_low .ad img { display: block; margin-bottom: 2px; }
.ad_home_low .middlead { display:block; width:321px; height:75px; background-color:#f0f0f0; overflow: hidden; }
.home { height: 620px; }

/* breadcrumb */
#breadcrumbs { display:block; margin-bottom:15px; color:#666666; }
#breadcrumbs a { color:#666666; }

/* tekstvakken paginas, algemene standaard pages jah */
.stub { line-height: 16pt; }
.stub h1, .stub h2 { margin-bottom: 10px; }
.stub .tekst { margin-top: 10px; margin-left: 210px; width: 590px; line-height: 16pt; text-align: left; padding-bottom: 20px; }
.stub .tekst h1 { margin-top: 0px; margin-bottom: 0px; }
.stub .tekst h2 { margin-top: 0px; margin-bottom: 10px; }
.stub .agenda { margin-top: 10px; margin-left: 230px; width: 560px; line-height: 16pt; text-align: left; }
.stub .agenda  h2 { margin-top: 0px; margin-bottom: 0px; }
.stub .etalage { margin-top: 20px; margin-left: 210px; width: 560px; line-height: 16pt; text-align: left; }
.stub .etalage a { text-decoration:underline; }
.stub .etalage a:hover { text-decoration:none; }
.stub .rubriek { margin-top: 20px; margin-left: 210px; width: 714px; line-height: 16pt; text-align: left; }

/* agendas (en eventueel ook voor pagina's als nieuws/arrangementen */
.agenda_rij { margin-bottom: 10px; margin-top: 10px; padding-top: 10px; position: relative; min-height: 113px; }
.agenda_descr .meer { position: absolute; right: 0px; bottom: 0px; background-image: url('../images/r_z.gif'); background-repeat: no-repeat;  background-position: 0px 10px; color: #000; font-weight: bold; padding-left: 10px;  }
.agenda_descr h3 a { color: #6fad28; }
.agenda_descr h3 { margin-bottom: 0; }
.agenda_descr a { color: #76C22E; }
.agenda_descr .datum-agenda { font-weight: bold; color: #666; white-space: nowrap; }
.agenda_img, .nieuws_img { float: left; margin-right: 20px; width: 160px; }
.nieuws_img_r { float: right; margin-left: 20px; }
.agenda_img { min-width: 130px; min-height: 100px; }
.agenda_img img, .nieuws_img img, .nieuws_img_r img { border: 1px solid #ccc; padding: 5px; max-height: 135px; }
.agenda_img_noimg img { border: 1px solid #efefef; }
.agenda_switch { float: right; margin-bottom: 30px; } .agenda_switch a { color: #000; }
.left_sidebar { /*position: absolute; top: 0; left: 0;*/ float: left; width: 210px; line-height: 16pt; margin-bottom: 20px; }
.left_sidebar .aandacht { width: 200px; height: 110px; margin-top: 20px; margin-bottom: 20px; position: relative; }
.left_sidebar .aandacht div { width: 180px; height: 62px; padding-top: 28px; position: absolute; top: 10px; left: 10px; text-align: center; }
.nieuws_content {  margin-bottom: 10px; padding-top: 20px; }
.nieuws_content  ul { list-style-type: none; }
.nieuws_content  ul li { list-style-type: none; color: #333; font-style: italic; margin-left: 0px; }
.nieuws_content a { text-decoration: underline; }
.nieuws_content p { margin-bottom:20px; }
.nieuws_content p a { text-decoration:underline; }
.nieuws_content p a:hover { text-decoration:none; }

/* etalages */ 
.etalage_logo { float: left; margin-right: 20px;  }
.etalage_logo img { padding: 5px; border: 1px solid #ccc; }
.etalage_adres { float: left; margin-right: 20px;   }
.etalage_adres a { color: #000; text-decoration:none !important; } 
.etalage_adres a:hover { text-decoration:underline !important; }
.etalage_fotos { width: 130px; position: absolute; right: 0; top: 200px; font-size: 9px; color: #ccc; }
.etalage_fotos img { padding: 5px; border: 1px solid #ccc; display: block; margin-bottom: 10px; }

/* fotoalbum */


ul#fotoalbum { margin-top: 10px; }
ul#fotoalbum li { background-image: none; display: inline; float: left; padding: 0; height: 87px; overflow: hidden; border: 1px solid #ccc; margin: 10px; margin-left: 0; position: relative; }
ul#fotoalbum li .whitespacethumb { background-color: #fff; width: 70px; height: 5px; position: absolute; left: 0; bottom: 0px; width: 130px; }
ul#fotoalbum li img { margin: 5px; display: block;  }

/* footer elements */ 
#footer { position: absolute; left: 270px; top: 12px!important; font-size: 11px; color: #928a67; text-align: right; }
#footer a { color: #928a67; text-decoration: none; display: block; margin-left: 15px; float: left; font-family: verdana; }
#footer a:hover { color: #000; text-decoration: none; }

/* footer nav op home pages */
.home_footers { position: absolute; top: 650px; left: 30px; padding-bottom: 30px; width: 762px;  }
.home_footers ul { height: 10px; padding: 0; }
.home_footers ul li { display: block; float: left; font-size: 10px; background-image: none; padding: 0; padding-right: 5px; font-family: verdana, arial; padding-left: 5px; }
.home_footers ul li a { color: #666; text-decoration:  none; }
.home_footers ul li.home_footers_on a { color: #fff; }
.home_footers ul li a:hover { color: #000; }


/* typographic elements */
h1, h2 { letter-spacing: 1px; }
h1 { font-family: Georgia, Arial, Helvetica; font-size: 23px; font-weight: normal; font-style: italic; color: #333; margin-bottom: 10px; }
h2 { font-family: Georgia, Arial, Helvetica; font-size: 17px; font-weight: normal; font-style: italic; color: #333; margin-bottom: 2px; }
.home_newspanel h2, .home_agenda h2, .tv_top h2, .home_header h2, .left_sidebar h2 { font-family: Georgia, Arial, Helvetica; font-size: 23px; font-weight: normal; font-style: italic; color: #333; margin-bottom: 10px; } 
h3 { font-family: Arial, Helvetica; font-size: 17px; letter-spacing: 0.5px; font-weight: bold; color: #333; margin-bottom: 10px; }

/* form elements, basics */
input, textarea, select { background-image: url('../images/inputbg.png'); background-repeat: repeat-x; font-family: verdana; font-size: 11px; color: #000; background-color: #fff; bdisplay: block; margin-bottom: 5px; margin-top: 5px; padding: 7px; font-size: 14px; outline: 2px solid #eee; border: 1px solid #888 }

.submit, .unsubmit { background-image: url('../images/submitbg.png'); display: block; cursor: pointer; padding: 10px; min-width: 120px; margin-bottom: 5px; margin-top: 5px; background-color: #099add;  color: #fff; border: 1px solid #067eb6; outline: 2px solid #dbdbdb; font-weight: bold; }
.submit:hover { background-color: #067eb6; border: 1px solid #0670a1; outline: 2px solid #dbdbdb; }


.left_sidebar input { font-size: 11px; padding: 5px; width: 160px;} 
.left_sidebar .submit { font-size: 11px; padding: 5px; min-width: 100px;  } 

.error { color:#ff0000; }
.success { color:#58b322; }

/* kleuren voor zoekresultaten */

.zoekresultaten {
	line-height: 20px; margin-bottom: 20px;
}

.zoekresultaten .datum {
	color:#c0c0c0;
}

.zoekpagina {
	margin-left: 20px;
}

#nl_results {
	float:left;
	width:450px;
}

#nl_results .thumb {
	max-height:35px;
	max-width:60px;
}

#tv_results {
	float:right;
	width:450px;
}

#tv_results h1, #tv_results strong {
	color:#ED1C37;
}
#tv_results .thumb {
	width:50px;
}

#nl_results  h1, #nl_results strong {
	color:#77C12E;
}

/* overal de agenda blokken groene achtergrond en borders */
.home_agenda .listing ul li.dif, .home_agenda .listing_w ul li.dif { background-color: #EBF2DC; }
.home_agenda .listing ul li, .home_agenda .listing_w ul li { border-bottom: 1px dotted #77C12E; height: 21px; overflow: hidden; }

/* Temp; vast verenigingsnieuws oranje fixen */
.listing .verenigingsnieuws li.dif { background-color: #ffeedb; }
.listing .verenigingsnieuws li { border-bottom: 1px dotted #F78F1E; }

/* login thing */
#login {
    float:right;
    margin:33px 170px 0 0;
    width: 400px;
    text-align: right;
}

.login_form {
    display: none;   
}

#login .login_form input {
    width: 142px;
    height: 16px;
    margin: 0px 2px 0px 0px;
    border: 1px solid #003265;
    background-color: white;
    padding: 2px;
    background-position: left;
    background-repeat: no-repeat;
    float: left;
}

/* social icons */

#social_icons {
	margin-top:-20px;
	display:block;
	float:right;
}

#social_icons li {
	float:left !important;
	background:none;
	margin-left:-7px;
}

/* reacties */

#reacties {
	margin-top:20px;
	display:block;
}

#reacties h2 {
	margin-bottom:20px;
}

#reacties .left {
	width:170px;
	display:block;
}
#reacties .right {
	width:370px;
	display:block;
}

#reacties .left, #post_reactie .left {
	float:left;
}

#reacties .right, #post_reactie .right {
	float:right;
}

#post_reactie {
	margin-top:20px;
	margin-bottom:20px;
	display:block;
}

#post_reactie .left {
	width:170px;
}
#post_reactie .right {
	width:370px;
}
#post_reactie .right textarea {
	width:300px;
	height:100px;
}

#post_reactie .error {
	display:block;
	clear:both;
}

.reactie {
	clear:both;
	margin-bottom:20px;
	display:block;
	float:left;
	border-bottom:1px dashed #c0c0c0;
	padding-bottom:20px;
}