html, body {
	height: 100%;
}

a, a:link, a:visited, a:active, a:hover {
	color: #000;
	
}

* {
	outline: 0;
	border: 0px;
}

body {
	padding: 0px;
	margin: 0px;
	background-image: url(../../images/frontend/background.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	background-color: #0c0202;
	text-align: center;
}

body, tr, td, input, select, option, textarea {
	font-family: arial;
	font-size: 11px;
}

* {
	outline: 0;
}
.clear {
	clear: both;
}

h1,h2,h3,h4,h5,h6 {
	margin-top: 0px;
}



div#wrapper_outside {
	width: 100%;
	height: 658px;
	clear: both;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url(../../images/frontend/content-background.png);
	text-align: center;
	position: relative;
	top: -329px;
	/* IE4ever Hack: Hide from IE4 **/
	position: static;
	/** end hack */
	
	

	
}

div#shim {
	visibility: hidden;
	width: 100%;
	height: 50%;
	margin-top: -360px;
	float: left;

}


div#top_spacer {
	height: 40px;
	overflow: hidden;	
}

div#fix {
	margin-left: 26px;	
	height: 550px;
	position: relative;
	
	
}


div#wrapper_inside {
	width: 950px;	
	height: 550px;
	position: absolute;
	top: 40px;
	left: 50%;
	margin-left: -475px;
	overflow: hidden;
}


div#content {

	width: 950px;	
	height: 550px;
}


div#content_inner {
	margin-left: 16px;
	margin-right: 16px;
	padding-top: 12px;
	overflow: hidden;
	text-align:left;
}

div#top {
	height: 102px;
	float: left;
}

div#logo {
	float: left;
	width: 102px;
	height: 102px;
}

div#logo a {
	background-position: top left;
	background-image: url(../../images/frontend/top.png);
	width: 102px;
	height: 102px;
	display: block
}

div#logo a:hover {
	background-image: url(../../images/frontend/top_active.png);
}

div#logo a span {
	display: none;
}

div#slider {
	margin-left: 9px;
	float: left;
	position: relative;
	width:696px;
	overflow: hidden;
}

div#slider_left, div#slider_right {
	position: absolute;
	width: 72px;
	height: 102px;
	top: 0px;
	z-index: 10;
}

div#slider_left {
	left: 0px;
	text-align: left;
	width: 21px;
	height: 32px;
}

div#slider_right {
	right: 0px;
	width: 21px;
	height: 32px;
	text-align: right;
	
}

div#slider_mid {
	float: left;
	overflow: hidden;
	width: 696px;
	height: 102px;
	margin-right: 6px;
}

a.slider_nav {
	display: block;
	background-position: top left;
	background-repeat: no-repeat;
	height: 32px;
	width: 21px;
}



table#slider_table td {
	width: 72px;
	position: relative;	
	overflow: hidden;
}

a#slider_nav_left {
	background-image: url(../../images/frontend/slider_left.png);
	margin-top: 30px;
	margin-left: 12px;
	float: left;
	
}

a#slider_nav_left:hover {
	background-image: url(../../images/frontend/slider_left_active.png);
	
}


a#slider_nav_right {
	background-image: url(../../images/frontend/slider_right.png);
	margin-top: 30px;
	float: right;
	margin-right: 5px;
}

a#slider_nav_right:hover {
	background-image: url(../../images/frontend/slider_right_active.png);
}

a.slide_wrap {
	margin-right: 6px;
	display: block;
	width: 72px;
	height: 102px;
	border: 0px;
	position: relative;
	text-decoration: none;	
}

span.slide_desc_active {
	display: block !important;
}

span.slide_desc {
	display: none;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 72px;
	height: 102px;
	z-index: 6;
	background-image: url(../../images/frontend/slide_fader.png);
}

span.slide_desc strong {
	text-transform: uppercase;
	font-weight: normal;
	display: block;
	text-align: center;
	overflow: hidden;
	margin-bottom: 5px;
}

span.slide_desc span {
	padding: 5px;
	color: #000;
	text-decoration: none;
	text-align: center;
	display: block;
}

span.slide_thumb {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 72px;
	height: 102px;
	z-index: 5;
	display: block; 
}

a.slide_wrap img {
	border: 0px;
}

div#content_left {
	float: left;
	width: 807px;
	margin-right: 9px;
}

div#content_right {
	width: 102px;
	height: 513px;
	float: left;
		
}

div#colofon {
	width: 102px;
	height: 513px;
	background-image: url(../../images/frontend/colofon.gif);
	background-position: top left;
	background-repeat: no-repeat;
	position: relative;
}

div#colofon a span {
	display: none;
}

div#colofon a {
	background-position: top left;
	background-repeat: no-repeat;
	position: absolute;
	left: 0px;	
}

a#btn_bai {
	background-image: url(../../images/frontend/btn_bai.gif);
	width: 102px;
	height: 54px;
	top: 102px;
}

a#btn_bai:hover {
	background-image: url(../../images/frontend/btn_bai_active.gif);
}

a#btn_bna {
	background-image: url(../../images/frontend/btn_bna.gif);
	width: 102px;
	height: 52px;
	top: 28px;
}

a#btn_bna:hover {
	background-image: url(../../images/frontend/btn_bna_active.gif);
}

a#btn_gemeente {
	background-image: url(../../images/frontend/btn_gemeente.gif);
	width: 102px;
	height: 48px;
	top: 171px;
}

a#btn_gemeente:hover {
	background-image: url(../../images/frontend/btn_gemeente_active.gif);
}

a#btn_daad {
	background-image: url(../../images/frontend/btn_daad.gif);
	width: 102px;
	height: 39px;
	bottom: 0px;
}
a#btn_daad:hover {
	background-image: url(../../images/frontend/btn_daad_active.gif);
}


div#bottom {
	margin-top: 3px;
	width: 807px;
	height: 408px;
}

div#bottom_left {
	float: left;
	width: 102px;
	height: 410px;
	margin-right: 9px;
	position: relative;
}

a.disclaimer {
	font-size: 9px;
	color: #fff;
	position: absolute;
	bottom: 0px;
}

div#bottom_right {
	float: left;
	width: 696px;
}

div#selector {
	margin-top: 18px;
	position: relative;
	z-index: 3;
}

div#selector div.contain {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 228px;
	background-color: #523f3c;
}


div#selector a.title {
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 5px;
	padding-right: 5px;
	color: #fff;
	text-decoration: none;
	display: block;
	background-image: url(../../images/frontend/selector.gif);
	background-position: right center;
	background-repeat: no-repeat;
}

div#selector a.title:hover {
	background-image: url(../../images/frontend/selector_over.gif);
}

div#selector a#selector_toggle.active {
	background-image: url(../../images/frontend/selector_active.gif);
}


div#selector a#selector_toggle.active:hover {
	background-image: url(../../images/frontend/selector_active_over.gif);
}


div.selector_nav a {
	background-position: right top;
	background-repeat: no-repeat;
	display: block;
	width: 224px;
	height: 27px;
}

div#selector div.content {
	display: none;
}

div#selector div.list {
	background-color: #c5c3bd;
	height: 160px;
	overflow: hidden;
}

div#selector div.list ul, div#selector div.list ul li {
	list-style: none;
	padding: 0px;
	margin: 0px;
}

div#selector div.list ul li a {
	color: #000;
	text-decoration: none;
	font-weight: bold;
	display: block;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 1px;
	padding-bottom: 1px;
}

div#selector div.list ul li a.active, div#selector div.list ul li a:hover {
	text-decoration: underline;
}

a#selector_up {
	background-image: url(../../images/frontend/selector_up.gif);
}

a#selector_up:hover {
	background-image: url(../../images/frontend/selector_up_active.gif);
}

a#selector_down {
	background-image: url(../../images/frontend/selector_down.gif);
}

a#selector_down:hover {
	background-image: url(../../images/frontend/selector_down_active.gif);
}

div#selector div.content {
	padding-left: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	
}

div#maincontent {
	margin-top: 73px;
}


div#detail {
	overflow: hidden;
}

div#detail_left {
	float: left;
	width: 540px;
	margin-right: 6px;
	
}

div#detail_right {
	float: left;
	width: 150px;
	position: relative;
	height: 336px;
}

div.detail_content_wrap {
	height: 336px;
	overflow-y: scroll;
}

div.detail_content {
	padding-right: 6px;
	overflow-x: hidden;

}

div#detail_right {
	color: #fff;
}

div#detail_right h1 {
	font-size: 20px;
	text-transform: uppercase;
	line-height: 18px;
}

div.detail_shortdesc {
	font-size: 14px;
}

div.vote {
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 150px;
	border-top: 2px solid #fff;
	padding-top: 15px;
}

form.vote {
	font-weight: bold;
	font-size: 12px;
}

a#membercheck {
	display: block;
	float: left;
	width: 20px;
	height: 22px;
	background-repeat: no-repeat;
	background-position: top left;
	background-image: url(../../images/frontend/check.gif);
	border: 0px;
	text-decoration: none;
	
}
div.member span {
	float: left;
	display: block;
	margin-top: 5px;
}

a#membercheck.active {
	background-image: url(../../images/frontend/check_active.gif);
}

div.field {
	margin-top: 6px;
}

div.field input {
	width: 96px;
}

div.form_right {
	width: 42px;
	float: left;
	
}

div.form_right img {
	position: absolute;
	bottom: 0px;
	right: 0px;
}

div.form_left {
	float: left;
	width: 102px;
	margin-right: 4px;
}

div#hasvoted {
	display: none;
}

div.generaltext {
	color: #fff;
	
}

div.generaltext p {
	margin-top: 0px;
}

div#home {
	overflow: hidden;
}

div#home_left {
	float: left;
	width: 384px;
	margin-right: 6px;
}

div#home_right {
	width: 306px;
	float: left;
	color: #fff;
	font-size: 15px;
}

div#home_right p {
	margin-top: 0px;
}

div#home_building {
	position: relative;
	height: 336px;
	width: 384px;
	overflow: hidden;
	z-index: 1;
}

div#home_building img {
	width: 384px;
	height: 336px;
	border: 0px;
}


div#home_building div {
	position: absolute;
	bottom: 0px;
	width: 384px;
	background-image: url(../../images/frontend/slide_fader.png);
	z-index: 2;
	color: #000;
	text-indent: 6px;
	padding-top: 2px;
	padding-bottom: 2px;
	text-transform: uppercase;
	font-size: 13px;
}
