@charset "utf-8";
html, body, div, ul, li {
    margin: 0;
    padding: 0;
}
html, body {
    height: 100%;
}
body {
    background: white;
    font-size: 12px;
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;
}
a img {
    border: none;
}
ul.navi, ul.navi li {
    list-style-type: none;
}
ul.navi li {
    float: left;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
a:link,a:visited,a:active {
    text-decoration: none;
    color: #000;
}
a:hover {
    text-decoration: underline;
}


#pagewrapper {
    width:100%;
    background-color: #fff;
    background: url(../img/bg_pagewrapper.gif) repeat-x;
}

#contentArea {
    width:1140px;
    background: white;
    margin: 0 auto;
}

#header {
    position: relative;
    height: 105px;
    clear: both;
    float: none;
    background: #fff;
    background-repeat: no-repeat;
    background-position: right top;
}
#logo {
    position: relative;
    top: 29px;
    left:283px;
    height: 51px;
    width: 206px;
    background: white;
}
#logo a {
    text-align: center;
    display: block;
}
#cssbuttons {
    position: absolute;
    top: 47px;
    right: 20px;
    width: 132px;
}
#speakerboxes .speaker {
    cursor: pointer;
    float: left;

    width: 16px;
    height: 16px;
    margin-right: 6px;
}
#styleswitchers {
    float: right;
}
#styleswitchers li{
    width: 16px;
    height: 16px;
    margin-right: 3px;
}
#styleswitchers li a {
    display: block;
    height: 16px;
    width: 16px;
    text-indent: -999em;
}
#styleswitchers li#grayblue {
    background: #6e8194;
}
#styleswitchers li#umbra {
    background: #827780;
}
#styleswitchers li#gray {
    background: #57585a;
}
/* Ausblenden für ZG */
#styleswitchers {
    left: -2000px;
    display:none;
    z-index: -1000;
}

#navi {
    float: left;
    width: 230px;
}
ul#mainnavigation {
    float: none;
    clear: both;
    position: relative;
    top: 21px;
    height: 250px;
    overflow: hidden;
}
ul#mainnavigation li {
    float: none;
    clear: both;
    margin-bottom: 20px;
    text-transform: uppercase;
    font-size: 13px;
    height: 14px;
    font-weight: 500;
}
ul#mainnavigation li a {
    padding-left: 30px;
    padding-top: 1px;
    padding-bottom: 1px;
    display: block;
    text-decoration: none;
    color: #8a878d;
}
ul#mainnavigation li.ni-active a {
    background-position: 0 1px;
    background-repeat: no-repeat;
}
ul#mainnavigation li.smaller a {
    font-size: 0.8em;
}
ul#mainnavigation li a {
    color: #8b8b8b;
}
ul#mainnavigation li a:hover {
    color: #000;
}
ul#mainnavigation li.ni-active a {
    color: #000;
    background-image: none;
}
a:active {
    color: #000;
}
#navicol-stoerer {
    position: absolute;
    top: 441px;
    left: -225px;
}


#main {
    position: relative;
    width: 920px;
    height: 746px;
    margin-left: 234px;
    background-repeat: no-repeat;
    background-position: right top;
    background: #fff;
}
#eyecatch {
    position: absolute;
    top: 5px;
    left: -40px;
    width: 960px;
    height: 486px;
    border-style: solid;
    border-color: white;
    border-width: 2px 0;
}
#eyecatch div {
    position: absolute;
    top: 0;
    left: 0;
    width: 810px;
    height: 410px;
    z-index: 8;
    opacity: 0;
}
#eyecatch div.active {
    z-index: 10;
    opacity: 1.0;
}
#eyecatch div.last-active {
    z-index: 9;
}
#eyecatch #galleryLargePic {
    position: absolute;
    left: 0;
    top: 0;
    height: 410px;
    width: 410px;
    opacity: 1.0;
}
#eyecatch #galleryThumbs {
    position: absolute;
    left: 410px;
    top: 0;
    height: 410px;
    width: 400px;
    opacity: 1.0;
}
#eyecatch #galleryThumbs div {
    position: relative;
    float: left;
    width: 80px;
    height: 82px;
    background: no-repeat url(../img/gallery/_thumbs.jpg) 0 0;
    opacity: 1.0;
    cursor: pointer;
}
/* Container formatted similar to #eyecatcher, but for contact-form */
#ec_kontaktform {
    position: absolute;
    top: 5px;
    left: -40px;
    width: 808px;

    padding-left: 88px;
    width: 720px;

    height: 410px;
    background: #fff;
}

#content {
    position: absolute;
    top: 500px;
    left: 50px;
    width: 340px;
    width: 330px; /* alt... */
}

#contentCopy {
    position: absolute;
    top: 500px;
    left: 480px;
    width: 250px;
    font-style: italic;
}


/**
 * Gallery-Thumbs-Definition
 */
#galleryThumbs div.pic01 {
    background-position: 0 0 !important;
}
#galleryThumbs div.pic02 {
    background-position: -80px 0 !important;
}
#galleryThumbs div.pic03 {
    background-position: -160px 0 !important;
}
#galleryThumbs div.pic04 {
    background-position: -240px 0 !important;
}
#galleryThumbs div.pic05 {
    background-position: -320px 0 !important;
}

#galleryThumbs div.pic06 {
    background-position: 0 -82px !important;
}
#galleryThumbs div.pic07 {
    background-position: -80px -82px !important;
}
#galleryThumbs div.pic08 {
    background-position: -160px -82px !important;
}
#galleryThumbs div.pic09 {
    background-position: -240px -82px !important;
}
#galleryThumbs div.pic10 {
    background-position: -320px -82px !important;
}

#galleryThumbs div.pic11 {
    background-position: 0 -164px !important;
}
#galleryThumbs div.pic12 {
    background-position: -80px -164px !important;
}
#galleryThumbs div.pic13 {
    background-position: -160px -164px !important;
}
#galleryThumbs div.pic14 {
    background-position: -240px -164px !important;
}
#galleryThumbs div.pic15 {
    background-position: -320px -164px !important;
}

#galleryThumbs div.pic16 {
    background-position: 0 -246px !important;
}
#galleryThumbs div.pic17 {
    background-position: -80px -246px !important;
}
#galleryThumbs div.pic18 {
    background-position: -160px -246px !important;
}
#galleryThumbs div.pic19 {
    background-position: -240px -246px !important;
}
#galleryThumbs div.pic20 {
    background-position: -320px -246px !important;
}

#galleryThumbs div.pic21 {
    background-position: 0 -328px !important;
}
#galleryThumbs div.pic22 {
    background-position: -80px -328px !important;
}
#galleryThumbs div.pic23 {
    background-position: -160px -328px !important;
}
#galleryThumbs div.pic24 {
    background-position: -240px -328px !important;
}
#galleryThumbs div.pic25 {
    background-position: -320px -328px !important;
}


/**
 * Contactform
 */
#cform {
    padding-top: 30px;
}
#cform div {
    margin-bottom: 5px;
}
#cform input, #cform textarea {
    width: 310px;
    border: 1px solid black;
    background: #fff url(../img/bg_input.gif) no-repeat;

    font-family: sans-serif;
    font-size: 11px;
    padding-left: 5px;
    padding-top: 4px;
}
#submitter, #nscript_submitter {
    font-size: 12px;
    text-align: left;
    padding: 0;
    margin: 0;
    margin-left: -2px;
    margin-top: 10px;
    background: #fff;
    border: none;
}
#submitter {
    color: #000000;
    display: block;
}
#submitter strong {
    color: #436387;
}

#ajaxIndicator {
    position: absolute;
    background: #000000;
    top: 0;
    left: 0;
    width: 808px;
    height: 410px;
    text-align: center;

    /* Required for IE 5, 6, 7 */
    /* ...or something to trigger hasLayout, like zoom: 1; */
    zoom: 1;

    /* Theoretically for IE 8 & 9 (more valid) */
    /* ...but not required as filter works too */
    /* should come BEFORE filter */
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";

    /* This works in IE 8 & 9 too */
    /* ... but also 5, 6, 7 */
    filter: alpha(opacity=40);

    /* Older than Firefox 0.9 */
    -moz-opacity:0.4;

    /* Safari 1.x (pre WebKit!) */
    -khtml-opacity: 0.4;

    /* Modern!
    /* Firefox 0.9+, Safari 2?, Chrome any?
    /* Opera 9+, IE 9+ */
    opacity: 0.4;
}
#ajaxIndicator div {
    color: white;
    font-weight: bolder;
    margin-top: 150px;
}

.errAtInput {
    color: #A80101;
    position: absolute;
    left: 408px;
    background: #ffffff;
    border: 1px solid #ffffff;
    border-radius: 3px;
}
#econtact_success {
    border: 1px solid #2D6023;
    color: #49A30D;
    font-weight: bolder;
    padding: 15px;
    position: absolute;
    top: 15px;
    left: 74px;
    width: 310px;
    background: #ffffff;
}



#clockContainer,
#clockContainer-p {
    position: absolute;
    left: 295px;
    top: 496px;
    width: 160px;
}
#clockContainer .digits,
#clockContainer-p .digits {
    background: url(../img/digiclock/8.png) no-repeat top left transparent;
    width: 22px;
    height: 30px;

    position: absolute;
    top: 19px;
    left: 12px;
}
#clockContainer #clockHour0,
#clockContainer-p #clockHour0-p{

}
#clockContainer #clockHour1,
#clockContainer-p #clockHour1-p {
    left: 29px;
}
#clockContainer #clockMin0,
#clockContainer-p #clockMin0-p {
    left: 47px;
}
#clockContainer #clockMin1,
#clockContainer-p #clockMin1-p {
    left: 63px;
}
#clockContainer #clockSec0,
#clockContainer-p #clockSec0-p {
    left: 82px;
}
#clockContainer #clockSec1,
#clockContainer-p #clockSec1-p {
    left: 99px;
}