@charset "utf-8";
/* general.css */

@media screen, handheld {


* {
border:0;
margin:0;
padding:0;
}

body {
background:#a0acc4;
overflow: -moz-scrollbars-vertical;
}

#outer {
width:960px;
margin:0 auto;
background:#FFF;
}

/** header **/
#header {
position:relative;
width:auto;
height:134px;
}

#logo {
position:absolute;
top:0;
right:0;
}

    #logo a {
    border:none;
    }

    #logo h1 {
    display:none;
    }
 
#sitenav-container {
position:absolute;
width:440px;
height:20px;
left:60px;
top:14px;
}

#nav-container {
position:absolute;
left:0;
bottom:0;
height:50px;
background:#dfe0ec; 
}


/*** START ***/
#start-sprachwahl {
    position: absolute;
    top: 111px;
    width: 300px;
    padding: 2px 0 0 0px;
    height: 23px;
    overflow: hidden;
}

#start-sprachwahl ul li {
    float: left;
    list-style: none;
    margin: 0;
padding: 0;
}

#start-sprachwahl ul li a {
    background: #FFFFFF;
    color: #11306b;
    font-weight: bold;
    padding: 3px 10px 3px 10px; 
    font-size: 15px;
    height: 19px;
    text-decoration: none;
}

#start-sprachwahl ul li a:hover, #start-sprachwahl ul li a.current {
    background: #11306b;
    color: #FFFFFF;
}


/** banner **/
#banner {
background:#11306b;
width:auto;
height:173px;
position:relative;
}

#banner-start {
background:#11306b;
width:auto;
height:190px;
position:relative;
}

#lang-select {
position:absolute;
left: 60px;
bottom: 16px;
}

    #lang-select a { 
    color:#FFF;
    text-decoration:none;
    text-transform:uppercase;
    font-size:1.4em;
    }
    
    #lang-select a:hover {
    text-decoration:underline;
    }

/** content **/

#content-inner {
width:auto;
padding:20px 50px 0px 60px;
min-height: 160px!important;
position:relative;
}


.content-2col-left { 
float:left;
width:375px;
}

.content-2col-right {
width:auto;
margin-left:425px;
}

.content-3col-left {
float:left;
width:268px;
}

.content-3col-right {
float:right;
width:292px;
}

.content-3col-center {
width:auto;
margin:0 297px 0 282px;
}

#farben {
    width: 120px;
    float: left;
}

#ergebnis {
    margin: 40px 0 0 0;
    width: 145px;
    float: right;
}

#deco-description p, #light-description p {
    border: 2px solid #92bf06;
    padding: 4px;
    margin: 2px 0 0 0;
}

#content ul {
margin: 0 0 18px 0;
}

#content ul li {
list-style-position: outside;
list-style-image:url(../upload/corporate/content_li.gif);
vertical-align: baseline;
margin: 0 0 0 15px;
font-size:1em;
line-height:1.4em;
}

/** footer **/
#footer {
height:27px;
width:auto;
clear:both;
background:#11306b;
color:#FFF;
font-size:0.95em;
line-height:26px;
padding:0 0 0 60px;
}

    #footer a {
    color:#FFF;
    text-decoration:none;
    }
    
    #footer a:hover {
    text-decoration:underline;
    }


/** GLOBAL CLASSES **/
.clear {
clear:both;
height:0;
line-height:0;
font-size:0;
}

/** Clearfix **/
.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

.clearfix { display:inline-block; }

/* Hide from IE Mac \*/
.clearfix { display:block; }
/* End hide from IE Mac */

* html .clearfix { height:1%; }

.floatbox { overflow:hidden; }
 
 
}


@media all {

html { font-size: 100.01% }

body {
text-align:left;
color:#000;
font-family:Arial, Helvetica, sans-serif;
font-size:76%;      /* = 12px */
}

/** links **/
#content a {
text-decoration:underline;
color:#000;
}

#content a:hover {
text-decoration:none;
}


/** COMMON  SETTINGS **/
h1 {
font-size:1.0em;
line-height:1.2em;
margin:0 0 0em 0;
}

h2 {
font-size:1.0em;
line-height:1.2em;
margin:0 0 0em 0;
}

p {
font-size:1em;
line-height:1.4em;
margin:0 0 1.4em 0;
}

p.p-pre-ul {
margin: 0;
}

/**** IMAGE GALLERY ****/
#table.gallery {
    margin: 0px 0px 0px 0px;
    width: auto;
}

table.gallery td.gallery-navigation {
    /*font-size: 0.6875em;*/    
}

table.gallery tr.thumbnails td {
    padding: 0;
}

table.gallery dd {
}

div.download {
    padding: 3px 0 3px 10px;
    background: url(../images/link_pfeil_klein.gif) no-repeat 0px 7px;

}

div.downloadImg {

    padding: 0;
    margin-top:10px;
    background: url(../images/navi_pfeil_rechts.gif) no-repeat 10px 7px;
}

dl.gallery-detail {
    margin: 20px 10px 0px 0px;
}

dl.gallery-detail dt {
    text-align: left;
    padding: 0;
}


td.gallery_image{
    padding:0px;    
}

td.gallery_image img {
    margin: 1px 6px 5px 0;
    border: 0px solid #FFFFFF;
}

td.gallery_image img:hover {
    /*border: 2px solid #c9d210;*/
}

td.gallery_image div.link_image{
    padding:0;  
    background-position:top center; 
    margin-bottom:0px; 
    overflow:hidden;
}
td.gallery_image .bottom_links{

}
td.gallery_image .bottom_links{
    margin-bottom: 0px; 
    text-align:left; 
    width:180px; 
}
td.gallery_image .links{
    margin-bottom: 0px;
}

#mydescription {
    position: absolute;
    font-size: 11px;
    right:20px;
    width:246px;
    top: 134px;
    z-index: 100;
}

img.gallery-medium {
    width: 200px;
    margin: 1px 7px 0 0;
}


/**** SITEMAP ****/
ul.sitemapext_cat_0 li {
list-style-image: none!important;
list-style-type: none;
margin: 0!important;
}

ul.sitemapext_cat_1 li {
margin: 0 0 0 20px!important;
}



/**** IMAGE GALLERY - STRUKTUREN ****/
#mygallery-strukturen table.gallery {
    margin: 0px 0px 0px 0px;
    width: auto;
}

#mygallery-strukturen table.gallery td.gallery-navigation {
    /*font-size: 0.6875em;*/    
}

#mygallery-strukturen table.gallery tr.thumbnails td {
    padding: 0;
}

#mygallery-strukturen td.gallery_image{
    padding:0px;    
}

#mygallery-strukturen td.gallery_image img {
    margin: 0 5px 5px 0;
    border: 2px solid #FFFFFF;
}

#mygallery-strukturen td.gallery_image img:hover {
    /*border: 2px solid #c9d210;*/
}

#mygallery-strukturen img.gallery-medium {
    width: 200px;
    margin: 0px 7px 0 0;
}





/**** IMAGE GALLERY - FARBEN ****/
#mygallery-farben table.gallery {
    margin: 0px 0px 0px 0px;
    width: auto;
}

#mygallery-farben table.gallery td.gallery-navigation {
    /*font-size: 0.6875em;*/    
}

#mygallery-farben table.gallery tr.thumbnails td {
    padding: 0;
}

#mygallery-farben td.gallery_image{
    padding:0px;    
}

#mygallery-farben td.gallery_image img {
    margin: 0 5px 5px 0;
    border: 2px solid #FFFFFF;
}

#mygallery-farben td.gallery_image img:hover {
    /*border: 2px solid #c9d210;*/
}

#mygallery-farben img.gallery-medium {
    width: 200px;
    margin: 0px 7px 0 0;
}

#home-aktuell {    
    width: 225px;
    height: 148px;
    position: absolute; 
    z-index: 1000;  
    top: 134px;
    margin: 0 0 0 151px;
    background-image: url(../upload/corporate/home_aktuell_bg.png);
    background-repeat: no-repeat;
    color: #FFFFFF;
    font-weight: bold;
}

#home-aktuell a, #home-aktuell a:visited, #home-aktuell a:active {
    color: #FFFFFF;
    text-decoration: none;
}

#home-aktuell a:hover {
    text-decoration: underline;
}

#home-aktuell-inner {
    padding: 16px 20px 15px 20px;
}

#home-aktuell-inner p {
    margin: 0 0 8px 0;
}

#home-aktuell-inner h1 {
    font-size: 16px;
    margin: 0 0 5px 0;
    text-transform: uppercase;
}

#home-aktuell-inner h2 {
    font-size: 16px;
    margin: 0 0 5px 0;
}

}