/*
Title	: layout content
====================================== */

/* h1 
====================================== */
body#main-layout1 h1 {
	color: #333;
	}

body#main-layout1 h2 {
	color: #333;
	}

/* content main
====================================== */
#content-main {
	float: left;
	padding-right: 15px;
	width: 460px;
	}
	
/* content right
====================================== */
#content-right {
	float: left;
	width: 465px;
	}

/* jquery teaser content
====================================== */
#content-teaser {
	background: url(../gfx/css/teaser-bg.gif) no-repeat left top;
	height: 234px;
	margin: 0;
	padding: 10px;
	position: relative;
	width: 420px;
	}
#teaser-wrap {
		width: 420px;
		}
ul#teaser-content {
	font-size: 1.0em;
	margin: 0;
	padding: 0;
	}
	ul#teaser-content img {
		border: 1px solid #ccc;
		float: left;
		margin-right: 10px;
		}
	ul#teaser-content p {
		float: left;
		width: 240px;
		}
		ul#teaser-content p a {
			}

	ul#teaser-content li {
		background: none;
		padding: 0;
		}
	
	ul#teaser-content li a.teaser-header {
		color: #ef9b00;
		display: block;
		font-size: 1.8em;
		line-height: 1.2em;
		padding-bottom: 0.4em;
		}

/* jquery teaser pagebrowser
====================================== */
ul#teaser-titles {
	bottom: 0;
	position: absolute;
	right: 8px;
	}
	ul#teaser-titles li {
		background: none;
		float: left;
		padding-left: 4px;
		}
	ul#teaser-titles li a {
		background: url(../gfx/css/pagebrowser-bg.gif) no-repeat left top;
		color: #333;
		display: block;
		padding: 3px 9px 3px 9px;
		text-decoration: none;
		}
		ul#teaser-titles li a:hover {
			background: url(../gfx/css/pagebrowser-bg-active.gif) no-repeat left top;
			color: #fff;
			}
		ul#teaser-titles li.ui-tabs-selected a {
			background: url(../gfx/css/pagebrowser-bg-active.gif) no-repeat left top;
			color: #fff;
			}

/* opmaak poll resultaten
====================================== */

ul#tabs-content li {
	}

ul#tabs-content li span.text {
	display: block;
	font-weight: bold;
	padding-bottom: 5px;
	}

ul#tabs-content li#tab-1 ul.level2 li {
	border-bottom: 1px dotted #ccc;
	overflow: auto;
	padding-left: 0;
	}

ul#tabs-content li#tab-1 ul.level2 li span {
	display: block;
	float: left;
	font-size: 0.9em;
	width:418px;
	}

ul#tabs-content li#tab-1 ul.level2 li span.result {
	background: #fbc560 url(../gfx/css/poll-result.gif) repeat-x top left;
	border: 1px solid #e3a228;
	display: block;
	float: left;
	height: 20px;
	margin-bottom: 2px;
	overflow: hidden;
	width: 200px;
	}
ul#tabs-content li#tab-1 ul.level2 li span.result-text {
	display: block;
	float: left;
	height: 20px;
	padding-left: 10px;
	width: 30px;
	}

/* jquery tabs poll/agenda
====================================== */
#content-tabs {
	}

#tabs-wrap {
	background: url(../gfx/css/tabs-bg.gif) repeat-x bottom left;	
	overflow: auto;
	width: 440px;
	}

ul#tabs {
	font-size: 1.2em;
	margin: 0;
	padding: 0;
	}
	ul#tabs li {
		background: url(../gfx/css/tabs-left.gif) no-repeat left top;
		float: left;
		margin-left: 4px;
		padding-left: 5px;
		}
	ul#tabs li a {
		color: #333;
		display: block;
		background: url(../gfx/css/tabs-right.gif) no-repeat right top;
		padding: 6px 14px 6px 9px;
		text-decoration: none;
		}
	
	#tabs-wrap ul#tabs li.ui-tabs-selected a {
		border-bottom: 1px solid #fff;
		font-weight: bold;
		}

/* jquery tabs poll/agenda
====================================== */
#layout-content #tabs-content {
	line-height: 1.2em;
	padding: 10px 5px;
	width: 435px;
	} 
	#tabs-content label,
	#tabs-content p {
		font-size: 1.0em;
		} 
	#tabs-content label {
		}

ul#tabs-content li {
	background: none;	
	}

ul#tabs-content li ul#tabs-agenda li {
	background: url(../gfx/css/bullet-1.gif) no-repeat 0px 7px;	
	}
	ul#tabs-content li ul#tabs-agenda li span {
		color: #666;
		font-size: 1.0em;
		padding-right: 4px;			
		}
		
/* jquery teaser additonial css
====================================== */
.ui-tabs-hide {
	display:none;
	}