html  {
    margin: 0px; padding: 0px;
    width: 100%; height: 100%;
    background: url("../images/bg_top.jpg") no-repeat top left;
    text-align: center;
    font-family: Arial, Verdana, Helvetica;
    font-size: 12px;
    color: #5c5c56;
}
body {
    margin: 0px; padding: 0px;
    width: 100%; height: 100%;
    background: url("../images/bg_bottom.jpg") no-repeat bottom right;
}
button {
    border: 0px;
    outline: none;
    cursor: pointer;
}
h1, h2, h3 {
    margin: 0px 0px 10px 0px; padding: 0px;
    font-size: 32px;
    font-weight: 100;
}
h2 {
    font-size: 14px;
    font-weight: 100;
    line-height: 1.6;
}

h2 strong {
    background-color: #e5e5e5;
    padding: 2px;
    color: #729b61;
    font-weight: normal;
}

h3 {
    font-size: 14px;
}
a {
    color: #999;
    text-decoration: none;
    outline: none;
}
strong {

}
img {
    border: 0px;
}
a:hover {
    color: #000;
}
p {
    margin: 0px 0px 10px 0px; padding: 0px;
    line-height: 1.4;
}

td {
    vertical-align: top;
}

/* DIV LAYERS */

.global {
    margin: auto;
    width: 940px;
    text-align: left;
}

.header {
    margin-top: 0px;
    height: 120px; width: 100%;
    float: left;
}

.logo {
    float: right;
}
.navigation {
    position: relative;
    width: 100%; height: 45px;
    float: left;
    z-index: 1000;
}
.navigation div {
    float: left;
    width: 220px; height: 45px;
    line-height: 1.1;
}
.navigation .on {
    position: relative;
    height: 46px;
}


.navigation a {
    display: block;
    width: 210px; height: 35px;
    padding: 10px 0px 0px 10px;
    text-transform: uppercase;
    font-size: 14px;
    color: #5c5c56;
}
.navigation a:hover {
    color: #000;
}
.navigation a span {
    text-transform: none;
    font-size: 11px;
    background: url("../images/bullet_1.gif") no-repeat center left;
    padding: 0px 0px 0px 15px;
}

.popup_home {
    position: absolute;
    bottom: 0px;
    right: -15px;
    background: url("../images/popup_1.png") no-repeat;
    width: 440px; height: 211px;
    padding: 25px;
    font-size: 14px;
    z-index: 1000;
    overflow: hidden;
}
.popup_home strong {
    background-color: #e5e5e5;
    padding: 2px;
    color: #729b61;
    font-weight: normal;
}
#popup_home_close {
    position: absolute;
    right:0px; top: 0px;
    cursor: pointer;
    width: 43px; height: 43px; 
}
.open {
    background: transparent url("../images/popup_open.png") no-repeat;  
}
.close {
    background: transparent url("../images/popup_close.png") no-repeat;  
}


.body {
    position: relative;
    width: 100%;
    float: left;   
    z-index: 900;
}

.body .col {
    background-color: #FFF;
    background-repeat: no-repeat;
    background-position: center bottom;
    float: left;
    width: 198px; height: 380px;
    padding: 10px;
    border: 1px solid #e5e5e5;
}
.more {
    background: url("../images/bullet_1.gif") no-repeat center right;
    padding: 0px 15px 0px 0px;
}

#col_1 {
    margin: 0px 20px 0px 0px;
}

#col_2 {  
    margin: 0px 20px 0px 0px;
}

#col_3 {  
    margin: 0px 20px 0px 0px;
}

#col_4 { 
    margin: 0px 0px 0px 0px;
}

#nav_1 {
    background: #FFF url("../images/col_left.png") no-repeat;
    margin: 0px 20px 0px 0px;
}

#nav_2 {
    background: #FFF url("../images/col_middle.png") no-repeat;
    margin: 0px 20px 0px 0px;
}

#nav_3 {
    background: #FFF url("../images/col_middle.png") no-repeat;
    margin: 0px 20px 0px 0px;
}

#nav_4 {
    background: #FFF url("../images/col_right.png") no-repeat;
    margin: 0px 0px 0px 0px;
}


.body_standard {
    position: relative;
    width: 918px; min-height: 380px;
    padding: 10px;
    float: left;   
    z-index: 900;
    border: 1px solid #e5e5e5;
    background-color: #FFF;
    background-repeat: no-repeat;
    background-position: bottom center;
}

.input_text {
    width: 197px; height:20px;
    padding: 5px 5px 0;
    border: 0px;
    background: #FFF url("../images/input.jpg") no-repeat;
}
.input_textarea {
    width: 418px; height:128px;
    padding: 5px 5px 0;
    bordeR: 0px;
    background: #FFF url("../images/textarea.jpg") no-repeat;
    font-family: arial, verdana;
    font-size: 12px;
}

.button_senden {
    width: 101px; height: 29px;
    background: #FFF url("../images/button_senden.jpg") no-repeat 0px 0px;
}
.button_over {
   background-position: 0px -29px;
}
.vcard {
    display: block;
    padding: 0px 0px 0px 25px;
    height: 16px;
    background: #FFF url("../images/vcard.jpg") no-repeat top left;
}

.twitter {
    display: block;
    padding: 0px 0px 0px 25px;
    height: 16px;
    background: #FFF url("../images/twitter.jpg") no-repeat top left;
}

#note {
    display: none;
    padding: 10px;
    background-color: #E5E5E5;
}

/* Schaufenster */
.stage {
    margin: 10px 0px 0px 0px;
    position: relative;
    float: left;
}
.item {
    width: 103px; height: 103px;
    margin: 0px 5px 5px 0px;
    padding: 1px;
    background-color: #f4f4f4;
    float: left;
    cursor: pointer;
    background-position: center center;
    background-repeat: no-repeat;
}

#expand {
    display: none;
    background: #f4f4f4;
    border: 1px solid #e5e5e5;
    position: absolute;
    top: 0px; left: 0px;
    width: 0px; height: 0px;
}

#fold {
    position: absolute;
    bottom: -1px; right: -1px;
    width: 100px; height: 100px;
    cursor: pointer;

} 

#stage_content {
    width: 100%; height: 100%;
}

.overview {
    float: left;
}
.overview ul {
    margin: 0px; padding: 0px;
    list-style: none;
}
.overview li {
    font-size: 13px;
    padding: 3px 17px;
    background: url("../images/bullet_2.gif") no-repeat center left;
}
.teaserbox {
    width: 400px;
}
.footer {
    float: left;
    margin-top: 5px;
    font-size: 11px;
}

.navService {
    margin: 0px; padding: 0px;
    list-style: none;
    float: left;
}
.navService li {
    margin: 0 5px;
    padding: 0 5px;
    border-left: 1px solid #999;
}
.flag {
    display: block;
    position: relative;
    float: left;
}
#active_flag {
    position: absolute;
    width: 129px; height: 24px;
    display: none;
    top: -10px;
    padding: 15px 10px;
    background: url("../images/flag.png") no-repeat;
    white-space: nowrap;
    color: #999;
    text-align: center;
    z-index: 10000;
}
