@import url("editinplace.css");

/*************************************
Standaard Tags
/************************************/
a:link,
a:visited {
	color: #114D9A;
	text-decoration: none;
}

a:hover,
a:active {
	text-decoration: underline;
}

body {
	background-color: #FFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666;
	margin: 0px;
	padding: 0px;
}

form {
	margin: 0px;
	padding: 0px;
}

form sup {
	font-size:11px;
	color:#F00;
	vertical-align: text-top;
	padding-left: 2px;
}

form .tableLine {
	padding-top: 20px;
}

h1 {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height: 18px;
}

h2 {
	font-size: 18px;
	color: #144F9B;
	margin: 0px;
	padding: 0px;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

h3 {
	font-size: 18px;
	color: #144F9B;
	padding: 10px 0px 15px 0px;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	margin: 0px;
}

h3.afdelingHeader {
	font-size: 16px;
	color: #CCC;
}

h4 {
	font-size: 18px;
	color: #CCC;
	padding: 0px 0px 20px 0px;
	margin: 0px;
}

h5 {
	margin: 0px;
	padding: 0px;
	color: #999;
	font-size: 11px;
}

hr {
	height: 0;
	border: 0;
	border-top: 1px solid #EDCCCC;
}

img {
	border: none;
}

p {
	padding: 0px;
	margin: 0px 0px 13px 0px;
	line-height: 14px;
}

small {
	color: #999;
	margin-top: 0px;
	padding-top: 0px;
}

table {
	padding: 0px;
	margin: 0px;
}

table td {
	vertical-align: top;
}

br.clear {
	clear: both;
	height: 0px;
	margin: 0px;
	line-height: 0;
}

/*************************************

/************************************/
#mainContent h1 {
	color: #144F9B;
}

#mainContent h1 a:link,
#mainContent h1 a:hover,
#mainContent h1 a:visited,
#mainContent h1 a:active,
#mainContent h2 a:link,
#mainContent h2 a:hover,
#mainContent h2 a:visited,
#mainContent h2 a:active {
	color: #144F9B;
	text-decoration: none;
}

#leftSide h1,
#rightSide h1 {
	color: #C00;
	margin: 0px 0px 10px 0px;
	padding: 0px;
}

#mainContent a:link,
#mainContent a:visited {
	color: #C00;
}

.input_text {
	border: 1px solid #CCC;
	font-size: 11px;
	color: #666;
	padding: 2px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.formButton {
	background-color: #FFF;
	font-weight:bold;
	font-size: 12px;
	color: #C00;
	border: 1px solid #CCC;
}

ul.linkList {
	list-style-type: none;
	margin: 5px 0px 0px 0px;
	padding: 0px;
}

ul.linkList li {
	background: url(../images/list_bullet.gif) left 4px no-repeat;
	margin-bottom: 5px;
	padding-left: 12px;
}

.contentPadder {
	padding: 10px;
}


/******************************************
 MAIN LAYOUT DIVS
******************************************/

#mainWrapper {
	background: url(../images/logo.gif) 5px 12px no-repeat;
	width: 940px;
	margin: 0 auto;
}

#header {
	background: url(../images/header_utrecht.jpg) right top no-repeat;
	height: 96px;
}

#header h1 {
	background: url(../images/bg_pvda_utrecht.gif) 129px 41px no-repeat;
	margin: 0px;
	padding: 13px 0px 0px 107px;
	width: 256px;
	height: 80px;
}

#header h1 a {
	display: block;
	width: 100%;
	height: 100%;
}

#header h1 a span {
	display: none;
}

#weblog #header h1 {
	width: 310px;
	height: 62px;
}

#header h3 span {
	display: block;
	width: 0px;
	height: 0px;
	overflow: hidden;
}

#header h1#afdeling {
	background: url(../images/bg_pvda_rotterdam.gif) 129px 23px no-repeat;
	height: 38px;
}

#header h3 {
	background-position: 212px 5px;
	background-repeat: no-repeat;
	margin: 0px;
	padding: 13px 0px 0px 107px;
	width: 350px;
	height: 28px;
}

#contentWrapper {
	background: url(../images/bg_contentwrapper.gif) 169px top repeat-y;
	border-left: 1px solid #EDCCCC;
	border-right: 1px solid #EDCCCC;
	border-bottom: 1px solid #EDCCCC;
	font-size: 12px;
}
    #contentWrapperVerk {
        background: url(../images/bg_contentwrapper_verk.gif) 169px top repeat-y;
        background: none;
        border-left: 1px solid #EDCCCC;
        border-right: 1px solid #EDCCCC;
        border-bottom: 1px solid #EDCCCC;
        font-size: 12px;
    }

html>body #contentWrapper {
	background-position: 168px 0px;
}
    html>body #contentWrapperVerk {
        background-position: 168px 0px;
    }
#forum #contentWrapper {
	background: url(../images/bg_redline.gif) 169px top repeat-y;
}
html>body #forum #contentWrapper {
	background-position: 168px 0px;
}
#weblog #contentWrapper {
	background: url(../images/bg_redline.gif) 759px top repeat-y;
}
html>body #weblog #contentWrapper {
	background-position: 758px 0px;
}
#leftSide {
	float: left;
	width: 168px;
	padding-right: 0px;
	overflow: hidden;
}
    #leftSideVerk {
        float: left;
        width: 256px;
        padding-right: 0px;
        overflow: hidden;
    }
#middleRightWrapper {
	float: right;
	width: 769px;
}
#weblog #middleRightWrapper {
    float: none;
    width: 938px;
}
    #weblog #middleRightWrapperVerk {
        float: none;
        width: 893px;
    }
#mainContent {
	float: left;
	width: 570px;
	overflow: hidden;
	padding: 10px 10px 0px 10px;
}
    #mainContentVerk {
        float: left;
        width: 480px;
        overflow: hidden;
        padding: 10px 10px 0px 10px;
    }
#forum #mainContent {
	float: none;
	width: 750px;
}
#weblog #mainContent {
	float: left;
    width: 739px;
	padding: 10px;
}
#rightSide {
	float: right;
	width: 178px;
	padding-left: 1px;
	overflow: hidden;
}
    #rightSideVerk {
        float: right;
        width: 180px;
        padding-left: 1px;
        overflow: hidden;
    }
#weblog #rightSide {
	width: 178px;
}
#footer {
	text-align: center;
	padding: 4px 0px 10px 0px;
}
#footer small {
	font-size: 9px;
	color: #999;
}

#footer img {
	height: 10px;
	width: 10px;
	vertical-align: middle;
	border: 0px;
}

/******************************************
		MENUS
******************************************/

#nav {
	color: #FFF;
}
#nav ul {
	list-style-type: none;
}
#nav ul li {
	display: inline;
}
#tabNav {
	background: url(../images/bg_tabnav_weblog3.gif) no-repeat;
	height: 36px;
	margin: 0px 0px 0px 96px;
	padding: 0px;
	border: none;
}
#weblog #tabNav {
	background: url(../images/bg_tabnav_weblog3.gif) no-repeat;
}
#nav.tabState3 #tabNav {
	/*background: url(../images/bg_tabnav2.gif) no-repeat;*/
}
#tabNav li a:link,
#tabNav li a:visited {
	color: #FFF;
	font-weight: bold;
	display: block;
	float: left;
}
#tabNav li a:hover,
#tabNav li a:active {
	text-decoration: none;
}

/* tabState1 */

#nav.tabState1 #tabNav li#tab1 a:link,
#nav.tabState1 #tabNav li#tab1 a:visited {
	width: 93px;
	padding: 11px 0px 12px 37px;
}

#nav.tabState1 #tabNav li#tab2 a:link,
#nav.tabState1 #tabNav li#tab2 a:visited {
	width: 147px;
	padding: 11px 0px 12px 37px;
}
#nav.tabState1 #tabNav li#tab2 a:hover,
#nav.tabState1 #tabNav li#tab2 a:active {
	background: url(../images/tabnav_1.gif) left top no-repeat;
}

#nav.tabState1 #tabNav li#tab3 a:link,
#nav.tabState1 #tabNav li#tab3 a:visited {
	width: 132px;
	padding: 11px 0px 12px 35px;
}
#nav.tabState1 #tabNav li#tab3 a:hover,
#nav.tabState1 #tabNav li#tab3 a:active {
	background: url(../images/tabnav_2.gif) left top no-repeat;
}

/* tabState2 */

#nav.tabState2 #tabNav li#tab1 a:link,
#nav.tabState2 #tabNav li#tab1 a:visited {
    width: 128px;
    padding: 11px 0px 12px 37px;
	background: url(../images/tabnav_1.gif) right top no-repeat;
}
#nav.tabState2 #tabNav li#tab1 a:hover,
#nav.tabState2 #tabNav li#tab1 a:active {
	background: none;
}

#nav.tabState2 #tabNav li#tab2 a:link,
#nav.tabState2 #tabNav li#tab2 a:visited {
	width: 149px;
	padding: 11px 0px 12px 2px;
}
#nav.tabState2 #tabNav li#tab3 a:link,
#nav.tabState2 #tabNav li#tab3 a:visited {
	width: 134px;
	padding: 11px 0px 12px 33px;
}

#nav.tabState2 #tabNav li#tab3 a:hover,
#nav.tabState2 #tabNav li#tab3 a:active {
	background: url(../images/tabnav_2.gif) left top no-repeat;
}

/* tabState3 */

#nav.tabState3 #tabNav li#tab1 a:link,
#nav.tabState3 #tabNav li#tab1 a:visited {
	width: 128px;
	padding: 11px 0px 12px 37px;
    background: url(../images/tabnav_1.gif) right top no-repeat;
}
#nav.tabState3 #tabNav li#tab1 a:hover,
#nav.tabState3 #tabNav li#tab1 a:active {
	background: url(../images/tabnav_3.gif) right top no-repeat;
}

#nav.tabState3 #tabNav li#tab2 a:link,
#nav.tabState3 #tabNav li#tab2 a:visited {
	width: 182px;
	padding: 11px 0px 12px 2px;
    
	background: url(../images/tabnav_2.gif) right top no-repeat;
}
#nav.tabState3 #tabNav li#tab2 a:hover,
#nav.tabState3 #tabNav li#tab2 a:active {
	background: none;
}
#nav.tabState3 #tabNav li#tab3 a:link,
#nav.tabState3 #tabNav li#tab3 a:visited {
	width: 132px;
	padding: 11px 0px 12px 0px;
}

#navbar {
	height: 24px;
}
#nav.tabState1 #navbar{
	background: #A30000;
}
#nav.tabState2 #navbar{
    background: #1C559E;
}
#nav.tabState3 #navbar{
    background: #BB0020;
}
#navbar #mainNav {
	margin: 0px;
	padding: 5px 0px 6px 15px;
	float: left;
}
#navbar #mainNav li a:link,
#navbar #mainNav li a:visited {
	color: #FFF;
	font-weight: bold;
}

#genNav {
	float: right;
	margin: 0px;
	padding: 5px 10px 6px 15px;
}
#navbar #genNav li a:link,
#navbar #genNav li a:visited {
	color: #FFF;
}

#subMenu {
	background-color: #F7F7F7;
}

/******************************************
		OVERIGE STYLING
******************************************/

#pageTools {
	float: right;
	width: 44px;
}
#pageTools #print {
	display: block;
	width: 18px;
	height: 18px;
	float: left;
	background: url(../images/icon_print.gif) no-repeat;
	margin-left: 5px;
}
#pageTools #mail {
	display: block;
	width: 18px;
	height: 18px;
	float: left;
	background: url(../images/icon_mail.gif) no-repeat;
}
#pageTools a span {
	display: block;
	width: 0px;
	height: 0px;
	overflow: hidden;
}
#bannerHomepage {
	padding: 10px;
	border-bottom: 1px solid #EDCCCC;
}
#bannerHomepage img {
	border: 0px;
}
.headline {
	border-bottom: 1px solid #EDCCCC;
	margin: 0px -10px 0px -10px;
	padding: 0px 10px 10px 10px;
}
.headlineContent {
	padding: 10px 10px 0px 10px;
}
.headlineContent small span,
.columnItem small span {
	text-transform: capitalize;
}
.headline h1 {
	font-size: 21px;
	margin: 0px 0px 3px 0px;
	padding: 0px;
	line-height: 26px;
}
.newsItemThumb {
	float: left;
	margin: 5px 10px 3px 0px;
	padding: 4px;
	border: 1px solid #E5E5E5;
}
.newsItemThumb img {
	margin: 0px;
	padding: 0px;
	border: 0px;
}
.headline p {
	line-height: 14px;
}
.headlineFooter {
	height: 20px;
	font-size: 11px;
	color: #999;
	padding: 0px 10px 15px 10px;
}
.headlineFooter a:link,
.headlineFooter a:visited {
	/*background: url(../images/bg_lees_verder.gif) no-repeat;*/
}
.headlineFooter a:hover,
.headlineFooter a:active {
	/*background-position: left -20px;*/
	text-decoration: underline;
}
.headlineFooter span {
}

/*
.newsColumns {
	background: url(../images/bg_newscolumns.gif) 210px top repeat-y;
	width: 420px;
	margin: 0px -10px -10px -10px;
}
*/

.newsColumns {
    border-bottom: 1px solid #EDCCCC;
    margin: 0px -10px 0 -10px;
    padding: 10px;
}
    .newsColumnsVerk {
        margin: 0px -10px 0 -10px;
        padding: 10px;
    }

.leftColumn {
	float: left;
	width: 194px;
	padding: 8px;
	overflow: hidden;
}
.rightColumn {
	float: right;
	width: 194px;
	padding: 8px;
	overflow: hidden;
}
.columnItem {
	border-bottom: 1px solid #EDCCCC;
	margin-bottom: 10px;
	padding-bottom: 5px;
	width: 190px;
}
.columnItemLast {
	border-bottom: 0px;
	/*padding-bottom: 5px;*/
}
.newsColumns h1 {
	margin: 0px;
	padding: 0px 0px 1px 0px;
	font-size: 15px;
	line-height: 15px;
}
    .newsColumnsVerk h1 {
        margin: 0px;
        padding: 0px 0px 5px 0px;
        font-size: 18px;
        line-height: 18px;
        color: #A30000;
    }
.newsColumns small {
	font-size: 10px;
}
.newsColumns p {
	margin: 3px 0px 5px 0px;
}
.newsColumns span {
	font-size: 11px;
	color: #999;
}

#newsList {
	padding: 10px 10px 20px 10px;
}
#newsList ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
#newsList ul li {
	background: url(../images/list_bullet.gif) left 4px no-repeat;
	margin-bottom: 5px;
	padding-left: 12px;
}
#newsList a:link,
#newsList a:hover,
#newsList a:visited,
#newsList a:active {
	color: #144F9B;
}

/*******************************************************
	leftSide
/******************************************************/

#leftSide .sideBlockNoSidePadding {
    padding: 10px 0;
    border-bottom: 1px solid #EDCCCC;
}

#leftSide .sideBlock {
	padding: 10px;
	border-bottom: 1px solid #EDCCCC;
}
    #leftSideVerk .sideBlock {
        padding: 10px;
    }
    #leftSideVerk .sideBlock h1 {
        color: #A30000;
        font-size: 18px;
        line-height: 18px;
    }
    #leftSideVerk .sideBlock img {
        float: left;
        clear: left;
        margin: 2px 5px 0 0;
    }

#rightSide .sideBlock {
	padding: 10px;
	border-bottom: 1px solid #EDCCCC;
	width: 158px;
}
    #rightSideVerk .sideBlock {
        padding: 10px;
        width: 100%;
    }
    #rightSideVerk .sideBlock h1 {
        color: #A30000;
        font-size: 18px;
        line-height: 18px;
    }
#laatsteReacties ul,
#dossiers ul,
#leftSide .sideBlock ul,
#leftSideVerk .sideBlock ul,
#rightSide .sideBlock ul,
#rightSideVerk .sideBlock ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	color: #999;
	font-size: 11px;
}
#laatsteReacties ul li,
#dossiers ul li,
#leftSide .sideBlock ul li,
#leftSideVerk .sideBlock ul li,
#rightSide .sideBlock ul li,
#rightSideVerk .sideBlock ul li {
	border-bottom: 1px solid #D4D4D4;
	margin: 2px 0px 0px 0px;
	padding: 0px 0px 3px 0px;
}
#laatsteReacties ul li.lastListItem,
#dossiers ul li.lastListItem,
#leftSide .sideBlock ul li.lastListItem,
#leftSideVerk .sideBlock ul li.lastListItem,
#rightSide .sideBlock ul li.lastListItem.
#rightSideVerk .sideBlock ul li.lastListItem {
	border-bottom: 0px;
}
#laatsteReacties ul li a,
#dossiers ul li a,
#leftSide .sideBlock ul li a,
#leftSideVerk .sideBlock ul li a {
	font-weight: bold;
}
#nieuwsBlock ul li a {
	font-weight: normal;
}

#banners img,
#bannersrechts img {
	border: 0px;
	margin: 0px;
	padding: 0px;
}
#banners div.divBanner,
#bannersrechts div.divBanner {
	padding-bottom: 10px;
}
#banners div.lastBanner,
#bannersrechts div.lastBanner {
	padding-bottom: 0px;
}


#agenda {
	background-color: #F7F7F7;
}
#weblogs div.divWeblog,
#agenda div.divAgenda {
	border-bottom: 1px solid #D4D4D4;
	margin: 0px 0px 10px 0px;
	padding: 0px;
}
#weblogs div.lastWeblog,
#agenda div.lastAgenda {
	border-bottom: 0px;
	margin: 0px 0px 0px 0px;
}
#nieuwsbrief h3 {
	margin: 0px;
	padding: 0px;
}

#rss img {
	border: 0px;
}

.nieuwsReactie {
	border-bottom: 1px solid #D4D4D4;
	padding-bottom: 10px;
	margin-bottom: 15px;
}
.nieuwsReactie .titel {
	padding-bottom: 10px;
}
.reageer {
	border-top: 1px solid #EDCCCC;
	padding: 10px;
	margin: 0px -10px 0px -10px;
}


.fout {
	padding: 0px 10px 10px 10px;
}

.weblogItem {
	width: 560px;
}

.agendaItem,
.wieItem,
.logItem,
.archiefCatItem,
.newsItem,
.albumItem,
.weblogItem,
.publicatiesCatItem,
.werkgroepItem {
	border-bottom: 1px solid #EDCCCC;
	padding-bottom: 12px;
	margin-bottom: 12px;
}
.fractielogItem {
	border-bottom: 1px solid #EDCCCC;
	padding: 12px 0px 12px 0px;
	margin-bottom: 12px;
}
.agendaItem p,
.wieItem p,
.logItem p,
.newsItem p {
	padding-top: 5px;
}
.wieItem h3,
.logItem h3,
.archiefCatItem h3,
.newsItem h3,
.publicatiesCatItem h3 {
	padding: 0px 0px 2px 0px;
}
.logItem h4 {
	padding: 0px 0px 10px 0px;
}
.fractielogItem h1 {
	padding: 0px 0px 15px 0px;
	margin: 0px;
}
.fractielogItem h4 {
	padding: 0px 0px 4px 0px;
	margin: 0px;
}
.fractielogThumb {
	float: right;
	margin: 0px 10px 10px 0px;
	padding: 4px;
	border: 1px solid #E5E5E5;
}
.fractielogThumb img {
	margin: 0px;
	padding: 0px;
	border: 0px;
}

.logItem h1,
.newsItem h1 {
	padding: 0px;
	margin: 0px 0px 5px 0px;
}
.wieItem img {
	float: right;
}

#weblog_side {
	width: 158px;
	overflow: hidden;
}

.zoekResult {
	margin-bottom: 12px;
}
.zoekResult h4 {
	font-size: 14px;
	font-weight: normal;
	padding: 0px 0px 2px 0px;
}

#beursberichten .beursItem {
	border-top: 1px solid #EDCCCC;
	margin-top: 15px;
	padding-top: 15px;
}
#beursberichten .beursItem img{
	margin-left: 10px;
}

.error {
	display: block;
	color: #C00;
	font-size: 10px;
}

.score {
	color: #D3D3D3;
	font-size: 11px;
}

.page_flipper .selected {
	background-color: #f7f7f7;
	border: 1px solid #edcccc;
}