/* ### general ### */
* { padding: 0px; margin: 0px; }
html, body { font-family: Verdana, Arial; font-size: 12px; height: 100%; color: #6a7a99; }
input, select, textarea { font-family: Verdana, Arial; font-size: 12px; color: #6a7a99; }
body { background: #E3CA89 url('/assets/images/body-bg.jpg') repeat-x; }
body.bg { background: #e9d79e; }
img{border:none;}
div.drag { position: absolute; margin-left: auto; margin-right: auto; z-index: 60; top: 35px; width:600px; cursor: move; }

.maintxt_t{margin-bottom:4px;padding-left:4px;padding-bottom:2px;padding-top:2px;height:20px;background:#e6edf9;font-size:11px;border: #1c3260 1px solid; }
a:active,a:hover,a:visited,a:link{text-decoration:none;color:#1f4fa8;}
td{font-family: Verdana, Arial; font-size:11px;color: #000000;}
.error{color:red;font-weight:bold;}
.button{padding-bottom:3px;border:0;font-weight:bold;font-size:15px;height:31px;font-family: Verdana, Arial;color:#FFF;width:149px;background:url('/assets/images/recruit_button.jpg') no-repeat;}
/* ### global classes ### */
.clear { clear: both; height: 0px; overflow: hidden; }
.field{font-size:8pt;color:#000000;border:solid 1px #1c3260;background:#FFF;}
.subtitle_ico{font-weight:bold;background:#c9d8f2;}
.linkie{color:#1f4fa8; font-weight: bold; text-decoration:none; font-family: Verdana, Arial; font-size: 11px; height: 100%; }
.Payment {float: right; }
.subtitle{font-size:11px;margin-bottom:4px;font-weight:bold;padding-left:4px;padding-bottom:6px;padding-top:6px;background:#c9d8f2;}
.maintxt{margin-bottom:4px;padding-left:4px;padding-bottom:2px;padding-top:2px;height:15px;background:#e6edf9;font-size:11px;}
.maintxt_h{height: 20px;margin-bottom:4px;padding-left:4px;padding-bottom:2px;padding-top:2px;background:#e6edf9;font-size:11px;}
.recruitBox{padding:0px 0 0 0px;width:151px;overflow:hidden;}
.centered{text-align:center;}

ul.tut { margin-left: 25px; margin-top: 5px;margin-bottom:10px;}
/* ### wrapper ### */
#wrapper { position: relative; display: block; min-height: 100%; height: auto; width: 100%; background: url('/assets/images/wrapper.jpg') center top no-repeat; }

	#stoffen { padding-top: 0px; height: 39px;margin-left: 4px; overflow: hidden; width: 971px;  }
	#stoffen #bottom { padding-bottom: 7px; width: 100%; overflow: hidden; }
	#stoffen #mid { padding: 0 0px 0 0px; overflow: hidden;}

/* ### main container ### */
/*/#mainCntr { padding-bottom: 135px; position: relative; margin: 0 auto; width: 950px;  z-index: 10;}*/
#mainCntr { padding-bottom: 10px; position: relative; margin: 0 auto; width: 950px;  z-index: 10;}

        #arrow { position: absolute; z-index: 500; width: 65px; height: 65px; display: none; background: url('/assets/images/bounce.gif') no-repeat; }
        
	/* ### header container ### */
	#headerCntr { position: relative; width: 950px; height: 288px; }
	#headerCntr h1 { position: absolute; top: 15px; left: 3px; }
	#headerCntr h1.inner { position: absolute; top: 15px; left: 3px; }
	#headerCntr h1 a { display: block; width: 337px; height: 229px; text-indent: -9999px; background: url('/assets/images/logo.png') no-repeat; }
		
        #headerCntr h2 { position: absolute; top: 120px; left: 463px; }
        
		/* ### menu box ### */
		.menuBox { position: absolute; top: 0px; left: 0px; width: 960px; height: 34px; background: url('/assets/images/menu-bg.png') no-repeat; }
		.menuBox ul { list-style: none; }
		.menuBox li { float: left; display:inline;line-height: 34px; font-size: 12px; text-transform: uppercase;position:relative; }
		.menuBox li.last { float: right; }
		.menuBox li.last a { margin-right: 10px; }
		.menuBox li.first a { padding: 0 16px; background: none; }
		.menuBox a { padding: 0 18px 0 17px; color: #fff4b0; text-decoration: none; display: block; background: url('/assets/images/seprator.gif') left top no-repeat; }
		.menuBox a:hover { color: #fff; background: url('/assets/images/menu-hover1.gif') repeat-x; }
		.menuBox li.first a:hover { color: #fff; background: url('/assets/images/link-hover.gif') left -2px no-repeat; }
		.menuBox li.last a:hover { color: #fff; background: url('/assets/images/link-hover-right.png') right -2px no-repeat; }

		.menuBox ul ul{position:absolute;top:33px;left:0px;z-index:80;width:150px;}
                .menuBox ul ul li{z-index:80;background:#e0d1a3;float:none;display:block;width:150px;height:25px;line-height:25px;border:1px solid #000000;}
                .menuBox ul ul li a{z-index:80;line-height:25px;color:#2c2c2c;  font-size: 11px; height: 25px;}


		/* ### nav box ### */
		.navBox { position: absolute; top: 249px; left: 0px; width: 950px; height: 38px; background: url('/assets/images/nav-bg.png') no-repeat; }
		.navBox ul { list-style: none; width: 950px; }
		.navBox li { float: left; line-height: 38px;  text-transform: uppercase; }
		.navBox li.last { width: auto;  }
		.navBox li.first a { padding: 0 11px 0 15px; background: none; }
		.navBox a { padding: 0 24.3px 0 24.3px; color: #fff4b0; text-decoration: none; display: block; background: url('/assets/images/sepre.gif') left top no-repeat; }
		.navBox a:hover { color: #fff; background: url('/assets/images/menu-hover.gif') repeat-x; }
		.navBox li.first a:hover { color: #fff; background: url('/assets/images/link-hover.gif') no-repeat; }
		.navBox li.last a:hover { color: #fff; background: url('/assets/images/link-hover-right.png') right -1px no-repeat; }
		
		/* ### link box ### */
		.linkBox { padding: 0 11px 0 17px; position: absolute; top: 250px; left: -7px; width: 939px; height: 44px; background: url('/assets/images/link-bg.png') no-repeat; }
		.linkBox ul { list-style: none; }
		.linkBox li { float: left; line-height: 36px; font-size: 12px; text-transform: uppercase; }
		.linkBox li.last { float: right; }
		.linkBox li.first a { padding: 0 14px 0 15px; margin-left: -3px; background: none; }
		.linkBox a { padding: 0 25px 0 30px; color: #fff4b0; text-decoration: none; display: block; background: url('/assets/images/sepre.gif') left top no-repeat; }
		.linkBox a:hover { color: #fff; background: url('/assets/images/menu-hover.gif') repeat-x; }
		.linkBox li.first a:hover, .linkBox li.first.selected a { color: #fff; background: url('/assets/images/link-hover.gif') no-repeat; }
		.linkBox li.last a:hover { color: #fff; background: url('/assets/images/link-hover-right.png') right -1px no-repeat; }
	
	/* ### content container ### */
	#contentCntr { padding-top: 11px; margin-left: 4px; overflow: hidden; width: 941px; background: url('/assets/images/top.png') no-repeat; }
	#contentCntr #bottom { padding-bottom: 7px; width: 100%; overflow: hidden; background: url('/assets/images/bottom.png') bottom no-repeat;}
	#contentCntr #mid { padding: 0 17px 0 17px; overflow: hidden; background: url('/assets/images/mid.png') repeat-y;}
	
		/* ### left container ### */
		#leftCntr { padding-top: 0px; float: left; width: 100%;}
		
			/* ### image box ### */
			.imageBox { font-family: Verdana, Arial; font-size: 11px; height: 100%; color: #8c806e; padding:5px 0px 10px 0px;overflow:hidden; width:722px; overflow: hidden;}
                        .imageBox h1 { padding-left:2px;padding-bottom:12px;font-weight:bold;font-size:16px;color:#000000;}
                        .imageBox p  {padding-left:2px;font-size:11px;color:#000000;}

                        
		/* ### center container ### */
		#centerCntr { min-width: 941px; float: left; width: auto; height: 35px; background: url('/assets/images/center-bg.png') no-repeat;}
		
			/* ### np box ### */
			.npBox {  width: auto; float: left; overflow: hidden; }
			.npBox ul { padding: 1px 12px 1px 7px;list-style: none; }
			.npBox li { padding-right: 8px; margin-right: 5px; float: left; color: #fff4b0; font-size: 12px; line-height: 33px; right: 18px; }
                        .npBox .border { border-right: 1px solid #d1cc72; }
			.npBox li.last { background: none; }
			.npBox li a { color: #fff4b0; text-decoration: none;  }
			.npBox li a:hover { text-decoration: underline; }
			.npBox a.pre {padding: 0px 0px 0px 12px; width: 16px; height: 16px; }
			.npBox a.next { float: right; width: 4px; margin: 16px 150px 0 0; height: 7px; text-indent: -9999px;}
                        .npBox a img{z-index: 1000000000000;background-repeat:no-repeat;  vertical-align: middle;}
                        .npBox a.gm_ctl_left img{background-position:0 0;width:9px;height:18px; }
                        .npBox a.gm_ctl_left:hover img{background-position:0 -18px;}
                        .npBox a.gm_ctl_right img{background-position:-9px 0;width:9px;height:18px;}
                        .npBox a.gm_ctl_right:hover img{background-position:-9px -18px;}
                
			/* ### number box ### */
			.numberBox { width: auto; float: right; overflow: hidden; background: url('/assets/images/center-bg-lay.png') right no-repeat; margin-top:-1px;}
			.numberBox ul { padding: 1px 12px 1px 7px; float: left; list-style: none; }
			.numberBox li { padding-left: 21px;  color: #ffffff; font-size: 13px; float: left; line-height: 33px }
			.numberBox li.first { padding: 0 12px 0 12px;  overflow: hidden; border-right: 1px solid #d1cc72; line-height: 33px; }
			.numberBox li.second { padding: 0 12px 0 12px; overflow: hidden;  border-right: 1px solid #d1cc72; }
			.numberBox li.third {  padding: 0 12px 0 12px; overflow: hidden; border-right: 1px solid #d1cc72; }
			.numberBox li.fourth { padding: 0 0 0 10px; overflow: hidden;}
                        .numberBox .fifth { padding: 0 5px 0 3px;float: left; vertical-align: middle; line-height: 23px; padding-top: 5px; color: #ffffff; font-size: 13px;}
			.numberBox .left { padding-left: 29px; margin: 5px 5px 0 0; float: left;  height: 27px; background: url('/assets/images/score-left.png') left top no-repeat; }
			.numberBox .right { padding-right: 21px; width: auto; float: left; font-size: 14px; color: #000; font-weight: bold; display: block; line-height: 27px; background: url('/assets/images/score-right.png') right top no-repeat; }
			
		/* ### right container ### */
		#rightCntr { padding-top: 13px; float: right; width: 290px; }
		
			/* ### unit box ### */
			.unitBox { padding-top: 18px; margin-left: -1px; width: 290px; overflow: hidden; }
			.unitBox h2 { padding-left: 11px; font-size: 14px; text-transform: uppercase; color: #fff; line-height: 36px; }
			.unitBox .unit { overflow: hidden; }
			.unitBox .unit .top { padding-top: 8px; overflow: hidden; }
			.unitBox .unit .bottom { padding-bottom: 7px; overflow: hidden; }
			.unitBox ul { padding: 0 1px; list-style: none; width: 288px; overflow: hidden; }
			.unitBox li { padding-left: 11px; font-size: 14px; color: #0c0402; list-style: none; line-height: 31px; border-bottom: 1px solid #f3e5af; overflow: hidden; }
			.unitBox li.color { background: #eddc9a; }
			.unitBox li.last { border-bottom: 0px; }
			
		/* ### welkom container ### */
		#welkomCntr { padding-top: 13px; margin-left: 5px; min-height: 462px; overflow: hidden; width: 941px; background: url('/assets/images/welkom-bg.png') 471px 14px no-repeat; }
		#welkomCntr #left { width: 590px; overflow: hidden; float: left; }
		#welkomCntr #right { padding-top: 13px; width: 314px; overflow: hidden; float: right; }
		
			/* ### grandwar box ### */
			.villagewarBox { padding: 1px 0px 0px 0px; width: 590px; overflow: hidden; }
			.villagewarBox h2 { padding: 0px 0px 8px 1px; color: #830a0a; font-size: 42px; font-weight: bold; }
			.villagewarBox h3 { padding: 0px 0px 18px 2px; color: #252525; font-size: 15px; font-family: Verdana, Arial; }
			.villagewarBox p { padding: 0px 0px 18px 3px; color: #3c350f; font-size: 12px; font-family: Verdana, Arial; }
			.villagewarBox a.register { padding-left: 16px; margin: 7px 0 18px 3px; display: block; width: 198px; text-transform: uppercase; font-weight: bold; height: 60px; text-decoration: none;color: #fff4b0; font-size: 16px; line-height: 65px; background: url('/assets/images/register-bg.png') no-repeat; }
			.villagewarBox a.register:hover { text-decoration: underline; }
			.villagewarBox .left { width: 231px; height: 139px; float: left; margin-left: -2px; overflow: hidden; background: url('/assets/images/statistic-bg.png') no-repeat; }
			.villagewarBox h4 { padding: 0 0 15px 20px; line-height: 55px; color: #fff4b0; font-size: 17px; font-weight: normal; font-family: Verdana, Arial; }
			.villagewarBox .left p { padding: 0 0 7px 19px; color: #b40f0b; font-size: 13px; }
			.villagewarBox .left p span { padding-right: 13px; text-align: left; color: #212121; }
			.villagewarBox .right { width: 337px; height: 138px; float: left; overflow: hidden; background: url('/assets/images/image-bg.png') no-repeat; }
			.villagewarBox .right h4 { padding: 0 0 13px 28px; }
			.villagewarBox .right ul { padding-left: 22px; margin-top: -10px; list-style: none; }
			.villagewarBox .right li { float: left; position: relative; width: 94px; margin-right: 9px; }
			.villagewarBox .right img.overlay {  position: absolute; width: 94px; height: 67px; top: -3px; left: -3px; }
			
			/* ### search box ### */
			.searchBox { padding: 55px 0 0 25px; width: 254px; height: 216px; color: #fff4b0; font-size: 12px; overflow: hidden; background: url('/assets/images/search-bg.png') no-repeat; }
			.searchBox fieldset, input { border: 0px; }
			.searchBox input.fieldlog { padding: 3px 0 0 10px; width: 212px; height: 41px; font-size: 15px; color: #3c350f; margin-bottom: 5px; background: url('/assets/images/text-bg.gif') no-repeat; }
			.searchBox input.button { width: 107px; height: 53px; margin: 5px 0 0 -1px; cursor: pointer; background: url('/assets/images/button-bg.png') no-repeat; }
			
	/* ### footer container ### */
	#footerCntr { margin-top: -135px; overflow: hidden;  z-index: 5; height: 135px; width: 100%; background: url('/assets/images/footer-bg.png') center top repeat-x; }
	#footerCntr .center { overflow: hidden; width: 950px; margin: 0 auto; }
	
		/* ### footer box ### */
		.footerBox { width: 950px; overflow: hidden; }
		.footerBox ul { list-style: none; margin: 70px 0 10px 0; text-align: center; width: 100%; overflow: hidden; }
		.footerBox li { display: inline; width: auto; font-size: 13px; font-weight: bold; }
		.footerBox li.last a { background: none; }
		.footerBox a { padding: 0 7px 0 12px; text-decoration: none; width: auto; display: inline-block; color: #322f05; }
		.footerBox a:hover { text-decoration: underline; }
		.footerBox span { display: block; color: #d5cf60; font-size: 12px; text-align: center; }
                
[class~=blink_text]{animation:2s blinker linear infinite;}[class~=blink_text]{-webkit-animation:2s blinker linear infinite;}[class~=blink_text]{-moz-animation:2s blinker linear infinite;}[class~=blink_text]{color:red;}@-moz-keyframes blinker{0%{opacity:1;}50%{opacity:0;}100%{opacity:1;}}@-webkit-keyframes blinker{0%{opacity:1;}50%{opacity:0;}100%{opacity:1;}}@keyframes blinker{0%{opacity:1;}50%{opacity:0;}100%{opacity:1;}}

.pointer         { cursor: pointer; }
.progress        { cursor: progress; }
.wait            { cursor: wait; }
.crosshair       { cursor: crosshair; }
.not-allowed     { cursor: not-allowed; }
.help            { cursor: help; }