/* GENERAL */
html { font-size: 1.25em; }
body { font:  50% arial, sans-serif;}
html > body { font-size: 10px; }
body        {background-color: #fff; font-family: Verdana, Arial, Helvetica, sans-serif; padding:0px; margin:0px; color: #666; background: url(/img/bg.gif) no-repeat center fixed;}
a           {font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration:underline; color: #666;}
h1          {color:#666; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:1.7em; margin: 0; }
a:hover     {font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration:none; color: #666;}
img         {border:0px;}
object {margin: 0; padding: 0;}



/* IDS */
#inhalt     {font: 1em Verdana, Arial, Helvetica, sans-serif;position:absolute; height:500px; width:778px; margin:-250px 0px 0px -384px; top: 50%; left: 50%; text-align:left; padding:0px; background:transparent; overflow:hidden;}
#topnav img {border:0px; display:inline;}
#topnav     {position:relative; margin-top:0; left:20px; height:60px; text-align:left;}

#backButton {
    padding-top: 8px;
}

ul.no-indent {
    margin: 8px 0 8px 12px;
    padding: 0;
}

ul.no-indent li {
    margin: 0;
    padding: 0;
}

.top-space {
    padding-top: 20px;
}

#map {
    width: 350px;
    height: 220px;
    overflow: hidden;
}

#f {
    float: left;
    background: #FFF url(/img/navF.gif) no-repeat left top;
    width: 16px;
    height: 29px;
    position:relative;
    margin: 32px 0 31px 0;
    left: 11px;
}

#nav-comm       {
    height:26px;
    position:relative;
    margin: 33px 0 0 23px;
    text-align:left;
    list-style-type:none;
    padding: 0;
    background: #D6D9D6;
    letter-spacing: -0.1em;
    font-size: 1em;
}

#nav-comm li {
    float: left;
    padding: 0;
    margin: 0;
}

#nav-comm a {
    color: #5C625D;
    text-decoration:  none;
    display: block;
    background: transparent url(/img/nav.png) no-repeat right -26px;
    height : 25px;
    line-height: 21px;
    padding: 0 9px 0 1px;
}

#nav-comm a:hover, #nav-comm .nav-highlight, #nav-comm .selected {
    background-position: right 0;
}

#back-button {
    position: relative;
    margin: -20px 0 0 20px;
    left: -6px;
}

#bottomnav  {position:relative; text-align:left; margin-left:40px; margin-top:10px;}

#bottom-nav  {
    position: relative;
    margin: 20px 0 0 0;
    width: 100%;
    left: 0;
    text-align: center;
}

#bottom-nav ul {
    list-style-type: none;
    padding: 10px 0;
    margin: 0;
    text-align: center;
    position: relative;
    width: 100%;
}

#bottom-nav li {
    margin: 0 2px 0 0;
    padding: 0;
    display: inline;
}

#bottom-nav a {
    text-decoration: none;
    display: inline;
    background: #D6D9D6;
    color: #666;
    padding: 2px 6px;
}

#bottom-nav a:hover {
    color: #000;
}

address {
    font-style:normal;
    display: inline;
}



abbr {
    border: none;
}

#contact    {position:relative; text-align:left; margin-left:0; text-align: center; margin-top:-10px; padding: 10px 0;}
#home       {position:relative; margin-left:20px; text-align:left; z-index:100;}
#home2      {position:relative; margin-left:425px; text-align:right; z-index:100;}
#content    {position:relative; height:220px; text-align:left; margin-top:20px; margin-bottom:10px; padding-left:20px; padding-right:25px; background-color:#D6D9D6;}
#content2   {position:relative; text-align:center; height:290px;}
.c2         { margin-left: 140px;}

#content {
    padding: 20px 20px 20px 25px;
}

#content .content {
    height: 205px;
    overflow: auto;
    margin: 0 20px 0 0;
    padding: 0 10px 0 0;
    width: auto;
}

/* CLASSES */
.thumbs img {border:0px; display:inline;}
.thumbs     {margin-top:0; margin-left:50px; clear: both;}
.thumbs_new { margin-left: 220px; }
.fl-right { float: right; margin: 0 0 0 20px;}
.clear { clear: both; font-size: 0; line-height: 0; margin: 0; padding: 0; }

/* Rollover Code */
#swap01 {background-image: url(/img/nav01_hover.gif);}
#swap02 {background-image: url(/img/nav02_hover.gif);}
#swap03 {background-image: url(/img/nav03_hover.gif);}
#swap04 {background-image: url(/img/nav04_hover.gif);}
#swap05 {background-image: url(/img/nav05_hover.gif);}
#swap06 {background-image: url(/img/nav06_hover.gif);}
#swap07 {background-image: url(/img/nav07_hover.gif);}
#swap08 {background-image: url(/img/nav08_hover.gif);}
.rollover { display: inline; } /* Allow setting widths and heights */
.rollover img {border: 0; } /* only set width and height once */
.rollover:hover { visibility: visible; /* for IE */ } /* sets any property for the :hover state */
.rollover:hover img { visibility: hidden; } /* 'rolls over' the image */

.thumbs div {
    display: block;
    float: left;
    width: 84px;
    height: 93px;
    margin: 0;
    background: #D6D9D6;
}

.thumbs img {
    width: 80px;
    height: 89px;
}

.thumbs a, .thumbs div div {
    display: block;
    float: left;
    width: 80px;
    height: 89px;
    border: 2px solid #FFF;
}

.thumbs a:hover, .thumbs .img-highlight {
    border: 2px solid #20B2EB;
}

.missing {
    text-decoration: none;
}

#cats {
    margin: 0;
    padding: 0;
    list-style-type: none;
    background: #D6D9D6;
}

#cats li {
    float: left;
}

#cats li a {
     float: left;
}

.im1 {
    margin-bottom: 10px;
    display: block;
    width: 88px;
}

#popup_img {
    cursor: pointer;
}

#home_banner {
    padding-left: 10px;
    float: left;
}

#prod {
    padding: 0 10px 0 0;
}

#prod dt {
    font-weight: bold;
    clear: left;
    float: left;
    margin: 0 1em 0 0;
}

#prod dd {
    clear: right;
    margin: 0 0 1em 0;
}

.prod-img {
    padding: 10px 0 0 10px;
    vertical-align: top;
}

.loading {
    background: #FFF url(/img/loading.gif) no-repeat center center;
    width: 500px;
    height: 557px;
    position: absolute;
    left: 0;
    top:0;
    z-index: 10000;
}

#video-thumb {
    position: absolute;
    left: 280px;
    top: 30px;
    z-index: 1000;
    width: 93px;
    height: 58px;
    border: 1px solid #999;
    padding: 2px;
    background: #D6D9D6;
}

#video-thumb a {
    display: block;
    width: 93px;
    height: 58px;
    overflow: hidden;
    position: absolute;    z-index: 1001;
    background: url(img/play-button.png) no-repeat center center;
}

#video-thumb img {
    position: absolute;
    width: 93px;
    height: 58px;
    overflow: hidden;
}

#enquiry {
    margin-top: 1.5em;
    clear: both;
}

#flash_bg {
    background: transparent url(/img/bg-flash2.jpg) no-repeat center center;
    width: 770px;
    height: 263px;
}

#promo ul {
    margin-left: 0;
    padding-left: 1.5em;
}

#promo li {
    margin-bottom: 1em;
}

#promo h1 {
    color: #666;
    font: 1.6em verdana, sans serif;
    font-weight: bold;
    margin-top: 1.5em;
}

#links {
    margin: -8px 0 0 0;
}

#links table {
    margin: 0 0 0 0;
}


#home-link, #home-link2 {
    float: left;
    display: block;
}

html>body #home-link img {
    padding-top: 10px;
}

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

h1.top-link {
    float: left;
    margin: 0;
    padding:0;
}

.top-links {
    margin: 0;
    padding: 0 0 0 2em;
    list-style-type: none;
    float: left;
    clear: right;
}

.top-links li {
    float: left;
    margin: 0;
    padding: 0 1em 0 0;
    line-height: 2.3;
}

.clear-menu {
    clear: both;
    font-size: 0;
    line-height: 0;
    margin-top: -20px;
}

#img-preview {
    display: none;
    position: absolute;
    z-index: 1000;
}

#img-preview .shadow {
    background: #333;
    opacity: 1;
    width: 229px;
    height: 258px;
}

#img-preview .img {
    position: absolute;
    top: 12px;
    left: 12px;
    width: 205px;
    height: 205px;
}

#img-preview .title {
    background: #333;
    padding: 4px 8px;
    color: #EEE;
    position: absolute;
    bottom: 12px;
    left: 12px;
    width: 189px;
    height: 25px;
}

#hg-preview {
    display: none;
    position: absolute;
    z-index: 1000;
    background: #333;
    padding: 5px;
}

#buttons a {
    text-decoration: none;
}

#buttons a span {
    position: absolute; 
    left: -999em;
}

#buttons span {
    padding: 0 10px 0 0;
    position: relative;
    top: 3px;
}

#buttons #fb {
    background: transparent url(img/button-fb2.png) no-repeat 0 0;
    padding: 9px;
}

#buttons #blog {
    background: transparent url(img/button-blog2.png) no-repeat 0 0;
    padding: 6px 15px;
}

/**
 * Window Styles
 * ------------------------------------------------
 */

#registration, #friend, #contact-win {
    position: absolute;
    background: transparent;
    left: 50%;
    top: 0;
}

#registration .ck_win, #friend .ck_win, #contact-win .ck_win {
    margin-left: -260px;
    top: 10px;
}

#registration .ck_win .canvas, #registration .ck_win iframe, #friend .ck_win .canvas, #friend .ck_win iframe, #contact-win .ck_win .canvas, #contact-win .ck_win iframe {
    width: 500px;
    height: 700px;
}

#registration .ck_win iframe, #friend .ck_win iframe, #contact-win .ck_win iframe {
    overflow: auto;
}

.ck_win {
    display: none;
    position: absolute;
    background: transparent;
    left: 50%;
    top: 20px;
    margin-left: -460px;
    z-index: 200;
}

.ck_win .titlebar {
    padding: 0 12px;
    font-weight: bold;
    height: 2.5em;
    background: #999;
    line-height: 2.5em;
    color: #FFF;
    width: 484px;
}

.ck_win .canvas {
    padding: 0;
    width: 500px;
    height: 557px;
    background: #FFF;
    border: 4px solid #999;
    position: relative;background: #FFF url(/img/loading.gif) no-repeat center center;
}

.ck_win .title {
    float: left;
    background: transparent;
    position: relative;
    top: 0;
    left: 0;
}

.ck_win .functions {
    float: right;
    text-align: right;
    position: relative;
    top: 0;
    right: 0;
    color: #FFF;
}

.ck_win .close {
    cursor: pointer;
}