/* Algemeen */
html, body {
	padding: 0;
	margin: 0;
	height: 100%;
	width: 100%;
	background: url(images/bg.jpg) top center #141b23 no-repeat;
}
body {
	font: 11px/17px Tahoma, 'Times New Roman', serif;
	color: #fff;
}

input, textarea {
	font: 11px/17px Tahoma, 'Times New Roman', serif;
	color: #fff;
	background: #44434a;
}

img {
	border: 1px solid #888;
}

h1, h2, h3, h4, h5, p {
	margin: 17px 0;
}

h1 {
	color: #ffcc00;
	font-size: 16px;
	font-weight: normal;
	margin-bottom: 10px;
}

h2 {
	color: #ffcc00;
	font-size: 16px;
	font-weight: normal;
	margin-bottom: 10px;
}
h3 {
	margin:  0 0 2px 0;
	font-size: 14px;
	color: #ffcc00;
	font-weight: normal;
}

h4, h5, h6 {
	font-size: 12px;
}

a:link , a:visited, a:active {
	text-decoration: none;
	color: #ffcc00;
}

a:hover {
	text-decoration: none;
	border-bottom:1px dotted #ffcc00; 
}

form  {
	padding: 0;
	margin: 0;
}

/* Body */
div#wrapper {
	position: relative;
	_width: 100%;
	min-width: 900px;
	_height: 100%;
	min-height: 100%;
	background: url(images/bg_wrapper.jpg) top center repeat-y;
}

div.wrapper_content {
	margin: 0 auto;
	width: 860px;
}

div#header {
	margin: 0 auto;
	height: auto;
}

div#header img {
	border:0;
}

div#nav_left, div#nav_right {
	width: 300px;
	_height: 10px;
	float: left;
}

div#nav_left {
	text-align: right;
}

div#logo {
	width: 260px;
	text-align: center;
	float: left;
	padding-top: 10px;
}

div#logo .logo_img {
	border:0;
}

div#body div#left, div#body div#right  {
	float: left;
	width: 260px;
	}

div#body div#left {
	padding: 30px 25px 20px 5px;
}

div#body div#right {
	padding: 30px 0px 20px 25px;
}

div#center_wrapper {
	float: left;
}
 
div#body div#center {
	width: 260px;
	border-left: 10px solid #434b51;
	border-right: 10px solid #434b51;
	background:	#50575d;
	}

div.border_center {
	background: #50575d;
	border-left: 10px solid #434b51;
	border-right: 10px solid #434b51;
	height: 10px;
	line-height: 10px;
	margin: 0 auto;
	clear:both;
	font-size: 10px;
}

div#image_center {
	width: 260px;
	height: 312px;
	overflow: hidden;
}



div#quote {
	text-align: center;
	margin-bottom: 20px;
}
div#quote img {
	border: 0;
}
 
div#footer {
	width: 100%;
	height: 60px;
	background: #20272f;
	text-align: center;
}

div#footer p {
	color: #ff0000;
	margin: 0;
}

div#footer_right a:link, div#footer_right a:visited, div#footer_left a:link, div#footer_left a:visited {
	color: #aaa;
	border: 0;
}

div#footer_right a:hover, div#footer_right a:active, div#footer_left a:hover, div#footer_left a:active{
	color: #ddd;
	border: 0;
}

div#footer_left, div#footer_right, div#footer_center {
	float: left;
	padding-top: 13px;
}

div#footer_left, div#footer_right {
	width: 300px;
	color: #777;
	line-height: 15px;
}

div#footer_left p, div#footer_right p {
	color: #999;
}


div#footer_center {
	background: #50575d;
	width: 240px;
	float: left;
	border-left: 10px solid #434b51;
	border-right: 10px solid #434b51;
	padding: 5px 0 10px 0; 
}

div#footer_center a:link, div#footer_center a:visited {
	color: #fff;
	/* font: Tahoma 14px; */
	font: 14px Tahoma;
}

div#footer_center a:hover {
	border: 0;
	color: #ffcc00;
	/* font: Tahoma 14px; */
	font: 14px Tahoma;
}

div#offerte_btn_border {
	border: 10px solid #434b51;
	width: 170px;
	margin: 0 auto;
}

div#offerte_btn_border:hover {
	border: 10px solid  #636b71;
}

.offerte_btn {
	background: #4e545a;
	border: 1px solid #999;
	padding: 5px;
	width: 160px;
}

.offerte_btn p {
	font-size: 16px;
}

.offerte_btn a {
	font-size: 16px;
}

div#center_bg {
	height: 100%;
	background: #50575d;
	width: 240px;
	border-left: 10px solid #434b51;
	border-right: 10px solid #434b51;
	margin: 0 auto;
	}

div.clear_float {
	clear: both;
	line-height: 1px;
}

/* Contactformulier */
div.mailer_ext label {
	display: block;
	float: left;
	width: 110px;
}
div.mailer_ext input {
	margin-bottom: 7px;
	border: 1px solid #666;
}
div.mailer_ext textarea {
	margin-top: 5px;
	width: 235px;
	border: 1px solid #666;
}

div#veld_bedrijfsnaam {
	display: none;
}

div.radiobox  input {
	border: none;
	float:left;
	background: none;
}

div.radiobox  label {
	padding-top: 2px;
	width: 85px;
}

div#btn_versturen, div#btn_wissen {
	float: left;
	width: 80px;
	margin-top: 10px;
	padding: 0;
	border: 6px solid #434b51;
	text-align: center;
	background: #44434a;
	margin-right: 10px;
}


div#btn_versturen input, div#btn_wissen input {
	border: 1px solid #555;
	width: 80px;
	height: 22px;
	padding: 0 0 4px 0;
	margin: 0;
}

div#btn_versturen input:hover, div#btn_wissen input:hover  {
	background: #555;
}


div.mailer_ext input.versturen:hover{
	color: #ffcc00;
}

/* Navigatie */


.navigation a {
	text-transform: uppercase;
	font-size: 15px;
	text-decoration: none;
	border: 0;
}
.navigation a:hover {
	border: none;
}

div.nav_item_left, div.nav_item_a_left, div.nav_item_right, div.nav_item_a_right {
	height: 28px;
	padding: 7px 25px 0 25px;
}

.nav_item_left a:active, .nav_item_left a:link,.nav_item_left a:visited, .nav_item_right a:active, .nav_item_right a:link,.nav_item_right a:visited {
	color: #fff;
}

.nav_item_left a:hover, .nav_item_right a:hover {
	color: #ffcc00;
	text-decoration: none;
}

.nav_item_a_left a:active, .nav_item_a_left a:link,.nav_item_a_left a:visited, .nav_item_a_right a:active, .nav_item_a_right a:link,.nav_item_a_right a:visited  {
	color: #ffcc00;
}

div.nav_item_left {
	background: url(images/menu_item_bg_left.jpg) no-repeat;
}

div.nav_item_a_left {
	background: url(images/menu_item_bg_a_left.jpg) no-repeat;
}

div.nav_item_right {
	background: url(images/menu_item_bg_right.jpg) no-repeat;
}

div .nav_item_a_right {
	background: url(images/menu_item_bg_a_right.jpg) no-repeat;
}

div.nav_item_album, div.nav_item_a_album {
	float: left;
	margin: 5px;
	width: 76px;
	height: 120px;
}

div.nav_item_album {
	/*-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";*/
	filter: alpha(opacity=40);
	-khtml-opacity: .4;
	-moz-opacity: .4;
	opacity: .4;
}

div.nav_item_album a:link, div.nav_item_album a:visited {
	color: #fff;
	font-size: 10px;
	text-transform: none;
}

div.nav_item_album:hover {
	color: #ffcc00;
	font-size: 10px;
	color: #ffcc00;
	text-transform: none;
	/*-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";*/
	filter: alpha(opacity=100);
	-khtml-opacity: 1;
	-moz-opacity: 1;
	opacity: 1;
}


div.nav_item_a_album a:link, div.nav_item_a_album a:visited  {
	color: #ffcc00;
	font-size: 10px;
	text-transform: none;
}


div.nav_item_a_album a:link, div.nav_item_a_album a:visited  {
	color: #ffcc00;
	font-size: 10px;
	text-transform: none;
}


div.nav_item_a_album img {
	border: 1px solid #ffcc00;
}

.shortcuts {
	padding: 10px 0px 3px 0;
}

.shortcuts a:link, .shortcuts a:visited {
	color: #fff;
	border-bottom: 1px dotted #fff;
}

.shortcuts a:hover{
	color: #ffcc00;
	border-bottom: 1px dotted #ffcc00;
}


.nav_shadow {
	height: 10px;
	width: 300px;
	line-height: 10px;
}


/* Subnavigation */


#subnavigation {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#subnavigation li {
	margin: 0;
	padding: 0;
}
	
#subnavigation a:link, #subnavigation a:visited {
	display: block;
	background: #636b71;
	margin: 0 0 1px 0;
	padding: 8px;
	color: #fff;
	font-size: 11px;
}
#subnavigation a:hover {
	background: #535b61;
	color: #fff;
	border: 0;
}
#subnavigation a.active {
	background: #434b51;
	color: #fff;
	border: 0;
	font-weight: bold;
}

#subnavigation .subelements {
	list-style-type: none;
	margin: 0;
	padding: 0;
	background: #a3abb1;
	margin-bottom: 1px;
}
#subnavigation .subelements li {
	display: block;
	margin: 0;
	padding: 0;
}
#subnavigation .subelements a:link, #subnavigation .subelements a:visited {
	display: block;
	background: #838b91;
	border: none;
	margin: 0 0 1px 0;
	padding: 4px 10px 4px 15px;
	color: #383838;
	font-size: 11px;
}
#subnavigation .subelements a:hover {
	background: #939ba1;
	color: #fff;
}

#subnavigation .subelements a.active {
	background: #a3abb1;
	color: #383838;
}


/* Gallery*/

.thumbnail {
	float: left;
	margin: 5px;
}

.thumbnail img:hover {
	border: 1px solid #ffcc00;
}

.thumbnail a {
	border: 0;
}

.thumbnail a:hover {
	border: 0;
}

div#image_center a:hover {
	border: 0px;
}

div#navigation_bar {
	float: left;
	width: 236px;
	padding-left: 5px;
	text-align:center;
}

.gallery_nav{
	width: 30px;
	margin: 0 0 0 5px;
	float: left;
}
.gallery_nav img {
	border: 0;
}

.gallery_nav a {
 border: 0;
}

div#gallery_pages {
	float:left;
	text-align:center;
	width: 190px;
}



/* News */

.news_title, .news_title_highlighted {
	width: 240px;
}

.news_title h2, .news_title_highlighted h2  {
	font-size: 11px;
	font-weight: normal;
}

.news_title h2 a:link, .news_title h2 a:visited, .news_title_highlighted h2 a:link, .news_title_highlighted h2 a:visited {
	display: block;
	padding: 5px 8px 5px 8px;
	background: #434b51;
}

.news_title h2 a:hover, .news_title_highlighted h2 a:hover{
	background: #636b71;
}

.newspage_view a:link, .newspage_view a:visited {
	color: #ffcc00;
}

.news_view a:hover {
	border: 0px;
	color: #ffcc00;
}

.news_view a:link, .news_view a:active, .news_view a:visited {
	color: #fff;
	text-decoration: none;
}

.news_description a:link, .news_description a:visited {
	color: #ffcc00;
}

.news_description a:hover {
	color: #ffcc00;
	border-bottom: 1px dotted #ffcc00;
}

.news_message  {
	padding: 5px 0 30px 8px;
}


.news_description p {
	margin: 0;
}

.news_view img {
	border: 1px solid #999;
	margin: 0px 10px 5px 0px;
}

.news_view img:hover {
	border: 1px solid #aa9900;
}

.news_description a:hover {
	border-bottom:1px dotted #ffcc00; 
}


/* Mailer ext  page */
body#mailer_ext_page_body {
	background: none;
	background: #fff;
	padding: 25px;
	font: 12px/22px Arial, sans-serif;
	color: #646464;
}
body#mailer_ext_page_body a {
	color: #7e99b2;
	border-bottom: 1px dotted #7e99b2;
	text-decoration: none;
}
body#mailer_ext_page_body a:hover {
	color: #4e6b84;
	border-bottom: 1px dotted #4e6b84;
}
body#mailer_ext_page_body h1 {
	display: block;
	font: 20px "Lucida Sans Unicode", sans-serif;
	color: #4e6b84;
	margin: 0 0 22px 0;
	font-weight: normal;
	font-style: normal;
	padding: 0;
}
body#mailer_ext_page_body div#login {
	background: #fff;
	margin: 20px auto;
	padding: 22px 30px;
	border: 1px solid #ccc;
	background: #fff;
	width: 300px;
}

/* Main container */
table#mailer_ext_page {
	border: 1px solid #aaa;
	background: #fff;
	width: 100%;
}
table#mailer_ext_page td {
	padding: 15px 20px;
}

/* Navigatie */
table#mailer_ext_page div#structure a.active:link, table#mailer_ext_page div#structure a.active:visited {
	color: #4e6b84;
}

/* De tabel */
table#mailer_ext_page table#records {
	width: 100%;
	border: none;
}
table#mailer_ext_page table#records, table#mailer_ext_page table#records td {
	font-size: 11px;
}
table#mailer_ext_page table#records th {
	text-align: left;
	white-space: nowrap;
	background: #fff;
	font: 14px/22px "Lucida Sans Unicode", sans-serif;
	color: #fff;
	padding: 5px;
	background: url(modules/mailer_ext/images/mailerpage_heading.gif) repeat-x;
	border-left: 1px solid #fff;
}
table#mailer_ext_page table#records tr.odd {
	background: #fff;
}
table#mailer_ext_page table#records tr.even {
	background: #fafafa;
}
table#mailer_ext_page table#records td {
	padding: 5px;
	border-bottom: 1px solid #ccc;
}
table#mailer_ext_page table#records td.attributes {
	white-space: nowrap;
}
table#mailer_ext_page p.back {
	margin: 22px 0 0 0;
}

/* CSV */
table#mailer_ext_page div#csv {
	float: right;
	margin-top: 15px;
}
table#mailer_ext_page img {
	vertical-align: top;
}

/* Inloggen */
div#login input {
	margin: 2px 0 6px 0;
	width: 175px;
}
div#login input.versturen, div#login input.checkbox {
	width: auto;
}
div#login input.versturen {
	margin-right: 7px;
}

/* editor */
body.editor {
	margin: 0; 
	background: #434b51; 
}

/* weerbericht*/
div.wf_day {
	float: left;
	margin-right: 7px;
	width: 35px;
	font-size: 10px;
}

div.wf_day p {
	margin: 0;
	color:  #fff;
}

div.wf_day img {
	border: 0;
}

p.image {
	width: 28px;
}

div.wf_day p.day {
	font: 11px Tahoma;
	color: #fff;
	font-weight: bold;
}
