@charset "utf-8";

html {
   width:100%;
   text-align:center;
   min-height:100%;
   height:100%;   
}

body {
   margin:0px auto; 
   padding:0;
   font-family:arial,helvetica,verdana,sans-serif;
   color:#386999;
   font-size:12px;
   line-height:18px;
   background-color:#ffffff;
   width:100%;
   text-align:center;
   min-height:100%;
   height:100%;
}   

#bg-wrap {
   position:fixed;
   width:100%;
   height:100%;
   top:0;
   left:0;
   margin:0;
   padding:0;   
   display:inline;
}
   

#bg-left {
   position:absolute;
   top:0;
   left:0;
   height:100%;
   width:311px;
   background-image:url(../files/bg_left.jpg);
   background-repeat:repeat-y;    
}

#bg-right {
   position:absolute;
   top:0;
   right:0;
   height:100%;
   width:311px;
   background-image:url(../files/bg_right.jpg);
   background-repeat:repeat-y;    
}

#content-wrap {
   position:fixed;
   min-height:100%;
   margin:0;
   padding:0;
   width:777px;
   margin-left:-388px;
   left:50%;
   top:0;
   background-color:#ffffff;
}

#content-output {
   position:absolute;
   margin:0;
   padding:0;
   width:777px;
   margin-left:-388px;
   left:50%;
   top:0;
}

#content-head {
   position:absolute;
   margin:0;
   padding:0;
   width:777px;
   height:179px;
   background-image:url(../files/head.jpg);
   background-repeat:no-repeat;      
   left:0;
   top:15px;
}

#trenner {
   position:absolute;
   height:471px;
   width:1px;
   margin:0;
   padding:0;
   left:150px;
   top:210px;
   background-image:url(../files/trenner.jpg);
   background-repeat:no-repeat;     
}

/* ========== CONTENT ELEMENTE ========== */

.shop-wrap {
   float:left;
   width:100%;
   margin:auto;
   padding:0;
   margin-top:30px;   
   background-image:url(shop_button.jpg);
   background-repeat:no-repeat;    
   margin-bottom:30px;
   height:44px;
}

.shop-link {
   float:left;
   margin: 0 auto;
   padding:0;
   margin-left:83px;
   margin-top:11px;
}

a { color:#a6b440; text-decoration:underline; font-size:12px; }
a:hover { color:#a6b440; text-decoration:none; font-size:12px; }

#content-area-wrap {
   position:absolute;
   margin:0;
   padding:0;
   top:220px;
   left:200px;
   width:550px;
   text-align:left;
}

h1 {
   font-size:12px;
   font-weight:bold;
}

.shop-link a { color:#a6b440; text-decoration:underline; font-size:14px; }
.shop-link a:hover { color:#a6b440; text-decoration:none; font-size:14px; }

.content-text-image-image {
   margin-right:10px;
   margin-bottom:10px;
   margin-left:0;
   padding:0;
   width:206px;
   float:left;
   border:1px solid #cccccc;
}

.content-text-image-image img {
   margin:3px 0 3px 3px;
   padding:0;
}

.clearDIV {
   clear:both;
}

/* ========== NAVIGATION ========== */

#navi-wrap {
   position:absolute;
   margin:0;
   padding:0;
   top:225px;
   left:23px;
   width:135px;
   text-align:left;
}

#navi-wrap ul {
   list-style-type:none;
   margin:0;
   padding:0;   
}

#navi-wrap li {
   margin:0;
   padding:0;
   line-height:24px;
}

a:link.navi-main-no {color:#386999; text-decoration:none; font-size:12px; }
a:visited.navi-main-no {color:#386999; text-decoration:none; font-size:12px; }
a:active.navi-main-no {color:#386999; text-decoration:none; font-size:12px; }
a:hover.navi-main-no {color:#386999; text-decoration:underline; font-size:12px; }

a:link.navi-main-act {color:#386999; text-decoration:none; font-size:12px; font-weight:bold; }
a:visited.navi-main-act {color:#386999; text-decoration:none; font-size:12px; font-weight:bold; }
a:active.navi-main-act {color:#386999; text-decoration:none; font-size:12px; font-weight:bold; }
a:hover.navi-main-act {color:#386999; text-decoration:none; font-size:12px; font-weight:bold; }