/* 

Theme Name: pp-performance
Theme Url: http://www.pp-performance
Description: pp-performance
Author: Dutch Design Office
Author Url: www.Dutch-design-office.nl

Version: 1.0 

*/

html, body { 
	height			: 100%;
	padding			: 0; 
	margin			: 0; 
	
}

body {
	font-family		: Verdana, Geneva, sans-serif;
	color			: #000;
	font-size		: 12px;
	line-height 	: 20px;
	background		: #3a3b3a url(images/bg.jpg) top center repeat-x; 
	
}

#wrapper {
		margin			: 0 auto;
		width			: 100%;
		height			: auto;
		min-height		: 100%; 
		min-width		: 100%;
		text-align		: center;
		background		: url(images/bg-pp-performance.jpg) top center no-repeat; 
		 
}
#wrapper #container {
	margin			: 0 auto;
	padding			: 0;
	width			: 1000px;
	height			: 100%;
	text-align		: left; 
}

	#logo { 
	float: left; width: 246px;
	height: 171px; margin: 0 auto;	padding: 0; 
	} 
	
	#header-banner { 
	float: right; width: 745px; 
	height: 131px; margin: 0 auto; 
	padding: 0; background: url(images/header-banner-theater-en-evenemententechniek.png) no-repeat 245px 97px; 
	} 
	#head-nav { 
	float: right; width: 300px; height: 25px; margin-top: 5px; 
	padding-right: 30px; text-align: right; color: #CCC; font-size: 11px;
	} 
	
	#head-nav a{ color: #999; text-decoration: none; } 
	#head-nav a:hover{ color:#0CF ; text-decoration: none; }
	
	#head-navigation { 
	float:right; width: 745px;
	height:32px; background: url(images/navigatie-bg.png) top no-repeat; 
	margin-top: 9px; padding: 0; 
	} 
	
	#producten-nav { 
	float: left; width: 248px; height: auto; margin-top: 5px; padding: 0; 
	
	}
	
	#content-holder { 
	float: right; 
	width: 746px; 
	height: auto; 
	padding: 0; 
	margin-top: 9px; 
	}
	
		#content-holder .content-bg ul li { list-style-type: square; margin-left: 25px } 
	
	#content-holder .content{ 
	background: url(images/content-header.png) top no-repeat; 
	float: left; 
	width: 493px; 
	height: auto; 
	padding-top: 14px; 
	margin: 0; 
	} 
	
		#content-holder .content-single{ 
	background: url(images/content-header-single.png) top no-repeat; 
	float: left; 
	width: 746px; 
	height: auto; 
	padding-top: 14px; 
	margin: 0; 
	} 
	#content-holder .content-bg-single{ 
	background: url(images/content-bg-single.png) top repeat-y; 
	float: left; 
	width: 718px; 
	height: auto; 
	padding: 0 14px; 
	margin: 0; 
	} 
		#content-holder .content-footer-single{ 
	background: url(images/content-footer-single.png) bottom no-repeat; 
	float: left; 
	width: 746px; 
	height: 11px; 
	padding: 0; 
	margin: 0; 
	}
	.content-bg-single-bestel {  
	background: url(images/content-bg-single.png) top repeat-y; 
	float: left; 
	width: 718px; 
	height: auto; 
	padding: 0 14px; 
	margin: 0; 
	} 
	
	.content-bg-single img{ margin: 5px; padding: 8px; border: none; background: #fff }
	.content-bg-single ul{ list-style-type: disc; margin-left: 30px; }
	.content-bg-single h1 { color:#ccc; font-size: 12px; text-align: right; font-weight: bold; margin-right: 6px }
	.content-bg-single h2 { float: left; background: url(images/header-page.jpg) no-repeat; width:707px; height: 19px; color: #FFF; padding: 5px 10px; margin-left: -5px; margin-top: -2px } 
	.content-bg-single table { border: 1px solid #F4F4F4; margin-bottom: 10px; text-align: left;} 
	
	.content-bg-single-bestel 
	.content-bg table{ border: 1px solid #ccc; background: #EFEFEF; padding: 9px; margin-bottom:3px } 
	.content-bg .button { border: none; float: right; margin: 5px 0 0 0; padding:0; } 
	
	.alignleft { float: left; margin: 0 auto; padding: 8px; border: none; } 
	
	#content-holder .content-bg{ 
	background: url(images/content-bg.png) top repeat-y; 
	float: left; 
	width: 465px; 
	height: auto; 
	padding: 0 14px; 
	margin: 0; 
	} 
	#content-holder .content-footer{ 
	background: url(images/content-footer.png) bottom no-repeat; 
	float: left; 
	width: 493px; 
	height: 11px; 
	padding: 0; 
	margin: 0; 
	}
	
	#content-holder .sidebar { 
	float: right; 
	background: url(images/sidebar-header.png) top no-repeat; 
	width: 247px; 
	height: auto; 
	padding-top: 14px; 
	margin: 0; 
	}
	#content-holder .sidebar-bg { 
	float: right; 
	background: url(images/sidebar-bg.png) top repeat-y; 
	width: 219px; 
	height: auto; 
	padding :0 14px; 
	margin: 0; 
	}
	
	.sidebar-bg img{ margin: auto auto; border: none;  } 
	.sidebar-bg h2 { color: #06C; margin: -2px 0 5px 0; text-align: left}
	.sidebar-bg h3 { font-size: 16px; color:#000; } 
	.sidebar-bg ul ul li { list-style-type: square; margin-left: 12px; margin-bottom: 0; color: #06C } 
	.sidebar-bg li { margin-bottom: 15px; } 
	
	#content-holder .sidebar-footer { 
	float: right; 
	background: url(images/sidebar-footer.png) bottom no-repeat; 
	width: 247px; 
	height: 11px; 
	padding: 0; 
	margin: 0; 
	}
	
	#footer { 
	float: left; 
	width: 100%; 
	height: 18px; 
	background: url(images/footer-bg.png) repeat-x top; 
	padding: 18px 0;
	color: #333; 
	text-align: center;
		position		: relative;
		margin			: -54px 0 0 0 !important;
		clear: both
} 
	.margin-footer { 
	float: left; 
	width: 100%; 
	height: 75px;
	clear: both; 
	} 
	
	#footer strong { color: #CCC; }
	#footer a{ color: #333; text-decoration: underline; } 
	#footer a:hover{ color: #ccc; text-decoration: none; } 
		
/*Stijlen*/

	h1 { 
	color			: #666;
	font-size		: 16px;
	font-weight		: 200;
	font-style		: normal; 
	margin			: 0 0 0 0;
	
	}
	h2 { 
	color			: #333;
	font-size		: 16px;
	margin			: 5px 0;
	font-weight		: bold; 
	 margin-top: -2px; 
	
	}
	
	h3 { 
	color			: #fff;
	font-size		: 16px;
	margin			: 0;
	font-weight		: bolder; 
	}
	
	h5 { 
	color			: #990000;
	font-size		: 12px;
	margin			: 2px 0 2px 0;
	font-weight		: normal; 
	
	}
	ul{ margin: 0 auto; padding: 0 ; list-style: none; } 

  	a { 
		color			: #000000;
		text-decoration	: underline;
	}
	a:hover {
		color			: #06C;
		text-decoration	: none;
	}
.clear {clear: both;}

	#content-holder .content-bg .none-ul li { 
	list-style-type: none; margin: 2px 0 0 0; padding: 5px; color: #fff;
	 padding-left: 5px; background: #333; border: 1px solid #006; 
	 -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	  }
	  
	  #content-holder .content-bg .none-ul li:hover, #content-holder .content-bg .none-ul li a:hover { background: #000; color: #fff; } 
	  
	  #content-holder .content-bg .none-ul li a { color: #fff;}  
	#searchsubmit { border: 1px solid #CCC; background: #333; color: #FFF; -moz-border-radius: 5px;
	-webkit-border-radius: 5px; } 
	#searchsubmit:hover { border: 1px solid #000; background: #999; color: #000; -moz-border-radius: 5px;
	-webkit-border-radius: 5px; } 



	/**SUCKERFISH MENU**/
#pixopoint_menu1 #suckerfishnav {
    font-size:14px;
    font-family		: Verdana, Geneva, sans-serif;
    font-weight:normal;
    width:100%;
    }
#pixopoint_menu1 #suckerfishnav, #suckerfishnav ul {
    float:left;
    list-style:none;
    line-height:31px;
    padding:0;
    border:0px solid #aaa;
    margin:0;
    width:100%;
	text-align: left;
    }
#pixopoint_menu1 #suckerfishnav a {
    display:block;
    color:#fff;
    text-decoration:none;
    padding:0px 15px;
	font-weight: normal;
    }
#pixopoint_menu1 #suckerfishnav li {
    float:left;
    padding:0;
    }
#pixopoint_menu1 #suckerfishnav ul {
    position:absolute;
    left:-999em;
    height:auto;
    width:200px;
    font-weight:normal;
	-moz-opacity:0.85;
    opacity:0.85;
    khtml-opacity:0.85;
    margin:0;
    line-height:12px;
    text-align: left;
    }
#pixopoint_menu1 #suckerfishnav li li {
    width:200px;
 
    }
	
	#pixopoint_menu1 #suckerfishnav li li:last-child {
		border: none;
	}
#pixopoint_menu1 #suckerfishnav li li a {
    padding:8px 10px;
    width:180px;
    font-size:12px;
    color:#fff;
	font-weight:normal;
	text-align: left;
	background: #ec901b;
		font-family		: Verdana, Geneva, sans-serif;
    }
#pixopoint_menu1 #suckerfishnav li ul ul {
    margin:-29px 0 0 200px;
    }
#pixopoint_menu1 #suckerfishnav li li:hover {
   	color: #000;
	background: #fff;
    }
	
	/*Submenu HOVER */
#pixopoint_menu1 #suckerfishnav li ul li:hover a, #suckerfishnav li ul li li:hover a, #suckerfishnav li ul li li li:hover a, #suckerfishnav li ul li li li:hover a {
    color:#fff;
	font-weight: bold; 
	background: #333;
    }
	
	/*HOOFDMENU */
#pixopoint_menu1 #suckerfishnav li:hover a, #suckerfishnav li.sfhover a {
    color: #0CF; 
	
    }
	/*SUBMENU KLEUR */
	#pixopoint_menu1 #suckerfishnav li:hover li a, #suckerfishnav li li:hover li a, #suckerfishnav li li li:hover li a, #suckerfishnav li li li li:hover li a {
    color:#fff;
	background:#09F;
    }
#pixopoint_menu1 #suckerfishnav li:hover ul ul, #suckerfishnav li:hover ul ul ul, #suckerfishnav li:hover ul ul ul ul, #suckerfishnav li.sfhover ul ul, #suckerfishnav li.sfhover ul ul ul, #suckerfishnav li.sfhover ul ul ul ul {
    left:-999em;
    }
#pixopoint_menu1 #suckerfishnav li:hover ul, #suckerfishnav li li:hover ul, #suckerfishnav li li li:hover ul, #suckerfishnav li li li li:hover ul, #suckerfishnav li.sfhover ul, #suckerfishnav li li.sfhover ul, #suckerfishnav li li li.sfhover ul, #suckerfishnav li li li li.sfhover ul {
    left:auto;
    
    }
#pixopoint_menu1 #suckerfishnav li:hover, #suckerfishnav li.sfhover {
    color: #000; 
    }
#pixopoint_menu1 #suckerfishnav .current_page_parent {
	color: #000; 
    }
#pixopoint_menu1 #suckerfishnav .current_page_item {
    color: #000; 
}
	
	
	
	/*CATEGORY MENU*/
	li.collapsing  a {
            display:inline-block;
            text-decoration:none;
            margin:0 auto;
			color: #fff; 
            padding:0;
            }
li.collapsing ul li.categories a {
            display:block;
			background: url(images/dropdown-bg.png) top left repeat;
			width: 230px;
			height: auto; 
			padding: 2px 5px 3px 12px; 
			color: #fff;
			
			
}
li.collapsing ul li.categories a:hover {
			text-decoration:underline;
			background: url(images/dropdown-active.png) top left repeat;
			width: 230px;
			height: auto; 
			padding: 2px 5px 3px 12px; 
			color: #0CF;
			
          }
span.collapsing {
        border:0;
        padding:5px 10px; 
        margin-top:4px; 
        cursor:pointer;
		width: 227px;
		height: 20px;
		display: block;
		color: #fff; 
		font-weight:bold;
		background: url(images/producten-btn-bg.png) left top no-repeat; 
		
}

li.collapsing a.self {
	font-weight:bold
}
ul.collapsCatList ul.collapsCatList:before {
	content:'';} 
ul.collapsCatList li.categories :before {
	content:'';} 
ul.collapsCatList li.categories  {
	list-style-type:none;
	}
ul.collapsCatList li.categories  {
      }
ul.collapsCatList li.categories .sym {
   font-size:14px;
   	font-family		: Verdana, Geneva, sans-serif;
   float:left;  
   padding-right:10px;
   color: #fff;
   
}
 .sym { color: #ffffff; margin:0 5px 0 1px; padding: 0;} 

#collapscat-3 h2{ display: none; } 

/*
input, textarea { 
	padding: 5px; 
	border: 3px solid #CCC;
	margin: 0 0 4px 0; 
	font-size: 11px;
	color: #666;
	float: left;

}*/
#content-holder .content-single .button { border: none; padding: none; margin: 5px; float: right } 

/*table style */

.content-bg-single table {
	font: 11px/24px Verdana, Arial, Helvetica, sans-serif;
	border-collapse: collapse;
	width: 720px;
	clear: both;
	border: 1px solid #039;
	background: #F7F7F7; 
	}

.content-bg-single th {
	
	text-align: left;
}

.content-bg-single td {
	border-bottom: 1px solid #CCC;
	padding: 0px 3px; 
}

.content-bg-single td:first-child {
	width: 60px;
	font-weight: bold; 
}

.content-bg-single td+td {
	border-left: 1px solid #CCC;
}
.content-bg-single tr:first-child {
	color: #FFF; font-weight: bold; 
	background: #06C; 
}

.ngg-singlepic { padding: 4px; border: none; background: none; }