/* CSS Document - CD/S */

html, body {
 height: 100%; 
 margin: 0; 
 padding: 0
}

body {
 background-image: url(images/bg.jpg);
 background-repeat: repeat-x;
}

#copyright {
 position: absolute;
 bottom: 0px;
 font-family:Arial, Helvetica, sans-serif;
}

#bg {
 width: 930px;
 height: 580px;
 position: absolute;
 top: 50%;
 left: 50%;
 margin: -290px 0 0 -465px;
 behavior: url(iepngfix.htc);
 background-image:url(images/bg.png);
}

#wrapper {
 width: 900px;
 height: 550px;
 background-color: #FFF;
 position: absolute;
 top: 50%;
 left: 50%;
 margin: -275px 0 0 -450px;
}

#container {
 padding: 27px 50px 0px 60px;
}

#header {
 height: 105px;
}

#logo {
 width: 120px;
 float: right;
 text-align: right;
}

#navigation {
 margin-top: 30px;
 width: 670px;
 float: right;
}

.noscriptwrapper {
 overflow: auto;
 width: 810px;
 height: 340px;
}

.noscriptwrapper .contentdiv {
 height: 330px;
 padding-bottom: 10px;
}

.navi {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 position: relative;
 margin: 0;
 padding: 0;
 list-style: none;
}

.navi li {
 float:left;
 margin-right: 12px;
}

.navi li a {
 color: #777;
 text-decoration: none;
}

.navi li a:hover {
 color: #000;
}

#aktiv {
 color: #000;
}

#content {
 clear: both;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 line-height: 16px;
}

#content p {
 margin: 0 0 10px 0;
 padding: 0;
}

#content ul {
 margin: 0 0 0 16px;
 padding: 0;
 list-style-type: square;
}

#content_noscript {
 clear: both;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 line-height: 16px;
}

#content_noscript p {
 margin: 0 0 10px 0;
 padding: 0;
}

#content_noscript ul {
 margin: 0 0 0 16px;
 padding: 0;
 list-style-type: square;
}

.column1 {
 width: 480px;
 height: 330px;
 float: left;
 overflow: hidden;
}

.column1v {
 width: 480px;
 float: left;
 overflow: hidden;
}

.column2 {
 width: 310px;
 height: 330px;
 float: left;
}

.column2 a {
 color: #777;
 text-decoration: underline;
}

.column2 a:hover {
 color: #000;
}

#hl {
 color: #000;
}

#footer {
 position: absolute;
 top: 515px;
 clear: both;
}

.caption {
 width: 790px;
 position: absolute;
 top: 465px;
 text-align: left;
}

.caption a {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 padding: 0 12px 0 0;
 text-decoration: none; 
 color: #777;
}

.caption a:hover, .caption a.selected {
 color: #000;
}

h1 {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 10px;
 font-weight: normal;
 color: #777;
 margin: 0;
}

h2 {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 font-weight: bold;
 line-height: 17px;
 color: #777;
 margin: 0 0 10px 0;
}

h3 {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 font-weight: normal;
 color: #777;
 margin: 0;
}

.alert {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 font-weight: bold;
 color: red;
}

.button {
 background-color: #FFF;
 color: #777;
 width: 100px;
}

.button:hover {
 color: #000;
 border-color: #000;
}

form {
 margin: 0;
 padding: 0;
}

input, textarea {
 margin: 0 0 6px 0;
 padding: 1px;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 border: 1px solid #CCC;
}

.felderbreite {
 width: 300px;
}

input.leer, textarea.leer {
 border: 1px solid #CCC;
}

input.markiert, textarea.markiert {
 border: 1px solid #000;
}

.copygrey {
 color: #777;
}

/* Contentslider */

.sliderwrapper{
 position: relative; /*leave as is*/
 overflow: hidden; /*leave as is*/
 width: 790px; /*width of featured content slider*/
 height: 330px;
}

.sliderwrapper .contentdiv {
 visibility: hidden; /*leave as is*/
 position: absolute; /*leave as is*/
 left: 0;  /*leave as is*/
 top: 0;  /*leave as is*/
 background: white;
 width: 790px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
 height: 100%;
 filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
 -moz-opacity: 1;
 opacity: 1;
}

.pagination {
 width: 310px; /*Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)*/
 position: absolute;
 z-index: 10;
 top: 461px;
 left: 540px;
 text-align: right;
}

.pagination a {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 padding: 0 5px 0 0;
 text-decoration: underline; 
 color: #777;
}

.pagination a:hover, .pagination a.selected {
 color: #000;
}