/* CSS Document */

* {
        /** font-size:16px;*/
        font-family: Verdana, Arial, sans-serif;
        color:#3A3A3A;
}

body {
        /**margin: 0;*/
        padding: 0;
        color:#3A3A3A;
        /**font-size:16px;*/
        font-family: Verdana, Arial, sans-serif;
        background-image: url(/images/bg.gif)
}

body a {
        text-decoration:none; outline:none
}


.Price {
        font-size:20px;
        /**color:#3A3A3A;*/
        text-align:right;
        padding:10px 0px 0px 0px;
}

h1 {
        font-weight:bold;
        font-size:18px;
        color:#3A3A3A;
}

h2{
        font-size:16px;
        color:#3A3A3A;
}

h3{
        font-size:14px;
        color:#3A3A3A;
}

a.Small {
   font-size:12px;
        color:#3A3A3A;
        padding-bottom:2px;
        }

a.color {
  color:#A6BB08;
        }   


a.color:hover {
font-weight:bold;
        }   
        
a.blau:link{
font-family:Arial,Helvetica,sans-serif;
font-weight:normal;
text-decoration:none;
color: #3A3A3A;
}

a.blau:visited {color:#3A3A3A;}
a.blau:hover{color:#A6BB08;}


.infoBox {
background-color:#FFFFFF;
border:2px solid #A6BB08;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
color:#3A3A3A;
padding:15px;
}


.tooltip {
  position: absolute;
  display: none;
  background-color: #FFFFFF;
  border:2px solid #A6BB08;
font-family:Verdana,Helvetica,sans-serif;
font-size:12px;
color:#3A3A3A;
padding:15px;
}

.tip1 { border-bottom:0px dotted #000000; cursor:help; }
a.tip1, a.tip1:link, a.tip1:visited, a.tip1:active { color: #3A3A3A; text-decoration: none; position: relative; outline: none;}
a.tip1:hover { background: transparent; z-index: 100; }
a.tip1 span { display: none; text-decoration: none; }
a.tip1:hover span {
display: block;
position: absolute;
top: 40px;
left: -75px;
width: 200px;
z-index: 100;
color: #3A3A3A;
font-family: Verdana, Arial, sans-serif;
font-size: 15px;
padding: 2px 10px;
background-color: #FFFFFF;
text-align: left;
border-color: #A6BB08;
border-style: solid;
border-width: 1px; }
   
.tip2 { border-bottom:1px dotted #000000; cursor:help; }
a.tip2, a.tip2:link, a.tip2:visited, a.tip2:active { color: #3A3A3A; text-decoration: none; position: relative; outline: none;}
a.tip2:hover { background: transparent; z-index: 100; }
a.tip2 span { display: none; text-decoration: none; }
a.tip2:hover span {
display: block;
position: absolute;
top: 300px;
left: 25px;
width: 300px;
z-index: 100;
color: #3A3A3A;
font-family: Verdana, Arial, sans-serif;
font-size: 15px;
padding: 2px 10px;
background-color: #FFFFFF;
text-align: left;
border-color: #A6BB08;
border-style: solid;
border-width: 1px; }
   
   
span.smallText{
   font-size:12px;
        color:#3A3A3A;
        padding-bottom:2px;
        }
        
span.picsText{
   font-size:11px;
        color:#3A3A3A;
        font-weight:bold;
        margin-top:4px;
        }
        
span.mediumText{
   font-size:14px;
        color:#3A3A3A;
        }

span.normText{
   font-size:16px;
        color:#3A3A3A;
        padding-bottom:5px;
        }
        
span.boxheader{
  font-size:13px;
  font-weight:bold;
  margin:10px;
  }

       
#div1 img {
    width:100%;
    height:100%;
}
 
div.mediumText{
   font-size:14px;
        color:#3A3A3A;
        }
        
img.untertitel{
        margin-bottom:5px;
        }

.table_border {
        border-left:1px #CCCCCC solid;
        border-right:1px #CCCCCC solid;
        /**background-color:#FFFFFF;*/

}

.menu {
        background-image:url(/layout/default_layout_1/bg_navigation.gif);
        background-repeat:repeat-x;
        padding-left:13px;
        padding-right:13px;
        font-size:11px;
        margin:0px;
}
.menu a {
        font-size:11px
        color:#3A3A3A;
        text-decoration:none;
}
.menu a:hover {
        color:#A6BB08;
        font-size:11px
        text-decoration:none;
}

.table_menu {
        margin-left:9px;
}

.header {
        background-position: 360px 0px;
        background-image:url(/layout/default_layout_1/header.jpg);
        background-repeat:no-repeat;
        height:130px;
}

.header_logo {
        background-image:url(/layout/default_layout_1/Domoform_100pixel.jpg);
        background-position: 30px 0px;
        background-repeat:no-repeat;
}

/**
 * mit dieser Anweisung kann das Logo im Kopfbereich geändert werden.
 */
.logo {
        background-image:url(/images/gallery/Basis/dom_90.jpg);
        background-repeat:no-repeat;
        padding:95px 0px 0px 0px;
        margin:15px 0px 0px 25px;
}

.header_navigation_right {
         text-align:right;
         padding-bottom:10px;
        padding-top:18px;
        color:#3A3A3A;
}

.header_navigation_right a {
        font-size:12px;
        color:#3A3A3A;
        font-weight:bold;

}

.header_navigation_right a:hover {
        font-size:12px;
        color:#A6BB08;
        font-weight:bold;

}

/**
 * 2. row
 */
#left_column {
        width:225px;
        padding-top:0px;
       
}

#main_column {
        text-align:justify;
        width:815px;
        padding:0px 10px 5px 0px;


}


ul.left_menu {
        padding:0px;
        margin:0px 0px 0px 0px;
        width:215px;
}


ul.left_menu ul {
        padding:0px;
        margin:0px;
        width:200px;
}

ul.left_menu li {
        text-align:left;
        list-style-type:none;
        background-image:url(/layout/default_layout_1/bg_subnavi.gif);
        background-repeat:no-repeat;
        padding-left: 0px;
        padding-top:0px;
        margin-left:0px;
        width:200px;
}

ul.left_menu a {
        display: block;
        font-size:11px;     
        text-decoration:none;
        padding: 7px 4px 5px 5px;
        width:193px;
}

ul.left_menu li a:hover {
         color:#A6BB08;
}

ul.left_menu li.level2 {
        text-align:left;
        background-image:none;
        background-repeat:no-repeat;
        width:auto;
}

ul.left_menu li.level2 a {
        display: block;
        background-image:none;
        background-color:#FFFFFF;
        border-top:1px #3A3A3A solid;
        padding: 7px 4px 5px 10px;
        width:auto;
}


ul.left_menu li.level3 {
        text-align:left;
        background-image:none;
        background-repeat:no-repeat;
        width:auto;
}

ul.left_menu li.level3 a {
        display: block;
        background-image:none;
        background-color:#FFFFFF;
        border-top:1px #3A3A3A solid;
        padding: 7px 4px 5px 15px;
        width:auto;
}

/*
.box {
        width:200px;
        padding-right:5px;
}*/

#left_column .box {
  /*width:225px;*/
        text-align:left;
        padding-left:10px;
        padding-right:0px;
}

#left_column .box .header {
        background-image:url(/layout/default_layout_1/bg_footer.gif);
        background-repeat:no-repeat;
    
        height:20px;
}

.box .head {
        background-image:url(/layout/default_layout_1/bg_box.gif);
        background-repeat:no-repeat;
        
        height:20px;
}

.header h2 {
        text-align:left;
        padding-top:6px;
        padding-left:10px;
        padding-bottom:0px;
        margin: 0px;
        font-size:12px;
        font-weight:normal;
}

.head h2 {
        text-align:left;
        padding-top:4px;
        padding-left:10px;
        padding-bottom:0px;
        margin: 0px;
        font-size:12px;
        font-weight:normal;
}

.box .content {
        font-size:11px;
        font-weight:normal;
        text-align:centr;
        background-image:url(/layout/default_layout_1/bg_text_box.gif);
        background-repeat:repeat-y;
        margin-top:0px;
        margin-left:0px;
        padding: 6px 6px 0px 6px;
        width:inherit;
        }

.box .footer {
        background-image:url(/layout/default_layout_1/bg_footer.gif);
        background-repeat:no-repeat;
        margin-bottom:10px;
        height:20px;
}



.bg_content {
        /**background-color:#ffffff;*/
        padding:9px;
        width:1090px;
        margin-top:15px;

}

.footer {
        text-align:left;
        background-image:url(/layout/default_layout_1/bg_footer.jpg);
        background-repeat:repeat-x;
        height:25px;
        color:#ffffff;
        padding-left:16px;

}

.tag_6 {
color:#3A3A3A;
display:inline;
font-size:10px;
}
.tag_5 {
color:#3A3A3A;
display:inline;
font-size:12px;
font-weight:bold;
}
.tag_4 {
color:#3A3A3A;
display:inline;
font-size:14px;
}
.tag_3 {
color:#3A3A3A;
display:inline;
font-size:16px;
font-weight:bold;
}
.tag_2 {
color:#3A3A3A;
display:inline;
font-size:18px;
}
.tag_1 {
color:#3A3A3A;
display:inline;
font-size:20px;
font-weight:bold;
}

/**
 * Hinweistexte oder Ergebnisausgaben werden in diesen Boxen platziert
 */
.plenty_horizontal_bar {
        width:99%;
        margin: 4px 0px 4px 0px;
        padding:0px;
        border: 2px solid #dfdfdf;
        background-color:#f8f8ff;
        text-align:left;
        vertical-align:middle;
}

.plenty_horizontal_bar div {
        padding-left: 8px;
        padding-bottom: 4px;
}

.plenty_horizontal_bar h2 {
        color:#D2D1D7;
        font-weight:normal;
}

.btn_overlay { 
                  position:fixed; 
                  top:50%; 
                  margin-top:-75px; 
                  left:0;
             } 
#overlay     { 
              background-color:#fff;
                  display:none;
                  border:1px solid #d0d0d0; 
                  padding:10px; 
                  -webkit-border-radius: 5px;  
                  -moz-border-radius: 5px; 
                  -khtml-border-radius: 5px;  
                  border-radius: 5px; 
                  -webkit-box-shadow: 0 0 10px #8f8f8f; 
                  -moz-box-shadow: 0 0 10px #8f8f8f; 
                  box-shadow: 0 0 10px #8f8f8f;
                   margin-top:-50px;
             } 

#overlay .close { 
        background-image:url(/images/icons/silk/overlay_close.png ); 
                  position:absolute; 
                  right:-10px; 
                  top:-10px; 
                  cursor:pointer; 
                  height:35px; 
                  width:35px; 
                } 

.contentWrap    { 
        height:600px;
                  width:900px; 
               } 

img  { border:0; }


  
  /* Buttons */
        .left {float:left;}
        .right {float:right;}
             
        .prev {
             background:url(/layout/default_layout_1/cross_li.jpg) bottom left;
            height:250px;
            width:25px;
            display:block;
             }
                .prev:hover   {background-position:top left;}
        .next {
            background:url(/layout/default_layout_1/cross_re.jpg) bottom right;
            height:250px;
             width:25px;
            display:block;
           
                  }
        .next:hover {background-position:top right;}
                 
                 
    /* Scrollbar */        
                 
    .scrollable
    {
        position:relative;
        overflow:hidden;
        width: 720px;
        height:248px;
        border-top:1px solid #AAAAAA;
        border-bottom:1px solid #AAAAAA;
        float:left;   
    }
    .scrollable .items
    {
        width:20000em;
        position:absolute;
        clear:both;
    }
    .items div.arround
    {
        float:left;
        width:800px;   
    }
    .items div.sliderproduct
    {
        float:left;
         width:180px;
         border-right:1px dotted #ccc; padding-top:5px;
    }
     
    .items div.sliderproduct:hover
    {
        background-color:#e3e3e3;
    }
 
.ArticleAttrImage {
height:45px;
}

#AttrImage { width:470px; height:200px}
#AttrImage img { float:left; margin-right:3px; margin-bottom:3px; }

.ArticleAttrImageSelected {
border:2px solid #A6BB08; height:200px; position:absolute; top:10px; left:450px
}