html {width:100%; height:100%; display:block}
body {background:#000; margin:0; padding:0; border:0; width:100%; height:100%; background-image:url("../img/bg_right.jpg");
background-repeat:repeat-x;}

.body_center {background:url(../img/bg.jpg) top left; background-repeat: no-repeat; font-size:16px; font-family:Arial, Calibri, Lucida Sans; color:#666; height:100%; right:50%; margin:0 -460px 0 0; width:920px; position:absolute; z-index:1}
.body_right {background-image:url(../img/bg_right.jpg); background-repeat:repeat-x; width:100%; height:311px; right:0; position:absolute; padding:0; border:0; margin:0; z-index:-1}
.body_left {background-image:url(../img/bg_left.jpg); background-repeat:repeat-x; width:50%; height:280px; left:0; position:absolute; padding:0; border:0; margin:0; z-index:0}

h1 {font-size:20px}
h2 {font-size:15px; margin-bottom:6px;}
a {text-decoration:none; color:#666; outline:none;}
a:hover {color:Red!important}
select, input, textarea {font-family:Arial; font-size:13px;color:#666;}
img {border:0}


.top .menu {position:absolute; left:575px; top:20px;}
.sponsoredby {position:absolute; top:10px; left:10px; z-index:2; width:322px;}
.sponsoredby .zildjian {padding:4px 0 0 7px; position:absolute; right:0}
.top .logo {background:url(../img/logo.png); position:absolute; width:315px; height:106px; left:590px; top:137px}

.holder {width:920px; margin:215px auto 50px;font-family:Arial; font-size:13px; padding:0}
.holder_top {background: url(../img/bg_holder_top.png) no-repeat; width:920px; height:45px;}
.holder_bottom {background: url(../img/bg_holder_bottom.png) no-repeat; width:920px; height:46px;}

.content {background:#FFF; margin:0; padding:0 25px; min-height:400px}
.content .title {background:url(../img/bg_title_extrabig.png) no-repeat; background-position:right; height:45px; padding:0 30px 0 20px; color:#FFF; font-family:Arial; font-size:26px; float:left;}
.content .textContent {*margin-top:15px}
.content .textContent a {text-decoration:underline!important}
.content .textContent a:hover {color:Red!important}

/*Home*/
.home p {margin:16px 0 0 0}
.home .pageContent {width:200px; height:322px;}
.home .pageContent .jScrollPaneContainer {top:31px; left:25px; position:absolute}
.home .textContent {height:285px; width:200px; margin:0; padding:0!important; 
                    position:absolute!important; left:0!important}
.home .textContent a {text-decoration:underline} 
.home .referenties {height:285px; margin:0;}
.home .bottomlink {margin:15px 15px 0 0; color:#000}
.home .bottomlink a {color:#666; text-decoration:underline}
.home .bottomlink a:hover {color:Red}
.home .title {background:url(../img/bg_home_title.gif) no-repeat; width:200px; height:31px; font-size:19px; padding:3px 0 0 10px;}
.home .title a {color:#FFF!important}
.home .title a:hover {color:Red!important}
.home .references {width:200px; height:322px; margin:0 0 0 25px; overflow:hidden;}
.home .references td {padding:0 0 0 0}
.home .referencesTitle {background:url(../img/bg_home_referencesTitle.gif) no-repeat; width:197px; height:31px; font-size:19px; color:#FFF; padding:3px 0 0 10px}
.home .feature {width:410px; height:322px; margin:0 0 0 25px;}
.home .featureTitle {background:url(../img/bg_home_lessonFeature.gif) no-repeat; width:397px; height:48px; font-size:19px; color:#FFF; padding:15px 0 0 13px; }
.home .featureTitle a {color:#FFF!important}
.home .featureTitle a:hover {color:Red!important}
.home .sponsor {height:auto; width:422px; padding:20px 0 0 0;}
.home .latest {padding:20px 0 0 25px;}
.home .latestTitle {background:url(../img/bg_home_latest.gif) no-repeat; width:407px; height:30px; font-size:19px; color:#FFF; padding:3px 0 0 12px; }
.home .latest .image {margin:10px 0 0 12px}
.home .referencesTitle a {color:#FFF!important}
.home .referencesTitle a:hover {color:Red!important}
/**/

/*Contact*/
.content .contactLeft {float:left; margin:20px 0 0 0}
.content .contactLeft td {padding:0 0 7px 0}
.content .contactLeft input, textarea {width:214px;}
.content .contactLeft select {width:218px}
.content .contactLeft .checkbox input {width:14px}
.content .contactLeft .send {padding:7px 0 0 0}
.content .contactLeft .send input {width:90px}
.content .contactRight {width:100%; padding-top:20px; float:right}
.content .contactRight p {margin:0}
.content .map {padding:0 0 20px 0}
.content .errorBox {background-color:#FFFFDD; background-position:left top; background-repeat:no-repeat; border: 1px solid gold; padding:15px 0 14px 20px; margin:10px 0 0 0; min-height:24px; color:#C22830}
.content .message {margin: 24px 30px 0 0}
.content .errorBox div {margin:0 0 0 45px; padding:0 20px 0 0}
/**/

/*Search*/
.content .search {width:270px}
.content .searchtext {padding:0 25px 0 0; }
.content .searchtext a {text-decoration:underline!important}
.content .searchtext a:hover {color:Red!important}
.content .searchBox {margin:10px 0 0 0; padding-left:110px;}
.content .searchBox .searchBar {width:250px; border:solid 1px #3F3F3F; color:#CCC; margin-bottom:6px;}
.content .selectLabels {border:1px solid #000; background:#FFF; display:none; position:relative; left:110px; top:-25px; *top:-30px}
.content .selectLabels .cblStyle input {margin-right:4px; float:left}
.content .searchTopList {padding:0 0 30px 0}
.content .searchTopList .titleTopList {background: url(../img/bg_topList_medium.png) no-repeat;}
.content .searchTopList .titleTopList h2 {color:#FFF; font-family:Arial; font-size:20px; font-weight:lighter;  padding:10px 0 0 8px; margin:25px 0 0 0; height:44px}
/**/

/*SearchResults*/
.content .result .message {text-align:center; font-size:20px; margin:25px 0 0 0}
.content .resultList {width:400px; margin: 30px 20px 0 20px; float:left}
.content .resultList td {padding:3px; vertical-align:top}
.content .resultList td a {color:#333}
.content .resultList td a:hover {color:Red}
.content .resultList .resultItem:hover {color:red}
.content .resultList .resultItem {color:#FFF}
.content .resultList .thead td{background:#000; color:#FFF}
.content .resultTopList .titleTopList {background: url(../img/bg_topList_small.png) no-repeat;}
.content .resultTopList .titleTopList h2 {color:#FFF; font-family:DINNeuzeitGrotesk-Light, Calibri,Lucida Sans; font-size:22px; font-weight:lighter;  padding:10px 0 0 8px; margin:25px 0 0 0; height:44px}
/**/

/*Details*/
.content .detailsTitle {width:100%; height:60px;}
.content .detailsTitle .title {background:url(../img/bg_title_extrabig.png) no-repeat; background-position:right; height:45px; padding:0 10px 0 10px}
.content .detailsTitle .imgPartituur {padding:10px 0 0 0}
.content .detailsTitle .title .subTitle {color:#FFF; font-family:DINNeuzeitGrotesk-Light, Calibri,Lucida Sans; font-size:22px; font-weight:lighter;  padding:10px 20px 0 0px; margin:25px 0 0 0; height:44px; line-height:130%;}
.content .detailsLeft {float:left; width:440px;}
.content .detailsLeft .multimedia {padding:0 0 10px 0}
.content .detailsLeft .text {}
.content .detailsLeft .yourComment {}
.content .detailsLeft .yourComment input {width:200px}
.content .detailsLeft .yourComment textarea {width:375px; overflow:hidden}
.content .detailsLeft .yourComment td {padding:2px 0}
.content .detailsLeft .yourComment .yourTitle {padding:0 0 17px 10px; font-family:DINNeuzeitGrotesk-Light, Calibri,Lucida Sans; font-size:19px; background:url(../img/bg_lessonTitle_big.png) no-repeat; height:32px; color:#FFF}
.content .detailsLeft .yourComment .commentSend {width:85px; height:27px; margin-right:9px}
.content .detailsLeft .yourComment .errorBox {margin:0 0 10px}
.content .detailsLeft .yourComment .errorBox a {color:Red}
.content .detailsLeft .comments {margin:30px 0 0 0; width:440px}
.content .detailsLeft .comments .commentsTitle {font-size:22px; padding:3px 0 0 10px; background:url(../img/bg_home_referencesTitle.gif) no-repeat; color:#FFF; font-size:19px; font-family:DINNeuzeitGrotesk-Light, Calibri,Lucida Sans; width:197px; height:31px;}
.content .detailsLeft .comments .commentsDate {padding:15px 0 5px; font-size:12px; font-weight:bold; margin:0; color:#BBB}
.content .detailsLeft .comments .commentsHour {padding:15px 0 5px; font-size:12px; font-weight:bold; margin:0; color:#BBB}
.content .detailsLeft .comments .commentsAuthor {padding:15px 0 5px; text-align:right; font-size:12px; font-weight:bold; margin:0; width:300px; color:#BBB}
.content .detailsRight {float:right; width:350px; padding:0 0 30px 0}
.content .detailsRight .titleTopList {background: url(../img/bg_topList_small.png) no-repeat;}
.content .detailsRight .titleTopList h2 {color:#FFF; font-family:DINNeuzeitGrotesk-Light, Calibri,Lucida Sans; font-size:22px; font-weight:lighter;  padding:10px 0 0 8px; margin:0 0 0 0; height:44px}
.content .detailsRight .detailsTopList {}
/**/

/*TopList*/
.content .topList {}
.content .topItem {height:100px; margin:0 0 0 8px}
.content .topItem .topImage {float:left}
.content .topItem .topTitle {font-weight:bold; margin:0 0 0 10px; font-size:12px; width:195px; float:left}
.content .topItem .topText {float:left; width:195px; height:80px; margin:5px 0 0 10px; font-size:11px;}
/**/


/*Send Mail*/
.content .sendMail {margin:0 auto}
.content .sendMail .title {height:60px}
.content .sendMail input, textarea {width:214px;}
.content .sendMail .send {padding:7px 24px 0 0}
.content .sendMail .send input {width:90px}
.content .sendMail td {padding:0 0 7px}
/**/

.footer {height:30px; width:920px; margin:0 auto; padding:0 0 70px 0}
.footer .textFooter {font-size:12px; width:470px; padding:6px 0 0 60px;}
 

.references {width:220px; margin:0 100px 0 0}
.tblReferences {margin:0 0 0 -2px}

.fleft {float:left}
.fright {float:right}
.clear {clear:both}
.red {color:Red}
.w90 {width:90px;}
.w900 {width:900px}
.w200 {width:200px}
.w350 {width:350px}
.w450 {width:450px}
.w500 {width:500px}
.bold {font-weight:bold;}
.pl20 {padding-left:20px}
.pl40 {padding-left:40px}
.pl80 {padding-left:80px}
.ml80 {margin-left:80px}
.pt10 {padding-top:10px}
.txtleft {text-align:left} 
.relative {position:relative}
.absolute {position:absolute}