/*	-------------------
	publienos v2 base layout CSS file
	last edit: 27 mar 07
	------------------
	File Contents:
	Base layout style for site.
	------------------
*/


	/* --------------------------------------------------------------- */
	/* -- HTML Elements -- */

body {
	margin: 0 auto;
	font: 10px Arial, sans-serif;
	color: #EAEAEA;
	text-align: center;
	background: #46413C;
}
a:link, a:visited {
	text-decoration: underline;
}
p {
	margin-left: 15px;
	text-align: left;
}
pre code {
	display: block;
	line-height: 1.6;
	margin: 12px 0;
}
h1,h2,h3,h4,h5,h6 {
	font: 11px Arial, sans-serif;
	color: #484d4f;
	line-height: 1.5em;
	text-align: left;
	text-indent: 5px;
	text-transform: uppercase;
}

	/* -- Classes -- */

p.padLeft {
	padding: 5px;
	text-align: left;
}
p.padRight {
	padding: 5px;
	text-align: right;
}
p.padCenter {
	padding: 5px;
	text-align: center;
}
#fontSize {
	padding: 5px;
	margin-left: 380px;
	margin-bottom: -15px;
}


	/* --------------------------------------------------------------- */
	/* -- Layout Setup -- */

#background {
	width: 100%;
}
#container-header {
	margin-top: 0px;
	width: 100%;
	text-align: left;
	background: #5F5852 url(../img/dsgn/headerTile.gif) repeat-x;
}
#container-banner {
	width: 100%;
	text-align: left;
	background: #615A54 url(../img/dsgn/bannerTile.gif) repeat-x;
}
#container-content {
	width: 100%;
	text-align: left;
	background: #86817A url(../img/dsgn/contentTile.gif) repeat;
}
#container-footer {
	width: 100%;
	text-align: center;
	background: #46413C url(../img/dsgn/footerTile.gif) repeat-x;
}

	/* -- Header -- */

#header {
	margin: 0 auto;
	height: 70px;
	width: 853px;
}
#header-logo {
	margin-left: 20px;
	height: 62px;
	width: 185px;
}
#header-contact {
	margin-right: 30px;
	width: 375px;
}
.header-float {
	float: left;
}
.header-spacer {
	clear: both;
}

	/* -- Banner -- */

#banner {
	margin: 0 auto;
	height: 126px;
	width: 853px;
	background: #615A54 url(../img/dsgn/bannerBG.gif) no-repeat;
}
#banner-img {
	margin-left: 20px;
	height: 126px;
	width: 813px;
	background:  url(../img/dsgn/banner-img.gif) no-repeat;
}

	/* -- Menu (top) -- */

#menu-container {
	text-align: right;
	margin-top: 100px;
	margin-left: 574px;
	height: 59px;
	width: 214px;
}
#menuTop {
	position: relative;
	top: 60px;
	text-align: right;
	margin-left: 574px;
	height: 59px;
	width: 214px;
}
#menuTop-pt1 {
	text-align: right;
	margin-top: 0px;
	height: 20px;
	width: 214px;
	background:  url(../img/dsgn/menu-bgA.gif) no-repeat;
}
#menuTop-pt2 {
	text-align: right;
	margin-top: 0px;
	height: 20px;
	width: 214px;
	background:  url(../img/dsgn/menu-bgB.gif) no-repeat;
}
#menuTop-pt3 {
	text-align: right;
	margin-top: 0px;
	height: 5px;
	width: 214px;
	background:  url(../img/dsgn/menu-bot.gif) no-repeat;
}
#menu-container {
	text-align: right;
	margin-top: -15px;
	margin-left: -7px;
	width: 214px;
}
#menub-top {
	text-align: right;
	margin-top: 0px;
	height: 14px;
	width: 214px;
	background:  url(../img/dsgn/menub-top.gif) no-repeat;
}
#menub-bot {
	text-align: right;
	margin-top: 0px;
	height: 5px;
	width: 214px;
	background:  url(../img/dsgn/menub-bot.gif) no-repeat;
}
#menub-bg {
	text-align: right;
	margin-top: 0px;
	height: 21px;
	width: 214px;
	background:  url(../img/dsgn/menub-bg.gif) no-repeat;
}
#menub-bgB {
	text-align: right;
	margin-top: -1px;
	height: 21px;
	width: 214px;
	background:  url(../img/dsgn/menub-bgB.gif) no-repeat;
}
#menuc-bot {
	text-align: right;
	margin-top: 0px;
	height: 5px;
	width: 214px;
	background:  url(../img/dsgn/menuc-bot.gif) no-repeat;
}
#menuc-bgA {
	text-align: right;
	margin-top: 0px;
	height: 21px;
	width: 214px;
	background:  url(../img/dsgn/menuc-bgA.gif) no-repeat;
}
#menuc-bgB {
	text-align: right;
	margin-top: 0px;
	height: 21px;
	width: 214px;
	background:  url(../img/dsgn/menuc-bgB.gif) no-repeat;
}
#menuc-bgC {
	text-align: right;
	margin-top: 0px;
	height: 21px;
	width: 214px;
	background:  url(../img/dsgn/menuc-bgC.gif) no-repeat;
}
#menuc-bgD {
	text-align: right;
	margin-top: 0px;
	height: 21px;
	width: 214px;
	background:  url(../img/dsgn/menuc-bgD.gif) no-repeat;
}

	/* -- Content -- */

#content {
	margin: 0 auto;
	width: 853px;
	background: #706860;
}
#content-site {
	margin: 0 auto;

	width: 853px;
	background: #706860 url(../img/dsgn/content-site.gif) repeat-y;
}
#content-bg {
	margin: 0 auto;

	width: 813px;
	background: #706860 url(../img/dsgn/content-bg.gif) repeat-y;
}
#content-logo {
	margin: 0 auto;
	overflow: hidden;
	background: url(../img/dsgn/content-logo.png) no-repeat top right;
}
#content-left {
	float: left;
	margin-top: 20px;
	margin-left: 28px;
	margin-bottom: 20px;
	width: 530px;
}
#content-right {
	float: right;
	margin-right: 25px;
	width: 214px;
}

	/* -- Footer -- */

#footer {
	clear: both;
	margin: 0 auto;
	height: 41px;
	width: 853px;
	background: #46413C url(../img/dsgn/footer.gif) no-repeat top;
}
#footer-copyright {
	margin: 0 auto;
	width: 813px;
	background-color: #46413C;
	text-align: center;
}
#footer-bottomLeft {
	float: left;
	margin-top: 21px;
	margin-left: 25px;
	width: 250px;
	text-align: left;
}
#footer-bottomRight {
	float: right;
	margin-top: 21px;
	margin-right: 25px;
	width: 250px;
	text-align: right;
}

	/* -- Images -- */

.img-container {
	margin-left: 10px;
}
.img-spacer {
	clear: both;
}
.img-float {
	float: left;
}


	/* --------------------------------------------------------------- */
	/* -- General Content Formatting -- */

#dropmenudiv{
position:absolute;
color: #EAEAEA;
background-color: #46413C;
border:1px solid #FF8000;
border-bottom-width: 0;
font: 10px Arial, sans-serif;
line-height:18px;
text-align: left;
z-index:100;
}

#dropmenudiv a{
width: 100%;
display: block;
color: #EAEAEA;
text-indent: 3px;
border-bottom: 1px solid #FF8000;
padding: 1px 0;
text-decoration: none;
text-align: left;
}

#dropmenudiv a:hover{ /*hover background color*/
background-color: #FF8000;
color: #46413C;
}

/* Sample CSS definition for the example list. Remove if desired */
.navlist li {
list-style-type: square;
width: 135px;
background-color: #FFFFB9;
}

#preload {
	margin-top: 100px;
	margin-left: 150px;
	height: 150px;
	width: 853px;
	text-align: center;
}
#foto-bg {
	height: 97px;
	width: 168px;
	background: url(../img/dsgn/foto-bg.gif) no-repeat;
}
#foto-bgB {
	margin-left: 40px;
	height: 326px;
	width: 422px;
	background: url(../img/dsgn/foto-bgB.gif) no-repeat;
}
.img {
	margin-top: 11px;
	margin-left: 8px;
	height: 75px;
	width: 150px;
}
.imgB {
	margin-top: 11px;
	margin-left: 10px;
	height: 304px;
	width: 404px;
}
#intro {
	margin-top: 150px;
}

	/* -- Text -- */

.title {
	font: 11px Arial, sans-serif;
	color: #EAEAEA;
	text-indent: 5px;
}
.txt {
	font: 10px Arial, sans-serif;
	color: #EAEAEA;
}
.contactB {
	font: 10px Arial, sans-serif;
	color: #AFACAA;
	line-height: 1.5em;
}
.subTitle {
	font: 10px Arial, sans-serif;
	color: #EAEAEA;
	text-indent: 15px;
}
p.contact {
	font: 9px Arial, sans-serif;
	color: #AFACAA;
	line-height: 1.2em;
	letter-spacing: 0em;
	text-indent: 0em;
	text-align: right;
}
.menuA {
	font: 10px Arial, sans-serif;
	color: #AFACAA;
	line-height: 2.00em;
	letter-spacing: 0em;
	text-indent: 0em;
	text-align: right;
}
.menuB {
	font: 10px Arial, sans-serif;
	color: #423E3A;
	line-height: 0.75em;
	letter-spacing: 0em;
	text-indent: 0em;
	text-align: right;
}
.menuC {
	font: 10px Arial, sans-serif;
	color: #322E2B;
	line-height: 2.25em;
	letter-spacing: 0em;
	text-indent: 0em;
	text-align: right;
}
.menuD {
	font: 10px Arial, sans-serif;
	color: #322E2B;
	line-height: 2.00em;
	letter-spacing: 0em;
	text-indent: 0em;
	text-align: right;
}
p.preloadBar {
	margin-top: 5px;
	margin-left: 25px;
}
.copyright {
	font: 10px Arial, sans-serif;
	font-weight: bold;
	color: #59534D;
	line-height: 3em;
	text-align: center;
	text-transform: uppercase;
}
.orange {
	font: Arial, sans-serif;
	color: #FF8000
}
.blue {
	font: Arial, sans-serif;
	color: #008AFF;
}
.red {
	font: Arial, sans-serif;
	color: #FF0000;
}
.corange {
	font: Arial, sans-serif;
	color: #745C44;
}
.nobord {
	border-top: 0px solid #FF8000;
	border-left: 0px solid #FF8000;
	border-bottom: 0px solid #FF8000;
	border-right: 0px solid #FF8000;
}

	/* -- Linking -- */

a:link {
	text-decoration: none;
	color: #FA9632;
}a:visited {
	text-decoration: none;
	color: #FA9632;
} a:active {
	text-decoration: none;
	color: #FA9632;
} a:hover {
	text-decoration: none;
	color: #EAEAEA;
}
a.email:link {
	color: #FA9632;
	text-decoration: none;
}
a.email:visited {
	color: #FA9632;
	text-decoration: none;
}
a.email:active {
	color: #FA9632;
	text-decoration: none;
}
a.email:hover {
	color: #CFCAC6;
	text-decoration: none;
}
a.menuA:link {
	color: #AFACAA;
	text-decoration: none;
}
a.menuA:visited {
	color: #AFACAA;
	text-decoration: none;
}
a.menuA:active {
	color: #AFACAA;
	text-decoration: none;
}
a.menuA:hover {
	color: #FF8000;
	text-decoration: none;
}
a.menuB:link {
	color: #423E3A;
	text-decoration: none;
}
a.menuB:visited {
	color: #423E3A;
	text-decoration: none;
}
a.menuB:active {
	color: #423E3A;
	text-decoration: none;
}
a.menuB:hover {
	color: #FF8000;
	text-decoration: none;
}
a.menuC:link {
	color: #322E2B;
	text-decoration: none;
}
a.menuC:visited {
	color: #322E2B;
	text-decoration: none;
}
a.menuC:active {
	color: #322E2B;
	text-decoration: none;
}
a.menuC:hover {
	color: #FF8000;
	text-decoration: none;
}
a.copyr:link {
	color: #745C44;
	text-decoration: none;
}
a.copyr:visited {
	color: #745C44;
	text-decoration: none;
}
a.copyr:active {
	color: #745C44;
	text-decoration: none;
}
a.copyr:hover {
	color: #FF8000;
	text-decoration: none;
}
a.fimg:link {
	border-top: 1px solid #FF8000;
	border-left: 1px solid #FF8000;
	border-bottom: 1px solid #FF8000;
	border-right: 1px solid #FF8000;
}
a.fimg:visited {
	border-top: 1px solid #FF8000;
	border-left: 1px solid #FF8000;
	border-bottom: 1px solid #FF8000;
	border-right: 1px solid #FF8000;
}
a.fimg:active {
	border-top: 1px solid #FF8000;
	border-left: 1px solid #FF8000;
	border-bottom: 1px solid #FF8000;
	border-right: 1px solid #FF8000;
}
a.fimg:hover {
	border-top: 1px solid #EAEAEA;
	border-left: 1px solid #EAEAEA;
	border-bottom: 1px solid #EAEAEA;
	border-right: 1px solid #EAEAEA;
}
a.nobord:link {
	border-top: 0px solid #FF8000;
	border-left: 0px solid #FF8000;
	border-bottom: 0px solid #FF8000;
	border-right: 0px solid #FF8000;
}
a.nobord:visited {
	border-top: 0px solid #FF8000;
	border-left: 0px solid #FF8000;
	border-bottom: 0px solid #FF8000;
	border-right: 0px solid #FF8000;
}
a.nobord:active {
	border-top: 0px solid #FF8000;
	border-left: 0px solid #FF8000;
	border-bottom: 0px solid #FF8000;
	border-right: 0px solid #FF8000;
}
a.nobord:hover {
	border-top: 0px solid #EAEAEA;
	border-left: 0px solid #EAEAEA;
	border-bottom: 0px solid #EAEAEA;
	border-right: 0px solid #EAEAEA;
}

/* --------------------------------------------------------------- */
	/* -- Spacing -- */

.spacer4px {
	height: 4px;
}
.spacer5px {
	height: 5px;
}
.spacer10px {
	height: 10px;
}
.spacer15px {
	height: 15px;
}
.spacer20px {
	height: 20px;
}
.spacer25px {
	height: 25px;
}
.spacer30px {
	height: 30px;
}
.spacer35px {
	height: 35px;
}
.spacer40px {
	height: 40px;
}
.spacer45px {
	height: 45px;
}
.spacer50px {
	height: 50px;
}

	/* --------------------------------------------------------------- */
	/* -- Forms -- */


#rBlockB {margin-top: 1px; margin-bottom: 1px; width: 482px; background: #615A54 ;}
#rightBlockB {width: 482px; }

#lBlockA {margin-top: 1px; margin-bottom: 1px; width: 340px; background: #615A54;}
#titleBG {height: 20px; width: 482px; background: #615A54; border-top: 1px solid #FF8000; border-bottom: 2px solid #FF8000; font: 10px Arial; color: #1EAEAEA; line-height: 2.1250em; text-align: left; text-indent: 10px;  text-transform: uppercase;}
#formLine {height: 25px; width: 482px; border-top: 0px dotted #d4d4d4; border-bottom: 1px dotted #d4d4d4;}
#formLineTop {margin-top: 5px; height: 10px; width: 482px; border-top: 0px dotted #d4d4d4; border-bottom: 1px dotted #d4d4d4;}
#formLineButton {width: 482px; border-top: 0px dotted #d4d4d4; border-bottom: 1px dotted #d4d4d4; padding: 0px 0px 3px 0px;}
#formLineButtonB {width: 482px; border-top: 0px dotted #d4d4d4; border-bottom: 1px dotted #d4d4d4; padding: 0px 0px 6px 0px;}
#formLineTextarea {width: 482px; border-top: 0px dotted #d4d4d4; border-bottom: 1px dotted #d4d4d4; padding: 0px 0px 3px 0px;}
#voorwaarden {width: 482px; border-top: 1px dotted #d4d4d4; border-bottom: 1px dotted #d4d4d4; padding: 3px 0px 3px 0px;}

label {margin: 0; padding:0.2em; margin-top:0.5em;text-align:right;width:100px;float:left;}
fieldset {border: 0px solid #EDEDED; width:482px;}
legend {height: 20px; width: 482px; background: #FFF; border-top: 1px solid #EDEDED; border-bottom: 2px solid #EDEDED; font: 10px Arial; color: #17a3de; line-height: 2.1250em; text-align: left; text-indent: 10px;  text-transform: uppercase;white-space:pre;}

.br {display:none;}  
  
.textfieldA {font: 8pt  Arial;color:#535b5f ;margin-top: 3px;margin-left: 20px;height:10px;padding: 3px 8px;width:175px; border: 1px solid #d4d4d4;background-color: #F9F9F9;}
.textfieldB {font: 8pt  Arial;color:#535b5f ;margin-top: 3px;margin-left: 3px;height: 10px;padding: 3px 8px;width:33px; border: 1px solid #d4d4d4;background-color: #F9F9F9;}
.textfieldC {font: 8pt  Arial;color:#535b5f ;margin-top: 3px;margin-left: 20px;height: 10px;padding: 3px 8px;width:200px; border: 1px solid #d4d4d4;background-color: #F9F9F9;}
.textfieldD {font: 8pt  Arial;color:#535b5f ;margin-top: 3px;margin-left: 20px;height: 10px;padding: 3px 8px;width:33px; border: 1px solid #d4d4d4;background-color: #F9F9F9;}
.textfieldE {font: 8pt  Arial;color:#535b5f ;margin-top: 3px;margin-left: 20px;height: 10px;padding: 3px 8px;width:33px; border: 1px solid #d4d4d4;background-color: #F9F9F9;}
.textfieldF {font: 8pt  Arial;color:#535b5f ;margin-top: 3px;margin-left: 20px;height: 10px;padding: 3px 8px;width:39px; border: 1px solid #d4d4d4;background-color: #F9F9F9;}
.textfieldG {font: 8pt  Arial;color:#535b5f ;margin-top: 3px;margin-left: 20px;height: 10px;padding: 3px 8px;width:75px; border: 1px solid #d4d4d4;background-color: #F9F9F9;}

.selectfield {margin-top: 3px; margin-left: 20px;}
.checkbox {margin-top: 6px; margin-left: 20px;}
.buttons {margin-top: 3px; margin-bottom: 3px; margin-left: 20px;}
.innerField {margin-left: 20px;}
.securityimg {margin-top: -4px;}

.textarea {font: 8pt  Arial;color:#535b5f ;margin-top: 3px;margin-left: 20px;height:75px;padding: 3px 8px;width:325px; border: 1px solid #d4d4d4;background-color: #F9F9F9;}
.textareaB {font: 8pt  Arial;color:#535b5f ;margin-top: 6px;margin-left: 20px;height:75px;padding: 3px 8px;width:325px; border: 1px solid #d4d4d4;background-color: #F9F9F9;}

.submit {font: 8pt  Arial;font-weight: bold;color:#535b5f; border: 1px solid #d4d4d4;background-color: #d4d4d4;}
.innerSpace {margin-top: 3px; margin-bottom: 3px; margin-left: 300px; margin-right: 3px;}