@charset "UTF-8";


.facebook_icon{ height:32px; width:32px;background-image:url('../snicons/facebook_32.png'); display:inline-block; }
.twitter_icon{ height:32px; width:32px; background-image:url('../snicons/twitter_32.png');display:inline-block;}
.digg_icon{ height:32px; width:32px; background-image:url('../snicons/digg_32.png'); display:inline-block;}
.youtube_icon{ height:32px; width:32px; background-image:url('../snicons/youtube_32.png');display:inline-block;}
.xing_icon{ height:32px; width:32px; background-image:url('../snicons/xing_32.png');display:inline-block;}
.rss_icon{ height:32px; width:32px; background-image:url('../snicons/rss_32.png'); display:inline-block;}
.delicius_icon{ height:32px; width:32px; background-image:url('../snicons/delicious_32.png'); display:inline-block;}
.fibo{ height:160px; width:200px; background-image:url('../img/fibo_power_2011.gif'); display:inline-block;}

.premium_catalog{height:220px; width:150px;  background-image:url('../img/premium-katalog-2011.jpg'); margin-left:30px; display:block; }
.hardcore_catalog{height:220px; width:150px; background-image:url('../img/hardcore-katalog-2011.jpg'); margin-left:30px; display:block;   }
.trinkflaschen{height:220px; width:150px; background-image:url('../img/trinkflaschen.jpg'); margin-left:30px; display:block;  }

a{outline:none;}
.thumb-intro { width: 100%; height: 72px; background-image: url('../img/tumb_intro.jpg'); background-position:  27px; background-repeat:no-repeat ; }
.thumb-beratung { width: 100%; height: 72px; background-image: url('../img/tumb_beratung.jpg'); background-position:  27px; background-repeat:no-repeat ; }
.thumb-fibo { width: 100%; height: 72px; background-image: url('../img/tumb_fibo.jpg'); background-position:  27px; background-repeat:no-repeat ; }
.thumb-production { width: 100%; height: 72px; background-image: url('../img/tumb_production.jpg'); background-position:  27px; background-repeat:no-repeat ; }
.thumb-lines { width: 100%; height: 72px; background-image: url('../img/tumb_lines.jpg'); background-position:  27px; background-repeat:no-repeat ; }
.thumb-production2 { width: 100%; height: 72px; background-image: url('../img/tumb_production2.jpg'); background-position:  27px; background-repeat:no-repeat ; }
.thumb-verkauf { width: 100%; height: 72px; background-image: url('../img/tumb_verkauf.jpg'); background-position:  27px; background-repeat:no-repeat ; }


.thumb-fan { width: 100%; height: 72px; background-image: url('../img/tumb_fan.jpg'); background-position:  27px; background-repeat:no-repeat ; }
.thumb-shaker { width: 100%; height: 72px; background-image: url('../img/tumb_shaker.jpg'); background-position:  27px; background-repeat:no-repeat ; }
.thumb-hardcore { width: 100%; height: 72px; background-image: url('../img/tumb_hardcore.jpg'); background-position:  27px; background-repeat:no-repeat ; }


.box-sideleft{padding:12px 6px 0px 12px;margin-bottom:0.5em;}
.box-content{padding:12px 6px 0px 6px;margin-bottom:0.5em;}
.box-banner{padding:12px 12px 0px 6px;margin-bottom:0.5em;}
.box-produkte{padding:0px 12px 0px 0px;margin-bottom:0.5em;}


  table { width: auto; border-collapse:collapse; margin-bottom: 0.5em; border-top: 0px #888 solid; border-bottom: 0px #888 solid; }
 
  table caption { font-variant:small-caps; }
  table.full { width: 100%; }
  table.fixed { table-layout:fixed; }

  th,td { padding: 0.2em; }
  thead th { color: #000; border-bottom: 2px #800 solid; }
  tbody th { background: #e0e0e0; color: #333; }
  tbody th[scope=row], tbody th.sub { background: #f0f0f0; }

  tbody th { border-bottom: 1px dotted #e0e0e0; text-align: left; }
  tbody td { border-bottom: 1px dotted #e0e0e0; }

  tbody tr:hover th[scope=row], tbody tr:hover tbody th.sub { background: #bbb; }
  tbody tr:hover td { background: #bbb; }
 /* TR TD, TR TH {white-space: nowrap;}*/

#header {
	background-color:  #fff ;
	 background-image:url('../img/header-back2.jpg')
}

#content{
	background-color:#fff;
}


 .info {  background: #f8f8f8; color: #666; padding: 10px; margin-bottom: 0.5em; font-size: 91.7%; }
 .warning { background: #fee; color: #400; border: 2px #844 solid; padding: 10px; margin-bottom: 1em; }
 .important { background: #ffe; color: #440; border: 2px #884 solid; padding: 10px; margin-bottom: 1em; }
 .note { background: #efe; color: #040; border: 2px #484 solid; padding: 10px; margin-bottom: 1em; }
 
/*-------------------vlist------------------------*/

  /* title */
  h6.vlist {
    font-weight: bold;
    font-size: 100%;
    width: 90%;
    padding: 3px 0px 3px 10%; /* LTR */
    margin:0;
    color: #000;
    background-color: #fff;
    border-top: 2px #ddd solid;
    border-bottom: 4px #888 solid;
  }

  .vlist {
  /* font-family: 'Trebuchet MS', Verdana, Helvetica, Arial, sans-serif;*/
    width: 100%;
    overflow: hidden;
    margin: 0 0 1.5em 0;
    list-style-type: none;
    border-bottom: 2px #ddd solid;
  }

  .vlist ul {
    list-style-type: none;
    margin:0;
    padding: 0;
  }

  .vlist li {
    float:left; /* LTR */
    width: 100%;
    margin:0;
    padding: 0;
  }

  .vlist a,
  .vlist strong,
  .vlist span {
  background-color: #F4F4F4;
    display:block;
    padding: 3px 0px 3px 10%;
    text-decoration: none;
    color:#888;
    border-bottom: 1px #ddd solid;
  }

  .vlist a,
  .vlist a:visited {
    color: #000;
  }

  .vlist li span {
    display:block;
    font-weight: bold;
    border-bottom: 1px #ddd solid;
  }
  
  .vlist li strong{
	background-color: #fff;
	color: #000;
}
  

  /* active list element */
  .vlist li.active {
    color: #fff;
    background-color:#888;
    font-weight: bold;
  }

  /* Level 1 */
  .vlist li a,
  .vlist li strong,
  .vlist li span { width: 90%; padding-left: 10%; } /* LTR */

  .vlist li a:focus,
  .vlist li a:hover,
  .vlist li a:active { background-color:#fff; color: #000; }

  /* Level 2 */
  .vlist li ul li a,
  .vlist li ul li strong,
  .vlist li ul li span { width: 85%; padding-left: 15%; } /* LTR */

  .vlist li ul li a, 
  .vlist li ul li a:visited { background-color:#e8e8e8; color: #333; }
  .vlist li ul li a:focus,
  .vlist li ul li a:hover,
  .vlist li ul li a:active { background-color:#fff; color: #000; }

  /* Level 3 */
  .vlist li ul li ul li a,
  .vlist li ul li ul li strong,
  .vlist li ul li ul li span { width: 80%; padding-left: 20%; } /* LTR */

  .vlist li ul li ul li a,
  .vlist li ul li ul li a:visited{ background-color:#e8e8e8; color: #222; }
  .vlist li ul li ul li a:focus,
  .vlist li ul li ul li a:hover,
  .vlist li ul li ul li a:active {  background-color:#fff; color: #000; }

  /* Level 4 */
  .vlist li ul li ul li ul li a,
  .vlist li ul li ul li ul li strong,
  .vlist li ul li ul li ul li span { width: 75%; padding-left: 25%; } /* LTR */

  .vlist li ul li ul li ul li a,
  .vlist li ul li ul li ul li a:visited { background-color:#e8e8e8; color: #111; }
  .vlist li ul li ul li ul li a:focus,
  .vlist li ul li ul li ul li a:hover,
  .vlist li ul li ul li ul li a:active {  background-color:#fff; color: #000;}

.bf img{
	border:1px solid;
	float:right;
	margin-left:20px;
	margin-bottom:10px;
	top:0px;
}


ul#topnav {
	z-index:1;
	margin: 0;
	padding: 0;
	float: left;
	width: 100%;
	list-style: none;
	position: relative;
	background: #333333;
	-webkit-box-shadow: inset 0px 0px 4px 0px #000000;
	-moz-box-shadow: inset 0px 0px 4px 0px #000000;
	box-shadow: inset 0px 0px 4px 0px #000000;
}
ul#topnav li {
	float: left;
	margin: 0;
	padding: 0;
	border-right: 1px solid #555;

}
ul#topnav li a {
	padding: 5px 15px;
	display: block;
	color: #F6F6F6;
	text-decoration: none;
	font-weight:bold;
}
ul#topnav li:hover {
	background: #999999;
}
ul#topnav li .navcontent{
	background: #999999;
	width:100%;
	float: left;
	padding: 5px 0;
	top:-1px;
	position: absolute;
	left: 0;
	top: auto;
	display: none;
	color: #F6F6F6;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	-webkit-box-shadow: inset 0px 0px 4px 0px #000000;
	-moz-box-shadow: inset 0px 0px 4px 0px #000000;
	box-shadow: inset 0px 0px 4px 0px #000000;
}
ul#topnav li:hover .navcontent {
	display: block;
	
}

ul#topnav li .navcontent h4 {
	color: #F6F6F6;
	font-size:14px;
	font-weight:bold;
}

ul#topnav li .navcontent a {
	display: inline;
	padding:0;
	margin:0;
}

ul#topnav li .navcontent a:hover {
	text-decoration: underline;
}
ul#topnav .scroller {
	overflow-y:hidden;
	overflow-x: auto;
	margin:10px;
	padding-bottom:20px;
}
ul#topnav .menuebox {
	float:left;
	border-right:1px #555 dotted;
	padding:5px;
	margin-right:10px;
	
}
ul#topnav li.red:hover ,ul#topnav li .navcontent.red {
	background-color: #BA1831;
}

ul#topnav li.lila:hover, ul#topnav li .navcontent.lila{
	background-color: #4A239C;
}

ul#topnav li.black:hover, ul#topnav li .navcontent.black{
	background-color: #202020;
}

ul#topnav li.blue:hover, ul#topnav li .navcontent.blue{
	background-color: #23427C;
}

ul#topnav li.gold:hover, ul#topnav li .navcontent.gold{
	background-color: #C6930A;
}