body {
	background-color:#000;
	background-image:url(../images/roses_background.jpg);
	background-position:left top;
	background-repeat:no-repeat;


}
	






body,td 		{

			margin: 0px;

			padding: 0px;

			text-align: left;

			font-size: 12px;

			font-family: Verdana, Arial, Tahoma, Sans-Serif;

			color: #FFF;

			

			}





a			{

			color: #666;

			text-decoration: none;

			}



a:hover			{

			color: #666;

			text-decoration: underline;

			}



.hide			{

			display: none;

			}



form			{

			margin: 0px;

			padding: 0px;

			}



input,select,textarea	{

			font-family: Verdana, Arial, Tahoma, Sans-Serif;

			font-size: 11px;

			}

.error			{
			color: #ff0000;
			}



#left-bg {
height:160px;
position:absolute;
top:2px;
width:180px;
}




#topmenu{

}


/*

Form elements

*/

input.transparant,textarea.transparant	{
			background-color: #ffffff;
			border-width: 1px;
			scroll-bars: auto;
			overflow: auto;
	
		
			}
			
			
			
			.grayBorderTop, .grayBorderLeft {
	background-color: white;
}

.grayBorderTop		{
			border-top: solid 1px #e0e0e0;
			}

.grayBorderLeft		{
			border-left: solid 1px #e0e0e0;
			}

.grayBorderRight	{
			border-right: solid 1px #e0e0e0;
			}

.grayBorderBottom	{
			border-bottom: solid 1px #e0e0e0;
			}
			
		
			
.txtError		{
			color: #990000;
			}

.txtPurple		{
			color: #6870ae;
			}





/*

Header elements

*/



#container		{

			width: 800px;
            padding-left: 150px;
            padding-top:70px;
         

			}



#header			{

			width: 100%;

			}



#header #top		{

			height: 22px;

			background-color: #46464d;

			text-align: left;

			padding: 5px 5px 2px 5px;

			}



#header #head		{

			height: 185px;

			background-color: #7d7d88;

			text-align: center;

			padding-top: 8px;

			}

#header #head form	{
			padding-top: 75px;
			}

#header #head .input	{
			border: 1px solid #000;
			}

#header #head #addtofav {
			text-align: left;
			padding: 0px 0px 0px 10px;
			}

#header #head #addtofav a {
			color: #fff;
			}

#header #head #tellafriend {
			text-align: left;
			padding: 60px 0px 0px 10px;
			}

#header #head #tellafriend a {
			color: #fff;
			}



#header #bottom		{

			height: 26px;

			background-color: #46464d;

			margin-bottom: 3px;

			text-align: left;

			padding: 7px 5px 5px 5px;

			}



#header #bottom .flag	{

			border: 1px solid #6a6a6a;

			}



#header #bottom .flag:hover	{

			border: 1px solid #ee0c6e;

			}



#header #bottom td	{

			background-color: #46464d;

			text-align: left;

			}



#header #bottom .right	{

			text-align: center;

			}





/*

Content elements

*/



#content		{



			float: center; /* Mozilla/Gecko needs this to get the correct content height */
text-align: left;
min-height: 600px;

	

	

			
          /*  margin: 0px auto;*



			/* Add auto!important & min-height otherwise Mozilla & Gecko freek out */

			/* Set the minimun height for the content part, get's to crowdy with not a lot of content */

			/*

			height: auto!important; 


			*/



			

			

			}
			
			.cat_top			{
			width: 229px;
			height: 41px;
			background-image:url(../images/template/menu_produkten.png);
			background-repeat:no-repeat

			}
			
			
			.medialoos_informatie			{
			width: 229px;
			height: 41px;
			background-image:url(../images/template/menu_informatie.png);
			background-repeat:no-repeat

			}
			
			
			.searcher			{
			width: 229px;
			height: 48px;
			#background-image:url(../images/template/search_back.jpg);
			background-repeat:no-repeat

			}
			
			.producten			{
			width: 229px;
						background-repeat:no-repeat;

			}
			
			.informatie_box			{
			width: 229px;
			background-image:url(../images/medialoods_menu_back.jpg);
			background-repeat:no-repeat;

			}
			
			
			.topbanner			{
			

			
			background-image:url(../images/1_banner_back.jpg);
			background-repeat:repeat-x;
			
			
			}
			
			.topbanner_left			{
			

			width: 300px;
			background-image:url(../images/1_boxes.jpg);
			background-repeat:no-repeat;
			
			
			}
			
			.banner			{
			

			width: 300px;
			background-image:url(../images/1_medialoods_aanbieding.jpg);
			background-repeat:no-repeat;
			
			}
			
			
			
		.top				{
			

			
			background-image:url(../images/medialoods_top.jpg);
			background-repeat:no-repeat;
						
			}
			
		.small_logo			{
	
			width: 91px;
			height: 17px;
						background-image:url(../images/1_small_logo.jpg);
			background-repeat:no-repeat;

			}
			
		.footer_boxes			{
			
			width: 271px;
			height: 181px;
			background-image:url(../images/1_footer_boxes.jpg);
			background-repeat:no-repeat;
	
	
}



/*

Linker gedeelte voor de gehele site, dus header en content

*/

.left			{

			float: left;
			align: left;
			width: 235px;

			}




/*

Rechter gedeelte voor de gehele site, dus header en content

*/

.right			{

			float: left;
			padding-left:12px;
			width: 100%;
			text-align: justify;

			}




/*

Left menu

*/



#content #left		{

			text-align: center;

			padding: 0px 0px 0px 0px;

			}



#content #left .section-header{

			text-align: left;

			width: 229px;

			height: 41px;

			background-image: url(../images/template/background_section_header.png);

			background-repeat: no-repeat;

			padding: 0px 0px 6px 40px;
            
            
            padding-top: 10px;
            
            font-family: Geneva, Arial, Helvetica, sans-serif;
            
			font-size: 13px;

			color: #fff;
            padding-left:25px;
            
            

			}

.section-header .text	{
			padding-top: 7px;
			font-size: 13px;
			font-weight: bold;
			color: #fff;
            padding-left:15px;
			}



#content #left td	{

			width: 222px;

			margin: 10px 0px;

			padding: 0px 0px 0px 47px;

			line-height: 19px;

			text-align: left;

			font-size: 11px;

			}



#content #left .nav	{

			width: 222px;

			background-image: url(../images/template/list-image.png);

			background-repeat: no-repeat;

			background-position: 30px;

			border-bottom: 1px dotted #b7b7b7;

			cursor: hand;

			cursor: pointer;

			line-height: 1.5em;
			}



#content .block-bottom	{

			height: 2px;

			background-image: url(../images/left-block-bottom.gif);

			}

#content #left td.manufacturer	{
			padding-left: 4px;
			}



#content #left td.highlight	{

			padding: 12px 0px 12px 0px;

			text-align: center;

			}



#content #left td.poll	{

			padding: 12px 5px 12px 5px;

			color: #000;

			font-size: 10px;

			line-height: 12px;

			}



#content hr.divider-blue{

			color: #71bfdf;

			background-color: #71bfdf;

			height: 1px;

			border: 0px;

			}



#content hr.divider-grey{

			color: #a8a8a8;

			background-color: #a8a8a8;

			height: 1px;

			border: 0px;

			}


#content #page		{
			padding-top: 1px;
			text-align: left;
			line-height: normal;
			}







/*

Right content

*/



#content #right		{

			text-align: center;

			}



#content #right .section-header{

			text-align: left;

			width: 100%;

			height: 35px;

			
			
			background-image: url(../images/template/header_background.png);

			background-repeat: repeat-x;

		
           

			}
            
            
            
      #content #right .section-header-start{      
            	
          	height: 35px;
            
			background-image: url(../images/template/header_start.png);

			background-repeat: no-repeat;
            
         
            }
            
            #header-text{
            
            
      
            
            font-family: Lucida Handwriting, Geneva, Arial, Helvetica, sans-serif;
            font-weight: bold;
			font-size: 13px;

			color: #fff;
            
            
            
            
            
            }



#content #right .contents{

			margin-top: 10px;

			}



#content #right .contents td{

			text-align: left;

			}



#content #right .contents td h5 {

			font-family: Trebuchet MS, Tahoma, Arial, Verdana, Sans-Serif;
            
            font-size: 12px;

			color: #330066;

			border-bottom: 1px dotted #cacaca;

			padding-bottom: 4px;

			margin-bottom: 3px;

			}



#content #right .contents td .left {

			float: left;

			width: 30%;

			padding-right: 4px;

			}



#content #right .contents td .right {

			float: left;

			width: 60%;

			}



#content #right .contents td .price{

			width: 90%;

			clear: both;

			color: #000000;

			font-size: 12px;

			font-weight: bold;

			text-align: center;



			border-top: 1px dotted #cacaca;

			padding: 5px 0px 0px 0px;

			margin: 10px 0px 0x 0px;

			}



#content #right .contents td .text{

			text-align: right;

			}



#content #right .contents td .description{

			width: 100%;

			clear: both;



			border-top: 1px dotted #cacaca;

			padding: 5px 0px 0px 0px;

			margin: 10px 0px 0x 0px;

			}





#content #right a	{

			color: #330066;

			}







.bgcolorgrey		{

			background-color: #dadada;

			}



.pink			{

			color: #000000;

			}





/*

Footer elements

*/





  #footer 		{

			position: relative;

			clear: both;

			width: 949px;

			height: 181px;
			
			background-image:url(../images/1_footer.jpg);
			background-repeat:repeat-x;
			

			} 
            
#footer_image		{

		
		background-image:url(../images/footer_image.png);
		background-position:right;
        background-repeat:no-repeat;
		height:482px;
        overflow:hidden;
        z-index:-1;
			

			} 
			
			
		
			

#footer a		{
			color: #fff;
			}



#footer #text		{

			color: #fff;

			text-align: left;

			margin: 0;

			padding: 5px 0 0 5px;

			}