/*=========================
Title: General styles sheet Brandweer Waddinxveen
Date: 21/12/2009
Version: 0.1
Author: Barend Emmerzaal
=========================*/

/*=========================
Includes
=========================*/
@import url('css/menu.css');
@import url('css/slideshow.css');
@import url('css/uitrukken.css');
@import url('css/jquery.fancybox-1.3.1.css');

/*=========================
General layout styles
=========================*/
html {margin:0; padding:0;}
body {
	margin:5px 0 10px 0;
	padding:0;
	background-color: #d9d9d9;
	background-image: url('images/bgBorderTop.gif');
	background-repeat: repeat-x;
	background-position: top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	line-height: 20px;
	text-align: center;
}
img {
	border: 0px;
}
a, a:link, a:visited {
	color: #aa0009;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
ul li, ol li {
	list-style-image: url('images/arrow-red.gif');
}
hr {
	width: 100%;
	height: px;
	border: none;
	border-top: 1px solid #CCCCCC;
}
/*=========================
Construction styles
=========================*/
#wrapperLogo {
	width: 950px;
	height: 115px;
	padding: 0;
	margin-left: auto;
	margin-right: auto;
}
table#tableLogo {
	width: 950px;
	border: 0px solid #ffffff;
	padding: 0;
	margin:0;
}
table#tableLogo td#logo {
	width: 50%;
	height: 115px;
	text-align: left;
	vertical-align: top;
}
table#tableLogo td#login {
	width: 50%;
	height: 115px;
	text-align: right;
	vertical-align: top;
}
#wrapperMainMenu {
	width: 950px;
	height: 30px;
	background-image: url('images/bgShadowTop.gif');
	background-repeat: no-repeat;
	background-position: bottom;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}
#wrapperShadow {
	width: 956px;
	height: auto;
	display: table;
	margin-left: auto;
	margin-right: auto;
	background-image: url('images/bgShadow.gif');
	background-repeat: repeat-y;
}
#wrapperShadowBottom {
	width: 956px;
	height: auto;
	display: table;
	background-image: url('images/bgShadowBottom.gif');
	background-repeat: no-repeat;
	background-position: bottom;
}
#wrapperContent {
	width: 950px;
	height: auto;
	display: table;
	margin-left: auto;
	margin-right: auto;
}
#wrapperIntro {
	width: 950px;
	height: 250px;
	background-color: #aa0009;
	background-image: url('images/bgGradRed.gif');
	background-repeat: repeat-x;
}
*html .wrapperIntroTekst {
	margin: 20px 0 0 10px;
}
.wrapperIntroTekst {
	width: 460px;
	height: 210px;
	float: left;
	margin: 20px 0 0 20px;
	text-align: left;
}
#wrapperImage {
	width: 455px;
	height: 210px;
	float: left;
	margin: 20px 0 0 0;
}
*html #wrapperContentHome {
	margin: 20px 0 0 10px;
}
#wrapperContentHome {
	width: 910px;
	height: auto;
	display: table;
	margin: 20px 0 0 20px;
}
table#tableContent {
	width: 910px;
	border: 0px solid #ffffff;
	margin: 0 0 10px 0;
	padding: 0;
}
table#tableContent td.contentPane {
	text-align: left;
	vertical-align: top;
	height: 300px;
	width: 290px;
}
td.contentPane {
	text-align: left;
	vertical-align: top;
	height: 300px;
}
table#tableContent td.themapane {
	text-align: left;
	vertical-align: top;
	width: 290px;
}
table#tableContent td.uitrukken {
	text-align: left;
	vertical-align: top;
	width: 290px;
}
td.seperator {
	width: 20px;
	background-image: url('images/brdDottedGrey.gif');
	background-repeat: repeat-y;
	background-position: center;
	vertical-align: top;
}
#wrapperFooter {
	width: 910px;
	height: 50px;
	margin-top :0;
	margin-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	line-height: 20px;
	color: #888888;
	text-align: left;
}
#wrapperFooter a:link, #wrapperFooter a:visited {
	color: #888888;
	text-decoration: none;
}
#wrapperFooter a:hover {
	text-decoration: underline;
}
table#tableFooterItems {
	width: 910px;
	border: 0px solid #ffffff;
	margin: 0;
	padding: 0;
}
table#tableFooterItems td#copyright {
	text-align: left;
	vertical-align: middle;
	width: 455px;
	height: 50px;
}
table#tableFooterItems td#socialmedia {
	text-align: right;
	vertical-align: bottom;
	width: 455px;
	height: 50px;
}

/*=========================
Some general detail skin styles
=========================*/
#wrapperBorderRed {
	width: 100%;
	height: 20px;
	background-color: #aa0009;
}
#wrapperBreadCrumb {
	width: 100%;
	height: 35px;
	text-align: left;
}
#wrapperBreadCrumb span {
	display: block;
	margin: 10px 0 10px 20px;
	color: #969696;
	font-size: 15px;
}
table#tableContentDetail {
	width: 950px;
	border: 0px solid #ffffff;
	margin: 0 0 10px 0;
	padding: 0;
}
#leftMenu {
	width: 190px;
	height: auto;
	text-align: left;
	vertical-align: top;
	margin: 0;
	padding: 0;
}
#contentPane {
	width: 720px;
	text-align: left;
	vertical-align: top;
}
#tableContentDetail td.seperator {
	width: 20px;
	background-image: none;
}

/*=========================
General DNN styles
=========================*/
.Normal {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	line-height: 20px;
}
div.wrapperIntroTekst .Normal, div.wrapperIntroTekst .TitleHead {
	color: #ffffff;
}
.TitleHead {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: normal;
	color: #aa0009;
	line-height: normal;
}
a.breadCrumb, a.breadCrumb:link, a.breadCrumb:visited {
	font-size: 15px;
	font-weight: normal;
	color: #969696;
}
a.headerLinks {
	width: 138px;
	height: 35px;
	display: block;
	background-image: url('images/bgGradFotoPlaatsen.gif');
	background-repeat: no-repeat;
	text-align: center;
	padding-top: 7px;
	float: right;
	margin: 0;
}
.NormalTextBox {
	border: 1px solid #d1d1d1;
	padding: 3px;
}
a.headerLinks:link, a.headerLinks:visited {
	font-size: 15px;
	font-weight: bold;
	color: #ffffff;
}
.PagingTable {
	border: 0px;
}
.PagingTable .CommandButton {
	padding: 2px 5px 2px 5px;
	border: 1px solid #CCCCCC;
}
.PagingTable a.CommandButton:link, .PagingTable a.CommandButton:visited {
	text-decoration: none;
}
.PagingTable a.CommandButton:hover {
	background-color: #aa0009;
	text-decoration: none;
	color: #FFFFFF;
}

/*=========================
Module styles
=========================*/
div.DerekTrauger_SiteMapContent a {
	margin-left: 5px;
}
.readMore {
	margin-bottom: 20px;
	display: block;
}
table.Formulier td {
	text-align: left;
	vertical-align: top;
	height: 35px;
}
table.Formulier label.SubHead {
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #333333;
}
table.Formulier .NormalTextBox, table.Formulier td span.Normal, #dnn_ctr529_FormMaster_ctl_e7d513e17b2f4844a426abe91c840213, #dnn_ctr529_FormMaster_ctl_cdbc20c5b9d94e7a807e5495b774fbf2, #dnn_ctr529_FormMaster_ctl_6e7e0a5bd05f4a0895d759f2042ee657, #dnn_ctr529_FormMaster_ctl_59faf233889e4cfcad824b529a19683c, #dnn_ctr529_FormMaster_ctl_f99682b9ee0f4e1282d99847a88630e6 {
	margin-left: 10px;
}
.metadata {
	width: auto;
	height: auto;
	display: table;
	float: none;
}
.headlinedate, .numberofviews {
	width: auto;
	height: auto;
	display: table;
	float: left;
	margin: 0 15px 0 0;
}
.headlinedate .Subhead, .numberofviews .Subhead {
	font-weight: bold;
}
.normalbold {
	font-weight: bold;
}
.socialmedia  {
	width: auto;
	height: auto;
	display: table;
	float: right;
}
.navigation {
	width: 100%;
	height: auto;
	display: table;
	float: none;
}