/*****************************************************************************************
    ** Basis                                                                                **
    *****************************************************************************************/
    
    html, body {
		margin:0;
		padding:0;	
	}
	img{
		border:none;	
	}
	body {
		background:#DEBF86 url(../images/layout/background.jpg) no-repeat top center;
		font-family:Arial, Helvetica, sans-serif;
		font-size:14px;	
	}
    
    a,
    a:active,
    a:visited {
        text-decoration:none;
        color:#68979d;
    }
    
    a:hover {
        text-decoration:underline;
    }
    
    a.email,
    a.email:active,
    a.email:visited {
        text-decoration:none;
        color:#000000;
    }
    
    a.email:hover {
        text-decoration:underline;
    }

	div#center-this {
		float:left;
		left: 50%;
		margin-left: -480px;
		min-height:200px;		
		position:relative;
		width:960px;	
	}

	div#samantha {
		position:absolute;
		top:0;
		left:-400px;
		background:url(../images/layout/samantha-steenwijk.png) no-repeat 100% 0;
		height:	1593px;
		width: 600px;
        z-index:75;
	}
    
    div#samantha-klein {
        position:absolute;
        top:0;
        left:-400px;
		background:url(../images/layout/samantha-steenwijk-k1.png) no-repeat 100% 0;
        height: 1110px;
        width: 600px;
        z-index:75;
    }
	
    body#samantha1 div#samantha-klein {
        background:url(../images/layout/samantha-steenwijk-k1.png) no-repeat 100% 0 !important;
    }	
	
    body#samantha2 div#samantha-klein {
        background:url(../images/layout/samantha-steenwijk-k2.png) no-repeat 100% 0 !important;
    }

	body#samantha3 div#samantha-klein {
        background:url(../images/layout/samantha-steenwijk-k3.png) no-repeat 100% 0 !important;
    }	

		div#header {
			float:left;
			height:340px;
			width:960px;	
		}
			
			div#visual {
				float:left;
				width:960px;
				height:300px;	
				overflow:hidden;
			}
			
			div#menu {
				float:left;
				height:40px;
				width:850px;
				background:url(../images/layout/menu.jpg);
				padding:0 5px 0 105px;
			}
					
		div#row-two {
			float:left;
			/*
			height:500px;
			width:845px;
			padding-left:115px; 
			*/
			height:250px;
			width:750px;
			padding-left:200px;	
		}
			div#row-two h2 {
				color:#FFF;
				font-size:28px;	
				font-family:Calibri, Arial, Helvetica, sans-serif;
			}
		
			div#row-two div#row-two-column-one {
				float:left;
				margin:0 40px;
				width:560px;
			}
			
			div#video-wrapper {
				height:420px;
				width:570px;
				position:relative;	
			}
			
			div#video-wrapper div#video-player {
				float:left;
				height:280px;
				width:500px;
				margin-top:50px;
				margin-left:40px;
				background:#000;
			}
			
			div#video-wrapper div#video-overlay {
				position:absolute;
				width:570px;
				height:400px;
				z-index:999;
				background:url(../images/layout/television.png);
				top:0;
				left:0;	
			}
			
			div#video-more-link {
				height:20px;
				position:absolute;
				width:570px;
				z-index:999;
				top:373px;
				left:15px;					
				text-align:right;
			}
			
			div#video-wrapper div#togglePlayback {
				height:12px;
				width:21px;
				background:url(../images/layout/play.png);
				position:absolute;
				top:357px;
				left:151px;
				z-index:9999;
			}

/**/

			div#videosmall-wrapper {
				height:360px;
				width:480px;
				position:relative;	
			}
			
			div#videosmall-wrapper div#videosmall-player {
				float:left;
				height:280px;
				width:428px;
				margin-top:100px;
				margin-left:100px;
				background:#000;
			}

			div#videosmall-playerwrapper {
				float:left;
				height:270px;
				width:425px;
				margin-top:30px;
				margin-left:30px;
				background:#000;
				position:absolute;
			}
			
			div#videosmall-wrapper div#videosmall-overlay {
				position:absolute;
				width:480px;
				height:360px;
				z-index:999;
				background:url(../images/layout/television_480.png) no-repeat;
				top:0;
				left:0;	
			}
			
			div#videosmall-more-link {
				height:20px;
				position:absolute;
				width:470px;
				z-index:999;
				top:340px;
				left:15px;					
				text-align:right;
			}
			
			div#videosmall-wrapper div#togglePlayback {
				height:12px;
				width:21px;
				background:url(../images/layout/play.png);
				position:absolute;
				top:357px;
				left:151px;
				z-index:9999;
			}

/**/
			
			div#row-two div#row-two-column-two {
				float:left;
				width:205px;	
			}
				
				div#row-two div#row-two-column-two ul#social-media {
					float:left;
					margin:0;
					padding:0;
					list-style:none;	
				}

				div#row-two ul#social-media {
					float:left;
					margin:0;
					padding:0;
					list-style:none;	
				}

				div#row-two ul#social-media li{
					float:left;	
				}
				
		div#row-one {
			float:left;
			width:845px;
			padding-left:115px;	
		}
		
			div#row-one h1 {
				color:#FFF;
				font-size:28px;
				font-family:Calibri, Arial, Helvetica, sans-serif;
				margin:10px 0 0 10px;
			}		
		
			div#row-one h3 {
				color:#FFF;
				font-size:22px;
				font-family:Calibri, Arial, Helvetica, sans-serif;
				margin:10px 0 0 0;
			}
			
			/*
			div#row-one div#row-one-column-one h3 {
				margin-left:15px;
			}*/
			
			div#row-one div#row-one-column-one {
				float:left;
				width:480px;
				margin-right:10px;
				margin-left:40px;	
			}
			
			div#row-one div#row-one-column-two {
				float:left;
				width:315px;
				margin:34px 0 0 0;	
			}
			
	 div#seperator {
		float:left;
		height:1px;
		width:100%;
		background:#DFCDAD;
		border-bottom:1px solid #B49C71; 
	 }
	 
	 div#footer {
		float:left;
		left: 50%;		
		position:relative;
		width:960px;
		margin:20px 0;
		margin-left: -480px;
	 }
	 
		div#footer a#copyright,
		div#footer a#copyright:active,
		div#footer a#copyright:visited {
			color:#FFF;
			text-decoration:none;
			float:left;	
		}
		
		div#footer a#copy:hover {
			text-decoration:underline;	
		}
		
		div#footer a#created,
		div#footer a#created:active,
		div#footer a#created:visited {
			color:#FFF;
			text-decoration:none;
			float:right;	
		}
		
		div#footer a#created:hover {
			text-decoration:underline;	
		}		
	
	/*****************************************************************************************
	** Blokken 																				**
	*****************************************************************************************/	

    div#content-wrapper {
        float:left;
        width:460px;
        position:relative; 
        min-height:775px;
		z-index:76;
    }

    div#content-wrapper h4 {
        color:#68979d;
        font-size:20px;
        margin:0;
    }

    div#content-top {
        float:left;
        background:url(../images/layout/news-top.png);
        height:20px;
        width:460px; 
    }

    div#content-middle {
        float:left;
        background:url(../images/layout/news-middle.png);
        width:400px; 
        padding:0 30px;
    }

    div#content-bottom {
        float:left;
        background:url(../images/layout/news-bottom.png);
        height:20px;
        width:460px; 
    }
    
	/* News */
	div#news-wrapper {
		float:left;
		width:460px;
		position:relative; 
	}
	
	div#news-wrapper h3 {
        margin:0 0 0 15px;
	}	

	div#news-wrapper h4 {
		color:#68979d;
        font-size:20px;
        margin:0;
	}

	div#news-top {
		float:left;
		background:url(../images/layout/news-top.png);
		height:20px;
		width:460px; 
	}

	div#news-middle {
		float:left;
		background:url(../images/layout/news-middle.png);
		width:400px; 
		padding:0 30px;
	}

	div#news-bottom {
		float:left;
		background:url(../images/layout/news-bottom.png);
		height:20px;
		width:460px; 
	}

	a.news-read-more {
		color:#68979d;
		font-style:italic;
		float:right;
		font-weight:bold;
	}

	a.news-more {
		float:right;
		margin-right:10px; 
        color:#000;
	}


	
	/*------------------------------------*/
	
	div.agenda-listview-container {
		float:left;
		width:400px;
		border-left:1px solid #A6874E;
		border-right:1px solid #A6874E;
		border-bottom:1px solid #A6874E;
		margin:0 0 15px 0;
	}
	
	div.agenda-listview-container h2 {
		background-color:#A6874E;
		color:#FFFFFF;		
		float:left;
		height:35px;
		line-height:35px;
		margin:0;
		width:380px;
		padding:0 10px 0 10px;
	}

	ul.agenda-listview-items {
		float:left;
		margin:0;
		padding:0 10px 10px 10px;
		width:380px;
	}	
	
	ul.agenda-listview-items li {
		border-bottom:1px dotted #A6874E;
		float:left;
		margin:10px 0 0 0;
		list-style-type:none;
		padding:0 0 10px 0;
		width:380px;		
	}
	
	ul.agenda-listview-items li.last{
		border:none;
		float:left;
		margin:10px 0 0 0;
		list-style-type:none;
		padding:0 0 10px 0;
		width:380px;		
	}	

	ul.agenda-listview-items li h3 {
		color:#000000 !important;
		margin:0 !important;
		padding:0 !important;
		font-size:15px !important;
		font-weight:bold;
	}	
	
	p.agenda-listview-item-datum {
		float:left;
		font-size:11px;
		margin:4px 5px 0 0;
	}

	p.agenda-listview-item-locatie {
		float:left;
		font-size:11px;
		margin:4px 5px 0 0;
	}
	
	p.agenda-listview-item-details {
		float:right;
		font-size:11px;
		margin:4px 5px 0 0;
	}	

	
	
	/*------------------------------------*/
	
	div#row-one-column-one div.homenieuws {
		background-color:#FF0000;
		float:left; 
		width:425px;	
	}
	


	/* Agenda */
	div#agenda-wrapper {
		float:left; 
		position:relative;
		width:460px;
	}
	
	div#agenda-wrapper h3 {
		margin-left:15px;
	}

	div#agenda-wrapper ul {
		width:460px;
		background:url(../images/layout/paper-middle.png);
		margin:0;
		padding:25px 0 5px; 
		list-style:none;
	}

	div#agenda-wrapper ul li {
		margin-bottom:20px; 
		padding:0 30px;
	}

	div#agenda-wrapper ul li a,
	div#agenda-wrapper ul li a:active,
	div#agenda-wrapper ul li a:visited {
		color:#68979d;
		font-size:16px;
		font-weight:bold;
		text-decoration:none; 
	}

	div#agenda-wrapper ul li a:hover {
		text-decoration:underline; 
	}

	div#agenda-bottom {
		width:460px;
		height:20px;
		background:url(../images/layout/agenda-bottom.png) 2px; 
	}

	a.agenda-more {
		float:right;
		margin-right:10px; 
        color:#000;
	}
	
	
	div#row-one-column-one div.home-neutraal {
		float:left; 
		margin:15px 0 0 15px;
		position:relative;
		width:440px;
	}

	div#row-one-column-one div.home-neutraal h3 {
		line-height:22px;
	}

	/* Dairy */ 
	div.dairy {
		float:left;
		margin:0 0 10px 0;
		width:315px;
	}
    
    div#dairy-top {
        width:315px;
        background:url(../images/layout/dagboek-top.png);
        height:10px;
    }

	div#dairy {
		width:283px;
		background:url(../images/layout/dagboek-middle.png);
		padding:15px; 
	}
    
    div#dairy-bottom {
        width:315px;
        background:url(../images/layout/dagboek-bottom.png);
        height:10px;
    }

	a.dairy-more {
		float:right; 
        color:#000;
	}
    
    /* block */ 
    div.block-wrapper {
        float:left;
        width:315px;
    }
    
    div.block-top {
        width:315px;
        background:url(../images/layout/dagboek-top.png);
        height:10px;
    }

    div.block {
        width:283px;
        background:url(../images/layout/dagboek-middle.png);
        padding:15px; 
		/*margin:10px 0 5px 0;*/
    }
	
    div.block p{
        margin:0 0 10px 0;
    }	
    
    div.block-bottom {
        width:315px;
        background:url(../images/layout/dagboek-bottom.png);
        height:10px;
    }

    a.block-more {
        float:right; 
        color:#000;
    }

	/* een neutrale container voor blokken rechts */
	div.rechts-neutraal {
		float:left;
		margin:5px 0 0 0;
		position:relative;
		width:315px;
	}
	
	div.rechts-neutraal h3 {
		margin:0 0 5px 0 !important;
	}
	
	div.rechts-neutraal p {
		margin:0 0 5px 0 !important;
	}	
	
	
	/* Single wrapper */
	div#single-wrapper {
		float:left; 
	}
    
    div.block-wrapper h3 {
        margin-bottom:33px;
    }	

    div#mp3-player {
        position:absolute;
        bottom:18px;
        left:49px;
    }
	
	/* rechter kolom wit content vlak afgeronde hoeken */ 

	div.right-white-rounded {
		float:left;
		background-color:#FFFFFF;
		color:#000000;
		padding:10px;
		margin:0 0 15px 0;
		width:295px;

		border-radius: 9px 9px 9px 9px;
		-moz-border-radius: 9px 9px 9px 9px;
		-webkit-border-top-right-radius: 9px;
		-webkit-border-top-left-radius: 9px;
		-webkit-border-bottom-right-radius: 9px;
		-webkit-border-bottom-left-radius: 9px;	
		
	}

	div.right-white-rounded h3 {
		color:#68979D !important;
		margin:0 0 4px 0 !important;	
	}
	
    
   div.right-white-rounded-top {
        width:315px;
        background:url(../images/layout/dagboek-top.png);
        height:10px;
		float:left;
    }

	div.right-white-rounded-middle {
		width:283px;
		background:url(../images/layout/dagboek-middle.png);
		padding:15px;
		float:left;		
	}
    
    div.right-white-rounded-bottom {
        width:315px;
        background:url(../images/layout/dagboek-bottom.png);
        height:10px;
		float:left;
    }

	a.right-white-rounded-more {
		float:right; 
        color:#000;
	}
	
	/*****************************************************************************************
	** Menu 																				**
	*****************************************************************************************/
	
	div#menu ul {
		float:right;
		margin:0;
		padding:0;
		list-style:none;	
		visibility: visible !important;
	}
	
	div#menu ul li {
		float:left;	
        position:relative;
        z-index:80;
	}
    
    div#menu ul li ul {
        position:absolute;
        top:38px; left:0;
        z-index:85;
        background:#A6874E; 
        border:2px solid #F3E3CA;
        border-top:none; border-bottom:none;
        width:200px;
        display:none;
    }
    
    div#menu ul li ul li {
        width:100%;        
        border-bottom: 2px solid #F3E3CA;
    }
	
	div#menu ul li a,
	div#menu ul li a:active,
	div#menu ul li a:visited {
		display:block;
		height:20px;
		padding:10px 10px 0 10px;
		line-height:20px;
		color:#A6874E;	
		text-transform:uppercase;
		font-size:20px;
		font-weight:bolder;
		text-decoration:none;
		
	}
	
	div#menu ul li a:hover {
		text-decoration:underline;	
	}
	
	div#menu ul li ul li a,
	div#menu ul li ul li a:active,
	div#menu ul li ul li a:visited {
		display:block;
		height:24px;
		padding:6px 10px 0 10px;
		/*padding:0 8px;*/
		line-height:20px;
		color:#FFFFFF !important;	
		text-transform:uppercase;
		font-size:16px;
		font-weight:bold;
		text-decoration:none;
	}
	
	div#menu ul li ul li a:hover {
		text-decoration:underline;	
	}	
    
    
	/*****************************************************************************************
	** Overig 																				**
	*****************************************************************************************/
	
	 .bling {
		position:absolute;
		background:url(../images/layout/bling.png);
		height:108px;
		width:100px;
		top:50px;
		left:-60px; 
	 }
     
     ul#news-images {
        margin:0;
        padding:0;
        float:left;
        list-style:none; 
     }
     
     ul#news-images li {
        float:left;
        margin-right:10px;
        margin-bottom:10px;
     }
     
     ul#news-articles {
        margin:0;
        padding:0;
        list-style:none;
     }
     
     ul#news-articles li {
        padding:2px 0;
     }
     
     ul#news-articles li a, 
     ul#news-articles li a:active, 
     ul#news-articles li a:visited {
        color: #68979D;
        text-decoration:none;
     }
     
     /* Fotos */
    ul#fotos {
        margin:0;
        padding:0;
        list-style:none;
    }
    
    ul#fotos li {
        float:left;
        margin:3px;
    }
    
    ul#albums {
        margin:0;
        padding:0;
        list-style:none;
     }
     
     ul#albums li {
		border-bottom:1px dotted #68979D;
		margin:6px 0 0 0;
        padding:0 0 5px 0;
     }
     
     ul#albums li a, 
     ul#albums li a:active, 
     ul#albums li a:visited {
        color: #68979D;
        text-decoration:none;
     }
	 
	 div#accordion {
		position:relative;
	 }
	 
	 img.songtekst {
		float:right;
		padding: 0 0 10px 10px;
	 }

	/*****************************************************************************************
	** Video 																				**
	*****************************************************************************************/
	
	div#playerContainer {
		float:left;
		width:400px;	
	}		

	div#videosmall-player {
		float:left;
		height:auto;
		margin:5px;
		width:400px;
	}
 
	div#player {
		float:left;
		height:auto;
		margin:5px;
		width:400px;
	}

	div#clipselector {
		float:left;
		height:320px;
		padding:0;
		width:400px;
	}	

	div.clips {
		clear:both;
		float:left;
		height:91px;
		margin:0 0 5px 0;
		padding:5px;
		width:388px;
        border:1px solid #EFD7B5;
	}		
	
	div.clips h2{
		color:#68979D;
		font-size:14px;
		font-weight:bold;
		margin:0;
		padding:0;
        float:left;
        margin-left:5px;
        width:305px;
	}
	
	div.clipImage {
		width:75px;
		height:75px;
		float:left;
		text-align:center;
		font-size:10px;
	}	
	
	div.clipImage img{
		margin:0px 0px 1px 0px;
		border:0px solid;
	}

	div.clipDescription {
		width:300px;
		height:59px;
		float:left;
		padding: 0 5px 0 5px;
        font-size:10px;
	}
	
	div.clipTime {
		width:75px;
		height:16px;
		float:left;
		text-align:center;
		font-size:10px;
		display:block;
	}	
	
	div.clipViewlink {
		float:right;
		height:16px;
		text-align:right;
		width:300px;
	}

	div.clipViewlink a{
		color:#68979D;
		text-decoration:none;
	}
	
	#clipselector ul, 
	#clipselector ul li{
		list-style:none;
		margin:0;
		padding:0;
		width:400px;	/* Deze maat moet gelijk zijn aan de div waar de ul/li in staat.. dus in dit geval van div#clipselector */
		height:320px; 	/* Deze maat moet gelijk zijn aan de div waar de ul/li in staat.. dus in dit geval van div#clipselector */
	}

	#clipselector, 
	#clipselector ul li{ 
		overflow:hidden; 
	}

	span#prevBtn {
		display:block;
		float:left;
		height:30px;
		margin:5px 0 0 0;
		text-align:left;
		width:200px;	
	}
	
	span#nextBtn {
		display:block;	
		float:left;
		height:30px;
		margin:5px 0 0 0;
		text-align:right;
		width:200px;
	}
	
	span#prevBtn a {
		float:left;
	}
	
	span#nextBtn a {
		float:right;
	}

	span#prevBtn a,
	span#nextBtn a {
		color: #68979D;
		font-weight:bold;
		padding:5px;
		text-decoration:none;
		border:1px solid #EFD7B5;
	}
    
    ul.links {
        width:400px;
        float:left;
        margin:10px 0 0;
        padding:0;
        list-style:none;
    }
    
    ul.links li {
        float:left;
        margin-right:8px;
        margin-bottom:8px;
        background:#EFD7B5;
    }
    
    ul.links li a,
    ul.links li a:active,
    ul.links li a:visited {
        color:#000;
        text-decoration:none;
    }
    
    ul.links li div.link-image {
        height:93px;
        width:125px;
    }
    
    ul.links li div.link-name {
        width:125px;
        line-height:25px;
        text-align:center;
    }


	/*****************************************************************************************
	** Contact, Offerte formulier & GoogleMaps												**
	*****************************************************************************************/

	form#form {
		width:400px;
		float:left;
		display:block;
		margin:2px;
	}
	div.formrecord {
		clear:both;
		margin:2px;
	}
	
	div.formrecord label {
		dispaly:block;
		float:left;
		width:85px;
		margin:2px;
	}
	
	div.formrecord INPUT[type="text"] {
		width:300px;
	}
	
	div.formrecord textarea {
		width:300px;
		height:150px;
	}
	
	input#id_captcha_input {
		display:none;
	}
	
	div.formrecord sup {
		margin-right:110px;
	}
	
	.right {
		text-align:right;
	}
	
	.attention {
		background-color:#FFCFCF;
	}
	
	div#googledirectionsPrint {
		width:460px; 
		float:left; 
		clear:both; 
		margin:0 0 10px 0; 
		text-align:center;
		display:none;
	}
	
	div.googledir {
		width:460px;
	}
    
    /* Twitter */
    ul.tweet_list {
        margin:0;
        padding:0;
        list-style:none;
    }
   
	
	/*****************************************************************************************
	** Blok nieuwbrief aanmelden 															**
	*****************************************************************************************/
	form#nieuwsbriefAdd {
		display:block;
		float:left;
		width:200px;
		color:#000000;
		margin:0px;
		padding:0px;
		background-color:#DDDDDD;	
	}
	
	form#nieuwsbriefAdd h2 {
		font-size:13px;
		font-weight:bold;
	}
	
	form#nieuwsbriefAdd p {
		margin:0 10px 10px 10px;
		padding:0 0 10px 0;
	}	

	form#nieuwsbriefAdd input.formfield {
		width:99%;
		margin:2px 0px;
	}

	form#nieuwsbriefAdd input.submitbutton {
		margin:2px 0px;
		float:right;
	}

	div.nieuwsacc {

	}	
	
	div.nieuwsacc  img {
		float:right;
	}	
	
	div#modalbox {
		display:none;
	}
	
	/* jqModal base Styling courtesy of;
	  Brice Burgess <bhb@iceburg.net> */

	/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
	  the Window's z-index value will be set to 3000 by default (in jqModal.js). You
	  can change this value by either;
		a) supplying one via CSS
		b) passing the "zIndex" parameter. E.g.  (window).jqm({zIndex: 500}); */
	  
	.jqmWindow {
		display: none;
		
		position: fixed;
		top: 17%;
		left: 50%;
		
		margin-left: -350px;
		width: 700px;
		
		background-color: #CBAC75;
		color: #FFFFFF;
		border: 1px solid black;
		padding: 15px;
	}

	.jqmOverlay { background-color: #000; }

	/* Fixed posistioning emulation for IE6
		 Star selector used to hide definition from browsers other than IE6
		 For valid CSS, use a conditional include instead */
	* html .jqmWindow {
		 position: absolute;
		 top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
	}	
	
	
	
	div#kist-cover {
		float:left;
		width:430px;
	}

	div#kist-sidecol {
		float:left;
		width:260px;
		margin:0 0 0 10px;
	}
	
	div.kist-sidecol-row {
		float:left;
		margin:0 0 5px 0;
		width:270px;
	}

	a.cdhoes_hover {
		background:transparent url(../upload/afbeeldingen/single_wat_ik_voel_430x860.jpg) no-repeat 0 0 ;
		float:left;
		height:430px;
		width:430px;
	}
	
	a.cdhoes_hover:hover {
		background:transparent url(../upload/afbeeldingen/single_wat_ik_voel_430x860.jpg) no-repeat 0 -430px ;
	
	}	
	
	/*****************************************************************************************
	** MEDIAPLAYER 																			**
	*****************************************************************************************/
	
	div#musicPlayer{
		font-family: 'TrendexLightSSiExtraLight';
		font-size:16px;
		font-weight:bold;
		color:#ffffbe;
		float:left;
		height:70px;
		width:960px;
		margin:10px 0 30px 0 ;
	}
	div#playpause{
		background:url(../images/layout/mediaplayer/play.png) no-repeat;
	}
	div#stop{
		background:url(../images/layout/mediaplayer/stop.png) no-repeat;	
	}
	div#prev{
		background:url(../images/layout/mediaplayer/previous.png) no-repeat;	
	}
	div#next{
		background:url(../images/layout/mediaplayer/next.png) no-repeat;	
	}
	div#volume{
		margin-top:-30px;
		background:url(../images/layout/mediaplayer/volume.png);	
		position:relative;
		z-index:100;
	}
	div.audiobutton{
		float:left;
		margin: 10px 10px 0 10px;
		height:30px;
		width:30px;
	}
	div.audiobutton{
		cursor:pointer;	
	}
	div#musictitle{
		float:left;
		margin-top:5px;
		height:20px;
		width:280px;
	}
	
	div#progress-bar {
		margin:-10px 0 0 200px;
		height:15px;
		width:280px;
		background:white;
		float:left;
		overflow:hidden;
		clear:left;
	}
	
	div#progress {
		height:15px;
		float:left;
		background:#D9798E;
	}
	
	div#volume-slider-container {
		display:none;
		height:135px;	
		width:30px;
		position:absolute;
		top:-125px; left:0;
		z-index:998;
		background:url(../images/layout/mediaplayer/volumehover.png);
		padding-top:15px;
	}
	/*div#volume:hover div#volume-slider-container{
		display:block;	
		
	}*/	
	
	div.home-news {
		float:left;
		margin:0 0 20px 0;
		width:400px;
	}
	
	div.home-news-image {
		float:left;
		overflow:hidden;
		width:80px;
		height:60px;
		margin:0 8px 5px 0;
	}
	
	div.home-news p{
		margin:0 0 10px 0;
	}	
	
	
	div.custom-player {
		border:1px solid #CBAC75;
		float:left;
		width:400px;
		height:40px;
		background-color:#f0d4af;
	}
	
	div.custom-player-buttons {
		float:left;
		width:80px;
		height:25px;
		margin:8px 5px 5px 10px;		
	}
	
	div#custom-player-title {
		float:left;
		width:280px;
		height:14px;
		margin:5px;
		background-color:#CBAC75;
		font-size:10px;
		padding:2px 2px 2px 5px;
		color:#FFFFFF;		
	}	
	
	div#custom-player-progress {
		float:left;
		width:287px;
		height:5px;
		margin:2px 5px 5px 5px;
		background-color:#FFFFFF;		
	}	
	
	div#custom-player-progressbar {
		float:left;
		height:5px;
		background-color:#CBAC75;
	}
	
	ul#tracklist {
		float:left;
		margin:20px 0 0 0;
		padding:0;
		list-style-type:none;
		width:400px;
	}
	
	ul#tracklist li{
		border-bottom:1px dotted #CBAC75;
		margin:5px 0 0 0;
		padding:0 0 5px 0;
		width:400px;
	}	


	div#koffer-container {
		height:350px;
		width:325px;
		float:left;
		overflow:hidden;
		z-index:-1;
	}