@charset "utf-8";
html, body {
	font: 13px Tahoma, Geneva, verdana, sans-serif;
	background: #FFF url(/images/achter.jpg) repeat-x;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #333;
	height: 100%;
}

.oneColFixCtrHdr #container {
	position: relative;
	text-align: left;
	width: 800px;
    min-height: 100%;
    height: auto !important;
    height: 100%;
	margin: 0 auto -46px;
}
.oneColFixCtrHdr #header {
	padding: 0;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	height:108px;
}

.oneColFixCtrHdr #mainContent {
	padding: 0 10px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	padding-bottom: 50px;
}

.oneColFixCtrHdr #footer {
	padding: 0 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	font-size:12px;
	text-align:center;
	background-color:#333;
	color:#FFF;
	height:46px;
	position: relative;
	margin-top: -46px; /* negative value of footer height */
	clear:both;
	min-width:800px;
	background-image:url(/images/footer.jpg);
	background-repeat:repeat-x;
}

.oneColFixCtrHdr #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}

/* LINKs */
a:link {text-decoration: none; color:#06F;}
a:visited {text-decoration: none; color:#06F;}
a:active {text-decoration: none; color:#000;}
a:hover {text-decoration: underline; color: #00F;}

:-moz-any-link:focus {outline: none;} /* Firefox */

/* MENU */
.menu{
	width: 800px;
	color: #fff;
}

.menu ul{
	margin: 0px;
	padding: 0px;

}

.menu ul li {
	list-style: none;
	float: left;
}

.menu ul li a {
	height: 37px;
	padding-left: 26px;
	padding-right: 25px;
	padding-top: 13px;
	display: block;
	text-decoration: none;
	color: #fff;
	text-align: center;
	font-size:18px;
	width: auto;
	border-right: solid 1px #353537;
}

.menu ul li a:hover,.menu ul li a.active{
	color: #090;
	background-color: #353537;
}

/* blaat */
img{border: none;}

table.sites td{
	width:50%;
	text-align:center;
	vertical-align:top;
}

/* HEADERS */
h1{
	font-size: 22px;
	font-weight:bold;
	margin-top:9px;
	color: #353535;
}

h2{
	margin-bottom:2px;
	font-size:110%;
	font-weight:bold;
}
h3{
	margin-bottom:2px;
	font-size:105%;
	font-weight:bold;
}

/* Most common stuff you'll need to change */

	.coda-slider-wrapper { padding: 20px 0 }
	.coda-slider { /*background: #ebebeb*/
	border:1px solid; }
	
	/* Use this to keep the slider content contained in a box even when JavaScript is disabled */
	.coda-slider-no-js .coda-slider { height: 200px; overflow: auto !important; padding-right: 20px }
	
	/* Change the width of the entire slider (without dynamic arrows) */
	.coda-slider, .coda-slider .panel { width: 777px; overflow:hidden; text-align:center; } 
	
	/* Change margin and width of the slider (with dynamic arrows) */
	.coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel { width: 600px }
	.coda-slider-wrapper.arrows .coda-slider { margin: 0 10px }
	
	/* Arrow styling */
	.coda-nav-left a, .coda-nav-right a { background: #000; color: #fff; padding: 5px; width: 100px }
	
	/* Tab nav */
	.coda-nav ul li a.current { background: #39c }
	.coda-nav ul li a:hover { background: #33c }
	
	/* Panel padding */
	.coda-slider .panel-wrapper { padding: 5px }
	
	/* Preloader */
	.coda-slider p.loading { padding: 20px; text-align: center }

/* Don't change anything below here unless you know what you're doing */

	/* Tabbed nav */
	.coda-nav ul { clear: both; display: block; margin: auto; overflow: hidden }
	.coda-nav ul li { display: inline }
	.coda-nav ul li a { background: #000; color: #fff; display: block; float: left; margin-right: 1px; padding: 3px 6px; text-decoration: none }
	
	/* Miscellaneous */
	.coda-slider-wrapper { clear: both; overflow: auto }
	.coda-slider { float: left; overflow: hidden; position: relative }
	.coda-slider .panel { display: block; float: left }
	.coda-slider .panel-container { position: relative }
	.coda-nav-left, .coda-nav-right { float: left }
	.coda-nav-left a, .coda-nav-right a { display: block; text-align: center; text-decoration: none }