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

/* ### general ### */
* { margin: 0px; padding: 0px; }
html, body { font-family: Arial; font-size: 12px; color: #8c806e; }
input, select, textarea { font-family: Arial; font-size: 12px; color: #8c806e; }
body { background: #fff; }
img { border: 0px; display: block; }
a, input { outline: none; }

/* ### global classes ### */
.clear { clear: both; height: 0; }
.bodyBg img { min-height: 100%; height: auto!important; height: 100%; min-width: 100%; width: auto!important; width: 100%; position: fixed; top: 0; left: 0; z-index: 0; }

/* ### wrapper ### */
#wrapper { position: relative; display: block; width: 100%; min-height: 100%; }

/* ### main container ### */
#mainCntr { margin: 0 auto; width: 1290px; }

	/* ### header container ### */
	#headerCntr { top:0;width: 1290px; z-index:99; height: 78px; position: fixed; background: url(../images/hdr_bg.png) no-repeat;}
	#headerCntr a.logo { position: absolute; top: 15px; left: 0px; display: block; width: 268px; height: 63px; text-indent: -9999px; background: url(../images/logo.png) no-repeat; }
	
		/* ### search box ### */
		.searchBox { position: absolute; top: 30px; right: 14px; width:281px; display:none;}
		.searchBox fieldset { border: none;}
		.searchBox em { float: left; font-style: normal; }
		.searchBox select { width: 281px; height: 44px; line-height: 44px; }
		.searchBox .select { width: 261px; height: 44px; font-size: 20px; line-height: 44px; padding: 0 10px; position: absolute; color: #fff; background: url(../images/select1.png) no-repeat; }
		.searchBox .fields { float: left; width: 281px; height: 44px; background: url(../images/bg1.png) no-repeat; margin-left: 15px; }
		.searchBox input.field { float: left; width: 215px; padding: 0 10px; line-height: 32px; height: 44px; color: #fff; font-size: 20px; background: none; border: none; }
		.searchBox input.button { float: left; width: 44px; height: 44px; border: none; cursor: pointer; background: none; }
		#resultVak {width:277px;position:absolute;left:16px;top:42px;z-index:3;border:1px solid #000;color:#fff;display:none;}
	
		#catBox { width:281px;height:44px;background-image:url('../images/select1.png'); cursor:pointer; }
		.resultCur { color: #fff; font-size:20px;width:261px;line-height:44px;padding-left:20px; }
		.resultCat { color:#fff; text-decoration:none; width:258px;height:37px;display:block;border-bottom:1px solid #000; border-color:#092b4a;background-color:#1466b0;opacity:1;  font-size:20px;padding-left:20px; line-height:37px; }		
		.resultCat:hover { background-color:#0c4980; }		
		
		#resultC { width:278px;position:absolute;left:1px;top:42px;z-index:3;border:1px solid #000;color:#fff; display:none; }
	
		.searchBox .resultItem {width:277px;height:37px;display:block;border-bottom:1px solid #000; border-color:#092b4a;background-color:#1466b0;opacity:1;}
		.searchBox .resultItem:hover {opacity:1;background-color:#0c4980;}
		.resultLink { color:#fff;text-decoration:none;font-weight:bold; }
		.resultImg {width:50px; height:37px;float:left;margin-right:3px;}
	/* ### content container ### */
	#contentCntr { overflow: hidden; width: 1290px; margin-top: 78px; }
	
		/* ### slider container ### */
		#sliderCntr { overflow: hidden; position: relative; }
		#sliderCntr .slider { overflow: hidden; }
		#sliderCntr .slider ul { list-style: none; }
		#sliderCntr .slider li { background: #194396; border: 2px solid #1e277c; padding: 15px 13px; height:550px; }
		/* #sliderCntr .thumb { float: left; padding:3px; margin: 3px; position: relative; border:5px solid #2d7ed9; border-radius: 15px;  }
		*/
		#sliderCntr .thumb {position:relative; background:none repeat scroll 0 0 #799de7; width:151px; float:left; border:1px solid #194396;border-radius: 3px;box-shadow:0 6px 10px -8px #000;margin:2px;padding:3px; }
		#sliderCntr .thumb:hover {background:none repeat scroll 0 0 #93bf0a; border:1px solid #93bf0a; }
		
		/*#sliderCntr .thumb:hover { border:1px solid #93bf0a;  } */
		#sliderCntr .sticker { position: absolute; top: 0; right: -1px; width:60px;height:60px; }
		#sliderCntr .space { position: absolute; top: 5px; left: 35px; z-index: 100; }
		
		/* ### left container ### */
		#leftCntr { float: left; width: 193px; margin-bottom:4px; }
		
			/* ### play box ### */
			.playBox {  background: #194396 url(../images/bg2.png) repeat-x; border: 2px solid #1e277c; width: 152px; padding: 10px; }
			.playBox h3 { font-size: 20px; color: #fff; font-weight: normal; padding-bottom: 25px; text-align: center; }
			.playBox ul { list-style: none; } 
			.playBox li { background:none repeat scroll 0 0 #799de7; width:146px; border:1px solid #194396;border-radius: 3px;box-shadow:0 6px 10px -8px #000;margin-bottom:2px;padding:3px;}
			.playBox li:hover {background:none repeat scroll 0 0 #93bf0a; border:1px solid #93bf0a; }
			.playBox li:first-child { margin-top: 0; }
			.playBox li img { border-bottom: 1px solid #063395; }
		
		/* ### center container ### */
		#centerCntr { float: left; width: 892px;  margin-bottom:4px; }
		
			/* ### photo box ### */
			.photoBox { position:relative;  background: #194396 url(../images/bg2.png) repeat-x; border: 2px solid #1e277c; width: 868px; min-height:735px; }
			.photoBox .title { overflow: hidden; padding: 9px 35px; }
			.photoBox a.home { position:absolute; left:7px; top:7px; width: 147px; height: 40px; line-height: 40px; text-align: center; font-size: 20px; color: #fff; text-decoration: none; background: url(../images/button1.png) no-repeat; }
			.photoBox a.home:hover { text-decoration: none;background: url(../images/button1hover.png) no-repeat; }
			.photoBox a.fav { float: right; width: 244px; height: 40px; line-height: 40px; text-align: center; font-size: 16px; color: #fff; text-decoration: none; background: url(../images/button2.png) no-repeat; }
			.photoBox a.fav:hover { background: url(../images/button2hover.png) no-repeat; }
			
			.photoBox h3 { text-align: center; font-size: 20px; color: #fff; line-height: 40px; font-weight: normal; }
			.photoBox .photo { padding: 18px 0px 18px 0px; }
		
		/* ### right container ### */
		#rightCntr { float: left; width: 204px;  margin-bottom:4px; }
		
			/* ### ad box ### */
			.adBox {  background: #194396 url(../images/bg2.png) repeat-x; border: 2px solid #1e277c; width: 164px; padding: 18px; padding-bottom: 58px; }
			.adBox h3 { font-size: 20px; color: #fff; font-weight: normal; padding-bottom: 35px; text-align: center; }
	
	/* ### footer container ### */
	#footerCntr { overflow: hidden; width: 1290px; margin-top: 10px; position: relative; height: 80px; }
	#footerCntr .links { position: absolute; top: 20px; left: 0; }
	#footerCntr .links ul { list-style: none; } 
	#footerCntr .links li { float: left; padding: 0 7px; color: #193781; font-size: 20px; }
	#footerCntr .links li a { color: #fff; text-decoration: none; }
	#footerCntr .links li a:hover { color: #193781; }
	
	#footerCntr .nav { text-align: center;  vertical-align: middle; }
	#footerCntr .nav a.prev { display: inline-block; width: 76px; height: 74px; background: url(../images/prev2.png) no-repeat; vertical-align: middle; margin-right: 10px; }
	#footerCntr .nav a.prev:hover { background-position: 0 -74px; }
	#footerCntr .nav a.next { display: inline-block; width: 76px; height: 74px; background: url(../images/next2.png) no-repeat; vertical-align: middle; margin-left: 10px; }
	#footerCntr .nav a.next:hover { background-position: 0 -74px; }
	#footerCntr .nav a.bullet { display: inline-block; width: 22px; height: 22px; background: url(../images/bullet.png) no-repeat; margin: 0 5px; vertical-align: middle; }
	#footerCntr .nav a.bullet:hover { background-position: 0 -22px; }
	#footerCntr .nav a.bulletSelected {display: inline-block; width: 22px; height: 22px; margin: 0 5px; vertical-align: middle; background: url(../images/bullet.png) no-repeat;  background-position: 0 -22px; }
	#footerCntr .plugin { position: absolute; top: 25px; right: 0; }
	
	/* ### Tooltip ### */
.tip{
    position: absolute;
	z-index: 999999;
	border: 1px solid #111;
	background-color: #eee;
	padding: 5px;
	opacity: 0.85;
	max-width:210px;
	color:#000;
	overflow: hidden;
 }
			#tooltip h3, #tooltip div { margin: 0; }
	
	.jqmWindow {
    display: none;
    position: fixed;
    top: 17%;
    left: 50%;
    margin-left: -300px;
    width: 650px;
    overflow: auto;
    background-color: #EEE;
    color: #333;
    border: 2px solid black;
	border-radius: 5px;
    padding: 12px;
	line-height: 15px;
	height:400px;
}

.jqmOverlay { background-color: #000; }

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}
#ajax-form {
    width: 460px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
}
label {
    display: block;
}
input, textarea {
    width: 360px;
    margin-bottom: 5px;
    padding: 5px;
}
.error {
    color: red;
    display: none;
}
#ajaxsuccess {
    color: green;
    display: none;
    width: 450px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
}