@import url(extensies/tt_news.css);

body {
	font-size: 12px;
	margin: 0;
	padding: 0;
	background-color: #fff;
	background-image: url(img/bg.gif);
	color: #444;
}

body, p, td, li {
	font-family: Arial, Helvetica, Verdana, sans-serif;
}

a {
	color: #000;
	text-decoration: underline;
}

div.clearer {
	clear: both;
}

#container {
	width: 900px;
	margin: 0 auto;
	background-color: #FFF;
	background-image: url(img/bg_container.gif);
	padding: 0 30px;
}

#header {
	position: relative;
	height: 170px;
	background-image: url(img/header.gif);
	background-repeat: no-repeat;
	margin-bottom: 1px;
}

#header span {
	display: none;
}

#userinfo {
	position: absolute;
	right: 0px;
	top: 20px;
}

#sub_container {
}

#content_container {
	padding: 10px 0px 10px 15px;
}

td.leftcolumn {
	background-color: #cbe5e7;
	width: 185px;
}

#schrijfin {
	text-align: center;
	padding: 10px 0;
}

#stripes {
	margin-top: 20px;
	height: 60px;
	background: url(img/pz-mira.gif) no-repeat;
	margin-bottom: 25px;
}



#footer {
	width: 960px;
	height: 28px;
	margin: 0 auto;
	background: #fff url(img/bg_footer.jpg) no-repeat;
}

/* Menu's */

#menu {
	background-color: #2857a5;
	padding: 0px 0px;
}

#menu a {
	text-decoration: none;
}

#menu a:hover {
	color: #f6bf1b;
}

#menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}


#menu li.menu_1, #menu li.menu_1_act {
	padding: 5px 0;
	border-bottom: 1px dotted #8cc5c7;
}

#menu li.menu_1_last {
	background: none;
}


li.menu_1 a, li.menu_1_act a {
	display: block;
	padding: 2px 10px;
	font-weight: bold;
	margin: 0 0 1px 0;
	font-size: 1.1em;
	color: #fff;
}

li.menu_1_act {
	background-color: #1f4481;
}

li.menu_2 a, li.menu_2_act a {
	display: block;
	font-weight: normal;
	background: url(img/menu-bullet.gif) no-repeat 12px 7px;
	padding: 3px 5px 3px 27px;
	margin: 0 0 3px 0;
	font-size: 1.1em;
	color: #efefef;
}

li.menu_2_act a {
	color: #8cc5c7;
}

li.menu_3 a, li.menu_3_act a {
	display: block;
	background: none;
	padding: 3px 5px 3px 27px;
	margin: 0 0 3px 0;
	font-size: 1em;
}

#headermenu {
	position: absolute;
	right: 0px;
	bottom: 4px;
}

#headermenu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#headermenu li {
	float: left;
}

#headermenu a {
	display: block;
	line-height: 21px;
	background-color: #2857a5;
	margin-left: 1px;
	padding: 0 10px;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
}

#headermenu a:hover {
	color: #f6bf1b;
}

#toolsmenu {
	float: right;
	color: #999;
	
}

#toolsmenu a {
	color: #666;
	font-weight: bold;
}
#toolsmenu img {
	vertical-align: middle;
}

#breadcrumbs {
	margin-bottom: 15px;
	color: #6D7881;
	width: 475px;
}

#breadcrumbs a {
	color: #6D7881;
}

#pagetitle {
	color: #666;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 1.5em;
	font-weight: bold;
	margin: 0;
}

#pagesubtitle {
	color: #999;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 1.25em;
	font-weight: bold;
	margin-bottom: 15px;
}

/* -- COLUMNS---- */

td.col_left, td.col_center, td.col_right {
	vertical-align: top;
}

/* 2 col (L=R) */

.col_2_a td.col_left {
	padding-right: 9px;
	border-right: 1px dotted #999;
}

.col_2_a td.col_right {
	padding-left: 9px;
}

.col_2_a div.col_left {
	width: 340px;
	overflow: hidden;
}

.col_2_a div.col_right {
	width: 340px;
	overflow: hidden;
}


/* 2 col (L>R) */

.col_2_b td.col_left {
	padding-right: 9px;
	border-right: 1px dotted #999;
}

.col_2_b td.col_right {
	padding-left: 9px;
}

.col_2_b div.col_left {
	width: 460px;
	overflow: hidden;
}

.col_2_b div.col_right {
	width: 220px;
	overflow: hidden;
}

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

/* Images */

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

/* Images / Tables / Floating text */

TABLE.imgtext-table {
	border: 0px;
}

/* Images / Tables / Wrapped text */

/* When "Text w/Image" elements are wrapping the text into a table the top-margin of Hx elements should be transferred to the wrapping table instead. This is done here: */

TABLE.imgtext-nowrap {
	border: 0px;
}

TABLE.imgtext-nowrap H1, TABLE.imgtext-nowrap H2, TABLE.imgtext-nowrap H3, TABLE.imgtext-nowrap H4, TABLE.imgtext-nowrap H5 {
	margin-top: 0px;
}

td.col1_left {
	vertical-align: top;
	padding: 0;
}

td.col1_main {
	vertical-align: top;
	padding: 0 0 0 10px;
}

ul.csc-menu-1 {
	font-size: 1.2em;
}

ul.csc-menu-1 li {
	padding-bottom: 7px;
}

.csc-frame-frame1 {
	padding: 5px;
	margin-bottom: 15px;
	background-color: #D7E4F1;
}

.csc-frame-frame1 .csc-header {
	margin-top: 0px;
}

.csc-frame-frame1 .csc-header H1, .csc-frame-frame1 .csc-textpicHeader H1 {
	margin-top: 0px;
}

.csc-frame-frame2 {
	padding: 5px;
	margin-bottom: 15px;
	margin-top: 15px;
	border-color: #00A5E7;
	border-width: 2px;
	border-style: solid;
}

.csc-frame-frame2 .csc-header {
	margin-top: 0px;
}

.csc-frame-frame2 .csc-header H1, .csc-frame-frame2 .csc-textpicHeader H1 {
	margin-top: 0px;
}

.csc-frame-rulerAfter {
	padding-top: 15px;
	border-bottom: 1px dotted #999;
}

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

/* General element styles: */

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

P, PRE {
	margin: 0px 0px 0px 0px;
}

H1, H2, H3, H4, H5, UL, OL, BLOCKQUOTE, input, textarea, select {
	font-family: arial, helvetica;
}

input, textarea {
	font-size: 1em;
}

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

/* Headers, plain */

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

H1 {
	font-size: 1.33em;
	color: #174C8F;
}

.csc-header H2 {
	font-size: 1.33em;
	color: #fff;
	background-color: #841E20;
	padding: 1px 4px;
}

H3 {
	font-size: 1.2em;
}

H4 {
	font-size: 1.2em;
}

H1, H2, H3, H4, H5, H6 {
	margin: 25px 0px 10px 0px;
}

H1.csc-firstHeader, H2.csc-firstHeader, H3.csc-firstHeader, H4.csc-firstHeader, H5.csc-firstHeader, H6.csc-firstHeader {
	margin-top: 0px;
}

p.csc-header-date {
	margin: 0;
	padding: 0;
	font-family: arial, helvetica, sans-serif;
	font-size: 0.9em;
}

/* RTE */

/* Left, center and right alignment of text in paragraphs and cells.*/

p.align-left, h1.align-left, h2.align-left, h3.align-left, h4.align-left, h5.align-left, h6.align-left, td.align-left {
	text-align: left;
}

p.align-center, h1.align-center, h2.align-center, h3.align-center, h4.align-center, h5.align-center, h6.align-center, td.align-center {
	text-align: center;
}

p.align-right, h1.align-right, h2.align-right, h3.align-right, h4.align-right, h5.align-right, h6.align-right, td.align-right {
	text-align: right;
}

.rte-blue {
	color: #00A5E7;
}

.rte-orange {
	color: #F85A07;
}


/* HTML */



/* Wijkagenten */


.wa_naam {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 20px;
	border-bottom: 1px solid #000;
}


/* fietsen */

div.fiets {
	margin-right: 15px;
	margin-bottom: 15px;
}

div.fiets img {
	margin-bottom: 3px;
}