/*Dit is het stylesheet van janswagerman.nl*/

/*

inhoud:

1.algemene instellingen
2.layout centreren
3.header instellen
4.menu instellen
5.blokken instellen
6.footer instellen
7.einde

*/

/*1:algemene instellingen*/

body {
background			: url(images/background.png);
font-family			: georgia, arial, times;
color				: #000000;
margin-top			: 10px;
text-align			: left;
}

a {
color				: #d02b55;
} 

a:visited, a:hover {
color				: #000000;
} 

a img {
border				: 0;
}

h1 {
font-size			: 30px;
color				: #000000;
margin				: 0;
padding				: 0;
}

h2{
font-size			: 25px;
color				: #000000;
border-color		: #ffffff;
border-style		: none none dashed none;
border-width		: 0 0 1px 0;
margin				: 0;
padding				: 0;
}

h3 {
font-size			: 23px;
color				: #000000;
margin				: 0;
padding				: 0;
}

h4 {
font-size			: 21px;
color				: #000000;
margin				: 0;
padding				: 0;
}

h5 {
font-size			: 19px;
color				: #000000;
margin				: 0;
padding				: 0;
}

h6 {
font-size			: 17px;
color				: #000000;
margin				: 0;
padding				: 0;
}

ul, ol {
color				: #d02b55; 
}

/*2:layout centreren*/

#select {
width				: 800px;
margin				: 0 auto 0 auto;
background			: #ffffff;
}

/*3:header instellen*/

#header {
height				: 100px;
background			: url(images/header_background.png);
}

/*4:menu instellen*/

#menu {
background			: url(images/menu_background.png);
}

#menu ul {
width				: 800px;
list-style-type		: none;
margin				: 0;
padding				: 0;
height				: 50px;
}

#menu li {
float				: left;
padding-top			: 10px;
width				: 20%;
text-align			: center;
}

#menu a {
color				: #00bfff;
font-size			: 20px;
text-decoration		: none;
display				: block;
}

#menu a:hover {
color				: #000000;
font-size			: 20px;
text-decoration		: none;
display				: block;
}

/*5:blokken instellen*/

#content {
overflow			: hidden;
margin				: -10px 0 -10px 0;
}

#left { 
float				: left;
width				: 260px;
}

.leftblock {
background			: url(images/background_2.png);
margin				: 10px;
width				: 220px;
padding				: 10px;
}

.leftblock h2 {
margin				: 0;
}

.leftblock p {
margin				: 0;
}

#right { 
float				: left;
width				: 540px;
}

.rightblock {
background			: url(images/background_2.png);
margin				: 10px 10px 10px 0;
width				: 510px;
padding				: 10px;
overflow			: hidden;
}

.rightblock h2 {
margin				: 0;
}

.rightblock p {
margin				: 0;
}

/*6:footer instellen*/

#footer {
height				: 30px;
background			: url(images/background_bottom.png);
padding-top			: 20px;
text-align			: center;
width				: 800px;
margin				: 0 auto 10px auto;
}

#footer a {
color				: #00bfff;
}

#footer a:hover {
color				: #000000;
}

/*7:einde*/