/* -- General ----------------------------------------- */

body, td{

	font-family: 		tahoma, Verdana, Arial, Helvetica, sans-serif;

	font-size:			11px;

	color:			#000;

}

body{

	margin: 			0px;

	background-color: 	#e1e1e1;

	background-image: 	url("/images/ptrn.jpg");

	background-repeat:	repeat-y;

}

a{

	text-decoration:	none;

	color:				#2fb9ed;

}

a:hover{

	text-decoration:	none;

	color:				#000000;

}

.logo {

	position:			relative;

	left:				35px;

	}

.content img {

	position: 		relative;

	left: 		0px;

	margin-right:	10px;

	top: 5px;

}

.aanbiedingen img{

	position:	relative;

	top: 5px;

	left: 0px;

}

.nieuws img{

	position:	relative;

	top: 5px;

	left: 0px;

}





/* -- Main table ----------------------------------------- */

.big{

	width:			1000px;

	border-collapse:  	collapse;

}	

td{

	vertical-align:		top;

}

.big td{

 	padding: 			0px;

}

.big .left{

	width: 			236px;

}

.big .middle{

	width: 			490px;

}	

.big .right{

	width: 			274px;

}







/* -- Menu ----------------------------------------- */

.menu_old div{

	background-image: 	url("/images/menubullet.gif");

	background-repeat: 	no-repeat;

	width:			201px;

	height: 			22px;

	margin-bottom: 		1px;

	margin-left:		1px;

	background-color: 	#e1e1e1;

}

.menu_old div span{

	position:			relative;

	top:				3px;

	left:				33px;

}







.menu ul {

	list-style-type: 		none;

	width: 			201px;

	padding:			0px;

	margin:			0px;

} 



.menu li {

	border-width: 		1px 0;

	margin: 			1px 0;

}



.menu li a { 

	background-image: 	url("/images/menubullet.gif");

	background-repeat: 	no-repeat;

	display: 			block;

	text-decoration: 		none;

	background-color:		#e1e1e1;

}



* html .menu li a {  				/* make hover effect work in IE */

	width: 			201px;

}



.menu li a:hover {

	background-color:		#d5d5d5;

}



.menu a span {

	color: 			#000;

	line-height: 		22px;

	font-family:		tahoma;

	font-size:			11px;

	position:			relative;

	left:				33px;

}

/* -- Left coll ----------------------------------------- */



#topvisual {



padding-left: 1px;

}



/* -- Right coll ----------------------------------------- */

.rightcontent{

	position:			relative;

	top:				-26px;

	left:				60px;

	width:			210px;

}

.rightcontent, .rightcontent table{

	line-height:		16px;

}

.line{

	font-size:			0px;

	height:			1px;

	width:			205px;

	background-color:		#FFF;

	margin-top:			15px;

	margin-bottom:		15px;

}

.rightcontent .nieuwsbriefform input[type=text]{

	font-family:		tahoma, Verdana, Arial, Helvetica, sans-serif;
	width: 190px;
	font-size:			12px;
	margin-bottom: 4px;

}
.rightcontent .nieuwsbriefform input[type=submit]{

	width: 200px;

}

#divFotos div {
	float: left;
	margin: 5px 0px 0px 2px;
	background: url("http://www.centrumphoenix.nl/images/shadow_alpha.png") no-repeat bottom right !important;
	background: url("http://www.centrumphoenix.nl/images/shadow.gif") no-repeat bottom right;
}

#divFotos img {
	margin: 0 10px 20px 10px;
	
	position: relative;
	background: #fff;
	border: 1px solid #d6d6d6;
	margin: -5px 5px 5px -5px;
	padding: 4px;
	display: block;
}





/* -- Main content ----------------------------------------- */

.content{

	position:			relative;

	top:				20px;

	width:			490px;

}

.content, .content table{

	line-height:		16px;

}



.content textarea{

	font-family: 		tahoma;

	font-size:			11px;

	margin-bottom:		3px;

	width:			197px;

}

.content input {

	font-family: 		tahoma;

	font-size:			11px;

	margin-bottom:		3px;



}

h1{

	color:			#00ADEE;

	margin:			0px;

	font-size:			18px;

	font-weight:		bold;

}

h2{

	color:			#00ADEE;

	margin:			0px;

	font-size:			14px;

	font-weight:		normal;

}



/* -- Footer ----------------------------------------- */

.footer{

	color:			#AAA;

	margin-left:		40px;

	padding-top:		10px;

	height:			30px;



}

.footer a{

	color:			#76aa33;

	text-decoration:		none;

}
.footer a#createdBy {
	height: 21px;
	float: right;
	background: url(/images/layout/created_by.png) no-repeat;
	width: 185px;
	margin-right: 20px;
}
	
.footer a#createdBy span {
	display: none;
}

.inmagine{

	visibility:			hidden;

}
.slideshow {
	cursor: pointer;	
	
}
#viewalbum {
	width:	 480px;
	display: block;
	background: #e1e1e1 url("/images/menubullet.gif") no-repeat;
	height: 20px;
	padding: 2px 5px;
	margin: 0px 0px 20px 0px;
	position: relative;
	bottom: 0px;
	right: 0px;
	z-index: 10;
	text-align: right;
}
/* jQuery lightBox plugin - Gallery style */
	
	
		
		
	#gallery {
		background: #F5F5F5;
		padding: 5px 0px;
		width: 490px;
		margin: 0px;
		
	}

	#gallery ul { list-style: none; width: 470px; margin: 20px; padding: 0px;}
	#gallery ul li { display: inline; }
	#gallery ul img {
		border: 5px solid #fff;
		border-width: 5px 5px 5px;
		margin: 5px;
		
	}
	#gallery ul a:hover img {
		border: 5px solid #ccc;
		border-width: 5px 5px 5px;
		color: #fff;
	}
	#gallery ul a:hover { color: #fff; }
#form-container {
	margin: 10px 0px 0px 0px;	
	background:url("/resize/800/600/gallery/uploads/images/IMG_1181.jpg") no-repeat scroll -100px -50px transparent;
	
}
#contact-form {
	background: #eeeeee url(/images/bg_form.jpg) repeat-x;	
	width:230px;
	padding: 5px;
}
#contact-form h2 {
	margin: 0px;
}
form label{
	padding: 0px;
	border: 0px;
	width: 100%;
	display: block;
	font-weight: bold;
	font-size: 11px;

	color: #666;
	padding: 0px;
	margin: 5px 0px;
}

form label span.star{
	color: #ffffff;
	font-size: 10px;
}

form label div.header{
	width: 100%;
}

form textarea{
	width: 240px;
	height: 80px;
}

p#messageSent {
	color:#000;
	margin-top: 20px;
}

input#button{
	margin: 0px;
	float:left;
	width: auto;
	font-size: 11px;
	background: #666;
	cursor: pointer;
	color: #fff;
	border: 0px;
	height: 20px;
	border:1px solid #fff;
	line-height: 20px;
	padding: 0px;
	font-weight: bold;
}

input[type="text"], select, #contact-form textarea#bericht {
	font-size: 11px;
	padding: 1px 2px 1px 2px;
	background: #fff;
	border: 1px solid #666;
	color: #000;
	width: 220px;
}
fieldset {
	border: 0px;
	margin: 0px;
	padding: 0px;
}

select{
	width: 225px;
}
label.checkbox {
	width: 320px;
	float: left;
	background: none;
	height: 18px;
	color: #000;
	padding: 0px;
	margin: 0px;
}

/* Enquete formulier */

div#form-enquete form
{
	margin: 10px 0px 0px 0px;
	width: 500px;

}


div#form-enquete form table tr td.head
{
	padding: 10px 2px;
}

div#form-enquete form div.header
{
	width: 490px;
	background: #E1E1E1;
	margin: 0px 0px 5px 0px;
	min-height: 24px;
	height: auto !important;
	height: 24px;

}
div#form-enquete span#dateformat {
	height: 20px; 
	margin: 3px; 
	float: left;

}

div#form-enquete form label
{

	padding: 0px;
	border: 0px;
	width: 390px;
	display: block;
	font-weight: bold;
	font-size: 11px;
	color: #00ADEE;
	padding: 3px;
	margin: 0px 0px 0px 2px;

}
div#form-enquete form div.header span.star
{
	color: #F00;
	font-size: 10px;
	font-weight: normal;
	float: right;
	width: 40px;
	margin-right: 5px;

}
div#form-enquete form textarea
{

	width: 484px;
	height: 80px;

}

div#form-enquete form input#button
{
	margin: 6px 0px 0px 0px;
	float:right;
	font-weight: bold;
	width: 140px;
	font-size: 12px;
	height: 28px;
	background: none repeat scroll 0 0 #666666;
	cursor: pointer;
	color: #fff;
	border: 0px;

}
div#form-enquete input, div#form-enquete select, div#form-enquete textarea {
	font-size: 12px;
	padding: 1px 2px 1px 2px;
	background: #fff;
	border: 1px solid #666;
	color: #000;
	margin: 0 0 15px 0;
	float: left;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

}
div#form-enquete input, div#form-enquete select{
	
	width: 180px;
}