/* ################################################## */
/*  Made by: www.DIRECT BASING.com                    */
/*  Semantisch correcte xHTML Basing                  */
/* ################################################## */

/* ### general ### */
* { margin: 0px; padding: 0px; }
html, body { height: 100%; font-family: Arial; font-size: 12px; color: #002538; }
input, select, textarea { font-family: Arial; font-size: 12px; color: #8ea3a6; }
body { background: url('../images/bodyBg.png') #f2ede3 repeat-x; }
img { border: 0px; display: block; }
a, input { outline: none; }

/* ### global classes ### */
.clear { clear: both; height: 1px; }

/* ### wrapper ### */
#wrapper { position: relative; display: block; width: 100%; min-height: 100%; background: url('../images/wrapperBg.png') no-repeat top; }

/* ### main container ### */
#mainCntr { margin: 0 auto; width: 900px; }
	
	/* ### header container ### */
	#headerCntr { position: relative; width: 900px; height: 290px; }
	#headerCntr h1 { position: absolute; top: 0px; left: -68px; z-index: 5; }
	#headerCntr h1 a { display: block; width: 473px; height: 142px; text-indent: -9999px; background: url('../images/logo.png') no-repeat; }
	
		/* ### menu box ### */
		.menuBox { position: absolute; top: 20px; right: 0px; z-index: 10; width: 500px; }
		.menuBox ul { overflow: hidden; width: 500px; list-style: none; }
		.menuBox li { padding-left: 10px; float: right; display: inline; font-size: 14px; }
		.menuBox li a { padding-right: 10px; display: block; float: left; height: 33px; line-height: 33px; text-decoration: none; color: #fff; background: url('../images/menuBg.png') no-repeat right -300px; }
		.menuBox li a span { padding-left: 10px; display: block; float: left; height: 33px; cursor: pointer; background: url('../images/menuBg.png') no-repeat left -300px; }
		.menuBox li a:hover, .menuBox li.selected a { background-position: right bottom; }
		.menuBox li a:hover span, .menuBox li.selected a span { background-position: left top; }
		
		/* ### direct box ### */
		.directBox div.label { float: left; }
		.directBox { position: absolute; top: 102px; left: 0px; width: 900px; height: 149px; background: url('../images/directBg.png') no-repeat; }
		.directBox img { position: absolute; bottom: 0px; right: 0px; }
		.directBox p { position: absolute; top: 15px; left: 390px; line-height: 30px; font-style: italic; font-weight: bold; font-size: 14px; color: #025d8c; }
		.directBox p strong { font-weight: bold; text-decoration: none; color: #002538; }
		.directBox h3 { padding: 10px; font-size: 18px; font-weight: bold; color: #1b3c41; }
		.directBox fieldset { padding: 0px 10px 0px 10px; overflow: hidden; width: 350px; border: 0px; }
		.directBox input.field { margin: 0px 10px 5px 0px; padding: 0px 10px 0px 10px; float: left; width: 134px; height: 29px; line-height: 29px; border: 0px; background: url('../images/fieldBg.gif') no-repeat; }
		.directBox input.submit { margin-right: 33px; float: right; width: 79px; height: 26px; color: #fff; border: 0px; background: url('../images/submitBg.gif') no-repeat; }
		.directBox select { padding: 5px 4px; width: 154px; height: 29px; }
		.directBox .select { padding: 0px 10px 0px 10px; position: absolute; float: left; overflow: hidden; width: 154px; height: 29px; line-height: 29px; color: #8ea3a6; background: url('../images/selectBg.gif') no-repeat; }
	
	/* ### content container ### */
	#contentCntr { padding-bottom: 85px; width: 900px; }
	
		/* ### text box ### */
		.textBox { overflow: hidden; width: 900px; background: url('../images/textBg.gif') #fff no-repeat left bottom; }
		.textBox h2 { padding: 0px 15px 15px 15px; height: 41px; line-height: 42px; font-size: 18px; font-weight: normal; color: #025d8c; background: url('../images/titleBg.gif') no-repeat; }
		.textBox div.left { padding-left: 15px; float: left; display: inline; width: 450px; padding-bottom: 15px; }
		.textBox div.right { padding-right: 15px; float: right; display: inline; width: 370px; padding-bottom: 15px; }
		.textBox p { padding-bottom: 15px; line-height: 30px; }
		.textBox a { color: #025d8c; text-decoration: underline; font-weight: bold; }

		
/* ### footer container ### */
#footerCntr { position: absolute; bottom: 0px; left: 0px; width: 100%; height: 59px; background: url('../images/footerBg.png') repeat-x; }
#footerCntr p { text-align: center; line-height: 59px; color: #fff; }
#footerCntr strong { text-decoration: underline; }
#footerCntr a { font-weight: bold; text-decoration: underline; color: #fff; }
#footerCntr a:hover { text-decoration: none; }