/* ----------------------------------------------
	BASISSETTING, positionering                               
	____________________________________________ 
html {
	margin: 0;
	padding: 0;
}*/
	
body {
	background: #000000;
	padding: 0;
	margin: 0;
	color: #666;
	font: 11px Trebuchet MS;
}

#container {
	border:1px solid #FFFFFF;
	position: relative;
	width: 798px;
	margin: 0 auto;
	margin-top:1em;
}

#container_bumper {
	border:1px solid #FFFFFF;
	position: relative;
	width: 708px;
	margin: 1em auto;
}

#header {
	height:106px;
	border-bottom: 1px solid #FFFFFF;
	border-top: 1px solid #FFFFFF;
	width: 798px;
	margin: 0;	
}

#menu {
	width: 798px;
	height: 45px;
	background-image:url(../images/menu.gif);
}

#logo {
	width: 794px;
	height: 83px;
	text-align: right;
	font-family: Myriad, Arial, Verdana, "Sans Serif";
	font-size: 10px;
	font-weight: none;
	padding-right: 4px;
	color:#777777 ;
	background-image:url(../images/logo.gif);
}

/* ----------------------------------------------
	BUMPERPAGINA EIGENSCHAPPEN                              
	____________________________________________ */

#blokken{
	float:left;
	padding:0px;
	margin:0px;
	text-align:center;
	margin-left: 95px;
}

#blokken2{
	padding-top:0px;
	margin:0px;
	float:left;
	margin-left: 10px;
}

#blokken ul {
	padding: 0px;
	margin: 0px;
	list-style: none;
}

#blokken li {
	padding:0px;
	margin:0px;
  	display: inline;
  	float: left;
  	padding-right: 30px;
	padding-left: 30px;
 	position: relative;
}

#blokken2 ul {
	padding: 0px;
	margin: 0px;
	list-style: none;
}

#blokken2 li {
  	display: inline;
  	float: left;
  	padding-right: 30px;
	padding-left: 30px;
 	position: relative;
}


/* ---------------------------------------------- */

#blokken li.sms a {
	width:108px;
	height:109px;
	display: inline;	
	float: left;
	position: relative;
	background-image:url(../images/singlemaltseasons_2.jpg);
	background-repeat:no-repeat;
}

#blokken li.sms a:hover{
	display: inline;
	float: left;
	position: relative;
	background-image:url(../images/singlemaltseasons.jpg);
	background-repeat:no-repeat;
}

/* ---------------------------------------------- */

#blokken li.wi a {
	width:108px;
	height:109px;
	display: inline;	
	float: left;
	position: relative;
	background-image:url(../images/whiskyinvestments_2.jpg);
	background-repeat:no-repeat;
}

#blokken li.wi a:hover{
	display: inline;
	float: left;
	position: relative;
	background-image:url(../images/whiskyinvestments.jpg);
	background-repeat:no-repeat;
}

/* ---------------------------------------------- */

#blokken li.wp a {
	width:108px;
	height:109px;
	display: inline;	
	float: left;
	position: relative;
	background-image:url(../images/whiskyproeverijen_2.jpg);
	background-repeat:no-repeat;
}

#blokken li.wp a:hover{
	display: inline;
	float: left;
	position: relative;
	background-image:url(../images/whiskyproeverijen.jpg);
	background-repeat:no-repeat;
}

/* ---------------------------------------------- */

#blokken li.wg a {
	width:108px;
	height:109px;
	display: inline;	
	float: left;
	position: relative;
	background-image:url(../images/whiskygala1_2.jpg);
	background-repeat:no-repeat;
}

#blokken li.wg a:hover{
	display: inline;
	float: left;
	position: relative;
	background-image:url(../images/whiskygala1.jpg);
	background-repeat:no-repeat;
}

/* ---------------------------------------------- */

#blokken2 li.we a {
	width:108px;
	height:109px;
	display: inline;	
	float: left;
	position: relative;
	background-image:url(../images/whiskyevents_2.jpg);
	background-repeat:no-repeat;
}

#blokken2 li.we a:hover{
	display: inline;
	float: left;
	position: relative;
	background-image:url(../images/whiskyevents.jpg);
	background-repeat:no-repeat;
}

/* ---------------------------------------------- */

#blokken2 li.wwi a {
	width:108px;
	height:109px;
	display: inline;	
	float: left;
	position: relative;
	background-image:url(../images/worldwhiskyi_2.jpg);
	background-repeat:no-repeat;
}

#blokken2 li.wwi a:hover{
	display: inline;
	float: left;
	position: relative;
	background-image:url(../images/worldwhiskyi.jpg);
	background-repeat:no-repeat;
}

/* ---------------------------------------------- */

#blokken2 li.wee a {
	width:108px;
	height:109px;
	display: inline;	
	float: left;
	position: relative;
	background-image:url(../images/w_events_2.jpg);
	background-repeat:no-repeat;
}

#blokken2 li.wee a:hover{
	display: inline;
	float: left;
	position: relative;
	background-image:url(../images/w_events.jpg);
	background-repeat:no-repeat;
}

/* ---------------------------------------------- */

#blokken2 li.wa a {
	width:108px;
	height:109px;
	display: inline;	
	float: left;
	position: relative;
	background-image:url(../images/whiskyagenda_2.jpg);
	background-repeat:no-repeat;
}

#blokken2 li.wa a:hover{
	display: inline;
	float: left;
	position: relative;
	background-image:url(../images/whiskyagenda.jpg);
	background-repeat:no-repeat;
}

/* ---------------------------------------------- */

#blokken li.sp a {
	width:108px;
	height:109px;
	display: inline;	
	float: left;
	position: relative;
	background-image:url(../images/smaakprofiel_2.jpg);
	background-repeat:no-repeat;
}

#blokken li.sp a:hover{
	display: inline;
	float: left;
	position: relative;
	background-image:url(../images/smaakprofiel.jpg);
	background-repeat:no-repeat;
}

/* ----------------------------------------------
	Linkjes op bumper pagina                               
	____________________________________________ */
a.bumperLink {
	font-size:9px;
	color:#939393;
	padding-top:120px;
	text-align:center;
}

a.bumperLink:hover {
	font-size:9px;
	color:#FFF;
	padding-top:120px;
	text-align:center;
}

/* ----------------------------------------------
	CONTENT LINKS EN RECHTS                               
	____________________________________________ */
	
#content{
	padding: 0px;
	margin: 0px;
	clear: none;
	float: left;
	overflow: visible;
	background-image:url(../images/achtergrond.gif);
}	

#contentrechts{
	padding-top: 8px;
	padding-left: 8px;
	padding-right: 8px;;
	margin: 0;
	width: 365px;
	clear: none;
	float: left;
	overflow: visible;
}	

#contentrechts2{
	padding-top: 0px;
	padding-left: 1px;
	padding-right: 0px;;
	margin: 0;
	width: 380px;
	clear: none;
	float: left;
	overflow: visible;
	color: #FFFFFF;
	background: #000000;
}	

.flesdetail{
	padding-top: 330px;
	padding-left: 15px;
	background-repeat:no-repeat;


}

#contentlinks {
	width: 417px;
	clear: left;
	float: left;
}

#clearer {
	background-color:#F26100;
	text-align:right;
	clear: both; 
	height: 14px; 
	padding: 0;
	margin: 0;
}

#clearer a, #clearer a:hover{
	padding:0;
	margin:0;
	color:#FFF;
	font-size:9px;
	padding-right:5px;
}

span.copyright {
	color:#FFF;
	font-size:10px;
}

/* ----------------------------------------------
	VOOR DE PAGINA'S DIE DE VOLLEDIGE
	BREEDTE BENUTTEN                          
	____________________________________________ */
#contentNoBG{
	padding: 0px;
	margin: 0px;
	clear: none;
	float: left;
	overflow: visible;
}		

#contentVolledig{
	text-align: center;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;;
	margin: 0;
	width: 782px;
	clear: none;
	float: left;
	overflow: visible;
}	


/* ----------------------------------------------
	ALTERNATIEF MENU - FOOTER                               
	____________________________________________ */
	
#Footermenu a{
	color:#7C7C7C;
}

#Footermenu a:hover{
	color:#A1A1A1;
}

/* ----------------------------------------------
	KOP BOVEN: 	- ANIMATIE HOMEPAGE 
				- KAART DESTILLEERDERIJEN	                             
	____________________________________________ */

#specialKopDestilleer {
	font-family:  Times, Trebuchet MS, Myriad, Arial, Verdana, "Sans Serif";
	border-top:20px solid #FEDBA1;
	background-color:#F09535;
	color:#F5EFEC;
	font-size:20px;
	margin:0;
	padding:0;
	width: 417px;
}

#specialKop {
	background:url(../images/bg_grijs_boven_animatie.gif);
	color:#000;
	font-size:20px;
	margin:0;
	padding:0;
	width: 417px;
}

/* 	KADO VERPAKKING
	---------------
	niet in firefox getoond
 */
#cadeauverpakking {
	display:none;
}

*html #cadeauverpakking{ 
	display:block;
	width:103px; 
	height:250px;
	position:absolute;
	left:325px;	
	margin-top:23px;
	z-index:50;
}

.cadeauverpakking_transparant {
	position:absolute;
	border-width:	0px;
	behavior: 		url("css/pngbehavior.htc");
}

/* ----------------------------------------------
	SLIJTERIJEN PAGINA                               
	____________________________________________ */
	
#specialKopslijter {
	font-family:  Times, Trebuchet MS, Myriad, Arial, Verdana, "Sans Serif";
	background-color:#F09535;
	color:#F5EFEC;
	font-size:20px;
	margin:0;
	padding:0;
	width: 417px;
}

#slijters{
	background:url(../images/slijters.jpg);
	height:645px;
	border-bottom:20px solid #F09535;
	padding-top:15px;
}

#slijterslijst {
	filter:alpha(opacity=75);
	-moz-opacity:0.75;
	opacity: 0.75;
	background-color: #FFFFFF;
	float: right;
	width: 400px;
	line-height: 17px;
	padding-left: 17px;
	margin-top:0px;
}

#slijter_algemeen {
	width: 365px;
}

#algemeen_tekst{
	width: 200px;
	float:left;
}

#algemeen_foto{
	width: 150px;
	float:right;
}

#rechts{
	width: 360px;
	float:right;
}

#links{
	width: 160px;
	float:left;
}

#algemeen_aanvullend{
	width: 365px;
}

.foto{
	width: 80px;
	height:85px;
	float:left;
	padding:5px;
	padding-top:5px;
	padding-bottom:0px;	
}

#activiteiten{

	width: 360px;
	border: 1px solid #CCCCCC;
	padding-left:5px;
	margin-bottom: 5px;
	background-color: #F1F1F1;
}

.dagen {	
	margin-left: 10px;
	color: #F26100;
	width:30px;
	float:left;
}

.rand{
	border: 1px solid #CCCCCC;


}
#bord{
	width: 360px;
	float:left;
	border: 1px solid #CCCCCC;
	background-color: #D0713D;
}

/* ----------------------------------------------
	CONTENT SETTINGS                               
	____________________________________________ */
	
h1, .kop1 {
	font-family:  Trebuchet MS, Myriad, Arial, Verdana, "Sans Serif";
	font-size: 23px;
	font-weight: bold;
	color: #F26100;
	margin-bottom: 5px;
	margin-top: 5px;
}

h2, .kop2 {
	font-family:  Trebuchet MS, Myriad, Arial, Verdana, "Sans Serif";
	font-size: 20px;
	font-weight: bold;
	color: #F26100;
	margin-bottom: 5px;
	margin-top: 5px;
}

h3, .kop3 {
	font-family:  Trebuchet MS, Myriad, Arial, Verdana, "Sans Serif";
	font-size: 17px;
	font-weight: bold;
	color: #000;
	margin-bottom: 5px;
	margin-top: 5px;
}

h4, .kop4 {
	font-family:  Trebuchet MS, Myriad, Arial, Verdana, "Sans Serif";
	font-size: 13px;
	font-weight: bold;
	color: #F26100;
	margin-bottom: 5px;
	margin-top: 5px;
}

h5, .kop5 {
	font-family:  Trebuchet MS, Myriad, Arial, Verdana, "Sans Serif";
	font-size: 12px;
	font-weight: bold;
	color: #F26100;
	margin-bottom: 5px;
	margin-top: 5px;
}

h6, .kop_Oranje {
	font: 11px Trebuchet MS;
	font-weight: bold;
	color: #F26100;
	margin-bottom: 0px;
	margin-top: 0px;
}

.Small {
	font: 10px Trebuchet MS;
	font-weight: normal;
	color: #000;
	margin-bottom: 0px;
	margin-top: 0px;
}

p {
	margin-left: 15px;
}

hr {
	color:#232427;
	height:0;
}

a {
	font-family: Myriad, Arial, Verdana, "Sans Serif";
	font-size: 11px;
	text-decoration: none;
	color: #F26100;
}	
a:hover{
	font-family: Myriad, Arial, Verdana, "Sans Serif";
	font-size: 11px;
	text-decoration: underline;
	color: #FFB17D;

}


a.slijt_link {
	font-family: Myriad, Arial, Verdana, "Sans Serif";
	font-size: 12px;
	font-weight: regular;
	text-decoration: none;
	color: #CA5100;
}	
a.slijt_link:hover{
	font-family: Myriad, Arial, Verdana, "Sans Serif";
	font-size: 12px;
	font-weight: regular;
	text-decoration: underline;
	color: #333333;

}