@charset "utf-8";

a img{
	border:					0px none;
}
body,
html{
	height:					100%;
	margin:					0;
	padding:				0;
	width:					100%;
}
body{
	background:				#cccccc url(../../images/layout/shade.gif) center center no-repeat;
	position:				relative;
}
h3{
	font-family:			Verdana, Arial, Helvetica, sans-serif;
	font-size:				11px;
	font-weight:			bold;
	line-height:			14px;
}
h3,
p{
	margin:					0;
	padding:				5px 0 10px 0;
}
.clear{
	clear:					both;
	font-size:				0%;
	line-height:			0%;
}

#ie6_message{
	display:				none;
	font-size:				0%;
	line-height:			0%;
	height:					0;
	visibility:				hidden;
}
#container{
	background:				#ffffff;
	color:					#333333;
	font-family:			Verdana, Arial, Helvetica, sans-serif;
	font-size:				11px;
	height:					520px;
	left:					50%;
	line-height:			14px;
	margin:					-260px 0 0 -390px;
	position:				absolute;
	top:					50%;
	width:					780px;
}

/* --<<[[ LOGO ]]>>-- */
#logo{
	display:				block;
	float:					left;
	margin:					0 10px 0 0;
	padding:				19px 0 0 19px;
	width:					361px;
}
#logo a img{
	padding:				10px 20px;
}

/* --<<[[ NAVIGATION ]]>>-- */
#navigation{
	display:				block;
	float:					left;
	margin:					0 0 0 10px;
	padding:				36px 0 0 19px;
	width:					361px;
}
#navigation ul,
#navigation li{
	font-size:				0%;
	line-height:			0%;
	list-style-type:		none;
	margin:					0;
	padding:				0;
}
#navigation a{
	background:				url(../../images/layout/navigation.gif) right center no-repeat;
	color:					#333333;
	display:				block;
	float:					left;
	font-size:				11px;
	line-height:			18px;
	padding:				4px 23px 4px 22px;
	text-align:				center;
	text-decoration:		none;
	width:					70px;
}
#navigation a:hover{
	text-decoration:		underline;
}
#navigation a.last{
	background:				none;
	padding:				4px 22px;
}

/* --<<[[ BIRGER DESIGN ]]>>-- */
#birgerdesign{
	font-size:				0%;
	left:					50%;
	line-height:			0%;
	margin:					265px 0 0 -390px;
	padding:				0;
	position:				absolute;
	text-align:				center;
	top:					50%;
	width:					780px;
}
#birgerdesign a img{
	padding:				5px 10px;
}

/* --<<[[ CONTENT ]]>>-- */
#content_container{
	height:					420px;
	overflow:				hidden;
	width:					780px;
}
#content_wrapper{
	height:					1700px;
	width:					780px;
}
.content_item{
	height:					420px;
	overflow:				hidden;
}

/* --<<[[ CONTENT - home ]]>>-- */
#content_home{
	background:				#666666 url(../../images/default/00.jpg) center no-repeat;
	background-position:	center;
	background-repeat:		no-repeat;
	font-size:				0%;
	line-height:			0%;
}

/* --<<[[ CONTENT - christl ]]>>-- */
#content_christl{
	background:				url(../../images/layout/background_main.jpg) 0 0 no-repeat;
}
#christl_wrapper{
	width:					1560px;
}
.christl_item{
	display:				block;
	float:					left;
	height:					420px;
	width:					780px;
}
.christl_item .text{
	height:					310px;
	line-height:			18px;
	padding:				50px 0 20px 50px;
	width:					680px;
}
.christl_item .nav{
	background:				url(../../images/layout/mask_transparent.png) 0 0 repeat;
	margin:					0 0 0 640px;
	padding:				3px 10px;
	text-align:				center;
	width:					100px;
}
.christl_item .nav a{
	color:					#ffffff;
	display:				block;
	line-height:			18px;
	padding:				3px 5px;
	text-decoration:		none;
}
.christl_item .nav a:hover{
	text-decoration:		underline;
}

/* --<<[[ CONTENT - technieken ]]>>-- */
#content_technieken{
	background:				#666666;
}
#technieken_wrapper{
	width:					4700px;
}
.techniek_item{
	display:				block;
	float:					left;
	height:					420px;
	overflow:				hidden;
	width:					780px;
}
#techniek_kwicks{
	width:					1000px;
}
a.techniek_link{
	background-position:	center;
	background-repeat:		no-repeat;
	color:					#ffffff;
	display:				block;
	float:					left;
	line-height:			18px !important;
	text-align:				center;
	text-decoration:		none;
	width:					156px;
}
a.techniek_link span{
	background:				url(../../images/layout/mask_transparent.png) 0 0 repeat;
	cursor:					pointer;
	display:				block;
	margin:					380px 0 0 0;
	padding:				11px 0;
	width:					100%;
}

.techniek_wrapper{
	height:					860px;
}
.techniek_wrapper .text{
	color:					#ffffff;
	height:					280px;
	line-height:			18px;
	padding:				75px 0 25px 80px;
	width:					620px;
}
.techniek_wrapper .album{
	font-size:				0%;
	height:					375px;
	line-height:			0%;
	padding:				5px 0 0 5px;
	width:					775px;
}
.techniek_wrapper .album a{
	background:				#565656;
	border:					1px solid #787878;
	display:				block;
	float:					left;
	height:					103px;
	margin:					3px;
	padding:				6px;
	width:					134px;
}
.techniek_wrapper .album a:hover{
	background:				#5d5d5d;
	border:					1px solid #999999;
}
.techniek_wrapper .album .message{
	color:					#ffffff;
	font-size:				11px;
	line-height:			14px;
	padding:				200px 10px 10px 10px;
	text-align:				center;
}

.techniek_wrapper .nav{
	background:				#3e3e3e;
	height:					30px;
	padding:				5px 20px;
}
.techniek_wrapper .nav a{
	color:					#ffffff;
	display:				block;
	float:					left;
	line-height:			18px;
	margin:					0 10px;
	text-decoration:		none;
	width:					160px;
}
.techniek_wrapper .nav a:hover{
	text-decoration:		underline;
}
.techniek_wrapper .nav a.prev{
	background:				url(../../images/layout/nav_prev.gif) 4px 4px no-repeat;
	padding:				6px 10px 6px 30px;
	text-align:				left;
}
.techniek_wrapper .nav a.main{
	margin:					0 50px;
	padding:				6px 20px;
	text-align:				center;
}
.techniek_wrapper .nav a.next{
	background:				url(../../images/layout/nav_next.gif) 180px 4px no-repeat;
	padding:				6px 30px 6px 10px;
	text-align:				right;
}


/* --<<[[ CONTENT - contact ]]>>-- */
#content_contact{
	background:				url(../../images/layout/background_contact.jpg) 0 0 no-repeat;
}
#contact{
	color:					#ffffff;
	height:					136px;
	margin:					47px 0 0 203px;
	padding:				20px 0 0 31px;
	width:					187px;
}
#contact a{
	color:					#ffffff;
	text-decoration:		underline;
}
#contact a:hover{
	text-decoration:		none;
}
#contact p{
	padding:				0 0 10px 0;
}
#contact span{
	display:				block;
	float:					left;
	width:					35px;
}