/*
Website : http://rockabeppie.nl
CSS : Cool 64 Webdesign - Yvonne Gerritsma
E-mail: info@cool64webdesign.nl
WWW: http://cool64webdesign.nl
*/
* {
	padding: 0;
	margin: 0;
	}
body {
 	background-color: #000000;
 	text-align: center;
}
#scherm{
 	margin: 0 auto 0 auto;
 	width: 810px;
   	height: auto;
	text-align: left;
}
img{
	border: none;
	padding: 8px;
}
#header {
	width: auto;
	height: 186px;
	background-image:url(img/wb1c.gif);
	background-repeat:no-repeat;
}
#party {
	float: right;
	width: 670px;
	height: 30px;
 	top: 3px;
 	left: 0px;
 	/*background-image:url(img/paghd.gif);
	background-repeat:no-repeat;*/
	text-align: center;
	}

#menu {
	float: left;
	width: 120px;
	height: 840px;
 	top: 0px;
 	left: 0px;
 	background-color: #000000;
 	padding: 5px;
 	margin-right:5px;
	}

a.buttonlink:link{
 display: block;
 background-image: url('img/button.jpg');
 background-repeat: no-repeat;
 text-align: center;
 line-height: 18px;
 height: 20px;
 width:100px;
 text-decoration: none;
 font-size: 12px;
 font-family: arial;
 font-weight: bold;
 color: #ffffff;
}
a.buttonlink:hover, a.buttonlink:visited{
    color: #FAC04C;  
    text-decoration: none; 
    font-size: 12px;
    background-image: url('img/button.jpg');
    background-repeat: no-repeat;
    display: block;
    text-align: center;
    line-height: 18px;
    height: 20px;
    width:100px;
    text-decoration: none;
    font-size: 12px;
    font-family: arial;
    font-weight: bold;
 }

a.subbuttonlink:link{
 display: block;
 background-image: url('img/clipbutton_out.jpg');
 background-repeat: no-repeat;
 text-align: center;
 line-height: 18px;
 height: 20px;
 width:100px;
 text-decoration: none;
 font-size: 12px;
 font-family: arial;
 font-weight: bold;
 color: #ffffff;
}
a.subbuttonlink:hover, a.subbuttonlink:visited{
 color: #F4DE9F; 
 display: block;
 background-image: url('img/clipbutton_out.jpg');
 background-repeat: no-repeat;
 text-align: center;
 line-height: 18px;
 height: 20px;
 width:100px;
 text-decoration: none;
 font-size: 12px;
 font-family: arial;
 font-weight: bold;
 }

a.clipbuttonlink:link{
 display: block;
 background-image: url('img/clipbutton_out.jpg');
 background-repeat: no-repeat;
 text-align: center;
 line-height: 18px;
 height: 20px;
 width:100px;
 text-decoration: none;
 font-size: 12px;
 font-family: arial;
 font-weight: bold;
 color: #ffffff;
}
a.clipbuttonlink:hover{color: #C0C0C0;  text-decoration: none; font-size: 12px;}

#clipmenu {
	position: relative;
	width: 120px;
	height: 172px;
	left: 20px;
	z-index: 5;
}
#tp{
	background-image:url(img/tp.gif);
	background-repeat: no-repeat;
	float: right;
	width: 670px;
	height: 15px;
	padding: 0;
}
#pag{
 	float: right;
	left: 20px;
 	top: 0px;
 	margin-top: -4px;
 	width: 660px;
	height: auto;
	background-color: #FAF2F2;
	color: #535353;
	font-family: verdana; 
	font-weight:normal; 
	font-size:0.8em;
	padding-left: 5px;
	padding-right: 5px;
}
#bott{
	background-image:url(img/bott.gif);
	background-repeat: no-repeat;
	float: right;
	width: 670px;
	height: 13px;
}
#contact{
 	background-image:url(mailme/mailbg.gif);
	background-repeat: no-repeat;
	position: relative;
	width: 650px;
	left: 20px;
}
#tapes{
	float:left;
	width: 280px;
	text-align: center;
	}
#pictures{
	background-image:url(Pictures/Headbw4.gif);
	background-repeat: repeat;
}
#pichead{
 	position:relative;
 	height: 219px;
 	width: 630px;
 	left: 14px;
	background-image:url(Pictures/Pshootres.gif);
	background-repeat: repeat;
}
#piclink{
	position: relative;
	width: 590px;
	padding: 3px;
}
#thuis{
	background-image: url(img/vaqua.jpg);
	background-repeat: repeat;
}
#western{
	background-image: url(Clip/western/bg7.gif);
	background-repeat: repeat;
}
#music{
	background-image: url(Clip/music/bg6.gif);
	background-repeat: repeat;
}
#bassist{
	background-image: url(Clip/bassist/bg2.jpg);
	background-repeat: repeat;
}
/*lincoln stijl*/
#titel{
	background-image: url(lincoln/cube.jpg);
	background-repeat: repeat;
}
#kolom1{
	float: left;
	width: 430px;
	height: auto;
	padding: 5px;
}
#foto1{
	float: left;
	width: 220px;
	height: 860px;
}
#foto1a{
	float: left;
	width: 220px;
	height: 800px;
}
#foto2{
	float: left;
	width: 220px;
	height: auto;
}
#kolom2{
	float: left;
	width: 430px;
	height: auto;
	padding: 5px;
}
#alinea{
	float: left;
	width: 650px;
	height: auto;
	padding: 5px;
}
#kolom3{
	float: left;
	width: 430px;
	height: auto;
	padding: 5px;
}
#foto3{
	float: left;
	width: 220px;
	height: auto;
}
#kolom4{
	float: left;
	width: 650px;
	height: auto;
	padding:5px;
}
#bindend{
	float: left;
	width: 650px;
	height: auto;
	padding: 5px;
}
#kolom5{
	float: left;
	width: 430px;
	height: auto;
	padding:5px;
}
#foto4{
	float: left;
	width: 220px;
	height: auto;
}
#kolom6{
	float: left;
	width: 650px;
	height: auto;
	padding: 5px;
}
#cuban{
 	background-image: url(lincoln/cube1.jpg);
	background-repeat: repeat;
	float: left;
	width: 660px;
	height: auto;
}
#cuban2{
	position: relative;
	width: 500px;
	left:100px;
}
/*einde lincoln*/
#clipart{
	background-image: url(Clip/beppies/nier_rept.gif);
	background-repeat: repeat;
}
#catsbg{
 	background-image: url(MYcats/bg_cats.jpg);
	background-repeat: repeat;
	width: auto;
	height: auto;
}
#cats1{
	float: left;
	width: 320px;
	height: auto;
	padding: 5px;
}
#cats2{
	float: left;
	width: 320px;
	height: auto;
	padding: 5px;
}
/* cat music opmaak */
#catsongs{
 	background-image: url(MYcats/paws.gif);
	background-repeat: repeat;
	color: #482400;
	font-weight: bold;
	width: 660px;
	height: auto;
}
#nr {
	float: left;
	margin-left: 40px;
	text-decoration: underline;
	width: 35px;
	height: auto;
}
#art{
	float: left;
	text-decoration: underline;
	width: 300px;
	height: auto;
}
#song{
	float: left;
	text-decoration: underline;
	width: 240px;
	height: auto;
}

#n{
	float: left;
	margin-left: 40px;
	width: 35px;
	height: auto;
}
#m{
	float: left;
	width: 300px;
	height: auto;
}
#t{
	float: left;
	width: 240px;
	height: auto;
}
#zoek {
	float: left;
	width: 660px;
	height: auto;	
}
/* einde stijl catmusic */
#fun{
    display: block;
    overflow: hidden;
    border:3px double #585865;
 	width: 640px;
	height: 80px;
	padding:5px;
	text-align: center;
	margin-top: 30px;
	margin-bottom: 30px;
	color:#9E0000; 
	font-family: verdana; 
	font-weight: bold; 
	text-align: center;
	}

a:link {font-family: verdana; font-weight: bold; font-size: 0.9em; color: #514F77; text-decoration: none;}
a:active {font-family: verdana; font-weight: bold; font-size: 0.9em; color:  #514F77; text-decoration: none;}
a:visited {font-family: verdana; font-weight: bold; font-size: 0.9em; color: #514F77; text-decoration: none;}
a:hover {color:#6A6AB5; font-size: 0.9em; text-decoration: none;}

a:link.party {font-family: verdana; font-weight: bold; font-size: 0.9em; color: #F86A12; text-decoration: none;}
a:active.party {font-family: verdana; font-weight: bold; font-size: 0.9em; color:  #514F77; text-decoration: none;}
a:visited.party {font-family: verdana; font-weight: bold; font-size: 0.9em; color: #514F77; text-decoration: none;}
a:hover.party {color:#CF051C; font-size: 0.9em; text-decoration: none;}


a.cats:link {font-family: verdana; font-weight: bold; font-size: 0.9em; color: #637968; text-decoration: none;}
a.cats:active {font-family: verdana; font-weight: bold; font-size: 0.9em; color: #637968; text-decoration: none;}
a.cats:visited {font-family: vedana; font-weight: bold; font-size: 0.9em; color: #5E715E; text-decoration: none;}
a.cats:hover {color:#AEAEAE; font-size: 0.9em; text-decoration: none;}

input.knop {
	border: solid #88bbd3; 
	border-width: 1px; 
	background-color: #faf6f6; 
	color: #014666;
	font-size: 0.9em;
}
input.sub {
 	border-color: #88bbd3;
	border-left: solid 1px; 
	border-right: solid 1px; 
	border-top: solid 1px; 
	border-bottom: solid 1px;
	background-color: #faf6f6; 
	color: #520455;
	font-weight:normal;
	font-size: 0.9em;
}
td {color: #00769D; font-family: verdana; font-weight:bold; font-size: 0.8em; text-align: left;}
h1 {font-family: georgia; color: #585865; font-size:1.7em; padding:5px; text-align:center;}
h1.cats {font-family: georgia; color: #637968; font-size:2.2em; padding:5px; text-align: left;}
h1.cm {font-family: georgia; color: #585865; background-image: url(MYcats/paws.gif);
	background-repeat: repeat; font-size:1.7em; padding:16px; text-align:center;}
h2 {font-family: georgia; color: #585865; font-size:1.3em; padding: 5px; text-align: left;}
h2.midd {font-family: georgia; color: #585865; font-size:1.3em; padding: 5px; text-align: center;}
h2.mp3 {font-family: georgia; color: #303C50; font-size:1.3em; padding: 5px; text-align: center;}
h3 {font-family: georgia; color: #637968; font-size:1.1em; padding: 5px; text-align: left;}
p {color: #535353; font-family: verdana; font-weight:normal; font-size: 1.0em; text-align: left; padding:5px;}
p.paginering {color: #7F7F7F; font-family: verdana; font-weight:normal; font-size: 1.0em; text-align: right; padding:3px;}
p.r {color: #535353; font-family: verdana; font-weight:normal; font-size: 1.0em; text-align: right; padding:5px;}
p.contact {color: #535353; font-family: verdana; font-weight:normal; font-size: 0.7em; text-align: left; }
p.party {color: #FAC04C; font-family: verdana; font-size: 0.8em; font-weight: bold; text-align: center;}
p.pictures{color: #FF5300; font-family: comic sans ms; font-size: 3.0em; font-weight: bold; text-align: center;}
.light {color: #C0C0C0;}