/*
*-------------------------------------------------------
* default style
*--------------------------------------------------------
*/
body {
        margin:0px;
        padding:0px;
        font-size:12px;
        font-family:Arial,Century Gothic,Verdana;
        color:#79797B;
}
a,div,ul,li,form,table,td,img {
        margin:0px;
        padding:0px;
}
h4 {
        color:#F32DBC;
        font-size: 1.3em;
        font-weight:bold;
        margin: 0px 0px 5px 0px;
}
img {
        border: 0px;
}
.txthd{
        color:#F32DBC;
        font-size: 1.2em;
}
.txthd1{
        color:#F32DBC;
        font-size:12px;
}
.txt000{
        color:#000000;
}
.txt00010{
        font-size: 10px;
        color:#000000;
}
p.txt,div.txt {
        font-size:0.9em;
        line-height:1.3;
}
/*
*-------------------------------------------------------
* format
*--------------------------------------------------------
*/
.floatL {
        float:left;
}
.floatR {
        float:right;
}
.clearL {
        clear:left;
}
.clearR {
        clear:right;
}
.clearB {
        clear:both;
}
.txtAlgC {
        text-align:center;
}
.txtAlgR {
        text-align:right;
}
/*
*-------------------------------------------------------
* page bg
*--------------------------------------------------------
*/
.bghome {
        background: url(../image/app/bg_home.jpg) no-repeat left bottom;
}
.bghome1 {
        background: url(../image/app/bg_home1.jpg) no-repeat left bottom;
}
.bghome2 {
        background: url(../image/app/bg_home2.jpg) no-repeat left bottom;
}
.bghome2en {
        background: url(../image/app/bg_home2_en.jpg) no-repeat left bottom;
}
.bgkollektion {
        background: url(../image/app/bg_kollektion.jpg) no-repeat left bottom;
}
.bgproduktion {
        background: url(../image/app/bg_produktion.jpg) no-repeat left bottom;
}
.bgproduktionen {
        background: url(../image/app/bg_produktion_en.jpg) no-repeat left bottom;
}
.bgshowrooms {
        background: url(../image/app/bg_showrooms.jpg) no-repeat left bottom;
}
.bgkontakt {
        background: url(../image/app/bg_kontakt.jpg) no-repeat left bottom;
}
.bghaendler {
        background: url(../image/app/bg_haendler.jpg) no-repeat left bottom;
}
.bghaendler1 {
        background: url(../image/app/bg_haendler1.jpg) no-repeat left bottom;
}
.bghaendler2 {
        background: url(../image/app/bg_haendler2.jpg) no-repeat left bottom;
}
.bgimpressum {
        background: url(../image/app/bg_impressum.jpg) no-repeat left bottom;
}
.bgshop {
        background: url(../image/app/bg_shop.jpg) no-repeat left bottom;
}
.bgrahmen {
        background: url(../image/app/rahmen_bild.jpg) no-repeat left bottom;
}
.bgdiaphilo {
        background: url(../image/app/home_philosophie.jpg) no-repeat left top;
}
.bgdiaprod {
        background: url(../image/app/produktion_diashow.gif) no-repeat left top;
}
/*
*-------------------------------------------------------
* page layout
*--------------------------------------------------------
*/
#base {
        text-align: left;
        margin: 0 auto;
        z-index: 1;
        width: 915px;
        height: 700px;
        padding: 0px;
}
#basestatic_oben {
        width: 915px;
        height: 22px;
        text-align: right;
        vertical-align: bottom;
        margin: 40px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
}
#basestatic_oben p {
        padding: 0px 18px 0px 0px;
}
#basestatic_oben img {
        padding: 0px 0px 0px 3px;
}
#basestatic {
        width: 915px;
        height: 693px;
        margin: 0px;
        padding: 0px;
        background: #ffffff url(../image/app/bg_base.gif) no-repeat left top;
}
#basedyn {
        display: none;
        position:relative;
        top: 0px;
        left: 0px;
        z-index: 2;
}
div.basetop{
        width:824px;
        height:94px;
        margin: 0px auto;
}
div.basetop .space{
        height:37px;
}
div.basecontent{
        width:881px;
        height:559px;
        margin: 0px auto;
}
div.basefooter{
        padding: 18px 0px 0px 10px;
}
div.logo{
        padding: 10px 0px 0px 10px;
}
div.logo img {
        border: 0px;
}
div.menu{
        padding: 32px 0px 0px 40px;
        color:#000000;
}
div.submenu li {
        padding: 0px 0px 15px 0px;
        font-size: 10px;
        letter-spacing: 0.2em;
        color:#000000;
}
div.submenu .space {
        height:61px;
}
div.scrollbox {
        height: 480px;
        width: 255px;
        margin: 0px auto;
        text-align:center;
        overflow:auto;
}
div.scrollbox div {
        width: 235px;
        padding: 10px 0px 20px 0px;
}
div.scrollbox1 {
        height: 337px;
        width: 100%;
        overflow:auto;
}
div.scrollbox2 {
        height: 430px;
        width: 100%;
        overflow:auto;
}
div.scrollbox1 div,div.scrollbox2 div {
        width: 240px;
        text-align:center;
}
div.boxhd {
        width: 255px;
        margin: 0px auto;
        text-align:center;
        padding: 0px 0px 5px 0px;
}
div.boxhd1 {
        width: 255px;
        margin: 0px auto;
        text-align:center;
        padding: 0px 0px 0px 0px;
}
div.boxcenter {
        width: 255px;
        margin: 0px auto;
        text-align:center;
        padding: 0px 0px 5px 0px;
}
div.boxcenter1 {
        width: 590px;
        margin: 0px auto;
        text-align:center;
        padding: 0px 0px 5px 0px;
}
div.imgtext {
        font-size:0.9em;
        line-height:1.3;
        padding-top:38px;
        color:#000000;
        text-align:center;
        font-weight:bold;
}
/*
*-------------------------------------------------------
* anchor
*--------------------------------------------------------
*/
a {
        text-decoration:none;
        color:#79797B;
}
a.rosa {
        text-decoration:none;
        color:#F32DBC;
}
div.menu a {
        font-size: 10px;
}
.submenu a {
        font-size: 10px;
        letter-spacing: 0.2em;
}
/*
*-------------------------------------------------------
* list
*--------------------------------------------------------
*/
ul {
        list-style: none;
}
/*
*-------------------------------------------------------
* table
*--------------------------------------------------------
*/
table.menu td {
        /*width:60px;*/
        text-align:center;
        padding-right: 26px;
}
/*
*-------------------------------------------------------
* forms
*--------------------------------------------------------
*/
/*
*-------------------------------------------------------
* ANIMATION
*--------------------------------------------------------
*/
.opacity40 {
        filter:alpha(opacity=40);
        -moz-opacity:0.4;
        -khtml-opacity: 0.4;
        opacity: 0.4;
}
.opacity100 {
        filter:alpha(opacity=100);
        -moz-opacity:1.0;
        -khtml-opacity: 1.0;
        opacity: 1.0;
}