/********************************************************************************
	         Body
********************************************************************************/
body {
   background: #000;
   color: #000; 
   font-size: 12px; 
   font-family:"Verdana";
}

#wrapper {
	width: 1000px;
	position: relative;
	top:15px; 
	margin: 0px auto; 
	height: 620px;
	background-image: url(images/bg-hout.jpg);
}

#wrapper-b {
	width: 1000px;
	position: relative;
	top:15px; 
	margin: 0px auto; 
	height: 620px;
}

#main {
   width: 1000px;
   height: 508px;
   padding-top: 10px;
}

#main-b {
   background-color: #000;
   width: 1000px;
   height: 508px;
   padding-top: 10px;
}

#maincontent {
	width: 465px;
	height: 422px;
	background-color: #fff;
	position: absolute;
	left: 218px;
	top:137px;
	overflow-y:auto;
	overflow-x: hidden; 
	padding-top: 25px; 
	padding-left: 40px;
	padding-right: 40px;
	padding-bottom: 10px; 
}

#content {
	width: 465px;
	height: 438px;
	background-color: #fff;
	position: absolute;
	left: 218px;
	top:132px;
	overflow-y:auto;
	overflow-x: hidden; 
	padding-top: 5px; 
	padding-left: 40px;
	padding-right: 40px;
	padding-bottom: 10px; 
}

#content-splash {
	width: 465px;
	height: 422px;
	position: absolute;
	left: 218px;
	top:72px; 
	padding-top: 0px; 
	padding-left: 40px;
	padding-right: 40px;
	padding-bottom: 10px;
}


/* Default font settings. 
   The font-size percentage is of 16px. (0.75 * 16px = 12px)
***************************************/
h1,h2,h3,h4,h5,h6 { 
  color: #592575; 
}


/* SlipFire created typography classes
***************************************/

.medium { font-size: 1em; line-height: 2.1875em;}

.center {text-align:center;}

.byline{ font-size: .8em; line-height: 1em;}

.timestamp{ font-size: .8em; line-height: 1.2em;}

.commentnum{ font-size: .8em; line-height: 1.2em;}

.incategory{ font-size: 1em; line-height: 1.2em;}


hr {
	background-color: black;
}


/********************************************************************************
               Text Elements and Lists
********************************************************************************/

a { color: #592575;  
	text-decoration: none; }

/* Removes unwanted link decoration
***************************************/
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a, p a, .nolink, .tabbertab a, .icon, a img{
   border: none !important;
   text-decoration:none !important;
   color: #907ba6;
}


a:focus, a:hover { 
	color: #592575;
	text-decoration: none;
}

/* Removes unwanted hover decoration
***************************************/
a.nohover:hover  { background: none;}


li { 
	list-style: disc inside ;
	color: #592575;

}

.fancybullet li {
    list-style: none;
	background: url(images/bullet.gif) no-repeat top left;
	padding: 0px 0px 5px 18px;
    margin: 0px 0px 0px 0px;
}


/********************************************************************************
                Images
********************************************************************************/

.alignright { float: right !important; margin:10px 0px 10px 10px !important; border: none; }
.alignleft { float: left ; margin:0px 10px 10px 0px; border: none;}
.aligncenter { border: none;}


/********************************************************************************                                                  
                          SLIPFIRE CREATED FOR WORDPRESS                                                   
********************************************************************************/
#header {
	width: 1000px;
	height: 76px;
	background-image: url(images/headline.png);
	background-repeat: no-repeat;
}

#header-none {
	width: 1000px;
	height: 60px;
	margin-top:-14px;
}

#kat {
	background-image: url(images/kat.png);
	width: 181px;
	height: 455px;
	position: absolute;
	left: 20px;
	top:130px;
}

/********************************************************************************
                Navbar
********************************************************************************/
#bg-navbar {
	width: 1000px;
	height: 26px;
	position: absolute;
	top:80px;
	left: 0px;
	background-color: #000;
}

#navbar {
   position: absolute;
   left: 270px;
   top:76px;
}

#navbar li {
   display: inline;
   list-style-type: none;
}


#navbar ul {
   display: inline;
   margin: 0px;
   padding: 0px;
}


.home {
	display: block;
	background-image: url(images/menu/home.jpg);
	background-repeat: no-repeat;
	width: 29px;
	height: 15px;
	position: absolute;
	top:10px;
	left:-50px;
}

.bio {
	display: block;
	background-image: url(images/menu/bio.jpg);
	background-repeat: no-repeat;
	width: 17px;
	height: 15px;
	position: absolute;
	top:10px;
	left:20px;
}

.products {
	display: block;
	background-image: url(images/menu/products.jpg);
	background-repeat: no-repeat;
	width: 120px;
	height: 15px;
	position: absolute;
	top:10px;
	left:82px;
}

.team {
	display: block;
	background-image: url(images/menu/team.jpg);
	background-repeat: no-repeat;
	width: 31px;
	height: 15px;
	position: absolute;
	top:10px;
	left:247px;
}

.media{
	display: block;
	background-image: url(images/menu/media.jpg);
	background-repeat: no-repeat;
	width: 34px;
	height: 15px;
	position: absolute;
	top:10px;
	left:325px;
}

.links {
	display: block;
	background-image: url(images/menu/links.jpg);
	background-repeat: no-repeat;
	width: 30px;
	height: 15px;
	position: absolute;
	top:10px;
	left:409px;
}

.contact {
	display: block;
	background-image: url(images/menu/contact.jpg);
	background-repeat: no-repeat;
	width: 49px;
	height: 15px;
	position: absolute;
	top:10px;
	left:488px;
}

/********************************************************************************
                Sidebar
********************************************************************************/

#sidebar{
	width: 203px;
	position: absolute;
	left: 780px;
	top:127px;
}

#sidebar-beer{
	width: 203px;
	position: absolute;
	left: 780px;
	top:141px;
}

#nieuws {
	background-image: url(images/bg-nieuws.png);
	background-repeat: no-repeat;
	width: 213px;
	height: 132px;
	position: absolute;
	top:5px;
	padding-top: 35px;
	margin-right: 5px;
	line-height: 16px;
}

#nieuws ul {
	margin-left: -18px;
}

#nieuws a:hover{
	color: #fff;
}

.archief{
	position: absolute;
	top:115px;
	left:20px;
}

#nieuw-product{
	position: absolute;
	top:159px;
}

#beerbuddies{
	position: absolute;
	top:320px;
}

/********************************************************************************
                Footer
********************************************************************************/

#footer {
   width: 1000px;
   text-align: left;
   font-weight: normal;
   color:#fff;
   font-size:9px;
   position: absolute;
   top:630px;
}

#footer-beer {
   width: 1000px;
   text-align: left;
   font-weight: normal;
   color:#fff;
   font-size:9px;
   position: absolute;
   top:645px;
}

#footer-copyright {
	position: absolute;
	left: 710px;
	text-align: right;
	color: #fff;
}

#footer-copyright a {
	color: #fff;
}

#footer-copyright a:hover{
	color: #009447;
}

#icons {
	position: absolute;
	height: 20px;
	width: 100px;
}

.twitter-icon {
position: absolute;
left: 0px;
top:0px;
}

.hyves-icon {
position: absolute;
left: 30px;
top:0px;
}