/*
Theme Name: U-Point
Theme URI: www.ooidesign.nl
Description: U-Point theme
Version: 0.9
Author: OOIDESIGN
Author URI: www.ooidesign.nl
*/

body, div, h1, h2, h3, h4, p, ul, ol, li, li2, dl, dt, dd, img, form, fieldset, blockquote {
    margin: 0px; padding: 0px; border: 0px;
}

body {
	font-family: Arial, Helvetica, sans-serif; background: #000; width:895px; margin:0 auto; padding:0; color: #fff; font-size:12px; line-height:16px;
}

#header input { height:14px; font-size:12px; padding:0; margin:0 -11px;  }
#col1 p { margin: 0 0 10px 0; text-align: justify; }

small { color:#000; }

ul { list-style-type:none; }
li { color: #fff; float:left; }
.navigatie ul, #header ul { padding-left:10px; }
.navigatie li, #header li { padding:0 10px; line-height:30px; }

#col1.home li { width:125px; }
#header li { border:1px solid #fff; line-height:16px; height:16px; }
div#col3 li, div#slider li { float:none; line-height:14px; }
div#slider a, div#col3.page a, div#col1.page a, div#col2.page a { color:#000; }

li.result { color:#000; float:none; line-height:21px; }


.navigatie { text-transform: uppercase;  }
h2 { text-transform: uppercase; font-size:20px; line-height:20px; letter-spacing:2px; padding-bottom:10px; }
h3 { text-transform: uppercase; font-size:18px; letter-spacing:2px; padding-bottom:10px; }
h3.move { padding-top:10px; }
h4 { text-transform: uppercase; color:#000000; font-size:18px; letter-spacing:2px; padding-bottom:10px; }

#container {
	width: 895px;   margin: 0 auto; background: #000;
}

#header {
	width: 815px; margin: 0 auto; position: relative; padding:10px 0 20px 0; text-transform: uppercase; font-size:10px;
}

#main {
	width: 895px; height:543px;  margin: 0 auto; position:relative; background-image:url('images/achtergrond1.jpg');
}
#nav {
	width: 895px; height:35px;  margin: 0 auto; position:relative; background-image:url('images/nav.png'); z-index:1;
}
#nav ul { font-weight:bold; letter-spacing:2px; font-size:12px; }

#logo {
	width: 294px; height:65px;  margin: 15px; position:relative; z-index:0; background-image:url('images/logo.png'); clear:both;
}

#article.page {
	width: 895px; height:340px;  margin: 0 auto; position:absolute; bottom:16px; z-index:1; background-image:url('images/whitetrans.png'); clear:both; display:none; overflow:auto;
}

#article.home {
	width: 895px; height:145px;  margin: 0 auto; position:absolute; bottom:16px; z-index:1; background-image:url('images/blacktrans.png'); clear:both; display:none;
}

#col1.page { width:540px; float:left; padding:20px 20px 10px 20px; color:#000; }
#col2.page { width:270px; float:left; padding:20px 10px 0 0; color:#000;}
#col3.page { width:0px; float:left; padding:20px 10px 0 0; color:#000;}
#col1.home { width:260px; float:left; padding:20px; }
#col2.home { width:260px; float:left; padding:20px; }
#col3.home { width:255px; float:left; padding:20px; }

#footer.page {
	width: 895px; height:16px;  margin: 0 auto; position:relative; bottom:0; background-image:url('images/footer.png'); z-index:1;
}
#footer.home{
	width: 895px; height:16px;  margin: 0 auto; position:absolute; bottom:0; background-image:url('images/footerblack.png'); z-index:1;
}

#copyright { margin:0 auto; text-align:center; padding: 20px 0; text-transform: uppercase; font-size:10px; }

a:link, a:visited { color: #fff; text-decoration: none; font-weight: bold; }
a:hover, a:active{ color: #fff; text-decoration:underline;} 



	/* bovenste menu */

.clearit {
	margin: 0;
	padding: 0;
	height: 0;
	clear: both;
}

.bubplastic.horizontal {
	width:815px;
	height: 27px;
	margin: 0 auto;
	padding: 0;
	background: #000000 url(images/bg-bubplastic.gif) top left repeat-x;
}
.bubplastic.horizontal ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.bubplastic.horizontal ul li {
	float: left;
	margin: 0;
	padding: 0;
	background: transparent url(images/bg-bubplastic-button.gif) top left no-repeat;
}

.bubplastic.horizontal ul li a {
	display: block;
	height: 30px;
	line-height: 15px;
	padding-left: 15px;
	float: left;
	text-transform: uppercase;

	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight:bold;
	letter-spacing: 2px;
}

.bubplastic.horizontal ul li a span.menu_ar {
	display: block;
	float: left;
	height: 22px;
	padding: 5px 5px;
	background: transparent url(images/bg-bubplastic-button.gif) top right no-repeat;
	cursor: pointer;
}

.bubplastic.gray ul li a:hover,
.bubplastic.gray ul li.highlight a {
	background: transparent url(images/bg-bubplastic-h-gray.gif) top left no-repeat; color:#000;
}
.bubplastic.gray ul li a:hover span.menu_ar,
.bubplastic.gray ul li.highlight a span.menu_ar {
	background: transparent url(images/bg-bubplastic-h-gray.gif) top right no-repeat; color:#000;
}

/* slide me */
#slider {

	/* You MUST specify the width and height */
	width:260px;
	height:86px;
	position:relative;	
	overflow:hidden;

}

#mask-gallery {
	
	overflow:hidden;	

}

#gallery {
	
	/* Clear the list style */
	list-style:none;
	margin:0;
	padding:0;
	
	z-index:0;
	
	/* width = total items multiply with #mask gallery width */
	width:600px;
	overflow:hidden;
}

	#gallery li {

		
		/* float left, so that the items are arrangged horizontally */
		
color:#000;
	}


#mask-excerpt {
	
	/* Set the position */
	position:absolute;	
	top:0;
	left:0;
	z-index:500px;
	
	/* width should be lesser than #slider width */
	width:255px;
	overflow:hidden;	
	
}
	
#excerpt {

	
	/* Clear the list style */
	list-style:none;
	margin:0;
	padding:0;
	
	/* Set the position */
	z-index:10;
	position:absolute;
	top:0;
	left:0;
	
	/* Set the style */
	width:255px;

	overflow:hidden;

}

	#excerpt li {
		padding:5px;
	}
	


.clear {
	clear:both;	
}

strong.search-excerpt { color: #ff0000; }




     /*-------------menu list Apart ---------------------*/ 
.listapart { width:800px;  margin:0 auto; letter-spacing:2px; font-size:12px; line-height:normal;}   
.listapart ul { margin:0 auto; margin-left:10px; padding:5px 5px 0; list-style:none;}    
.listapart li { float:left; background:url("images/listApart/links_grijs.gif") no-repeat left top;          padding:0 0 0 9px;} 
.listapart a { display:block; background:url("images/listApart/rechts_grijs.gif") no-repeat right top;      padding:0px 15px 0px 6px; text-decoration:none; font-weight:bold; color:#fff;}    
.listapart li:hover { background-image:url("images/listApart/links_licht2_on.gif");      }    
.listapart a:hover { background-image:url("images/listApart/rechts_licht2_on.gif"); color:#000; } 
.listapart .highlight { background-image:url("images/listApart/links_licht2_on.gif");      }    
.listapart .highlight a { background-image:url("images/listApart/rechts_licht2_on.gif"); color:#000; } 


#nav2{

        display: block;

       
}

#nav2, #nav2 ul {
	line-height: 1;
	list-style: none;
}

#nav2 a ,#nav2 a:hover{
	border:none;
	display: block;
	
}

#nav2 li {
	float: left;
	list-style:none;
}

#nav2 a,#nav2 a:visited {

	display:block;


}

#nav2 a:hover, #nav2 a:active {
	color:#fff;
	
}	

#nav2 li ul {

	height: auto;
	position: absolute;
	width: auto;
	z-index:-1;
margin-left:-20px;
padding-right:20px;
padding-top:30px;
margin-top:-30px;
}


#nav2 li li {

float:none; line-height:21px;
background-image:url('images/menu.png');
margin-top:5px;
padding-bottom:5px;
margin-bottom:-5px;
}



#nav2 li li a:hover,#nav2 li li a:active {
	color:#fff;
}	

.ddsg-wrapper ul li {float:none;}