/**
 * Stylesheet for <Leadersclub>
 *
 * @media	screen, projection
 * @copyright	Netlash <http://www.netlash.com>
 * @author	name <johan@netlash.com>
 */

/**
 * = Global reset
 * ----------------------------------------------------------
 */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	}
}

body {
	line-height: 1;
	color: black;
	background: white;
}

ol, ul {
	list-style: none;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}

caption, th, td {
	text-align: left;
	font-weight: normal;
}

/**
 * = Structure
 * ----------------------------------------------------------
 */

body {
	background: black;
	color: white;
	font-family: Arial, sans-serif;
	font-size: 12px;
	line-height: 1.2;
	background: black url(../images/leaders_fond.jpg) no-repeat center 30px;
}

#container {
	width: 960px;
	height: 550px;
	margin: 0 auto;
	position: relative;
}

#branding {
	width: 151px;
	height: 580px;
	background: #000 url(../images/balk.png) no-repeat 0 0;
	margin: 0 50px 0 0;
	float: left;
	line-height: 1 !important;
}

#branding h1 {
	padding: 44px 0 0 0;
	background: url('../images/leaderclublogo.png') no-repeat scroll 0 44px;
	width: 151px;
	height: 177px;
	text-indent: -9000px;
}

#branding h1 a {
	display: block;
	width: 151px;
	height: 177px;
	overflow: hidden;
}

#branding h2 {
	color: #FFCC99;
	text-transform: uppercase;
	font-size: 10px;
	padding: 0 20px 14px;
}

#branding p {
	color: #996633;
	font-size: 10px;
	padding: 0 20px 14px;
}

#main {
	float: left;
	width: 750px;
	overflow: hidden;
}

#content {
	padding: 0 0 7px;
	height: 454px;
}

#footer {
	clear: both;
	position: relative;
}

dl dd input {
	margin: 0 0 8px;
	font-family: Arial;
	font-size: 12px;
	padding: 1px 2px;
}

textarea {
	width: 190px;
	height: 8em;
	font-family: Arial;
	font-size: 12px;
	padding: 1px 2px;
}

#navigation ul,
#navigation form {
	float: left;
	line-height: 1;
	padding: 0;
	margin: 0;
	list-style: none;
	font-size: 10px;
}

#navigation ul.language {
	float: right;
}
#navigation ul.language li#langfirst {
	border: none;
}

#navigation form {
	position: relative;
	bottom: 10px;
}

#navigation {
	height: 30px;
	padding-top: 10px;
	overflow: hidden;
	width: 750px;
	position: relative;
}

#footer ul {
	padding: 0;
	margin: 0;
	list-style: none;
	font-size: 10px;
}

#navigation ul li,
#footer ul li {
	float: left;
	border-left: 1px solid #DDB185;
	color: #DDB185;
}

#footer ul.credits {
	float: right;
	padding-top: 20px;
}

#footer ul.credits li {
	border-left: 1px solid #CC9933;
	color: #CC9933;
}

#footer ul.credits li a {
	color: #CC9933;
	text-transform: none;
}

#navigation ul li.selected a,
#navigation ul li a:hover,
#footer ul.credits li a:hover {
	color: white;
}


#navigation ul li.first,
#footer ul li.first {
	border: none;
}

#navigation ul li a,
#footer ul li a {
	color: #DDB185;
	text-transform: uppercase;
	text-decoration: none;
	padding: 0 5px;
}

div#search input.input-text {
	background: url(../images/inputtext.gif) no-repeat scroll top left;
	width: 162px;
	padding: 0px 0 4px 10px;
	height: 22px;
	border: none;
	font-size: 11px;
	float: left;
	color: #808080;
} /* Fixes for IE6 in IE6 stylesheet */

div#search input.input-text:focus {
	color: black;
}

div#search {
	padding-top: 10px;
	height: 33px;
}

div#search form {
	position: relative;
	left: 500px;
	top: 6px;
}

#content {
	position: relative;
}

div#frame1 {
	background: url(../images/frame1.jpg) no-repeat scroll top left;
	position: absolute;
	left: 0;
	top: 0;
	z-index:3;
}

div#frame2 {
	background: url(../images/frame2.jpg) no-repeat scroll top left;
	position: absolute;
	left: 250px;
	top: 0;
	z-index:2;
}

div#frame3 {
	background: url(../images/frame3.jpg) no-repeat scroll top left;
	position: absolute;
	left: 500px;
	top: 0;
	z-index:1;
}

div.frame {
	width: 250px;
	height: 453px;
	float: left;
	position: relative;
}

div.frame div.framecontent {
	height: 362px;
	overflow-y: auto;
	overflow-x: hidden;
	padding: 20px;
	color: #FFCC99;
}

#frame2 div.framecontent {
	color: #800080;
}

#frame2 div.framecontent a:link,
#frame2 div.framecontent a:visited {
	color: #800080;
}

#frame1.framestretch1 {
	width: 500px;
	z-index: 3000;
}

#frame1.framestretch2 {
	width: 750px;
	z-index: 3000;
}
#frame1.framestretch2 div.framecontent {
	width: 710px;
}

#frame2.framestretch1 {
	width: 500px;
	z-index: 3000;
}

#frame2.framestretch1 div.framecontent {
	position: relative;
	left: -250px;
}

#frame2.framestretch2 {
	width: 500px;
	z-index: 3000;
}

#frame2.framestretch2 div.framecontent {
	width: 460px;
	z-index: 16000;
}

/*#frame2.framestretch3 {
	width: 750px;
	z-index: 13000;
}

#frame2.framestretch3 div.framecontent {
	position: relative;
	left: -250px;
	z-index: 90000;
}
*/
#frame3.framestretch1 {
	width: 500px;
	z-index: 3000;
}

#frame3.framestretch1 div.framecontent {
	position: relative;
	left: -250px;
}

#frame3.framestretch2 {
	width: 750px;
	z-index: 3000;
}

#frame3.framestretch2 div.framecontent {
	position: relative;
	left: -500px;
	width: 710px;
}

div#frame1 div.framecontent {
	background: #CC3399;
}

div#frame2 div.framecontent {
	background: #FF33FF;
}

div#frame3 div.framecontent {
	background: #D65810;
}

div.frame div.frametitle {
	height: 41px;
	width: 250px;
	padding-top: 10px;
	position: absolute;
	bottom: 0;
	z-index: 3000;
}

div.frame div.frametitle h3 {
	font-family: Georgia, serif;
	text-align: center;
	font-weight: 300;
	color: black;
	font-size: 26px;
	text-transform: uppercase;
	letter-spacing: 1px;
}

#container div.frame div.frametitle a {
	text-decoration: none;
	color: black;
}
#container div.frame div.frametitle a:hover {
	text-decoration: none;
	color: white;
}


/**
 * = "Typography"
 * ----------------------------------------------------------
 */

p {
	padding: 0 0 10px;
	font-size: 12px;
}

strong {
	font-weight: 700;
}

em {
	font-style: italic;
}

h1 {
	font-size: 21px;
	padding: 0 0 8px;
	font-family: Georgia, Times, serif;
	letter-spacing: 1px;
}

h2 {
	font-size: 18px;
	padding: 0 0 8px;
	font-family: Georgia, Times, serif;
	letter-spacing: 1px;
}

h3 {
	font-size: 16px;
	padding: 0 0 8px;
	font-weight: 700;
	font-family: Georgia, Times, serif;
}

h4 {
	font-size: 14px;
	padding: 5px 0 3px 0;
	font-weight: 700;
	font-family: Georgia, Times, serif;
}

#frame2 .event h2 a {
	color: black;
}

#frame2 #eventdetail p.title {
	text-transform: uppercase;
	font-weight: 700;
}

#events h2.date, #eventdetail h2.date {
	font-variant: small-caps;
	font-size: 22px;
	color: black;
}

#events p.eventtitle,
#events p.eventtitle a,
#eventdetail p.eventtitle {
	color: black;
	text-decoration: none;
}

ul, ol {
	padding: 0 0 10px 10px;
	margin: 0 0 0 15px;
}

ul ul, ul ol, ol ul {
	padding-bottom: 0;
}

ul li {

}

ul {
	list-style: disc;
}

ol {
	list-style-type: decimal;
}


/**
 * = Postit
 * ----------------------------------------------------------
 */

#postit {
	background: url('../images/postit.png') no-repeat scroll top left;
	width: 227px;
	height: 202px;
	position: absolute;
	top: 241px;
	left: -26px;
	z-index: 100;
	color: black;
}

#postit .postitcontent {
	padding: 22px 20px;
	font-family: Georgia;
	font-size: 12px;
}

#postit .postitcontent a {
	color: black;
}

.postitcontent h4 {
	letter-spacing: 1px;
}

/**
 * = News
 * ----------------------------------------------------------
 */

#news h2 a, #news h2, #events h2 a, #newsdetail h1.newsarticle-title, #eventdetail h1 {
	text-decoration: none;
	color: #000;
	text-transform: uppercase;
}

#news h2, #newsdetail h1.newsarticle-title, #events h2, #eventdetail h1 {
	font-size: 16px;
	padding-bottom: 2px;
}

p.date {
	font-size: 12px;
	text-align: right;
	color: #000;
}

div.newsarticle {
	padding: 0 0 12px;
	border-bottom: 1px solid black;
	margin: 0 0 12px;
}

div.event {
	padding: 0 0 12px;
	border-bottom: 1px solid black;
	margin: 0 0 12px;
}

div.framecontent a:link,
div.framecontent a:visited {
	color: #FFCC99;
}

div.framecontent a:hover,
div.framecontent a:active {
	color: #FFF;
}

/**
 * = Gallery
 * ----------------------------------------------------------
 */

/* Gallery page css */
div.gallerycontent {
	width: 493px;
	float: left;
	overflow: hidden;
}

div.subnavigation {
	width: 193px;
	float: left;
	border-left: 2px solid #A1385B;
	overflow: hidden;
	min-height: 362px;
	height: auto !important;
	height: 362px;
}

div.subnavigation ul {
	list-style: none;
	margin: 0 0 0 2px;
}

div.galleryalbum ul {
	margin: 0;
	padding: 0;
}

div.galleryalbum li {
	float: left;
	list-style: none;
	margin: 0 15px 10px 0;
	width: 107px;
	overflow: hidden;
	background: url(../images/gallerybg.jpg) no-repeat 0 0;
}

div.galleryalbum li a {
	text-decoration: none;
}

div.galleryalbum li img {
	width: 89px;
	height: 66px;
	padding: 8px 9px;
}

div.galleryalbum p {
	font-size: 10px;
	color: black;
	padding: 0 10px;
}

div.galleryimage img {
	max-width: 400px;
}

#galleryimage ul {
	list-style: none;
	position: relative;
	padding: 0 0 12px;
	margin: 0;
}

#content #galleryimage ul li.previousimage {
	position: absolute;
	left: 5px;
	top: 0;
}

#content #galleryimage ul li.nextimage {
	position: absolute;
	right: 5px;
	top: 0;
}

#content #galleryimage ul li.currentimage {
	margin: 0 auto;
	width: 90px;
	text-align: center;
}

div.error-report {
	font-weight: 700;
	color: white;
}

/**
 * = #slideshow
 * ----------------------------------------------------------
 */

#slideshow {
	position: absolute;
	left: 701px;
	top: 83px;
	z-index: 3000;
}

/**
 * = #footerlogos
 * ----------------------------------------------------------
 */

#footerlogos {
	width: 941px;
	height: 130px;
	position: absolute;
	left: 0;
	bottom: -180px;
	text-align:center;
}

#footerlogos a.artiosi {
	display: block;
	width : 103px;
	height : 60px;
	float: left;
	background-image : url(../images/footer/artiosi.gif);
}

#footerlogos a.artiosi:hover {
	background-image : url(../images/footer/artiosi_hover.gif);
}

#footerlogos a.lavazza {
	display: block;
	width : 109px;
	height : 60px;
	float: left;
	background-image : url(../images/footer/lavazza.gif);
}

#footerlogos a.lavazza:hover {
	background-image : url(../images/footer/lavazza_hover.gif);
}

#footerlogos a.duvel {
	display: block;
	width : 103px;
	height : 60px;
	float: left;
	background-image : url(../images/footer/duvel.gif);
}

#footerlogos a.duvel:hover {
	background-image : url(../images/footer/duvel_hover.gif);
}

#footerlogos a.duni {
	display: block;
	width : 81px;
	height : 60px;
	float: left;
	background-image : url(../images/footer/duni.gif);
}

#footerlogos a.duni:hover {
	background-image : url(../images/footer/duni_hover.gif);
}

#footerlogos a.levens {
	display: block;
	width : 151px;
	height : 60px;
	float: left;
	background-image : url(../images/footer/levens.gif);
}

#footerlogos a.levens:hover {
	background-image : url(../images/footer/levens_hover.gif);
}

#footerlogos a.chaudfontaine {
	display: block;
	width : 195px;
	height : 60px;
	float: left;
	background-image : url(../images/footer/chaudfontaine.gif);
}

#footerlogos a.chaudfontaine:hover {
	background-image : url(../images/footer/chaudfontaine_hover.gif);
}

#footerlogos a.johnniewalker {
	display: block;
	width : 199px;
	height : 60px;
	float: left;
	background-image : url(../images/footer/johnniewalker.gif);
}

#footerlogos a.johnniewalker:hover {
	background-image : url(../images/footer/johnniewalker_hover.gif);
}

#footerlogos a.mise_en_place {
	display: block;
	width : 181px;
	height : 50px;
	float: left;
	background-image : url(../images/footer/miseenplace.gif);
}

#footerlogos a.mise_en_place:hover {
	background-image : url(../images/footer/miseenplace_hover.gif);
}

#footerlogos a.hanos {
	display: block;
	width : 186px;
	height : 50px;
	float: left;
	background-image : url(../images/footer/hanos.gif);
}

#footerlogos a.hanos:hover {
	background-image : url(../images/footer/hanos_hover.gif);
}

#footerlogos a.diningcity {
	display: block;
	width : 120px;
	height : 43px;
	float: left;
	background-image : url(../images/footer/diningcity.jpg);
}

#footerlogos a.diningcity:hover {
	background-image : url(../images/footer/diningcity_hover.jpg);
}

#footerlogos a.ispc {
	display: block;
	width : 130px;
	height : 42px;
	float: left;
	background-image : url(../images/footer/ispc.jpg);
}

#footerlogos a.ispc:hover {
	background-image : url(../images/footer/ispc_hover.jpg);
}

#footerlogos a.acerta {
	display: block;
	width : 130px;
	height : 37px;
	float: left;
	background-image : url(../images/footer/acerta.jpg);
}

#footerlogos a.acerta:hover {
	background-image : url(../images/footer/acerta_hover.jpg);
}
/* American Express*/

#footerlogos a.ae {
	display: block;
	width : 60px;
	height : 53px;
	float: left;
	background-image : url(../images/footer/american_express.jpg);
}

#footerlogos a.ae:hover {
	background-image : url(../images/footer/american_express_hover.jpg);
}

/* Friesland campina*/

#footerlogos a.frieslandcampina {
	display: block;
	width : 120px;
	height : 51px;
	float: left;
	background-image : url(../images/footer/frieslandcampina.png);
}

#footerlogos a.frieslandcampina:hover {
	background-image : url(../images/footer/frieslandcampina_hover.png);
}


/* Cinoco group*/

#footerlogos a.cinoco {
	display: block;
	width : 95px;
	height : 40px;
	float: left;
	background-image : url(../images/footer/cinoco.jpg);
	margin-top:4px;
}

#footerlogos a.cinoco:hover {
	background-image : url(../images/footer/cinoco_hover.jpg);
	margin-top:4px;
}


/* party rent*/

#footerlogos a.partyrent {
	display: block;
	width : 80px;
	height : 36px;
	float: left;
	background-image : url(../images/footer/partyrent.jpg);
	margin-top:8px;
}

#footerlogos a.partyrent:hover {
	background-image : url(../images/footer/partyrent_hover.jpg);
	margin-top:8px;
}

/* bacardi*/

#footerlogos a.bacardi {
	display: block;
	width : 120px;
	height : 30px;
	float: left;
	margin-left:10px;
	background-image : url(../images/footer/bacardi.jpg);
	margin-top:8px;
}

#footerlogos a.bacardi:hover {
	background-image : url(../images/footer/bacardi_hover.jpg);
	margin-top:8px;
	margin-left:10px;
}

/* martini*/

#footerlogos a.martini {
	display: block;
	width : 90px;
	height : 43px;
	float: left;
	margin-left:10px;
	background-image : url(../images/footer/martini.jpg);
	margin-top:8px;
}

#footerlogos a.martini:hover {
	background-image : url(../images/footer/martini_hover.jpg);
	margin-top:8px;
	margin-left:10px;
}

/* Coca Cola*/

#footerlogos a.cocacola {
	display: block;
	width : 100px;
	height : 33px;
	float: left;
	margin-left:10px;
	background-image : url(../images/footer/cocacola.jpg);
	margin-top:8px;
}

#footerlogos a.cocacola:hover {
	background-image : url(../images/footer/cocacola_hover.jpg);
	margin-top:8px;
	margin-left:10px;
}

/* Food Inspiration*/

#footerlogos a.food_inspiration {
	display: block;
	width : 120px;
	height : 64px;
	float: left;
	margin-left:10px;
	background-image : url(../images/footer/food_inspiration.jpg);
	margin-top:0px;
}

#footerlogos a.food_inspiration:hover {
	background-image : url(../images/footer/food_inspiration_hover.jpg);
	margin-top:0px;
	margin-left:10px;
}

/* Nestlé*/

#footerlogos a.nestle {
	display: block;
	width : 110px;
	height : 50px;
	float: left;
	margin-left:10px;
	background-image : url(../images/footer/nestle.jpg);
	margin-top:8px;
}

#footerlogos a.nestle:hover {
	background-image : url(../images/footer/nestle_hover.jpg);
	margin-top:8px;
	margin-left:10px;
}







/* Facebook*/

a.facebook {
	margin-top:350px;
	display: block;
	width : 80px;
	height : 25px;
	float: left;
	background-image : url(../images/facebook_logo.jpg);
}

a.facebook:hover {
	background-image : url(../images/facebook_logo_hover.jpg);

}

#facebook {

	width: 227px;
	height: 100px;
	position: absolute;
	top: 450px;
	left: -26px;
	z-index: 100;

}



/**
 * = Clearfix
 * ----------------------------------------------------------
 * @see http://www.positioniseverything.net/easyclearing.html
 */

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}