/* WEBSITE BY DESTOMEDIA.COM */
* {
	margin:0;
	padding:0;
	outline:none;
	border:0;
	}

body {
	text-align:center;
	margin:0;
	padding:0;
	background:#e5eef5 url(../../images/design/body.png) repeat-x;
	color:#707070;
	font:12px Arial, "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
	}
	
/* TOP SLIDE PANEL */
#panel {
	background:#cbdae9 url(../../images/design/panel_bg.png) repeat-x bottom;
	height:290px;
	width:100%;
	display:none;
	text-align:center;
	}
	
#panel h1 {
	margin:10px 0 10px 0;
	font-size:16px;
	}
	
#panel-content {
	text-align:left;
	width:800px;
	font-size:11px;
	margin:0 auto;
	padding:8px 0 0 8px;
	background:url(../../images/design/panel_content_bg.png) center top no-repeat;
	height:280px;
	}
	
#panel-about {
	width:385px;
	float:left;
	}
	
#panel-about img {
	float:left;
	margin:0 5px 0 0;
	}
	
#panel-services {
	width:385px;
	float:right;
	}
	
#panel-services img {
	float:right;
	margin:0 0 0 5px;
	}
	
.panel-link {
	background:url(../../images/design/button_long.png) no-repeat;
	width:154px;
	height:19px;
	float:left;
	margin:10px 0 0 0;
	}
	
.panel-link a {
	font-size:10px;
	font-weight:bold;
	text-decoration:none;
	background:url(../../images/design/button_long.png) no-repeat;
	width:134px;
	height:16px;
	display:block;
	color:#043e5f;
	padding:3px 0 0 20px;
	}

.panel-link a:hover {
	color:#f26522;
	background:url(../../images/design/button_long.png) no-repeat;
	background-position:0 -19px;
	}	

.top-didge-slide {
	background:url(../../images/design/top_slide.png) no-repeat;
	width:252px;
	height:39px;
	float:right;
	margin:0 8px 0 0;
	cursor:pointer;
	}

.panel-down {
	margin:-8px 8px 0 0;
	background-position:0 -39px;
	}

/* NAV and HEADER */
#top {
	height:94px;
	width:816px;
	background:transparent url(../../images/design/container_top.png) no-repeat bottom;
	text-align:left;
	margin:0 auto;
	}

#container {
	background:transparent url(../../images/design/container.png) repeat-y;
	text-align:left;
	width:816px;
	margin:0 auto;
	}

#navigation {
	width:816px;
	height:57px;
	margin:0 0 25px 0;
	}	
		
#logo {
	background:url(../../images/design/top_logo.png) no-repeat;
	width:226px;
	height:57px;
	float:left;
	margin:0 0 25px 28px;
	display:inline;
	}
	
#navbar {
	height:55px;
	width:518px;
	background:url(../../images/design/nav.png) no-repeat;
	float:right;
	margin:0 28px 0 0;
	display:inline;
	}
	
ul#nav {background:url(../../images/design/nav.png);}
ul#nav li {float:left;list-style-type:none; }
ul#nav li a {display:block;top:0;text-indent:-9999px;}

li#np-Home a, li#np-Apneu a, li#np-Behandeling a, li#np-Didgeridoo a, li#nc-Overons a, li#nc-Ademhaling a, li#nc-Trainingen a, li#nc-Instrument a, li#nc-Contact a, li#nc-Media a, li#nc-Inschrijven a, li#nc-Faq a { background:url(../../images/design/nav.png); }

li#np-Home a { background-position:0 0; width:70px; left:0; height:20px;}	
li#np-Home a:hover { background-position:0 -55px; height:20px;}
body#pHome li#np-Home a {background-position:0 -55px; height:20px;}

li#np-Apneu a{background-position:-70px 0; width:171px; left:70px; height:20px;}
li#np-Apneu a:hover{background-position:-70px -55px; height:20px;}
body#pApneu li#np-Apneu a {background-position:-70px -55px; height:20px;}

li#np-Behandeling a{background-position:-241px 0; width:147px; left:241px; height:20px;}
li#np-Behandeling a:hover{background-position:-241px -55px; height:20px;}
body#pBehandeling li#np-Behandeling a {background-position:-241px -55px; height:20px;}

li#np-Didgeridoo a{background-position:-388px 0; width:130px; left:388px; height:20px;}
li#np-Didgeridoo a:hover{background-position:-388px -55px; height:20px;}
body#pDidgeridoo li#np-Didgeridoo a {background-position:-388px -55px; height:20px;}

li#nc-Overons a { background-position:0 -20px; width:70px; left:0; height:19px;}	
li#nc-Overons a:hover { background-position:0 -75px; height:19px;}
body#pOverons li#nc-Overons a {background-position:0 -75px; height:19px;} 

li#nc-Ademhaling a{background-position:-70px -20px; width:171px; left:70px; height:19px;}
li#nc-Ademhaling a:hover{background-position:-70px -75px; height:19px;}
body#pAdemhaling li#nc-Ademhaling a {background-position:-70px -75px; height:19px;}

li#nc-Trainingen a{background-position:-241px -20px; width:147px; left:241px; height:19px;}
li#nc-Trainingen a:hover{background-position:-241px -75px; height:19px;}
body#pTrainingen li#nc-Trainingen a {background-position:-241px -75px; height:19px;}

li#nc-Instrument a{background-position:-388px -20px; width:130px; left:388px; height:19px;}
li#nc-Instrument a:hover{background-position:-388px -75px; height:19px;}
body#pInstrument li#nc-Instrument a {background-position:-388px -75px; height:19px;}

li#nc-Contact a { background-position:0 -39px; width:70px; left:0; height:16px;}	
li#nc-Contact  a:hover { background-position:0 -94px; height:16px;}
body#pContact  li#nc-Contact a {background-position:0 -94px; height:16px;}

li#nc-Media a{background-position:-70px -39px; width:171px; left:70px; height:16px;}
li#nc-Media a:hover{background-position:-70px -94px; height:16px;}
body#pMedia li#nc-Media a {background-position:-70px -94px; height:16px;}

li#nc-Inschrijven a{background-position:-241px -39px; width:147px; left:241px; height:16px;}
li#nc-Inschrijven a:hover{background-position:-241px -94px; height:16px;}
body#pInschrijven li#nc-Inschrijven a {background-position:-241px -94px; height:16px;}

li#nc-Faq a{background-position:-388px -39px; width:130px; left:388px; height:16px;}
li#nc-Faq a:hover{background-position:-388px -94px; height:16px;}
body#pFaq li#nc-Faq a {background-position:-388px -94px; height:16px;}
	
#header {
	width:760px;
	height:200px;
	margin:25px 0 0 28px;
	background:url(../../images/design/header.jpg) no-repeat;
	position:relative;
	overflow:hidden;
	}
	
.slide-in {
	background:url(../../images/design/slidein.png) no-repeat;
	height:87px;
	width:557px;
	margin:80px 0 0 0;
	position:absolute;
	left:-557px;
	}
	
/* MAIN CONTENT */
#main {
	width:760px;
	margin:25px 0 0 28px;
	}
	
#sidebar-main {
	width:450px;
	float:right;
	margin:0 0 50px 0;
	}
	
#sidebar {
	width:275px;
	float:left;
	}
	
.sidebar-block {
	width:255px;
	height:90px;
	background:url(../../images/design/sidebar_block.png) no-repeat;
	padding:10px ;
	margin:0 0 15px 0;
	position:relative;
	}
	
.sidebar-block-img {
	width:60px;
	height:60px;
	background:url(../../images/design/smallimg_bg.png) no-repeat;
	padding:7px;
	float:left;
	margin:0 15px 0 0;
	}
	
.sidebar-block h2 {
	color:#2b5d8f;
	font-size:17px;
	float:left;
	margin:0 0 0 0;
	width:160px;
	}
	
.sidebar-more-link {
	background:url(../../images/design/button_long.png) no-repeat;
	width:154px;
	height:19px;
	position:absolute;
	right:10px;
	bottom:10px;
	}
	
.sidebar-more-link a{
	font-size:10px;
	font-weight:bold;
	text-decoration:none;
	background:url(images/button_long.png) no-repeat;
	width:134px;
	height:16px;
	display:block;
	color:#043e5f;
	padding:3px 0 0 20px;
	}

.sidebar-more-link a:hover {
	color:#f26522;
	background:url(../../images/design/button_long.png) no-repeat;
	background-position:0 -19px;
	}	
	
.sidebar-block p {
	font-size:11px;
	line-height:14px;
	}
	
/* CONTENT PAGES */
#content-intro {
	margin:20px 0 0 28px;
	width:760px;
	}
	
.introtekst {
	font-weight:bold;
	color:#4787c1;
	margin:15px 0 15px 0;
	line-height:22px;
	}
	
.introtekst img {
	float:left;
	margin:0 15px 15px 0;
	}

#content-stop {
	height:24px;
	width:440px;
	background:url(../../images/design/content_close.png) no-repeat;
	margin:10px 0 0 188px;
	clear:both;
	}
	
#content-main {
	margin:0 0 25px 8px;
	width:800px;
	float:left;
	}
	
.block-50 {
	width:360px;
	float:left;
	margin:0 20px 20px 20px;
	font-size:11px;
	display:inline;
	}
	
.block-50-special {
	margin:0 0 15px 15px;
	float:right;
	}
	
.block-50 ul {
	margin:0 0 10px 0;
	list-style-type:circle;
	}
	
.block-50 li {
	margin:0 0 0 20px;
	line-height:20px;
	}
	
/* MEDIA BLOCKS */
.media-item {
	width:360px;
	background:#e0e9f2;
	position:relative;
	float:left;
	margin:0 0 25px 0;
	display:inline;
	}
	
.media-item p {
	margin:10px 15px 0 0;
	float:right;
	width:250px;
	display:inline;
	}
	
.media-item h3 {
	color:#f26522;
	font-size:16px;
	padding:8px 0 10px 10px;
	float:left;
	width:350px;
	height:15px;
	background:#e0e9f2 url(../../images/design/mediafile_top.png) no-repeat;
	}

.media-item .smallimg {
	width:60px;
	height:60px;
	padding:7px;
	background:url(../../images/design/smallimg_bg.png) no-repeat;
	float:left;
	margin:10px 0 0 7px;
	}

.opcl-button {
	background:url(../../images/design/button_opcl.png) no-repeat;
	width:144px;
	height:16px;
	float:right;
	font-size:10px;
	font-weight:bold;
	padding:3px 0 0 10px;
	display:block;
	color:#043e5f;
	position:relative;
	margin:10px 10px 0 0;
	cursor:pointer;
	display:inline;
	}
	
.opened-media {
	background-position:0 -19px;
	}
			
.media-item-open {
	position:relative;
	width:320px;
	float:left;
	padding:20px 20px 0 20px;
	background:#e0e9f2;
	font-style:italic;
	line-height:22px;
	font-size:12px;
	float:left;
	display:inline;
	}

.media-item-open p {
	width:320px;
	float:left;
	display:inline;
	}
	
.media-item-open h2 {
	color:#333;
	font-size:14px;
	margin:10px 0 5px 0;
	}
	
.media-item-bottom {
	background:#e0e9f2 url(../../images/design/mediafile_bottom.png) no-repeat;
	float:left;
	height:9px;
	width:360px;
	display:inline;
	}
	
/* Footer */
#end {
	width:760px;
	height:70px;
	position:relative;
	clear:both;
	background:url(../../images/design/bottom.png) top no-repeat;
	margin:0 0 0 28px;
	}
	
.end-logo {
	font-size:9px;
	color:#ccc;
	line-height:18px;
	margin:20px 0 0 10px;
	width:133px;
	float:left;
	}

.end-logo img {
	margin:0 0 0 15px;
	}
	
#end-navbar {
	width:450px;
	float:right;
	margin:10px 0 0 0;
	}

ul#end-nav-1, ul#end-nav-2 , ul#end-nav-3 , ul#end-nav-4  {
	font-size:10px;
	float:left;
	list-style-type:none;
	line-height:16px;
	}
	
ul#end-nav-1 a, ul#end-nav-2 a, ul#end-nav-3 a, ul#end-nav-4 a {
	color:#9b9b9b;
	text-decoration:none;
	}

ul#end-nav-1 a:hover, ul#end-nav-2 a:hover, ul#end-nav-3 a:hover, ul#end-nav-4 a:hover {
	color:#707070;
	text-decoration:none;
	}	
	
#end-navbar .first a{
	font-weight:bold;
	color:#2b5d8f;
	}
#end-navbar .first a:hover{
	color:#f26522;
	}
	
#end-nav-1 {
	width:80px;
	}
	
#end-nav-2 {
	width:150px;
	}
	
#end-nav-3 {
	width:110px;
	}
	
#end-nav-4 {
	width:90px;
	}

.rights {
	font-size:9px;
	color:#ccc;
	margin:0 0 0 28px;
	}
	
#footer {
	width:816px;
	clear:both;
	background:#fff;
	height:33px;
	background:url(../../images/design/footer.png) no-repeat;
	}
	
#bottom {
	height:30px;
	text-align:right;
	font-size:10px;
	background:#e5eef5;
	}
	
#bottom a {
	text-decoration:none;
	color:#ccc;
	margin:0 8px 0 0;
	}
	
#bottom a:hover {
	color:#aaa;
	}
	
/* Default Typography */
p {
	margin:0 0 10px 0;
	line-height:18px;
	}
	
a {
	color:#36546f;
	text-decoration:none;
	outline:none;
	}
	
a:hover {
	color:#f26522;
	}
	
h1 {
	margin:0 0 10px 0;
	color:#36546f;
	font-size:24px;
	height:24px;
	}
	
h3 {
	color:#f26522;
	font-size:18px;
	padding:8px 0 10px 0;
	float:left;
	width:360px;
	}
	
#pHome h3 {
	width:450px;
	}
	
h5 {
	color:#333;
	font-size:12px;
	margin:15px 0 5px 0;
	}
	
/* Specials */
.filmlink {
	float:right;
	margin:0 0 5px 5px;
	width:133px;
	height:102px;
	background:url(../../images/design/filmlink.jpg) no-repeat;
	}
	
.filmlink a {
	background:url(../../images/design/filmlink.jpg) no-repeat;
	width:133px;
	height:102px;
	display:block;
	position:relative;
	text-indent:-9999px;
	}
	
.filmlink a:hover {
	background:url(../../images/design/filmlink.jpg) no-repeat;
	background-position:0 -102px;
	}
	
.bronvermelding {
	color:#bbb;
	font-size:11px;
	font-style:italic;
	clear:both;
	}
	
/* SIFR 3 */
 .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
    }
  
  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
    }
  
  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
 	}
  
  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
 	}

/* FAQ */
.tab {
	background:url(../../images/design/tabselect.png) no-repeat;
	height:30px;
	width:235px;
	color:#2b5d8f;
	font-size:12px;
	line-height:30px;
	font-weight:bold;
	cursor:pointer;
	padding:0 0 0 40px;
	margin:0 0 15px 0;
	}
	
.tab:hover {
	cursor:pointer;
	color:#f26522;
	}

.tab.active {
	color:#f26522;
	background:url(../../images/design/tabselect.png);
	background-position:0 -30px;
	}
	
#fc2, #fc3 { 
	display:none; 
	}


.faq {
	margin:25px 0 0 0;
	}

.question {
	font-weight:bold;
	margin:10px 0 10px 0;
	padding:0 0 0 26px;
	cursor:pointer;
	background:url(../../images/design/faqitem.png) left no-repeat;
	}

.question:hover {
	color:#36546f;
	}

.answer {
	padding:10px 0 10px 40px;
	}
	
/* Contact Form */
#form-top {
	width:450px;
	height:38px;
	background:url(../../images/design/form_top.png) no-repeat;
	position:relative;
	}

#form-top h3 {
	color:#f26522;
	padding:10px 0 0 10px;
	font-size:16px;
	}	

#c-form {
	width:390px;
	background:#e0e9f2 url(../../images/design/form_bottom.png) bottom no-repeat;
	padding:20px 30px 20px 30px;
	}

#c-form input {
	width:380px;
	height:21px;
	border: 2px solid #bbd2e8;
	color:#444444;
	margin: 0 0 10px 0;
	padding:5px 5px 0 5px;
	font:12px  Helvetica, Arial, "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
	}
	
#c-form textarea {
	width:380px;
	height:110px;
	border: 2px solid #bbd2e8;
	color:#444444;
	padding:5px;
	font:12px  Helvetica, Arial, "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
	}
	
#c-form input:focus, #c-form textarea:focus, #c-form input:focus, #c-form textarea:active {
	border: 2px solid #36546f;
	}
	
#c-form input.fbsubmit {
	border:none;
	width:114px;
	height:23px;
	background:url(../../images/design/form_send.png) no-repeat;
	cursor:pointer;
	margin:20px 0 0 133px;
	}
	
#c-form .dropdown {
	width:350px;
	height:30px;
	line-height:25px;
	}
	
.dropdown select {
	width:180px;
	float:right;
	height:22px;
	border: 2px solid #bbd2e8;
	}
	
/* Custom Slides en headers */
#pOverons .slide-in {background:url(../../images/design/slidein_overons.png) no-repeat;}
#pContact .slide-in {background:url(../../images/design/slidein_contact.png) no-repeat;}
#pApneu .slide-in {background:url(../../images/design/slidein_apneu.png) no-repeat;}
#pAdemhaling .slide-in {background:url(../../images/design/slidein_ademhaling.png) no-repeat;}
#pMedia .slide-in {background:url(../../images/design/slidein_studies.png) no-repeat;}
#pBehandeling .slide-in {background:url(../../images/design/slidein_behandeling.png) no-repeat;}
#pTrainingen .slide-in {background:url(../../images/design/slidein_trainingen.png) no-repeat;}
#pInschrijven .slide-in {background:url(../../images/design/slidein_inschrijven.png) no-repeat;}
#pFaq .slide-in {background:url(../../images/design/slidein_faq.png) no-repeat;}
#pDidgeridoo .slide-in {background:url(../../images/design/slidein_didgeridoo.png) no-repeat;}
#pInstrument .slide-in {background:url(../../images/design/slidein_instrument.png) no-repeat;}
#pApneu #header, #pAdemhaling #header, #pMedia #header   {background:url(../../images/design/header_apneu.jpg) no-repeat;}
#pBehandeling #header, #pTrainingen #header, #pInschrijven #header {background:url(../../images/design/header_behandeling.jpg) no-repeat;}
#pDidgeridoo #header, #pInstrument #header, #pFaq #header   {background:url(../../images/design/header_didgeridoo.jpg) no-repeat;}