@import url(defaultZend.css);
@import url(formZend.css);




html, body {
	width: 100%; height: 100%;
	overflow: hidden;	
}
html {
	background: #e5e5e5;
}
body {	
	position: relative;	
	/* background: url(/img/bg_body_01.jpg) no-repeat center top;	*/

}
* html body {  
    /*background: #ffffff url(/img/bg_body.jpg) repeat-x center top;     */
    
}


#logo_espire a{
	position: absolute;
	bottom: 10px;	left: 0px;
	width: 50px;	height: 50px;
	background: url(/img/espire_creatief_met_internettechniek.png) no-repeat center top;	
	text-indent: -999em;
}


/****** (  css )****************************/


/* overall styles */	




#supersize {	
	position: absolute;
	top: 0px;	left: 0px;
	width: 100%; height: 100%;
	background: red;
	z-index: 1;
}



			
#wrapper {	
	position: absolute;
	top: 0px;	left: 0px;	
	width: 100%; height:100%;	
	overflow:auto;
	overflow-y: scroll;
	overflow-x: hidden;
	z-index: 10;	
	}	
	

	
	

	
	
	.container {	
		width: 900px;
		margin: 0 auto;
		}
		.container .header {
			width: 900px;	height: 236px;	
			position: relative;
			background: #ffffff;
			}
			#logo { 
				position: absolute;
				top: 0px;	right: 0px;		
				}
				#logo h2 a { 
					display: block;
					width: 550px;	height: 236px;	
					background: url(/img/logo_celine.png) no-repeat left top;
					text-indent: -999em;		
				}
		
		.container  .menu_main {
			width: 900px;	height: 26px;
			margin-bottom: 1em;	
			background: url(/img/menu_bg_ul.gif) repeat-x left top;	
			z-index: 20;
			}
			.menu_main ul {
				
				}
				.menu_main ul li{
					position: relative;
					float: left;	display: inline;
					background: url(/img/menu_bg_li.gif) no-repeat -1px top;							
					}
					.menu_main ul li a{
						display: block;	
						padding: 4px 28px;						
						height: 18px;
						font-size: 14px;
						line-height: 14px;
						font-weight: normal;
						color: #ffffff;
						border-left: 1px solid #3b3b3b;
						background: url(/img/menu_bg_a.png) repeat-x left top;		
					}
					.menu_main ul li a:hover,
					.menu_main ul li.active a{
						text-decoration: none;
						background-position: left bottom;
					}
					.menu_main ul li.last ul{	
						left: -82px;			
					}
					.menu_main ul ul{						
						position: absolute;
						top: 26px;	left: 0;						
						display: none;	
						background: #3B3B3B;					
						z-index: 25;						
						}
						.menu_main ul li:hover ul{							
							display: block;
							}
							.menu_main ul li ul li{
								border-top: 1px solid #363636;									
							}
							.menu_main ul li ul li a{
								width: 130px;
								background-position: top left !important;
							}
							.menu_main ul li ul li a:hover,
							.menu_main ul li ul li.active a{
								background-position: bottom left !important;
							}
			
		.container .content_main {
			width: 900px;
			z-index: 10;								
			}
						
			.content_main .master_div{
				margin-bottom: 15px;					
			}
			
			.content_main .side_left{
				width: 610px;								
				}
				.content_main .side_left .slideshow{
					display: block;
					width: 595px; height: 280px;	
					background: #ffffff;	
					overflow: hidden;												
					}
					.content_main .side_left .slideshow ul{						
						position: relative;
						}
						.content_main .side_left .slideshow ul li{						
							position: absolute;
							top: 0;		left: 0;
							padding: 15px;	
							}
							.content_main .side_left .slideshow ul li img{						
								display: block;
								width: 100%; height: 250px;
								background: red;		
							}
						
				.content_main .side_left .module_holder{
					width: 100%;										
					}
					.content_main .side_left .module_nieuws {
																
						}
						.content_main .side_left .module_nieuws ul {
																
							}
							.box_style {
								position: relative;
								float: left;	display: inline;
								width: 290px; 	height: auto;
								margin-right: 15px;	
								margin-bottom: 15px;								
								padding-bottom: 36px;		
								background: #ffffff;						
							}
							.box_style_full {
								position: relative;
								float: left;	display: inline;
								width: 565px; 	height: auto;								
								margin-bottom: 15px;	
								padding: 15px;	
								background: #ffffff;						
							}
							
							.module_holder .box_style {
								height: 448px;					
								}
								.box_style .top {					
									width: 281px; 	height: 27px;
									padding: 0px 0 0 9px;										
									background: url(/img/box_style_bg_top.gif) repeat-x left top;
									}	
									.box_style .top h4 {					
										font-size: 16px;
										color: #ffffff;										
										text-transform: uppercase;															
									}							
								.box_style .content {
									padding: 15px;								
								}																
								.module_holder .box_style .content {
									padding-bottom: 0px;								
									}
									.box_style .content .image {
										margin-bottom: 15px;										
										}
										.box_style .content .image img {
											display: block;
											width: 100%; height: 250px;
											background: #ffffff;											
										}
									.box_style .content .text {
										position: relative;
										width: 260px; height: auto;	
										padding-bottom: 20px;
										overflow: hidden;									
										}
									.module_holder .box_style .content .text {
										height: 148px;							
										}
										.box_style .content .text h3 a{
											font-size: 	23px;		
										}
										.box_style .content .text p {
											margin-bottom: 0;		
										}
										.box_style .content .text .link {
											position: absolute;
											bottom: 0px;	right: 0px;		
										}
								.box_style .bottom {
									position: absolute;
									bottom: 0px;	right: 0px;									
									width: 290px; 	height: 36px;
									background: url(/img/box_style_bg_bottom.gif) no-repeat left top;														
									}
									
								.box_style_full img.big_present_picture {
									margin: 10px 0 10px 10px;				
								}
								.box_style_full .pictures_list_in_content li a img{
									display: block;
									margin: 0 10px 10px 0;				
								}
								
									
					
			.content_main .side_right{
				width: 290px;								
				}
				.sidebar_holder .box_style {					
					margin-right: 0px;	
					}
					.sidebar_holder .box_style .content {
						padding-bottom: 0px;								
						}
						.sidebar_holder .box_style .content .image img {
							width: 100%; height: auto; min-height: 10px;																	
						}
				
						
			.footer{
				width: 100%;	height: 52px;	
				padding-top: 9px;
				font-size: 12px;
				line-height: 20px;
				color: #ffffff;
				text-align: center;	
				background: #7d7e7e;						
				}
				.footer a{
					font-size: 12px;
					line-height: 20px;
					color: #ffffff;					
				}			
				



.module_bestellen {	
		
	}
	.module_bestellen table {	
		width: 414px;
		border: 1px dotted #9F9F9F;
	}
	.module_bestellen table.naw {	
		width: 400px;
		border: 0px dotted #9F9F9F;
		}
		.module_bestellen table tr {	
		
			}
			.module_bestellen table th,
			.module_bestellen table td  {	
				padding: 4px 20px;
				padding-left: 8px;
				font-size: 12px;
			}
			.module_bestellen table th  {				
				height:26px;
				color: #ffffff;
				background:url("/img/menu_bg_ul.gif") repeat-x left top;
			}
			.module_bestellen table.naw th  {						
				color: #373737;
				background: none;
			}
			.module_bestellen table.naw th label {	
				display: inline-block;
				width: 100px;	
			}
			.module_bestellen table td .textfield  {				
				width: 23px;
			}
		
					

.sidebar_holder .twitter {
	
	}
	.sidebar_holder .twitter .head_links{
		margin-bottom: 8px;
	}
	.sidebar_holder .twitter li{
		margin-bottom: 8px;
		font-size: 10px !important;
		}
		.sidebar_holder .twitter li a{			
			font-size: 12px !important;
		}
		.sidebar_holder .twitter li a:hover{			
			text-decoration: underline;
		}

/* EXTRA'S */
.social_bar {	
	display: block;
	margin-top: 1em;
	}
	.social_bar li{	
		float: left;	 display: inline;
		margin-right: 8px;
	}