/* Main */

body {
	font-family: Helvetica, Arial;
	font-size: 13px;
}



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

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

a {
	color: #F59520;
}

em {
	font-style: italic;
}

.padmain {
	padding: 15px;
}

.pad22 {
	/* DOPPEL!!! ook in WP */
	padding: 30px;
}

.padkl {
	/* DOPPEL!!! ook in WP */
	padding: 10px;
}

.alignright {
	float: right;
}

/* grote kop wit */
.whead {
	color: #fff;
	font-weight: bold;
	line-height: 70px;
}

/* menu */

#topmenu {
	display: block;
	width: 900px;
	float: right;
	position: relative;
	z-index: 10;			
	padding-top: 17px;	
}


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

#nav{
	padding-top: 50px;
}

#nav a {
	padding: 3px 5px;
}

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

#nav a:hover {
	color: #F59520 !important;
}

#topmenu li ul a:hover {
	background-color: #ddd;
	color: #F59520 !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;
}

#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: 62px;
	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;
}

/* Center */

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

#content {
	display: block;
	background-color: #eee;
	z-index: 100;
	background-image: url('../images/muur.jpg');
}

#content h1 {
	font-size: 32px;
	text-transform: uppercase;
	padding-bottom: 6px;
}		
	
.flash {
	height: 530px;
}

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

/* Secmenu */

#secmenu {
	margin-top: 8px;
	display: block;
}

#secmenu li {
	background-color: fuchsia;
	display: inline; /* why? */
}
#secmenu a {
	float: right;
	text-decoration: none;
	color: #000;
	font-size: 11px;	
	padding-left: 12px;
}

#secmenu a:hover {
	color: #F59520;
}


/* Storelist */

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


#storelist {
	margin-top: 22px;
	height: 400px;
	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: #F59520;
	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: #fff;
}

.dl:hover {
	background-color: #F59520;
}

#logincol {
	display: block;
	height: 486px;
	width: 290px;
}
.lichter {	
	background-image: url('/images/lichtemuur.jpg');
}

#logincol p {
	padding: 6px 0;
}

#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('../press-room/more.png');
	background-position: right;
	background-repeat: no-repeat;
}

.hbar:hover {
	background-color: #F59520;
}

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

.presslist {
	padding-bottom: 1em;
}

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


#slcol {
	background-image: url('/images/lichtemuur.jpg');
	background-repeat: repeat;
	display: block;
	height: 470px;
	width: 320px;
}

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

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

#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: #000;
	font-size: 11px;	
	display: block;
	padding: 4px 7px;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
	-moz-opacity: .9;
	opacity: .9;
}


.jobs h2 {
	text-transform: uppercase;
	padding: 20px 0;
	display: block;
	font-size: 18px;
	color: #f59621;
	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;
}

.nslist li.current_page_item a {
	background-color: #f59621;

}

.nslist li a:hover {
	color: #f59621 !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('/images/lichtemuur.jpg')
	
		}
		#madeby:hover #madebypopup {
			display: block;
		}