/*Template Stopmotion CSS file blink design - http://www.dontblink.nl Creation date Dec 2009*/
/* blink_dontblink Inside site*/

* 
{
	margin: 0;
	padding: 0;
}


html {
	font-size:100%;
 	overflow-y: scroll;
}

/* Om alle irritante door IE gegeneerde borders om de images weg te halen */
a img {
border: none;
}

/* Opmaak van de body */

body {
background-image:url('background.jpg');
background-repeat:no-repeat;
background-position:top center;
font-size:1em;
font-family: "Trebuchet MS", verdana, helvetica, sans-serif;
text-align:center;
color:#000000;
padding:0;
margin:0;
}

/* Opmaak van wrap div waar alles in zit */
#wrap {
text-align:left;
margin:0 auto;
max-width: 955px;
}


/* header van blinkstopmo */
#header 

{
background-color: transparent;
background-image: url(header.png);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: center center;
width: 955px;
height: 157px;
}

div#header p {
font-size:0.75em;
text-align:left;
line-height:1.5em;
}

div#header p.menu {
color: #7f7f7f;
}

div#header h1 {
font-family: "Trebuchet MS", verdana, helvetica, sans-serif; 
text-align:left;
font-size:1.125em;
font-weight:bold;
letter-spacing:0.05em;

}

div#header h2 {
font-family: "Trebuchet MS", verdana, helvetica, sans-serif;
text-align: left;
font-size:1.125em;
letter-spacing:0.05em;
color: #7f7f7f;
font-weight:bold;
}


div#header ul {
font-family: "Trebuchet MS", verdana, helvetica, sans-serif;
font-size:1.1em;
letter-spacing:0.02em;
color:#c6c6c7;
text-decoration:underline;
text-transform:uppercase;
text-align:left;
list-style:none;
padding: 0px 0 0 92px;
}

#header li {
float:left;
margin-top: 0px;
}

#header li a{
display: block;
}

#header ul a {
padding-top:28px;


}

#header ul a:link, ul a:visited {
color:#7f7f7f;
text-decoration:none;
}

#header ul a:hover {
color:#fff;
}


#header ul #home a:link, #header ul #home a:visited {
color:#fff;
width: 79px;
height: 157px;
background-image: url(wb-home.png);
}

#header ul #home a:hover {
width: 79px;
height: 157px;
background-image: url(wb-home-up.png);
}

#header ul #projecten a:link, #header ul #projecten a:visited {
color:#fff;
width: 126px;
height: 157px;
background-image: url(wb-projecten.png);
}

#header ul #projecten a:hover {
width: 126px;
height: 157px;
background-image: url(wb-projecten-up.png);
}

#header ul #contact a:link, #header ul #contact a:visited {
color:#fff;
width: 103px;
height: 157px;
background-image: url(wb-contact.png);
}

#header ul #contact a:hover {
width: 103px;
height: 157px;
background-image: url(wb-contact-up.png);
}

#header ul #blog a:link, #header ul #blog a:visited {
color:#fff;
width: 77px;
height: 157px;
background-image: url(wb-blog.png);
}

#header ul #blog a:hover {
width: 77px;
height: 157px;
background-image: url(wb-blog-up.png);
}

#header ul #blink a:link, #header ul #blink a:visited {
color:#fff;
width: 81px;
height: 157px;
background-image: url(wb-blink.png);
}

#header ul #blink a:hover {
width: 81px;
height: 157px;
background-image: url(wb-blink-up.png);
}

#main {

width: 955px;
font-size:68.75%;
line-height:1.636em;
font-family: verdana,sans-serif;
padding: 0px;
text-align: left;

}



#left {
width: 560px;
float:left;
padding: 0 0 0 100px;
}

#leftfooter {
text-align:center;
background:url(../images/mainline.png) center no-repeat;
width: 459px;
height: 7px;
}

#shirt {

}

#right ul #shirt a:link, #right ul #shirt a:visited {
width: 185px;
margin: 0 0 0 65px ;
height: 231px;
background-image: url(tshirt.png);
}

#right ul #shirt a:hover {
width: 185px;
margin: 0 0 0 65px ;
height: 231px;
background-image: url(tshirt-up.png);
}

#right{

width: 120px;
float:left;
padding: 0 0 0 0px;
}

#right li {
float:left;
margin-top: 0px;
}

#right li a{
display: block;
}
div#right ul {
list-style:none;
}

#right ul a {
padding-top:0px;
}

#right ul a:link, ul a:visited {
color:#7f7f7f;
text-decoration:none;
}

#right ul a:hover {
color:#fff;
}


#right ul #playmovie a:link, #right ul #playmovie a:visited {
color:#fff;
width: 120px;
height: 45px;
margin: 0 0 0 105px ;
background-image: url(wb-playmovie.png);
}

#right ul #playmovie a:hover {
width: 120px;
height: 45px;
background-image: url(wb-playmovie-up.png);
}

#right ul #credits a:link, #right ul #credits a:visited {
color:#fff;
margin: 0 0 0 105px ;
width: 120px;
height: 45px;
background-image: url(wb-credits.png);
}

#right ul #credits a:hover {
width: 120px;
height: 45px;
background-image: url(wb-credits-up.png);
}

#right ul #extra a:link, #right ul #extra a:visited {
color:#fff;
margin: 0 0 0 105px ;
width: 120px;
height: 45px;
background-image: url(wb-extra.png);
}

#right ul #extra a:hover {
width: 120px;
height: 45px;
background-image: url(wb-extra-up.png);
}




#rightfooter {
text-align:center;

background:url(../images/mainline_right.png) left no-repeat;
width: 459px;
height: 7px;
}

#bottom{

	line-height:1.4em;
	font-family: verdana,sans-serif;
	margin: 20px 0 0 100px;
	text-align: left;
width: 780px;
height: 18px;
background:#dddddd;
float: left; 
padding:1px 0 0 0;
}