/* stylesheet: drummersplace.nl */
/* versie 1.0, O-groep/eend */

body {
 margin:0;
 padding:0;
 color:#036;
 background:#fff url(../img/bg_body.gif) repeat-x;
 font:11px/1.8 universal, 'lucida grande', verdana, arial, sans-serif;
}

img, div {
 margin:0;
 padding:0;
 display:block;
 border:none;
}

h1, h2, h3 {
 margin:0;
 padding:0;
 clear:left;
 font-size:12px;
}

b {
 font-weight:normal;
}

p, address {
 font-style:normal;
 margin:0 0 1em
}

a {
 color:#036;
 text-decoration:none
}


a:hover {
 color:#999;
}
/* wrap
-----------------------------------*/

#wrap {
 float:left;
 width:770px;
}


/* head & navigatie
-----------------------------------*/
#head {
 float:left;
 width:760px;
 height:150px;
 background:url(../img/bg_wrap_loc.gif) no-repeat 198px 72px;
}

#head h1 {
 float:left;
 width:170px;
 border-bottom:29px solid #fff;
}

#nav {
 display:block;
 float:left;
 margin:0;
 padding:0;
 width:590px;
 list-style:none;
}

#nav li {
 display:block;
 float:left;
 margin:116px 14px 0 28px; 
 padding:0;
 width:100px;
}

#nav a {
 display:block;
 float:left;
 margin:0;
 padding:0;
 width:100px;
 height:35px;
}

#nav img {
 width:100px;
 height:35px;
}

/* decor
-----------------------------------*/
#decor {
 /* IE/Mac-hack \*/clear:left;/**/
 float:left;
 width:170px;
 margin-top:-6px 0 36px;
}

#decor img{
 margin:0 0 0 24px
}


/* content
-----------------------------------*/

#content {
 float:left;
 width:450px;
 margin:36px 0 36px 28px;
}

#content h1, #content h1 {
 margin-bottom:14px
}

#content ul {
 margin:-1em 0 1em;
 padding:0 0 0 1.5em;
}

/* footer
-----------------------------------*/
#footer { 
 clear:both;
 margin-left:45px
}

#footer b,#footer a {
 padding:0 9px 0 0;
 font-weight:normal;
 color:#999;
 background:url(../img/bg_footer.gif) no-repeat 100% 58%;
}

#footer a {
 padding:0;
 text-decoration:none;
 color:#999;
 background:none;
}

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

/* speciaal voor de homepage
-----------------------------------*/

.home #head {
 position:absolute;
 top:181px;
 left:46px;
 width:658px;
 height:261px;
 background:none
}

.home #head h1 {
 float:none;
 width:221px;
 border-bottom:none;
}

.home #logo {
 position:absolute;
 top:86px;
 left:0;
}

.home #nav {
 position:absolute;
 top:-181px;
 left:124px;
 margin:0;
 padding:0;
 width:590px;
 list-style:none;
}

.home #splash {
 display:block;
 position:absolute;
 top:0;
 left:262px;
}

.home #footer {
 position:absolute;
 top:510px;
 left:0;
}

/* speciaal voor de locatie-pagina
-----------------------------------*/
.locatie #head {
 background:url(../img/bg_wrap_loc.gif) no-repeat 198px 72px
}

.locatie #nav01 a{
 cursor:default;
}


/* speciaal voor de lessen-pagina
-----------------------------------*/

.lessen #head {
 background:url(../img/bg_wrap_les.gif) no-repeat 342px 72px
}

.lessen #nav02 a{
 cursor:default;
}

/* speciaal voor de tarieven-pagina
-----------------------------------*/

.tarieven #head {
 background:url(../img/bg_wrap_tar.gif) no-repeat 484px 72px
}

.tarieven #nav03 a{
 cursor:default;
}


/* speciaal voor de contact-pagina
-----------------------------------*/

.contact #head {
 background:url(../img/bg_wrap_con.gif) no-repeat 626px 72px
}

.contact #nav04 a{
 cursor:default;
}

.contact #contact {
 float:left;
 width:53em;
 margin-right:-30px
}

.contact #contact div {
 float:left;
 margin-bottom:1.5em;
 width:15.5em;
 margin-right:10px;
}

.contact #links {
 margin:0;
 padding:0;
 list-style:none;
}

.contact #links li {
 margin:0 0 1em;
}

.contact #links h3 a:hover {
 text-decoration:none
}

/* Hacks speciaal voor IE/Win
----------------------------------\*/

* html body {
 font-size:small !important;
 font-size /**/ :x-small; /**/
}

* html #content, * html #footer {
 font-size:85%;
}

* html h1,* html h2,* html h3 {
 font-size:110%;
}

* html #nav li {
 margin-left:14px;
}

* html #content ul {
 padding-left:1.5em
}

* html .locatie #head {
 background-position: 198px 72px
}

* html .lessen #head {
 background-position: 327px 72px
}

.tarieven #head {
 background-position: 454px 72px
}

* html .contact #head {
 background-position: 581px 72px
}