/* -------------------------------------------------- BEGIN allgemeines */
body
{
   text-align:left;
   margin: 0px;
   overflow: -moz-scrollbars-vertical;
   background-color: #FFFFFF;
   
   font-family: Verdana;
   font-size: 8pt;
}
table
{
   font-size:8pt;
}
#site
{
   width: 919px;
   height: auto;
   padding-top: 20px; 
   padding-left: 36px;
}
* html #site
{
   width: 955px;
   height: auto;
}

a:link,a:visited
{
   text-decoration: none;
   color: #000000;
}
a:hover,active
{
   text-decoration: none;
   color: #AAAAAA;
}
a.moreinfo:link,a.moreinfo:visited
{
   color: #000000;
   font-weight: bold;   
}                                 
a.moreinfo:hover,a.moreinfo:active
{
   color: #AAAAAA;
   font-weight: bold;
}
a.menu_active:link,a.menu_active:visited,a.menu_active:hover,a.menu_active:active
{
   color: #000000;
   font-weight: bold;   
}
a.menu:link,a.menu:visited
{
   color: #000000;
}                         
a.menu:hover,a.menu:active
{
   color: #000000;
   font-weight: bold;
}
#blank
{
   height: 300px;
}
/* END allgemeines */
/* -------------------------------------------------- BEGIN kopfbereich */
#logo
{
   width: 213px;
   min-width: 213px;
   max-width: 213px;
   height: 89px;
   min-height: 89px;
   max-height: 89px;
   background-image: url("../images/logo_gruppe10.gif");
}

#menu_headline
{
   width: auto;
   height: 20px;
   min-height: 20px;
   max-height: 20px;
   text-align: right;   
   margin-bottom: 10px;
   margin-right:15px;
   background-position: right;
   background-repeat: no-repeat;
}
/* END kopfbereich */
/* -------------------------------------------------- BEGIN menueleiste */
#sidebar
{
   position: relative;
   float: left;
   clear: both;
       
   width: 213px;
   min-width: 213px;
   max-width: 213px;
   height: auto;   
   margin-top: 50px;
}

#menu
{
   position: relative;
   float: left;
   clear: both;
   
   width: 100%;
   height: auto;
}
.menu_item
{
   margin-bottom: 22px;  
}

#infobox
{
   position: relative;
   float: left;
   clear: both;
   
   width: 140px;
   min-width: 140px;
   height: auto;
   margin-top: 39px;
   
   color: #FFFFFF;
}
* html #infobox
{
   margin-top: 29px;
   m\argin-top: 29px;
}
.info_top
{
   position: relative;
   float: left;
   clear: both;
   
   width: 140px;
   height: 3px;
   background-image: url("../images/infobox_t.gif");
   background-repeat: no-repeat;
   background-position: bottom;
}
* html .info_top
{
   h\eight: 3px;
   height: 3px;
}
.info_middle
{
   position: relative;
   float: left;
   clear: both;
   
   width: 120px;
   height: auto;
   padding: 10px;
   background-color: #000000;
}
* html .info_middle
{
   width: 140px;
   w\idth: 140px;
}
.info_bottom
{
   position: relative;
   float: left;
   clear: both;
   
   width: 140px;
   height: 15px;                                       
   background-image: url("../images/infobox_b.gif");
   background-repeat: no-repeat;
   background-position: top;
}
* html .info_bottom
{
   margin-top:-204px;
   m\argin-top:-204px;
}
/* END menueleiste */
/* -------------------------------------------------- BEGIN inhalt */
#content
{
   position: relative;
   float: left;     
   padding-left: 40px;
   width: 651px;
   min-width: 651px;
   max-width: 651px;
   height: auto;
   margin-top: 50px;
   margin-left: 1px;
   padding-bottom: 100px;
   /*background-image:url("../images/glv.gif");
   background-repeat:repeat-y;
   */
}               
* html #content
{
   width: 691px;
   min-width: 691px;
   max-width: 691px;
}
#content_admin
{
   height:350px;
   overflow:visible;
}
.contentblock
{
   position: relative;
   float: left;
   width: 650px;
   clear:both;
}
.contentspacer
{
   position: relative;
   float:left;
   width: 100%;
   height: 50px;
}
.content_hr
{
   width: 100%;   
   position: relative;
   float:left;
   clear:both;
   border-top: 1px solid #DDDDDD;
   margin-bottom: 25px;
   margin-top:25px;
}
.textblock
{
   position: relative;
   height: auto;
   float: left;
}

.text
{
   width: auto;
   height: auto;
}
.text_rtl
{
   position:relative;
   text-align:right;
   width: auto;
   height: auto;
   margin-bottom: 20px;
}
.link
{
   font-weight:bold;
   width: auto;
   height: auto;
   margin-top:18px;
}
.imageblock
{
   position: relative;
   float: right;
   width: auto;
   height: auto;
}
.image
{
   text-align: right;
   width: auto;
   height: auto;   
}
.image_effect
{
   width: auto;
   height: auto;
   
   padding-bottom: 70px;
}           
.subimages
{
   position: relative;
   float:right;
   width: auto;
   height: auto;

   margin-top:30px;
   text-align:right;
   overflow:visible;
   direction:ltr;
}
* html .subimages
{
   clear:both;
   width: 665px;
   padding-right: 10px;
} 
.sub_sm
{   
   width: auto;
   height: auto;
   position: relative;
   float:right;
   direction:rtl;
}
.link_sub_sm
{

}

#shop_content
{
   width: auto;
   height: auto;  
}
#shop_text
{
   width: auto;
   height: auto;
}
.shop_item
{
   position:relative;
   float:left;
   clear:both;       
   margin-bottom: 20px;
   width: 100%;
   height: auto;
}
.shop_image
{
   float:left;        
   margin-right: 20px;
}
.shop_imagetext
{
   width: auto;
} 
.shop_price
{
   font-weight:bold;
   font-size: 11pt;
   line-height: 50px;
}
.shop_title
{
   font-weight:bold;
}
#shop_error_msgs
{
   margin-bottom: 20px;
}
.shop_error_msg
{
   font-weight:bold;
}
.shop_textfield_sm
{
   width: 30px;
   text-align:center;
   border: solid 1px #000000;
   margin-right: 5px;
}
.shop_button
{
   float: right;
   clear:both;
   border: solid 1px #000000;
   background-color: #000000;
   color: #FFFFFF;
}
.shop_textarea
{
  width: 250px; 
  height: 100px;
  border: solid 1px #000000;
   
   clear:both;   
}  
#shop_addressfield
{
   position:relative;
   float:left;
   clear:both;       
   margin-bottom: 20px;
   width: 250px;
   height: auto;
 
}
.shop_hr
{
   width: 100%;   
   position: relative;
   float:left;
   clear:both;
   border-top: 1px solid #DDDDDD;
   margin-bottom: 25px;
   margin-top:10px;
}
/* END inhalt */

/* -------------------------------------------------- BEGIN admin-bereich */
.admin_textfield_login
{
   border: 1px solid #000000;
   width: 150px;
} 
.admin_hr
{
   width: 100%;   
   position: relative;
   float:left;
   clear:both;
   border-top: 1px dashed #000000;
   margin-bottom: 10px;
}
* html .admin_hr
{
   
}
.admin_content_shop
{
   border: 1px dashed #000000;
   padding-left: 50px;
   padding-right: 10px;
   width: 400px;
}

.admin_sortblock
{
   position:relative;
   float:right;
   width: 100%;
   margin-bottom: 10px;
}
.admin_editblock
{
   position:relative;
   float:right;
   width: 100%;
   margin-bottom: 10px;
}
#admin_vorschau_textedit
{
   margin-top: 20px;
   clear:both;
   width:700px;
   position:relative;
   float:left;
}
* html #admin_vorschau_textedit
{
   width: 650px;
}
#admin_vorschau_infoedit
{
   margin-top:-87px;
   margin-bottom: 20px;
   clear:both;
   width:700px;
   position:relative;
   float:left;
}             
* html #admin_vorschau_infoedit
{
   width: 650px;
}
.admin_form_infoedit
{
   width: 400px;
   text-align:right;
}
.admin_form_textedit
{
   width: 600px;
   text-align:right;
}
.admin_select
{
   border: 1px solid #000000;
}
.admin_textarea
{
   width: 400px;
   height: 200px;
   border: 1px solid #000000;
}
.admin_textarea_big
{
   width: 600px;
   height: 500px;
   border: 1px solid #000000;
   clear:both;
}
.admin_textarea_small
{
   width: 400px;
   height: 100px;
   border: 1px solid #000000;
}

.admin_button
{
   color: #FFFFFF;
   background-color: #000000;
   border: 1px solid #000000;
} 
.admin_button_up
{
   color: #FFFFFF;
   background-color: #000000;
   border: 1px solid #000000;
   background-image:url("../images/button_arrow_up.gif");
   background-repeat: no-repeat;
   background-position: center;
}
* html .admin_button_up
{
   width: 20px;
}
.admin_button_down
{
   color: #FFFFFF;
   background-color: #000000;
   border: 1px solid #000000;
   background-image:url("../images/button_arrow_down.gif");
   background-repeat: no-repeat;
   background-position: center;
}
* html .admin_button_down
{
   width: 20px;
}
.admin_textfield_userdata
{
   border: 1px solid #000000;
   width: 200px;
}
.admin_textfield_sm
{
   border: 1px solid #000000;
   width: 185px;
}

.admin_upload
{

}

.admin_mandatory
{
   font-weight: bold;
   font-size: 12pt;
}

.admin_error_msg
{
   font-weight: bold;
}                   
.admin_error_login
{
   font-weight: bold;
   font-size: 8pt;
}
.admin_success
{
   font-weight:bold;
}
/* END admin-bereich

/* -------------------------------------------------- BEGIN graue linien */
#grey_line_hori_1
{
  position: absolute;
  left: 249px;
  top: 139px;
  width: 706px;
  height: 1px;
  min-height: 1px;
  max-height: 1px;
  background-image: url("../images/glh.gif");
  background-repeat: repeat-x;
  
  display:none;
}
#grey_line_hori_2
{
  position:relative;
  
  clear:both;
  left: 249px;
  

  bottom: 2px;
  width: 706px;
  height: 1px;
  min-height: 1px;
  max-height: 1px;
  background-image: url("../images/glh.gif");
  background-repeat: repeat-x;
  
  display:none;
} 

.glh_left
{
   position: absolute;
   left: 0px;
   width: 171px;
   height: 1px;
   background-color: #FFFFFF;
   
   display:none;
}     
.glh_middle
{
   position: absolute;
   left: 171px;
   width: 160px;
   height: 1px;
   background-image: url("../images/glh_m.gif");
   background-repeat: no-repeat;
   
   display:none;
}

.glh_right
{
   position: absolute;
   right: 0px;
   width: 207px;
   height: 1px;
   background-image: url("../images/glh_r.gif");
   background-repeat: no-repeat;
   
   display:none;
}              

#grey_line_vert_1
{
   position: absolute;
   z-index:15;
   bottom: 30px;

   left: 250px;
   height: 100%;
   width: 1px;      
   min-width: 1px;
   max-width: 1px;
   
   display:none;
}

.glv_top
{
   width: 1px;
   height: 265px;
   background-color: #FFFFFF;
   
   display:none;
   
}
.glv_middle
{
   position: absolute;
   top: 265px;
   width: 1px;
   height: 296px;
   background-image: url("../images/glv_m.gif");
   
   display:none;
}


#grey_line_vert_2
{
   position:relative;
   left: 98px;
   bottom: 2px;
   float:left;
   clear:both;
   z-index:16;
   height: 21px;
   width: 142px;
   min-width: 142px;
   max-width: 142px;
   
   display:none;
}

.glv2_bottom
{
   width: 142px;
   height: 21px;   
   background-image: url("../images/glv_b.gif"); 
   
   display:none;  
}
/* END graue linien */