/*
Stiching Max site-css
@author: Publer.com
@version: 20090205
*/

/* Color Scheme

*/

/* General styling
**********************************/
body, div#publerBody {
	text-align: center; 		/* Center the contents for IE */
	}

div#container {
	position:relative;
	width:972px;				/* Page width */
	margin:0 auto; 				/* First one for top spacing, second one for center alignment */
	text-align: left;			/* IE undo center alignment */
	}

/* Header styling
**********************************/
div#header {
	height:275px;
	background-image: url(/images/stichtingmax/header/headerr.jpg);
	width:972px;
	position:relative;
	}
	
	div#header h1 {
		width:160px;
		position:absolute;
		bottom:0;
		right:48px;
		margin:0;
		padding:0;
		}
		div#header h1 a{
			height:153px;
			display:block;
			text-indent:-5555px;
			}
	span#breadcrumb, a#lang-tab{
		position:absolute;
		bottom:32px;
		left:-2px;
		color:white;
		font-weight:bold;
		}
		span#breadcrumb a{
			color:white;
			margin:0 8px;
			text-transform:uppercase;
			font-size:.85em;
			}
			span#breadcrumb a:hover{
				color:#9ECCED;
				}
			
	a#lang-tab{	
		left:944px;
		text-indent:-5555px;
		display:block;
		background: url(/images/stichtingmax/icons/vlag.png) no-repeat top left;
		height:16px;
		width: 23px;
		bottom:33px;
		padding:0;
		margin:0;
		line-height:1em;
		}
	body.en #lang-tab{
		background-position:0 -16px;
		}

/* Navigation
**********************************/		
ul#nav, ul#nav ul{
	list-style:none;
	margin:0 0 25px 0;
	padding:0;
	background-color:white;
	}
	ul#nav ul{
		display:none;
		margin:0;
		}
		
	ul#nav li{
		background:#278bcb;
		margin-bottom:5px;
		display:block;
		}
		ul#nav li a:hover, ul#nav li.selected a{
			background:#9ECCED;
			}
			ul#nav li.selected li a{
				background:white;
			}
		ul#nav li a{
			display:block;
			text-transform:uppercase;
			color:white;
			font-weight:bold;
			line-height:2em;
			padding-left:5px;
			}
			ul#nav ul{
				padding-top:5px;
				}
			ul#nav ul li{
				background:#FFFFFF;
				border-bottom:1px solid #a1a3a2;				
				}
				ul#nav ul li a{
					color: black;
					padding-left:30px;
					font-weight:normal;
					}
	ul#nav li.expanded, ul#nav li.last{
		margin-bottom: 0;
		}
		ul#nav ul li.selected{
			margin-bottom:5px;
			}

			ul#nav ul li.selected a{
				color:#5f5e5e;
				background-color:#bcbcbc;
				}
			ul#nav ul li a:hover{
				background-color:#a1ccec;
				}
			
			 
	ul#nav li.selected ul{
		display:block;		
		}
	
/* Left Column
**********************************/			
div#left-column p{
	color:#278bcb;
	line-height:1.5em;
	}

/* 2 Column layout / Default
**********************************/		

div#wrapper{
	float:left;
	width:100%;
	height:1%;
	} /* workaround */
	
	div#main{
		background: url(/images/stichtingmax/background/main.png) 230px 0 repeat-y white;
background: url(/images/stichtingmax/background/main-3column.png) 230px 0 repeat-y white;
		margin-bottom:10px;
		height:1%;
		}
	body.column3 div#main{
		background: url(/images/stichtingmax/background/main-3column.png) 230px 0 repeat-y white;
		height:1%;
		}
		
div#contents{
	margin: 0 0 0 230px;	/* Geef de margins zo breed als de columns */
	width:720px;
	padding:0 10px;	
margin-right:100px;
width:491px;
margin-right:1px solid lime;
	} 
	
div#left-column{
	float:left;
	width:220px;				/* De breedte + padding + border + margin moet even breed zijn als de margins van de contents */
	margin-left:-972px; 		/* Zo breed als de container */
	background-color:white;
	}
	
div#right-column{
	float:left;
	width:220px; /*47*/
	margin-left:-220px;			/* Evenveel naar links floaten als de breedte */
	}
	
div#footer{
	clear:left;
	width:100%;
	}
	
/* 3 Column layout
**********************************/	
body.column3 div#contents{
	margin-right:100px;
	width:491px; /*464*/
	}
	
/* Global
**********************************/	
div#contents h1, div#contents h2{
	margin:0 0 6px 0;
	padding:0;
	color:#cb5c15;
	text-transform:uppercase;
	}
div#contents h2{
	margin:20px 0 4px 0;
	color:#288cc8;
}

h2 small{
	margin-right:6px;
	font-weight:normal;
	font-size:.8em;
}

div#contents{
	position:relative;
	padding-top:23px;
	}
	div#contents a#logo{
		position:absolute;
		top:-5px;
		left:560px;
		width:100px;
		height:50px;
		display:block;
		text-indent:-5555px;
		background: url(/images/stichtingmax/logo/stichtingmax-small.png) top left no-repeat;
		}
		
ul#sitemap, ul#sitemap ul{
	list-style:none;
}
ul#sitemap{
	margin:0;
	padding:0;
}
label{
	width:auto !important;
	display:inline;
	float:none;
}

/* Footer
**********************************/
div#footer p{
	color:black;
	font-size:.85em;
	text-align:center;
	}	
div#footer p#footer-top{
	background-color: #CA5921;
	color:#FFFFFF;
	text-transform:uppercase;
	text-align: center;
	font-weight: bold;
	width:511px; /*484*/
	margin-left:230px;
	margin-top: 0px;
	font-size:1em;
	}
td.colLeft{
	width: 115px
	}
.kerstkaarten td.colLeft{
	width: 130px;
}