body
 {
  margin: 0;
  padding: 0;

  background-image: url('../images/background.png');

  font-family: Arial;
  font-size: 12px;
 } 

image
 {
  border: 0;
 }

h1
 {
  font-family: 'Montserrat', sans-serif;
  font-size: 24px;
  font-weight: 400;
  text-transform: uppercase;
  padding: 0;
  margin: 3px;
 }

h2
 {
  font-family: 'Montserrat', sans-serif;
  font-size: 18px;
  font-weight: 400;
  text-transform: uppercase;
 }

h3
 {
  text-transform: uppercase;
  margin: 3px;
 }
 
h4
 {
  font-family:'Montserrat', sans-serif;
  font-weight: 500;
  font-size: 14px;
 }

a
 {
  border: 0;
 }

#container
 {
  width:  780px;
  height: 600px;
  margin: 0 auto;
  background-color: white;
  padding-top:      134px;
  margin-top:       -134px;
  clear:            both;
 }

#artcontainer
 {
  width: 780px;
  margin: 0 auto;
 }

#art
 {
  background-image: url('../images/bg.png');
  background-repeat: no-repeat;
  z-index: 2;

  width: 385px;
  height: 110px;

  position: absolute;
  margin-top: -4px;
  margin-left: -135px;

 }

#art2
 {
  background: url('../images/bg.png') 0px -110px no-repeat;
  z-index: 2;

  width: 203px;
  height: 80px;

  position: absolute;
  margin-top: 104px;
  margin-left: -135px;

 }

#art3
 {
  background: url('../images/bg.png') 0 -190px no-repeat;
  z-index: 2;

  width: 170px;
  height: 315px;

  position: absolute;
  margin-top:  184px;
  margin-left: -135px;

 }

#art4
 {
  background: url('../images/bg.png') 0 -505px no-repeat;
  z-index: 2;

  width: 470px;
  height: 200px;

  position: absolute;
  margin-top:  499px;
  margin-left: -135px;
 }

#header
 {
  width: 840px;
  height:134px;

  margin: 0 auto;
  top: 10px;
  position: relative;
  z-index:  1;
 }


#logo
 {
  background-image: url('../images/logo2.png');
  background-repeat: no-repeat;
  width:840px;
  height: 134px;
 }

a
 {
  padding-top: 6px;
 }

a.button
 {
  width: 150px;
  height: 27px;
  background-image: url('../images/button2.png');
  background-repeat: no-repeat;
  background-position: top;
  display: block;
  text-align: center;
  font-weight: bold;
  text-shadow: black 1px 1px 1px;
  color: white;
  text-decoration: none;
  font-size: 12px;
 }

a.button:hover
 {
  background-position: bottom;
 }

.menu
 {
  width: 550px;
  float: right;

  padding-top: 5px;
  padding-right:60px;

 }

.menu ul
 {
  float: right;
  margin-top: 15px;
  margin-bottom: 0px;
 }

.menu li
 {
  display: inline;
 }

.menu a
 {
  font-family: Montserrat;
  font-size: 18px;
  font-weight: 400;
  color: black;
  text-decoration: none;
  text-transform: uppercase;



  float: left;
  padding-right: 8px;

  background: url('../images/square.png') no-repeat;
  padding-left: 20px;
  padding-top: 0px;
 }

.menu a:hover
 {
  text-decoration: underline;
 }


#content
 {
  width: 100%;
  height: 470px;

  float: left;
 }

#slider
 {
  width: 660px;
  margin: auto;
 }

.slides > li > a
 {
  position: absolute;
  left: 450px;
  bottom: 20px;
 }

#content > hr
 {
  width: 650px;
  height: 1px;
  color: #ececec;
  background-color: #ececec;
  border: 0;
 }

#content .text
 {
  width: 100%;
  padding-left: 50px;
  overflow: auto;
 }

#wall
 {
  width: 650px;
  height: 400px;

  margin: 0 auto;
  margin-top: 60px;
  overflow: auto;
 }

#wall img
 {
  float: left;
  width: 100px;

  padding: 2px;
 }
 
#wall img:hover
 {
  ;
 }


#media
 {
  width: 650px;
  height: 400px;
  margin: 0 auto;
  margin-top: 60px;
 	overflow-y:	 scroll;
 	overflow-x:	 hidden;
 }

#folifi
 {
  position: absolute;
  margin-left: -20px;
  margin-top: 20px;
  width: 700px;
 }

#folifi img
 {
  margin-left: 5px;
 }
 
#folifi div
 {
  margin-left: 60px;
 }

#folifi div a
 {
  float: left;
  margin-right: 100px;
  text-decoration: none;
  color: black;
 }
 
#folifi div a:hover
 {
  text-decoration:underline;
 }

#flickr
 {
  float: left;
  height: 350px;
  overflow: auto;
 }

#liedjes h3
 {
  float: right;
 }


#liedjes a
 {
  text-decoration: none;
  color: #000000;
 }

#liedjes a:hover
 {
  text-decoration: underline;
  color: #f05a23;
 }


#liedjes p
 {
  font-size: 18px;
  width: 400px;
 }


#hoesje
 {
 width: 150px;
 }

#hoesje img
 {
  margin-bottom: 5px;
 }
 
.mp3
 {
  width: 10px;
  color: white;
  font-size: 2px;
  margin-left: 40%;
 }

#content .text > div
 {
  margin-top: 5px;
  min-height: 280px;
  width: 180px;
  text-align: left;
  float: left;
  padding-left: 20px;
  padding-right: 30px;
  margin-bottom: 40px;
  border-right: 1px solid #ececec;
 }

#content .text > div:last-child
 {
  border: 0;
 }

.tweet
 {
  margin-bottom: 0px;
 }


#footer
 {
  width: 100%;
  height: 115px;

  float: right;

  background-color: #dadada;

 }

#footer_img
 {
  width: 112px;
  height: 131px;

  background-image: url('../images/toeteroet.png');
  background-repeat: no-repeat;
  display: block;
  float:   right;
  margin-top: -16px;

 }


#social
 {
  width: 280px;
  margin: 0;
  padding: 0;
  margin-left: 370px;

 }

#social h1
 {
  margin-bottom: 0px;
 }

#social ul
 {
  list-style-type: none;
  float: left;
  width: 335px;
  margin-top: 0px;
  margin-bottom: 3px;
  padding-left:0px;
 }

#social li
 {
  display: inline;
 }

#social a
 {
  float: left;
  padding-right: 12px;
  text-decoration: none;
  color: black;
  border: 0px;
 }
 
.fb-like
 {
  position: absolute;
  margin-top: -50px;
  margin-left: 180px;
  width: 100px;
  height: 20px;
  border: 1px solid black;
  display: block;
 }

.hondenbaan
 {
  display: block;
  position: relative;
  bottom: 45px;
  margin-left: 630px;
  color: #dadada;
  font-size: 1px;
 }

#rn
 {
  background: url('../images/rn.png') no-repeat;
  display: block;
  width: 26px;
  height: 30px;
  position: relative;
  left: 753px;
  bottom: 90px;
 }
 
.flickrGalleryCntr {
	width:	650px;
	}


.flickrGalleryAlbum {
	width:	 150px;
	height:	 150px;
	margin:	 5px;
	padding:	 0;
	float:	 left;
	
	position:	relative;
}

.flickrGalleryAlbum h3 {
	position:	 absolute;
	bottom:				0;
	color:	 #ffffff;
}

.flickrGalleryAlbum span {
	display:	 none;
}

.flickrGalleryImageMenu {
	position:	 relative!important;
}

.flickrGalleryImageView {
	width:	 650px;
	display:	table-cell;
	text-align:	center;
}

.flickrGalleryImageView img {
	margin:	 0 auto;
	height:	 330px;
}


.tweet_list li {
	padding:	 0em;
	padding-bottom:	 .5em;
}

.flickrGalleryImageMenuButtonsGallery {
	margin-right:	 20px;
}

.jub-menu {
	float:	 right; 
	margin:	 0px; 
	padding-bottom:	 10px;
	padding-left:	 30px;
	padding-right:	 10px;
	color:	 #ffffff;
}

.jub-menu > li {
	background-color:	 #818181;
	padding:	 5px;
	margin-top:	 2px;
}

.jub-menu > li > a {
	color:	 #ffffff;
	text-decoration:	 none;
}

.jub-menu > li > a:hover {
	color:	 #ed682e;
	
}