/*----- mainnav ----*/
.mainnav
  {
  font-family:arial,sans-serif;
  font-size:13px;
  color:#ffffff;
  font-weight:normal;
  text-decoration:none;
  }

:hover.mainnav
  {
  color:#fabe0d;
  text-decoration:none;
  }

.subnav
  {
  font-family:arial,sans-serif;
  font-size:13px;
  color:#ffffff;
  font-weight:normal;
  text-decoration:none;
  }

:hover.subnav
  {
  color:#fabe0d;
  text-decoration:none;
  }



/* ---- cat-images on index ----*/
div.index_cat_img
  {
  display:block;
  float:none;
  padding: 0px 0px 0px 22px;
  }

div.index_cat_name
  {
  display:block;
  font-weight:bold;
  float:none;
  padding: 5px 0px 5px 22px;
  }

a.index_cat_img
  {
  float:none;
  display:block;
  width: 150px;
  height: 100px;
  border:1px solid #666666;
  }


/* ---- news overview ---- */
a.news_details
  {
  font-size:11px;
  color:#000000;
  text-decoration:none;
  }

:hover.news_details
  {
  color:#333333;
  text-decoration:underline;
  }

div.news_img
  {
  float:none;
  display:block;
  padding: 0px 0px 6px 0px;
  }

a.news_img
  {
  float:none;
  display:block;
  width: 150px;
  height: 100px;
  border:1px solid #666666;
  }



/*---- content styles -----*/
h1 {font:Arial, Helvetica, sans-serif; font-size:22px; color:#333333; font-weight:bold; padding:0; margin:0;}
.text {font-family:arial,sans-serif;font-size:11px;color:#000000;font-weight:normal;text-decoration:none;}
.headline {font-family:arial,sans-serif;font-size:13px;color:#666666;font-weight:bold;text-decoration:none; padding-top:15px; padding-bottom:3px;}
.login {width:170px; color:#CCFF99; background-color:#293721; border-left-color:#000000; border-top-color:#000000; border-right-color:#98D1A2; border-right-width:1px; border-bottom-color:#98D1A2; border-bottom-width:1px;}
.topic {height:14; background-image:url(../grafik/basics/titel_bg.jpg); background-repeat:no-repeat; font-family:arial,sans-serif;font-size:12px;color:#ffffff;font-weight:bold;text-decoration:none; padding-left:5px; valign:center;}
.produktbez {font-family: arial,sans-serif; font-size:12px;color:#333333;font-weight:bold;}




/*--- styles for productdetails ---*/
p.product_title
  {
  font-weight:bold;
  font-size:12px;
  margin:0px 0px 20px 0px;
  }

div#product_images
  {
  position:relative;
  width:200px;
  float:left;
  font-size:12px;
  }

div#product_text
  {
  position:relative;
  width:300px;
  float:left;
  margin: 0px 0px 50px 0px;
  }





/* image right - headline text left*/
div.content_headline_1
  {
  margin: 0px 0px 15px 0px;
  font-size: 14px;
  color: #cccccc;
  font-weight: bold;
  }

div.content_bilder_1
  {
  float: left;
  margin: 0px 0px 15px 0px;
  }

div.content_text_1
  {
  margin: 0px 0px 15px 0px;
  font-size: 12px;
  color: #666666;
  font-weight: normal;
  }


div.content_headline_2
  {
  margin: 0px 0px 15px 220px;
  font-size: 14px;
  color: #cccccc;
  font-weight: bold;
  width: 500px;
  }

div.content_images_2
  {
  float: left;
  margin: 0px 0px 15px 0px;
  width: 220px;
  }

div.content_text_2
  {
  margin: 0px 0px 0px 220px;
  font-size: 12px;
  color: #666666;
  font-weight: normal;
  }


div.content_headline_3
  {
  margin: 0px 0px 15px 0px;
  font-size: 14px;
  color: #cccccc;
  font-weight: bold;
  width:320px;
  }

div.content_images_3
  {
  float: left;
  margin: 0px 0px 0px 20px;
  }

div.content_text_3
  {
  margin: 0px 0px0px 0px;
  font-size: 12px;
  color: #666666;
  font-style: normal;
  width:320px;
  }


/* ----styles for address-handling ---*/
.frame_form_part
  {
  border: 1px solid #cccccc;
  margin: 0px 0px 10px 0px;
  width: 637px;
  background-color: #F8F8FF;
  }

.form_part
  {
  padding:4px;
  }
















/* ---- generel website styles ---- */
body
  {
  background-image:url('../grafik/basics/bg.jpg');
  background-repeat:repeat-x;
  background-color: #cccccc;
  margin: 25px;
  padding: 0px;
  font-family: arial, sans-serif;
  font-size: 11px;
  }

a
  {
  color: #000000;
  text-decoration: none;
  }

a:hover
  {
  color: #666666;
  text-decoration: underline;
  }

td
  {
  font-family: arial, sans-serif;
  font-size: 11px;
  color: #000000;
  text-decoration: none;
  }

ul
  {
  padding: 0px;
  margin: 0px;
  list-style-type: none;
  font-size: 11px;
  }

input, select, textarea
  {
  background-color: #f1f1f1;
  border: 1px solid #000000;
  margin-bottom: 2px;
  width: 250px;
  }

.radio
  {
  width:auto;
  }
 
.radio_poll
  {
  border:0px;
  width:20px;
  background-color:#FFFFFF;
  }

.checkbox
  {
  width:auto;
  }

input.button
  {
  background-image: url(but.gif);
  background-repeat: repeat-x;
  border: 1px solid #000000;
  width:auto;
  margin-bottom: 2px;
  }
  
a.button
  {
  display:block;
  background-image: url(but.gif);
  background-repeat: repeat-x;
  border: 1px solid #000000;
  margin: 2px;
  padding: 2px 5px 2px 5px;
  }

:hover.button
  {
  text-decoration:none;
  color: #666666;
  }

.none
  {
  background: none;
  border: none;
  padding: 0px;
  margin: 0px;
  line-height: normal;
  text-decoration: none;
  height: auto;
  width: auto;
  }



/* ---- styles for center-webpage ---- */
div#website
  {
  position:absolute;
  left:50%;
  width:900px;
  margin-top:20px;
  margin-left:-485px;
  border: 1px solid #cccccc;
  }



/* ---- styles for frame-objects ---- */
div#frame_header
  {
  background-image: url('../images/website/bg_header.jpg');
  background-repeat:no-repeat;
  height:193px;
  width: 900px;
  }

div#frame_left
  {
  width: 140px;
  height:270px;
  float: left;
  margin: 30px 20px 0px 0px;
  }

div#frame_content
  {
  padding-top: 30px;
  width: 580px;
  float:left;
  }

div#frame_footer
  {
  width:900px;
  height:30px;
  border-top: 1px solid #ffffff;
  text-align:center;
  padding-top: 5px;
  }



/* ---- main-navigation ---- */
ul.main_nav
  {
  margin: 0px 0px 20px 15px;
  }

a.mainchapter
  {
  height:20px;
  width: 100;
  font-weight:bold;
  color:#1c5483;
  font-size: 12px;
  display:block;
  }

a.subchapter
  {
  padding-left:15px;
  height:20px;
  width: 100;
  font-weight:bold;
  color:#5a90f4;
  font-size: 12px;
  display:block;
  }

a.page
  {
  padding-left:15px;
  height:17px;
  width: 100;
  font-weight:normal;
  color:#5a90f4;
  font-size: 11px;
  display:block;
  }



/* ---- content-styles ---- */
div#top_nav
  {
  padding: 124px 0px 0px 550px;
  color: #ffffff;
  font-size: 12px;
  }

a.top_nav
  {
  color: #ffffff;
  font-size: 12px;
  }

div#user_nav
  {
  color:#666666;
  padding: 20px 0px 0px 550px;
  }

div#muko_logo
  {
  position:absolute;
  left:10px;
  bottom:5px;
  }

p.headline
  {
  margin:0px 0px 7px 0px;
  color: #666666;
  font-weight: bold;
  font-size: 13px;
  }

div.new_div_layer
  {
  position: absolute;
  filter:alpha(opacity=90);
  -moz-opacity:0.9;
  opacity:0.9;
  top: 230px;
  left: 398px;
  width: 450px;
  height: 300px;
  background-color:#f6f6f6;
  visibility: hidden;
  }

div.new_div_layer_content
  {
  background-image:url('../images/basic/bg_list.gif');
  background-repeat:repeat-x;
  top: 230px;
  left: 398px;
  border: 1px solid #A2A2A2;
  position: absolute;
  width: 450px;
  height: 300px;
  z-index: 2;
  visibility: hidden;
  }



/* ---- styles for content ---- */
.content_headline
  {
  font-weight:bold;
  padding: 0px 0px 10px 0px;
  }

.content_text
  {
  padding: 0px 0px 10px 0px;
  }

.content_image
  {
  padding: 0px 10px 10px 0px;
  }


/* ---- styles for links ---- */
table.link_overview
  {
  cell-spacing: 3px;
  }


/* ---- styles for forms ---- */
.step_list
  {
  width: 180px;
  margin: 0px 0px 15px 3px;
  }

.step_head
  {
  font-weight:bold;
  color: #ffffff;
  background-image: url('../images/basic/small_list_header.jpg');
  padding: 7px 0px 7px 10px;
  background-repeat:no-repeat;
  }

.step, .active_step
  {
  padding: 2px 0px 3px 8px;
  border-left: 1px solid #959595;
  border-right: 1px solid #959595;
  border-bottom: 1px solid #A2A2A2;
  }

.active_step
  {
  font-weight:bold;
  }

.step_footer
  {
  color: #ffffff;
  background-image: url('../images/basic/small_list_footer.jpg');
  padding: 7px 0px 7px 10px;
  background-repeat:no-repeat;
  }

.form_box, .form_box_large
  {
  width: 500px;
  background-image: url('../images/basic/bg_list.gif');
  border: 1px solid #A2A2A2;
  background-repeat: repeat-x;
  background-position: top;
  }

.form_box_large
  {
  width: 615px;
  }

.form_box_headline
  {
  margin:0px 0px 15px 0px;
  font-weight: bold;
  }

.form_box_content
  {
  padding: 8px 15px 3px 15px;
  }

.form_notice
  {
  font-family: verdana, arial, sans-serif;
  font-size: 11px;
  padding-top:3px;
  width: 100px;
  float: left;
  }

.error_box
  {
  margin: 0px 0px 10px 0px;
  width: 637px;
  /*background-image: url('../grafik/basics/attention.png');
  background-repeat: no-repeat;*/
  border: 1px solid #cc0000;
  }

.error_message
  {
  padding:8px;
  /*padding-left:100px;*/
  font-weight:normal;
  }

.confirm_box
  {
  margin: 0px 0px 30px 0px;
  width: 500px;
  background-color: #ffffff;
  border: 1px solid #00cc00;
  }

.confirm_message
  {
  padding:8px;
  font-weight:bold;
  }

.file_item
  {
  position:relative;
  border:1px solid #666666;
  height:50px;
  width:50px;
  }




/* ----- styles for customer-center ---- */
.data_table
  {
  padding: 0px 10px 10px 10px;
  border-collapse: collapse;
  width: 500px;
  background-image: url('../images/basic/bg_list.gif');
  border: 1px solid #A2A2A2;
  background-repeat: repeat-x;
  background-position: top;
  }

.data_head
  {
  font-size:11px;
  padding:6px;
  height:30px;
  white-space:nowrap;
  }

.data_record
  {
  border: solid 1px #A2A2A2;
  font-size:11px;
  padding:4px;
  }

.data_record_link
  {
  color: #000000;
  text-decoration: underline;
  }

:hover.data_record_link{
  color: #666666;
  text-decoration: underline;
  }

.banner
  {
  border: 1px solid #cccccc;
  }



/* ---- styles for profile ---- */
#profil_galerie_image
  {
  float:left;
  width:260px;
  }


/* ---- styles for forum ---- */
.forum_headline
  {
  background-image:url('../images/basic/bg_list.gif');
  background-repeat:repeat-x;
  font-weight:bold;
  color: #666666;
  padding:5px;
  text-align: center;
  vertical-align: middle;
  height: 25px;
  font-size:12px;
  }

.forum_action
  {
  color: #1B699E;
  text-decoration: none;
  padding: 0px 5px 0px 5px;
  font-size:12px;
  }

.link_red
  {
  color: #FF3300;
  text-decoration: none;
  font-size:12px;
  }

.link_blue
  {
  color: #1B699E;
  text-decoration: none;
  font-size:12px;
  }

.forum_table
  {
  border-color: #666666;
  border-style: solid 2px;
  border-collapse: collapse;
  width: 600px;
  }




/* ---- styles for fisheye ---- */
fishcontainer
  {
  background-color: transparent;
  border: none;
  }
  
#fish_productgroups_0, #fish_productgroups_1, #fish_productgroups_2, #fish_productgroups_3, #fish_productgroups_4, #fish_productgroups_5
  {
  height: 250px;
  margin: 0px 0px 0px 0px;
  }

#fisheye_history
  {
  vertical-align: top;
  float:none;
  }

.fisheye_history_productgrp
  {
  size: 10px;
  float: left;
  padding: 0px 5px 0px 5px;
  text-align:center;
  border:none;
  white-space: nowrap;
  }

.fisheye_history_productgrp_start
  {
  size: 14px;
  float: left;
  padding: 20px 5px 0px 5px;
  font-weight: bold;
  text-align:center;
  border:none;
  white-space: nowrap;
  }

.fisheye_history_productgrp_set
  {
  float:none;
  display:block;
  height: 70px;
  }




/* ---- styles for tree-menue ---- */
.tree
  {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 11px;
  padding: 10px;
  white-space: nowrap;
  }

.tree img
  {
  border: 0px;
  height: 18px;
  vertical-align: text-bottom;
  }

.tree a
  {
  color: #000;
  text-decoration: none;
  }

.tree a:hover
  {
  color: #345373;
  }




/* ---- styles for ct-menues ---- */
ul.cm_menue
  {
  display: none;
  position: absolute;
  margin: 0px;
  padding: 0px;
  font-family: verdana;
  font-size: 11px;
  list-style-type: none;
  border-top: 1px solid #666666;
  border-left: 1px solid #666666;
  border-right: 1px solid #666666;
  }

ul.cm_menue li
  {
  border-bottom: 1px solid #666666;
  }

ul.cm_menue li a
  {
  display: block;
  width: 100px;
  padding: 2px 10px 3px 10px;
  text-decoration: none;
  color: #666666;
  background: #eeeeee;
  }

ul.cm_menue li a:hover
  {
  text-decoration: none;
  color: #ffffff;
  background: #cccccc;
  }

ul.small_list
  {
  margin: 0px 0px 15px 3px;
  }

.small_list_header
  {
  font-weight:bold;
  color: #ffffff;
  background-image: url('../images/basic/small_list_header.jpg');
  padding: 7px 0px 7px 10px;
  background-repeat:no-repeat;
  }

li.small_list
  {
  padding: 2px 0px 3px 8px;
  border-left: 1px solid #959595;
  border-right: 1px solid #959595;
  border-bottom: 1px solid #cccccc;
  }

.small_list_footer
  {
  background-image: url('../images/basic/small_round_footer.jpg');
  background-repeat:no-repeat;
  padding: 0px 0px 4px 10px;
  }


.small_round_header
  {
  background-image: url('../images/basic/small_round_header.jpg');
  background-repeat:no-repeat;
  height:8px;
  }

.small_round
  {
  padding: 2px 0px 3px 8px;
  border-left: 1px solid #959595;
  border-right: 1px solid #959595;
  }

.small_round_footer
  {
  background-image: url('../images/basic/small_round_footer.jpg');
  background-repeat:no-repeat;
  height:15px;
  }


/* styles for filebrowser */
li.filebrowser_directory, li.filebrowser_directory_active, li.filebrowser_directory_root
  {
  margin:0px;
  padding: 5px 2px 5px 10px;
  border-bottom: 1px solid #cccccc;
  }

li.filebrowser_directory_root
  {
  padding: 5px 2px 5px 2px;
  }

li.filebrowser_directory_active
  {
  font-weight: bold;
  background-image: url('../images/basic/bg_list.gif');
  background-repeat:repeat-x;
  }

ul.filebrowser_directories
  {
  margin:0px;
  padding:0px;
  padding: 0px 0px 5px 0px;
  }

td.filebrowser_file
  {
  vertical-align:bottom;
  margin:0px;
  padding: 5px 6px 5px 6px;
  }

td.filebrowser_image
  {
  margin:0px;
  padding: 0px;
  text-align:center;
  }

div.filebrowser_image
  {
  text-align:center;
  border:1px solid #cccccc;
  width:60px;
  height:60px;
  margin:5px;
  }

img.filebrowser_image
  {
  margin:5px;
  }

a.file_link
  {
  padding: 2px 2px 2px 0px;
  color: #999999;
  text-decoration: underline;
  }

table#file_items_table
  {
  border-collapse: collapse;
  }

td.file_items_table
  {
  border: 1px solid #cccccc;
  padding:2px 2px 2px 2px;
  border-collapse: collapse;
  }

.file_items_trash
  {
  padding:18px 0px 0px 10px;
  }