/* @override http://beta.kuyichi.com/static/css/main.css */

/* Main */

@font-face {
  font-family: "CHANTICL";
  src: url("../font/CHANTICL.eot");
  src: local("☺"),
    url("../font/CHANTICL.woff") format("woff");
}

#fancybox-title  {
/*	font-family: "CHANTICL" !important;*/
	text-transform: uppercase;
	font-size: 11px;
}

#fancybox-title .sconcept {
	text-decoration: none;
	font-size: 8px;
	color: #bbb;
}

body {
	font-family: Helvetica, Arial;
	font-size: 13px;
	overflow:hidden; 		/* needed to eliminate scrollbars caused by the background image */
	padding:0;margin:0;		/* necesarry for the raster to fill the screen */
	height:100%;width:100%;
	background-color: #e6c69e;
}



html {
	background-repeat: repeat-x;
	background-color: #FBDCBF;
}


#bgimg {
	position:absolute;
	z-index: -1;
}

#realBody{
	position:absolute;
	top:  0;	
	z-index: 5;				/* Place the new body above the background image */
	overflow:auto; 			/* restore scrollbars for the content */
	height:100%;width:100%;	/* Make the new body fill the screen */
}

*:focus, *:active { -moz-outline: none;outline: none; }
	
img {
	border: 0;
	vertical-align: bottom;
}

a:focus {
	border: none;	
}
	
		
strong {
	font-weight: bold;
}

a {
	color: #04486F;//04486F;
}

em {
	font-style: italic;
}

.padmain {
	padding: 15px;
}

.realpad22 {
	padding: 22px;
}

.padkl {
	padding: 10px;
}

.alignright {
	float: right;
}

.whead {
	color: #fff;
	font-weight: bold;
	line-height: 70px;
}

/* menu */
#topmenu {
	display: block;
	width: 800px;
	float: right;
	position: relative;
	z-index: 10;	
}


#nav, #nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

#nav{
	padding-top: 35px;
	height: 30px;
}

#nav a {
	padding: 3px 5px;
	text-shadow: 0 0 4px #fff;
	color: #333 !important;
}

#topmenu li ul a {
	background-color: #fff;
	text-shadow: none;
}		

#nav a:hover {
	color: #04486F !important;
}

#topmenu li ul a:hover {
	background-color: #ddd;
	color: #04486F !important;
}

#nav a {
	display: block;
}

#nav li ul a {
	width: 10em;
}

#nav li ul li {
	float: left;
	width: 10em;
}


#nav li {
	float: left;
}
		
#nav li ul {
	position: absolute;
	width: 10em;
	left: -999em;
}

#topmenu #nav li ul a {
	color: #000;
}

#nav li:hover ul {
	left: auto;
}
	
#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
}	

/* Social icons */

#social {
	position: absolute;
	display: block;
	right: 0;
	top: 32px;
	margin: 0;
	height: 24px;
	overflow: hidden;
}

#social li  {
	float: right;
}

#social img {
	border: none;
	display: inline;
}

#social li  {
	z-index: 200;
	padding: 0;
	margin: 0;
	border: 0;
}

#social li:hover {
	background-color: #eee;
}

#social2 {
	position: absolute;
	display: block;
	right: 0;
	top: 0px;
	margin: 0;
	eight: 17px;
	overflow: hidden;
}

#social2 li  {
	float: right;
	margin-left: 5px;
}

#social2 input {
	border: 1px solid #F4DAC0;
	height: 15px;
	font-size: 11px;
	background-color: #FEF2E2;
	display: block;
	width: 80px;
	float: left;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	color: #333;
}

#social2 input:focus {
	width: 250px;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	height: 20px;
	font-size: 17px;
}

/* Center */

#center {
	width: 1000px;
	margin: 30px auto;		
	display: block;
}

#content2 {
	z-index: 100;
	display: block;
}

#content {
	display: block;
	z-index: 100;
}

.countryinfo {
	display: none;
}

#content h1, #content2 h1, .rcol h1 {
	font-size: 22px;
	text-transform: uppercase;
	padding-bottom: 6px;
	line-height: 30px;
}		
	
.flash {
	height: 530px;
}

.noback {
	background-image: none !important;
}

/* Secmenu */

#secmenu {
	padding-top: 12px;
	display: block;
	clear: both;
}

#secmenu li {
	/* IE 7 wants */
	display: inline;
}

#secmenu a {
	float: right;
	text-decoration: none;
	color: #fff;
	font-size: 11px;
	text-shadow: 0 0 4px #fff;
	color: #333;
	padding-left: 12px;
}

#secmenu a:hover {
	color: #04486F;
}


/* Storelist */

#map_canvas {
	display: block;
	width: 670px;
	height: 500px;
	background-color: #eee;
	float: right;
}


#storelist {
	margin-top: 22px;
	height: 340px;
	overflow: auto;
}


#storelist li a {
	padding: 5px;
	background-color: #fff;
	margin-bottom: 3px;
	display: block;
	color: #666;
	font-size: 12px;
	text-decoration: none;
}

#storelist li a:hover {
	background-color: #04486F;
	color: #bbb;
}
#storelist li a:hover strong {
	color: #fff;
}


#storelist li a strong {
	display: block;
	font-size: 14px;
	color: #000;
	font-weight: bold;
	padding-bottom: 2px;
	text-transform: uppercase;
}

/* Press room */

.dl {
	padding: 5px;
	background-color: #fff;
	display: block;
	margin: 15px;
	text-align: center;
	float: left;
	text-decoration: none;
	color: #000;
}

.dl a {
	text-decoration: none;
}

#logincol {
	display: block;
	height: 456px;
	width: 240px;
	padding: 22px;
	float: left;
}

#logincol h2 {
	font-size: 18px;
	margin-bottom: 12px;
}

.static {
	position: relative;
}

.lichter {	
	background-image: url('../img/site/trans.png');
}

.lichter2 {	
	background-color: #e1e1e1;
	opacity: .8;
}

#logincol p {
	padding-bottom: 12px;
}

#logincol input {
	padding: 3px;
	border: 1px solid #bbb;
}

#room h2 {
	font-size: 21px;
	padding: 12px 0;
}

.hbar {
	display: block;
	overflow: hidden;
	background-color: #fff;
	background-image: url('http://www.kuyichi.com/press-room/more.png');
	background-position: right;
	background-repeat: no-repeat;
}

.hbar:hover {
	background-color: #04486F;
}

.hbar img {
	border: none;
	padding: 12px;
}

.presslist {
	padding-bottom: 1em;
}

.presslist li {
	list-style: circle inside;
	padding: 4px;
}
/* Store Locator */


#slcol {
	background-image: url('../img/site/crate500.png');
	background-repeat: repeat;
	display: block;
	width: 251px;
	padding: 32px;
	padding-top: 52px;
	height: 416px;
}

.subinput  {
	width: 140px;
	padding: 4px;
}

#slcol input {
	display: block;
	width: 180px;
	border: 1px solid #ddd;
	padding: 2px;
	font-size: 15px;
}

#logincol .gobutton {
	display: block;
	float: right;
	width: 40px;

}


#slcol .gobutton {
	display: block;
	float: right;
	width: 40px;
	padding: 2px;
	font-size: 15px;
	border: 1px solid #ddd;
}

#slcol p {
	color: #000;
	font-size: 11px;
}

.clear {
	clear: both;
}

/* Textpage */

.textpage h1 {
	margin-bottom: 22px;
}

.textpage p {
	line-height: 1.3em;
	padding: .5em 0;
}

.textpage li {
	list-style: disc inside;
	padding: 4px;
}

.textpage h3 {
	text-transform: uppercase;
	font-size: 21px;
	padding: 12px 0;
}

/* ////////////
////////////
////////////
////////////
////////////
////////////
DOPPEL!!! */

#topmenu #nav a {
	text-decoration: none;
	color: #fff;
	font-size: 11px;	
	display: block;
	padding: 4px 7px;
}


.jobs h2 {
	text-transform: uppercase;
	padding: 20px 0;
	display: block;
	font-size: 18px;
	color: #04486F;
	font-weight: bold;
}

.jobs strong,.jobs h3 {
	font-weight: bold;
}

.jobs em {
	font-style: italic;
}

.jobs li {
	list-style: disc inside;
	padding: 2px;
}


.jobs li p {
	display: inline;
}

/* Oranje blokjes */

.nslist li {
	padding-bottom: 7px;
}

.nslist li a {
	display: block;
	padding: 2px;
	color: #000;
	text-transform: uppercase;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	background-color: #ffffff;
	border: none;
	text-decoration: none;
}

.nslist li.current_page_item a {
	background-color: #04486F;
	color: #fff;

}

.nslist li a:hover {
	color: #04486F !important;
}

/* Made By */

		#madeby {
			width: 200px;
			display: block;
			float: right;
			height: 40px;
		}
		
		#madebyknop {
			display: block;
			width: 35px;
			height:35px;
			border: none;
			background-image: url('/images/madeby.png');
			background-position: bottom;
			float: right;
		}
		
		#madeby:hover #madebyknop,#madebyknop:hover {
			background-position: top;
		}
		
		#madebyveld {
			border: 1px solid #cacaca;
			padding: 1px;
			margin-top: 8px;
			height: 16px;
			text-align: center;
			color: #cacaca;
		}
		
		#madebyveld:focus {
			text-align: left;
			color: #000;
		}
		
		#social, #social li, #social a, #social img {
		 	z-index:200;
		}	
		
		#madeby, #madebyknop, #madebypopup {
					z-index: 400;
		}
		
	
		#madebypopup {
			display: none;
			margin-top: 22px;
			padding: 8px;
			background-color: #fff;
			text-align: center;
			position: relative;
			color: #000;
			background-image: url('../img/site/lichtemuur.jpg')
	
		}
		#madeby:hover #madebypopup {
			display: block;
		}
		
/* Homepage 2012 */

#homeslides {
	width: 500px;
	height: 500px;
	float: right;
	overflow: hidden;
}



#homemanifest {
	padding-top: 40px;
	font-family: "CHANTICL";
	line-height: 130%;
	text-transform: uppercase;
	width: 490px;
	height: 460px;
	color: #435979;
	font-size: 14px;
}


.flexheight {
	height: auto !important;
}

.rcol {
	left: 300px;
	top: 10px;
	width: 655px;
	min-height: 456px;
	float: right;
	line-height: 130%;
}

.rcol p {
	margin-bottom: 12px;
}

.rcol h3 {
	font-size: 22px;
	margin: 12px 0;
}

.rcolsmaller {
	width: 620px;
	min-height: 456px;
}