/********************************************
   Template loosely based on an orignal CSS template from http://www.styleshout.com
   webdesign & development 1st Resources

/********************************************
   LAYOUT
********************************************/ 
#wrap {
	position: relative;
	width: 910px;	
	margin: 0 auto;
	text-align: left;
	background: #fff url(images/content.jpg) repeat-y center top;
}
#content-wrap {
	float: left;
	width: 850px;
	margin-left: 30px;
	display: inline;
	padding: 0; 	
	border-top: 5px solid #fff;
	background: #fff; 
}
#header {
	position: relative;
	background: #fff url(images/header-bg.jpg) repeat-y center top;
	height: 35px;
	width:910px;	
	padding: 0;	
	color: #000;	
}
/* jQuery cycle slideshow div to avoid flash of unstyled content FOUSC
-------------------------------------------------------------------------------*/
#slideshow { width: 850px; height: 125px; background: transparent url(images/loading.gif) no-repeat center center; overflow: hidden; }


/* header links */
#header #header-links {
	position: absolute;
	top: 8px; right: 45px;	
	color: #838181;
	font-size: 10px;	
	font-weight: bold;
}
#header #header-links p {	
	padding: 0;	margin: 0;	
}
#header #header-links a {	
	color: #838181;
	text-decoration: none;	
}
#header #header-links a:hover {
	color: #444;		
}

/* header-photo */
#header-photo {
	position: relative;
	clear: both;
	text-align:center;
	margin: 5px auto;
	height: 125px;
	width: 850px;
	background: #fff;
}
#header-photo img {
border:0;
}

/* Navigation */
#nav {
	clear: both;	
	padding: 0;			
}
#nav ul {
	float: left;
	list-style: none;
	background: #E4E4E4 url(images/nav.jpg) repeat-x;	
	width: 850px;		
	padding: 0;	margin: 0 0 0 30px;
	height: 45px;
	display: inline;
	text-transform: uppercase;
}
#nav ul li {
	display: inline;
	margin: 0; padding: 0;
}
#nav ul li a {
	display: block;
	float: left;
	width: auto;
	margin: 0;
	padding: 0 15px;	
	border-right: 1px solid #dadada;
	border-left: 1px solid #fafafa;	
	border-bottom: none;
	color: #555;
	font: bold 14px/45px "Century Gothic", "Trebuchet MS", Helvetica, Arial, Geneva, sans-serif;
	text-transform: uppercase;
	text-decoration: none;	
	letter-spacing: 1px;
}
#nav ul li a:hover, 
#nav ul li a:active {
	color: #fff;
}
#nav ul li#current a {	
	background: #DBDBDB url(images/nav-current.jpg) repeat-x;		
	color: #fff;
}

/* Main Column */
.three-col #main {
	margin: 10px 190px 0 200px;
}
.two-col #main {
	margin: 10px 5px 0 200px;
}

.one-col #main {
	margin: 10px 15px 0 15px;
}

#main h1 {
	margin: 10px 10px 0 10px;
	font: normal 1.8em Georgia, "Times New Roman", Times, serif;
	color: #444;
	padding: 15px 0 2px 0px; 		
	border-bottom: 1px solid #dadada;
}

/* Sidebar */	
#sidebar {
	float: left;
	width: 195px;	
	margin-top: 10px;	
}	
.Schalmsmart-logo {
	border:0;
	margin:0;
	padding:0;	
}
.repertoire { 
	margin: 0 10px;
	width: 160px;
	padding: 5px 10px 8px 10px;	
    border: 1px solid #D9D9D9;
    border-top: 10px solid #D9D9D9;
}
.repertoire table { 
	border: 0;
}
.input {
    border: 1px solid #778899;
    background: #f8f8ff;
	height: 16px;
}
.input:hover {
    border: 1px solid #000;
    background: #f8f8ff;
}
.button {
	font-size:1.1em;
    border: 1px solid #778899;
    background: #f8f8ff;
	margin-top: 5px;
	padding:2px 5px;
}
.button:hover {
    border: 1px solid #f00;
    background: #eef;
}

/* right column */
#rightcolumn {
	float: right;
	width: 190px;
	margin-top: 10px;	
}
#rightcolumn h1, #sidebar h1 {
	margin: 10px 5px 0 5px;
	padding: 5px 5px; 
	font: bold 1.4em 'Trebuchet MS', Tahoma, Sans-serif;
	color: #cc0000; 		
}

/* sidemenu */
ul.sidemenu {
	text-align: left;
	margin: 7px 8px 8px 10px; padding: 0;			
	border-top: 1px solid #E5E5E5;
	text-decoration: none;	
}
ul.sidemenu li {
	list-style: none;
	padding: 4px 0 4px 5px;
	margin: 0 2px;		
	border-bottom: 1px solid #E5E5E5;
}
* html body ul.sidemenu li {
	height: 1%;
}
ul.sidemenu li a {
	text-decoration: none;	
	color: #326ea1; 
	border: none;		
}
ul.sidemenu li a:hover {	
	color: #383d44;
	border: none;
}


/* friends */
ul.friends {
	text-align: left;
	margin: 7px 8px 8px 5px; 
	padding: 0;		
	text-decoration: none;	
}
ul.friends li {
	list-style: none;
	padding: 4px 0 4px 5px;
	margin: 0 2px;		
}
* html body ul.friends li {
	height: 1%;
}
ul.friends li a {
	text-decoration: none;	
	color: #326ea1; 
}
ul.friends li a:hover {	
	color: #383d44;
	text-decoration: underline;
}

/* footer-wrap */
#footer-wrap {
	clear: both;
	width: 910px;
	font-size: 95%;
	padding: 20px 0;
	text-align: left;	
	background: url(images/footer-bottom.jpg) no-repeat center bottom;	
}
#footer-wrap a {
	text-decoration: none;
	color: #666666;
	font-weight: bold;
}
#footer-wrap a:hover {
	color: #000;	
}
#footer-wrap p {
	padding: 10px 0;
}
#footer-wrap h2 {
	color: #666666;
	margin: 0;
	padding: 0 10px; 
}

/* footer
-------------------------------- */
#footer {
	clear: both;
	color: #666;	
	margin: 0 auto 10px auto; 
	width: 850px;
	padding: 5px 0;
	text-align: center;
	background: #F8F7F7;
	border-top: 1px solid #F2F2F2;	
}

/* alignment classes
-------------------------------- */
.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right { text-align: right; }

/* clearing classes
-------------------------------- */
.clear { clear: both; }

.brclear {
clear:both;
height:0;
margin:0;
font-size:1px;}
  
#ie_clearing { display: none }
.clearboth { clear: both; }

/* post */
.post-by {
	font-size: .95em;	
	padding-top: 0;
	margin-top:0;
}
.post-footer {
	background: #F5F5F5;
	padding: 5px; margin: 5px 10px 20px 5px;	
	font-size: 95%;	
	color: #666666;	
}
.post-footer .date{
	margin: 0 10px 0 0;	
}
.post-footer a.comments {
	margin: 0 10px 0 5px;	
}
.post-footer a.readmore {
	margin: 0 10px 0 5px;	
}

* html .visualIEFloatFix { height: 0.01%; }


/* \*/
* html #sidebar,
* html #rightcolumn
{height:1%;}
/*  */



/* switchcontent
-------------------------------- */
/*Default style for SPAN icons. Edit if desired: */
.iconspan{
float: right;
margin: 3px;
/*cursor:hand;*/
cursor:pointer;
font-weight: bold;
font-size: 100%;
color: #cc0000;
}

/*CSS used to style the examples. Remove if desired:
-------------------------------- */
.eg-bar{
font-size: 100%;
padding: 3px 5px;
}

div.eg-bar{
width: auto;
}

.icongroup2{
width: auto;
margin-top:5px;
}

/* Sponsor logos
----------------------------------------*/
#SponsorLogosOuterContainer{
margin-top:15px;
margin-left:20px;
text-align:center;
}

.SponsorLogosInnerContainer{
text-align:center;
padding:5px;
}

.thumbnail {
float: left;
width: 160px;
margin: 0 15px 15px 0;
padding: 5px;
}

#FotoalbumsOuterContainer{
/*width: auto;*/
margin-top:15px;
margin-left:20px;
}

.AlbumInnerContainer{
padding:5px; height:55px;
}

/* NiftyCube
-----------------------------------*/
div#minipicsCont{width:auto; margin:0; padding:0; background-color: #fff;color:#fff; text-align:left;}
ul#about {list-style-type:none;margin:0;padding:0; }
ul#about li {float:left; width: 170px; height:170px; margin:8px 8px 0 0; padding: 5px 5px; background: #dcdcdc;border:1px solid #cccccc; color: #000; font-size: 11px; overflow:hidden;}

ul#about li img {border:0;}


/*Sidebar nieuwsbrief datum
-------------------------------- */
.datum {
margin:0; padding-left: 10px; font-size: 11px; color: #ccc;}
.view {
text-align:center;}

.nieuwsbrievenImgCont {
float:right;
display:inline;
margin: 0 10px;
}

.nieuwsbrievenImgCont img {
border:0;
padding:5px;
background: #ffffff;
}

/* nieuwsbrief icon */
.picto {
	border:0;
	margin:0;
	padding:0;
	vertical-align:middle;
}


/* videos
-------------------------------- */
div.video-sample{
margin:0 5px;
padding:5px 4px;
float:right;
border: 1px solid #ccc;
}

div.audio-sample{
margin:0;
padding:0 5px 10px 5px;
float:left;
}

div.video-sample img{
padding:0 !important;
margin:0;
}

/* misc styles
-------------------------------- */
/* voor pictogrammen, of klein afbeeldingen */
.picto {
	vertical-align:middle;
	margin:0 2px;
	border:0;
}


/* right floated container for right-content-menu
---------------------------------*/
.right-content-menu {
	margin: 0px 5px 5px 10px;
	width:250px;
	float:right;
	display:inline;
	border:1px solid #b0c4de;
	padding:7px 5px;
	background-color:#F5F8FE;
}
.right-content-menu p { margin: 0 0 5px 10px;}