/* ---------------------------------------------------------------------------------------------------- */
/* =base ************************************************************************************************/
/* ---------------------------------------------------------------------------------------------------- */
html{ }
body{ background-color: #fff; color: #666; font: 11px/21px arial,sans-serif; margin: 0; padding: 0; }
div.temp p{ font-size: 10px; }
img{ border: none; }
p{ margin: 0; padding: 0 0 20px 0; }
a{ color: #000; text-decoration: underline; }
a:hover{ color: #333333; }
a:focus{ outline: none; } 

.clearer{ clear: both; height: 0; line-height: 0; }

/* ---------------------------------------------------------------------------------------------------- */
/* =container *******************************************************************************************/
/* ---------------------------------------------------------------------------------------------------- */
#main-container{ width: 960px; margin: 170px auto 0 auto; /*background-color: pink;*/ }

/* =left_col  *******************************************************************************************/
/* ---------------------------------------------------------------------------------------------------- */
#left_col{ float: left; width: 366px; height: 385px; /*background-color: blue;*/ }
#left_col a{ float: left; height: 385px; width: 366px; /*background-color: black;*/}
#left_col a img{ padding-top: 220px; }

/* =right_col  ******************************************************************************************/
/* ---------------------------------------------------------------------------------------------------- */
#right_col{ float: left; height: 410px; overflow: hidden; width: 594px; position: relative; /* background-color: red;*/ }
#whiteArea{ background-color: #fff; height: 410px; width: 0; position: absolute; top: 0; left: 0; z-index: 999; /*background-color: transparent;*/}

/* ---------------------------------------------------------------------------------------------------- */
/* =content   *******************************************************************************************/
/* ---------------------------------------------------------------------------------------------------- */
.left_content_col, .right_content_col{ float: left; padding: 0 14px 0 0; width: 184px; height: 1px; }
.left_content_col{ /*background-color: orange;*/ }
.left_content_col a,
.right_content_col a{ color: #666;}
.one_col{ float: left; padding: 0 14px 0 0; width: 382px; /*background-color: #CCC;*/ }
.big_image_onecol{ float: left; padding: 0 14px 0 0; width: 382px; /*background-color: #666;*/ }
.big_image_twocol{ float: left; padding: 0 14px 0 0; width: 382px; /*background-color: #333;*/ }
.big_image_twocol{ float: left; padding: 0 14px 0 0; width: 382px; /*background-color: #333;*/ }
.big_image_twocol .onecol{ float: left; width: 184px; padding: 0 14px 0 0; }
.big_image_twocol .twocol{ float: left; width: 184px; padding: 0; }

#content-container{ float: left; height: 385px; width: 382px; /*width: 396px;*/ overflow: hidden; position: relative; top: 0; left: 0; /*background-color: #33CC00;*/ }
#content-container #content-mover{ position: absolute; top: 0; left: 0; width: 800px; }
#content-container #content-mover .content-wrapper{ float: left; width: 396px; height: 385px; }

/* ---------------------------------------------------------------------------------------------------- */
/* =nav       *******************************************************************************************/
/* ---------------------------------------------------------------------------------------------------- */
#nav{ float: left; padding-left: 14px; position: relative; width: 184px; /*width: 198px*/ }
#nav ul{ padding: 0; margin: 0; list-style-type: none; }
#nav ul#navMain li{ padding: 0 0 8px 0; margin: 0; text-transform: uppercase; }

#nav ul#navMain li#impressionen a{ background: url(../img/nav.png) 0 -20px no-repeat; color: #000; cursor: pointer; display: block; overflow: hidden; text-indent: -10000px; height: 20px; }
#nav ul#navMain li#impressionen a:hover, #nav ul#navMain li#impressionen a.act{ background-position: 0 0; }

#nav ul#navMain li#news a{ background: url(../img/nav.png) 0 -60px no-repeat; color: #000; cursor: pointer; display: block; overflow: hidden; text-indent: -10000px; height: 20px; }
#nav ul#navMain li#news a:hover, #nav ul#navMain li#news a.act{ background-position: 0 -40px; }

#nav ul#navMain li#auktion a{ background: url(../img/nav.png) 0 -100px no-repeat; color: #000; cursor: pointer; display: block; overflow: hidden; text-indent: -10000px; height: 20px; }
#nav ul#navMain li#auktion a:hover, #nav ul#navMain li#auktion a.act{ background-position: 0 -80px; }

#nav ul#navMain li#kontakt a{ background: url(../img/nav.png) 0 -140px no-repeat; color: #000; cursor: pointer; display: block; overflow: hidden; text-indent: -10000px; height: 20px; }
#nav ul#navMain li#kontakt a:hover, #nav ul#navMain li#kontakt a.act{ background-position: 0 -120px; }

#nav ul#navMain li#job a{ background: url(../img/nav.png) 0 -340px no-repeat; color: #000; cursor: pointer; display: block; overflow: hidden; text-indent: -10000px; height: 20px; }
#nav ul#navMain li#job a:hover, #nav ul#navMain li#job a.act{ background-position: 0 -320px; }


/* =unternavigation *************************************************************************************/
/* ---------------------------------------------------------------------------------------------------- */
#nav ul#navMain ul#navSub{ margin-left: 15px; padding: 3px 0; }
#nav ul#navMain ul#navSub li{ padding: 0 0 2px 0; }
#nav ul#navMain ul#navSub li a{ background-position: 0 0; background-repeat: no-repeat; color: #fff; cursor: pointer; display: block; overflow: hidden; text-indent: -10000px; height: 15px;  }
#nav ul#navMain ul#navSub li a:hover, #nav ul#navMain ul#navSub li.act a{ background-position: 0 -30px; }

/* =next / back *****************************************************************************************/
/* ---------------------------------------------------------------------------------------------------- */
#nav #nextback{ position: absolute; top: 365px; left: 14px; width: 55px; background-color: pink; }
#nav #nextback #next, #nav #nextback #back{ display: none; }
#nav #nextback #next a, #nav #nextback #back a{ background: url(../img/nav.png) 0 0 no-repeat; cursor: pointer; display: block; height: 20px; overlfow: hidden; text-indent: -10000px; }
#nav #nextback #next a{ background-position: 0 -220px; }
#nav #nextback #next a:hover{ background-position: 0 -200px; }
#nav #nextback #back a{ background-position: 0 -260px; }
#nav #nextback #back a:hover{ background-position: 0 -240px; }

/* =lang      *******************************************************************************************/
/* ---------------------------------------------------------------------------------------------------- */
#right_col #nav #lang a{ cursor: pointer; text-indent: -10000px; }
#right_col #nav #lang a span#en{ background: url(../img/nav.png) 0 -180px no-repeat; display: block; height: 20px; overlfow: hidden; }
#right_col #nav #lang a:hover span#en{ background-position: 0 -160px; }
#right_col #nav #lang a span#de{ background: url(../img/nav.png) 0 -300px no-repeat; display: block; height: 20px; overlfow: hidden; }
#right_col #nav #lang a:hover span#de{ background-position: 0 -280px; }

/* ---------------------------------------------------------------------------------------------------- */
/* =impressionen ****************************************************************************************/
/* ---------------------------------------------------------------------------------------------------- */
#impressions{ width: 594px; height: 384px; overflow: hidden; position: relative; }
#impressions #impressions-mover{ position: absolute; top: 0; left: 0; }
#impressions a#prev{ background: url(../img/transparent.png) top left repeat; cursor: pointer; position: absolute; top: 0; left: 0; width: 297px; height: 385px; padding: 223px 0 0 0; }
#impressions a#next{ background: url(../img/transparent.png) top left repeat; cursor: pointer; position: absolute; top: 0; left: 297px; width: 297px; height: 385px; padding: 223px 0 0 249px; }
#impressions a img{ visibility: hidden; }

#impressions #impressions-mover .imagebundle{ clear: left; display: none; width: 9000px; }
#impressions #impressions-mover .imagebundle img{ float: left; }

#bundle_numbers{ padding-top: 7px; }
#bundle_numbers a{ color: #999; cursor: pointer; font-size: 11px; text-decoration: none; padding: 2px 6px; }
#bundle_numbers a.active{ color: #393536; }