@charset "utf-8";
/* CSS Document */

/* © Jeroen Drummen - www.jeroendrummen.com */

/* Body */

body
{
background-color: #333333;
padding: 0px;
margin: 0px;
font-family: Geneva, Arial, Helvetica, sans-serif;
color: #666666;
font-size: 11px;
}

ul, ol, li, img
{
padding: 0px;
margin: 0px;
}

a:link
{
text-decoration: underline;
color: #333333;
}

a:visited
{
text-decoration: underline;
color: #333333;
}

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

a:active
{
text-decoration: underline;
color: #333333;
}

h4
{
color: #CC9900;
margin-top: 30px;
}





/* Header */

#header
{
width: 900px;
height: 100px;
margin: 20px auto 0px;
border-style: solid;
border-color: #222222; 
border-width: 5px;
}





/* Menu */

#menu
{
width: 910px;
height: 30px;
font-size: 14px;
font-weight: bold;
color: #ffffff;
margin: auto;
background-color: #222222;
}

#menu ul
{
padding-top: 4px;
padding-left: 21px;
}

#menu li
{
list-style-type: none;
display: inline;
margin: 0px 7px 0px 7px;
}

#menu a:link
{
text-decoration: none;
color: #FFFFFF;
}

#menu a:visited
{
text-decoration: none;
color: #FFFFFF;
}

#menu a:hover
{
text-decoration: none;
color: #b9cde6;
}

#menu a:active
{
text-decoration: none;
color: #FFFFFF;
}

#menu_rechts
{
float: right;
padding-right: 21px;
}





/* Content */

#content_home
{
width: 900px;
height: 480px;
background-image: url(../afbeeldingen/background_home.jpg);
background-repeat: no;
border-style: solid;
border-color: #222222; 
border-width: 0px 5px 0px 5px;
margin: auto;
}

#content_biografie
{
width: 900px;
height: 480px;
background-image: url(../afbeeldingen/background_biografie.jpg);
background-repeat: no;
border-style: solid;
border-color: #222222; 
border-width: 0px 5px 0px 5px;
margin: auto;
}

#content_contact
{
width: 900px;
height: 480px;
background-image: url(../afbeeldingen/background_1.jpg);
background-repeat: no;
border-style: solid;
border-color: #222222; 
border-width: 0px 5px 0px 5px;
margin: auto;
}

#content_design
{
width: 900px;
height: 480px;
background-image: url(../afbeeldingen/background_1.jpg);
background-repeat: no;
border-style: solid;
border-color: #222222; 
border-width: 0px 5px 0px 5px;
margin: auto;
}

#content_fotografie
{
width: 900px;
height: 480px;
background-image: url(../afbeeldingen/background_1.jpg);
background-repeat: no;
border-style: solid;
border-color: #222222; 
border-width: 0px 5px 0px 5px;
margin: auto;
}

#content_fotogallerij
{
color: #666666;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 11px;
width: 900px;
height: 990px;
background-image: url(../afbeeldingen/background_6.jpg);
background-repeat: repeat-x;
border-style: solid;
border-color: #222222; 
border-width: 0px 5px 0px 5px;
margin: auto;
}

#content_muziek
{
width: 900px;
height: 480px;
background-image: url(../afbeeldingen/background_1.jpg);
background-repeat: no;
border-style: solid;
border-color: #222222; 
border-width: 0px 5px 0px 5px;
margin: auto;
}

#content_muziek2
{
width: 900px;
height: 600px;
background-image: url(../afbeeldingen/background_2.jpg);
background-repeat: repeat-x;
border-style: solid;
border-color: #222222; 
border-width: 0px 5px 0px 5px;
margin: auto;
}

#content_links
{
width: 900px;
height: 480px;
background-image: url(../afbeeldingen/background_1.jpg);
background-repeat: no;
border-style: solid;
border-color: #222222; 
border-width: 0px 5px 0px 5px;
margin: auto;
}

#content_video
{
width: 900px;
height: 740px;
background-image: url(../afbeeldingen/background_3.jpg);
background-repeat: repeat-x;
border-style: solid;
border-color: #222222; 
border-width: 0px 5px 0px 5px;
margin: auto;
}

#content_video2
{
width: 900px;
height: 730px;
background-image: url(../afbeeldingen/background_4.jpg);
background-repeat: repeat-x;
border-style: solid;
border-color: #222222; 
border-width: 0px 5px 0px 5px;
margin: auto;
}

#content_video3
{
width: 900px;
height: 773px;
background-image: url(../afbeeldingen/background_5.jpg);
background-repeat: repeat-x;
border-style: solid;
border-color: #222222; 
border-width: 0px 5px 0px 5px;
margin: auto;
}

#content_video4
{
width: 900px;
height: 886px;
background-image: url(../afbeeldingen/background_7.jpg);
background-repeat: repeat-x;
border-style: solid;
border-color: #222222; 
border-width: 0px 5px 0px 5px;
margin: auto;
}

#content_video5
{
width: 900px;
height: 925px;
background-image: url(../afbeeldingen/background_8.jpg);
background-repeat: repeat-x;
border-style: solid;
border-color: #222222; 
border-width: 0px 5px 0px 5px;
margin: auto;
}

#content_video6
{
width: 900px;
height: 875px;
background-image: url(../afbeeldingen/background_9.jpg);
background-repeat: repeat-x;
border-style: solid;
border-color: #222222; 
border-width: 0px 5px 0px 5px;
margin: auto;
}

#content_video7
{
width: 900px;
height: 764px;
background-image: url(../afbeeldingen/background_10.jpg);
background-repeat: repeat-x;
border-style: solid;
border-color: #222222; 
border-width: 0px 5px 0px 5px;
margin: auto;
}





/* Teksten */

#updates
{
width: 300px;
height: 150px;
float: right;
text-align: right;
margin-right: 60px;
margin-top: 20px;
}

#biografie_tekst1
{
padding: 40px 0px 0px 60px;
width: 310px;
float: left;
}

#biografie_tekst2
{
padding: 40px 60px 0px 0px;
width: 310px;
text-align: right;
float: right;
}

#design_tekst1
{
padding: 20px 40px 0px 60px;
width: 500px;
float: left;
}

#design_tekst2
{
padding: 20px 40px 0px 60px;
width: 210px;
float: left;
}

#design_tekst3
{
padding: 20px 0px 0px 0px;
width: 65px;
float: left;
}

#design_tekst4
{
padding: 20px 0px 0px 0px;
width: 190px;
float: left;
text-align: right;
}

#design_tekst5
{
padding: 20px 20px 0px 60px;
width: 350px;
float: left;
}

#design_tekst6
{
padding: 20px 0px 0px 25px;
width: 110px;
float: left;
text-align: right;
}

#fotografie_tekst1
{
padding: 20px 40px 0px 60px;
width: 150px;
float: left;
}

#fotografie_tekst2
{
padding: 20px 0px 0px 0px;
width: 145px;
float: left;
}

#fotografie_tekst3
{
padding: 20px 0px 0px 0px;
width: 170px;
float: left;
text-align: right;
}

#links_tekst1
{
width: 220px;
height: 314px;
float: left;
border-right-style: solid;
border-right-width: 1px;
border-right-color: #DDDDDD;
padding: 0px 0px 0px 60px;
margin-top: 40px;
}

#links_tekst2
{
width: 220px;
height: 314px;
float: left;
padding: 0px 0px 0px 60px;
margin-top: 40px;
}

#links_tekst3
{
width: 260px;
height: 314px;
float: right;
border-left-style: solid;
border-left-width: 1px;
border-left-color: #DDDDDD;
padding: 0px 0px 0px 65px;
margin-top: 40px;
}

#muziek_tekst1
{
padding: 20px 40px 0px 60px;
width: 210px;
float: left;
}

#muziek_tekst2
{
padding: 20px 0px 0px 0px;
width: 65px;
float: left;
}

#muziek_tekst3
{
padding: 20px 0px 0px 0px;
width: 190px;
float: left;
text-align: right;
}

#muziek_tekst4
{
padding: 20px 20px 0px 60px;
width: 280px;
float: left;
}

#muziek_tekst5
{
padding: 20px 20px 0px 60px;
width: 300px;
float: left;
}

#muziek_tekst6
{
padding: 20px 0px 0px 25px;
width: 160px;
float: left;
text-align: right;
}

#muziek_tekst7
{
padding: 0px 40px 0px 60px;
width: 210px;
float: left;
font-size: 10px;
}

#muziek_tekst8
{
padding: 0px 0px 0px 0px;
width: 65px;
float: left;
font-size: 10px;
}

#tekst1
{
padding: 0px 40px 0px 60px;
width: 320px;
float: left;
}

#tekst2
{
padding: 0px 0px 0px 20px;
width: 240px;
float: left;
}

#tekst3
{
padding: 0px 60px 0px 0px;
width: 160px;
float: right;
text-align: right;
}

#tekst4
{
padding: 38px 0px 0px 60px;
width: 300px;
float: left;
}

#tekst5
{
padding: 28px 0px 0px 20px;
width: 240px;
float: left;
}

#tekst6
{
padding: 28px 60px 0px 0px;
width: 150px;
float: right;
text-align: right;
}

.design_kopjes
{
margin: -16px 0px -16px 0px;
}

.design_links a:link
{
text-decoration: none;
color: #CC9900;
}

.design_links a:visited
{
text-decoration: none;
color: #CC9900;
}

.design_links a:hover
{
text-decoration: none;
color: #CC9900;
}

.design_links a:active
{
text-decoration: none;
color: #CC9900;
}

.design_links2 a:link
{
text-decoration: none;
color: #1257a1;
}

.design_links2 a:visited
{
text-decoration: none;
color: #1257a1;
}

.design_links2 a:hover
{
text-decoration: none;
color: #1257a1;
}

.design_links2 a:active
{
text-decoration: none;
color: #1257a1;
}

.design_space
{
margin-top: 50px;
}

.bold
{
font-weight: bold;
}

.oranje
{
color: #CC9900;
}





/* Kruimelpad */

#kruimelpad
{
font-size: 16px;
font-weight: bold;
padding: 20px 0px 0px 60px;
}

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

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

#kruimelpad a:hover
{
text-decoration: none;
color: #b9cde6;
}

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

.letter_1
{
font-size: 26px;
color: #CC9900;
}

.letter_2
{
font-size: 12px;
}

.letter_3
{
font-size: 20px;
color: #CC9900;
}

.letter_4
{
font-size: 10px;
}

.letter_5
{
font-size: 16px;
color: #CC9900;
}

.letter_ruimte
{
margin: 0px 3px;
font-size: 10px;
}





/* Foto's */

#foto
{
float: right;
border-style: solid;
border-width: 5px;
border-color: #333333;
margin-right: 60px;
margin-top: 15px;
}

#foto2
{
float: right;
border-style: solid;
border-width: 5px;
border-color: #333333;
margin-right: 0px;
margin-top: 15px;
}





/* Buttons */

#terug
{
position: relative;
margin: -6px;
padding: 0px;
top: 380px;
left: 532px;
font-size: 10px;
font-weight: bold;
width: 50px;
}

#terug2
{
position: relative;
float: right;
margin-right: 60px;
margin-top: 13px;
text-decoration: none;
font-size: 12px;
}

#terug2 a
{
text-decoration: none;
}

#terug3
{
position: relative;
top: 80px;
font-size: 10px;
font-weight: bold;
}

#terug4
{
position: relative;
top: 502px;
left: 804px;
font-size: 10px;
font-weight: bold;
width: 50px;
}

#informatie
{
padding: 0px 0px 0px 60px;
font-size: 10px;
font-weight: bold;
}





/* Footer */

#footer
{
width: 910px;
height: 28px;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color: #ffffff;
margin: 0px auto 10px auto;
background-color: #222222;
}

#footer ul
{
padding-left: 620px;
padding-top: 1px;
}

#footer li
{
border-bottom-style: none;
display: inline;
margin: 0px 2px 0px 2px;
}





/* Contact */

#contact
{
width: 500px;
height: 420px;
padding: 20px 0px 0px 60px;
float: left;
}

#contact2
{
width: 260px;
height: 314px;
float: right;
border-left-style: solid;
border-left-width: 1px;
border-left-color: #DDDDDD;
padding: 0px 0px 0px 65px;
margin-top: 40px;
}

img
{
border: none;
}

.space
{
margin: 3px;
}

#verzonden
{
margin-top: 60px;
font-style: italic;
}

#verzonden2
{
font-style: italic;
}

#verzonden3
{
margin-top: 30px;
font-style: italic;
}





/* Multimedia */

#myspace_player
{
float: right;
margin-right: 48px;
margin-top: 15px;
}

#video
{
padding: 0px;
width: 780px;
margin: auto;
}





/* MixPod */

#mixpod_player
{
float: left;
margin-left: 35px;
margin-top: 30px;
}

#mixpod_player2
{
float: left;
margin-left: 50px;
margin-top: 60px;
}

/* © Jeroen Drummen - www.jeroendrummen.com */