﻿#wrap {
  border: 1px dotted #eee;
  width: 980px;
  padding: 0;
  margin: 0 auto
}
/*----  REQUIRED to hide the non-active tab content.  
But do not hide them in the print stylesheet!  ----*/
.tabberlive .tabbertabhide {
  display: none;
}
/*-- .tabber = before the tabber interface is set up  
.tabberlive = after the tabber interface is set up  
.tabberlive  .tabberlive = die inneren tabs wenn verschachtelt--*/

.tabber {
/* display:none; */
height: 580px;
overflow:hidden
}
.tabberlive {
  margin: 5px 5px 15px;
}
.tabberlive  .tabberlive {
  margin-top: 0.3em;
  background: none
}
.tabberlive a {text-decoration:none}
.tabbertab {background:url(weiss50.png)}
#crosspromo .tabberlive h3 {text-indent:0}
#crosspromo .tabberlive h3 a {color:#666; font-size:18px}
/* =======================  tabnavi aussen - ebene1 =================== */
ul.tabbernav {
  margin: 0;
  padding: 3px 0 0 6px;
  border-bottom: 1px solid #778;
  font: bold 16px Arial, sans-serif; 
letter-spacing: 0.5px
}
ul.tabbernav li {
  list-style: none;
  margin: 0;
  display: inline;
}
ul.tabbernav li a {
   background: #eee url(http://chiemgauer-handelskontor.com/ebay/vorlage2011/weiss50.png) ;
    border:  solid #ddd;
    border-width: 1px 1px 0;
    display: inline-block;
    margin: 2px 5px -1px 0px;
    padding: 3px 15px 3px;
}
ul.tabbernav li a:link {
  color: #448;
}
ul.tabbernav li a:visited {
  color: #667;
}
ul.tabbernav li a:hover {
  color: #c40; 
  border-color: #c40;
}
ul.tabbernav li.tabberactive a {
  background-color: #fff;
  border:1px solid #778;
  border-bottom:1px solid #fff
}
ul.tabbernav li.tabberactive a:hover {
  color: #c40;
  background: white;
 
}
/* =============== Verbindungsmittel ================*/


#verbind_ebene2 ul.tabbernav li a#nEinzelpackungen   
/* ==  2 ebene der tabbertabs 1.2 1.2 (z.B. für Einzelpackungen Sortimente) == */
{   
    height:40px; width:auto;
	background: rgba(200,200,200,0.3);
	/*border-top-left-radius:14px;*/
	border-top-right-radius:10px;
	/* box-shadow: 3px 3px 5px #000000;*/
	margin-top:20px;    

}
#verbind_ebene2 ul.tabbernav li a#nSortimente   
/* ==  2 ebene der tabbertabs 1.1 1.2 (z.B. für Einzelpackungen Sortimente) == */
{  
    
    height:40px;
	background: rgba(200,200,200,0.3);
	/*border-top-left-radius:14px;*/
	border-top-right-radius:10px;
	/*box-shadow: 3px 3px 5px #000000;*/
	margin-top:20px;
}



/*erstes element abstand von links*/
#verbind_ebene2 ul.tabbernav li:first-child a 
{margin-left:40px;	}
/*first child wieder aufheben*/
#verbind  ul.tabbernav li:first-child a 
{margin-left:0px;	} 

#okverbind h3 a.okat {text-decoration:none; color:#444}
#verbind ul.tabbernav li a {
    border-radius:0;
	background-color: #FEFEFE;
    border: 2px solid #EEEEEE;
    display: inline-block;
    height: 100px;
    margin: 2px 5px 2px 0;
    padding: 3px 0;
    text-decoration: none;
    vertical-align: bottom;
    width: 94px;
    background-position:center 15px;
    background-repeat:no-repeat;
}



/* http://chiemgauer-handelskontor.com/ebay/vorlage2011/minipics/ */


/*************** Bild Sortiment DIN 7985 *********************************/
#verbind ul.tabbernav li a#nDIN7985-Sortiment {
	background-image: url(http://chiemgauer-handelskontor.com/ebay/vorlage2011/minipics/sortimente/din_7985_set.jpg);
	background-size: 60px auto;
	background-position:bottom;
	/*border: 2px dotted blue;
	margin-top: 15px; */
	-webkit-box-shadow: 3px 3px 5px #000000;
	box-shadow: 3px 3px 5px #000000;
	color: #F00;
	text-shadow: 2px 2px 1px #669933;
	}
/*************** Ende Bild Sortiment DIN 7985 *********************************/
/*************** Bild Sortiment DIN 84 *********************************/
#verbind ul.tabbernav li a#nDIN84-Sortiment {background-image: url(http://chiemgauer-handelskontor.com/ebay/vorlage2011/minipics/sortimente/din_84_set.jpg);
background-size: 60px auto;
	background-position:bottom;
-webkit-box-shadow: 3px 3px 5px #000000;
	box-shadow: 3px 3px 5px #000000;
	color: #F00;
	text-shadow: 2px 2px 1px #669933;
	}
/*************** Ende Bild Sortiment DIN 84 *********************************/
/*************** Bild Sortiment DIN 912 *********************************/
#verbind ul.tabbernav li a#nDIN912-Sortiment {background-image: url(http://chiemgauer-handelskontor.com/ebay/vorlage2011/minipics/sortimente/din_912_set.jpg);
background-size: 85px auto;
	background-position:bottom;
-webkit-box-shadow: 3px 3px 5px #000000;
	box-shadow: 3px 3px 5px #000000;
	color: #F00;
	text-shadow: 2px 2px 1px #669933;
	}
/*************** Ende Bild Sortiment DIN 912 *********************************/

/*************** Bild Sortiment DIN 965 *********************************/
#verbind ul.tabbernav li a#nDIN965-Sortiment {background-image: url(http://chiemgauer-handelskontor.com/ebay/vorlage2011/minipics/sortimente/din_965_set.jpg);
background-size: 60px auto;
	background-position:bottom;
-webkit-box-shadow: 3px 3px 5px #000000;
	box-shadow: 3px 3px 5px #000000;
	color: #F00;
	text-shadow: 2px 2px 1px #669933;
	}
/*************** Ende Bild Sortiment DIN 965 *********************************/

/*************** Bild Sortiment DIN 7981 *********************************/
#verbind ul.tabbernav li a#nDIN7981-Sortiment {background-image: url(http://chiemgauer-handelskontor.com/ebay/vorlage2011/minipics/sortimente/din_7981_set.jpg);
background-size: 65px auto;
	background-position:bottom;
-webkit-box-shadow: 3px 3px 5px #000000;
	box-shadow: 3px 3px 5px #000000;
	color: #F00;
	text-shadow: 2px 2px 1px #669933;
	}
/*************** Ende Bild Sortiment DIN 7981 *********************************/

/*************** Bild Sortiment DIN 7991 *********************************/
#verbind ul.tabbernav li a#nDIN7991-Sortiment {background-image: url(http://chiemgauer-handelskontor.com/ebay/vorlage2011/minipics/sortimente/din_7991_set.jpg);
background-size: 60px auto;
	background-position:bottom;
-webkit-box-shadow: 3px 3px 5px #000000;
	box-shadow: 3px 3px 5px #000000;
	color: #F00;
	text-shadow: 2px 2px 1px #669933;
	}
/*************** Ende Bild Sortiment DIN 7991 *********************************/

#verbind ul.tabbernav li a#nDIN125 {background-image: url(http://chiemgauer-handelskontor.com/ebay/vorlage2011/minipics/din_125.jpg)}
#verbind ul.tabbernav li a#nDIN127 {background-image: url(http://chiemgauer-handelskontor.com/ebay/vorlage2011/minipics/din_127.jpg)}
#verbind ul.tabbernav li a#nDIN1587 {background-image: url(http://chiemgauer-handelskontor.com/ebay/vorlage2011/minipics/din_1587.jpg)}
#verbind ul.tabbernav li a#nDIN6797 {background-image: url(http://chiemgauer-handelskontor.com/ebay/vorlage2011/minipics/din_6797.jpg)}
#verbind ul.tabbernav li a#nDIN6799 {background-image: url(http://chiemgauer-handelskontor.com/ebay/vorlage2011/minipics/din_6799.jpg)}
#verbind ul.tabbernav li a#nDIN7380 {background-image: url(http://chiemgauer-handelskontor.com/ebay/vorlage2011/minipics/din_7380.jpg)}
#verbind ul.tabbernav li a#nDIN7981 {background-image: url(http://chiemgauer-handelskontor.com/ebay/vorlage2011/minipics/din_7981.jpg)}
#verbind ul.tabbernav li a#nDIN7985 {background-image: url(http://chiemgauer-handelskontor.com/ebay/vorlage2011/minipics/din_7985.jpg)}
#verbind ul.tabbernav li a#nDIN7991 {background-image: url(http://chiemgauer-handelskontor.com/ebay/vorlage2011/minipics/din_7991.jpg)}

#verbind ul.tabbernav li a#nDIN84 {background-image: url(http://chiemgauer-handelskontor.com/ebay/vorlage2011/minipics/din_84.jpg)}
#verbind ul.tabbernav li a#nDIN9021 {background-image: url(http://chiemgauer-handelskontor.com/ebay/vorlage2011/minipics/din_9021.jpg)}
#verbind ul.tabbernav li a#nDIN912 {background-image: url(http://chiemgauer-handelskontor.com/ebay/vorlage2011/minipics/din_912.jpg)}
#verbind ul.tabbernav li a#nDIN914 {background-image: url(http://chiemgauer-handelskontor.com/ebay/vorlage2011/minipics/din_914.jpg)}
#verbind ul.tabbernav li a#nDIN933 {background-image: url(http://chiemgauer-handelskontor.com/ebay/vorlage2011/minipics/din_933.jpg)}
#verbind ul.tabbernav li a#nDIN934 {background-image: url(http://chiemgauer-handelskontor.com/ebay/vorlage2011/minipics/din_934.jpg)}
#verbind ul.tabbernav li a#nDIN965 {background-image: url(http://chiemgauer-handelskontor.com/ebay/vorlage2011/minipics/din_965.jpg)}
#verbind ul.tabbernav li a#nDIN985 {background-image: url(http://chiemgauer-handelskontor.com/ebay/vorlage2011/minipics/din_985.jpg)}
#verbind ul.tabbernav li a#nDIN6930 {background-image: url(http://chiemgauer-handelskontor.com/ebay/vorlage2011/minipics/din_9630.jpg)}

#verbind ul.tabbernav li a:hover {border-color: #c40;}

div#okverbind   div.ebene3.tabberlive ul.tabbernav li a {
width:auto;
height:auto; 
background:#eee none
}
div#verbind.tabberlive .tabbertab img {
  float:left;
  margin: 0 15px 5px 0;
  }
div#verbind.tabberlive .tabbertab a {
    color: #666666;
    font-size: 18px;
    text-decoration: none;
}
div#verbind.tabberlive .tabbertab ul {
    list-style-type: none;
    margin: 0 0 0 645px;
    padding: 0;
}
div#verbind.tabberlive .tabbertab li {
    font-weight: bold;
    height: 26px;
    margin: 5px;
    padding: 2px;
    text-indent: 5px;
}
div#verbind.tabberlive .tabbertab li a {
    display: block;
    font-size: 14px;
    line-height: 26px;
}
div#verbind.tabberlive .tabbertab li a span {
float:left;
width: 90px;
}
div#verbind.tabberlive .tabbertab li.zink {border: 3px solid #DFDFDF }
div#verbind.tabberlive .tabbertab li.edel {border: 3px solid #349AFF}
div#verbind.tabberlive .tabbertab li.plastik {border: 3px solid #FFC77F}
div#verbind.tabberlive .tabbertab li.schwarz {border: 3px solid #444}

div#verbind.tabberlive .tabbertab li.zink a {color: #44667F; background: #DFDFDF;}
div#verbind.tabberlive .tabbertab li.edel a {color: #fff; background: #349AFF;}
div#verbind.tabberlive .tabbertab li.plastik a {color: #000;background: #FFC77F}
div#verbind.tabberlive .tabbertab li.schwarz a {color: #fff; background: #444;}
/* ================= akku ================ */
#okakku a {text-decoration:none; color:#444; }
#angebot #okakku h2 {
    float: left;
    font-size: 22px;
    height: 100px;
    margin-right: 5px;
    padding: 15px 10px 0 0;
}
#akku, #akku .tabbernav {margin-left:140px; padding:0 }
#akku .tabbernav {margin-left:1px }
#akku ul.tabbernav li a {
    background-color: #FFFFFF;
    border: 2px solid #EEEEEE;
    display: inline-block;
    height: 65px;
    margin: 2px 5px 0px 0;
    padding: 3px 20px 0;
    text-decoration: none;
    vertical-align: bottom;    
    background-position:center 25px;
    background-repeat:no-repeat;
}
#akku ul.tabbernav li a#n2construct {background-image: url(http://chiemgauer-handelskontor.com/ebay/vorlage2011/minipics/q3_h40.png);width: 151px; }
#akku ul.tabbernav li a#nKokam {background-image: url(http://chiemgauer-handelskontor.com/ebay/vorlage2011/minipics/kokamlogo40h.png);width: 105px; }

div#akku div h3 {
    float: left;
    margin: 0 15px 0 0;
}
div#akku div a {
    border: 1px solid #CCCCCC;
    display: block;
    float: left;
    margin: 3px;
    padding: 3px;
    
}
div#akku div#construct a {width: 160px;}
div#akku div#Kokam a {width:120px}
div#akku div a:hover {border-color:#c40; background: #F6F7F8 }

div#akku div#construct h3 a,div#akku div#Kokam h3 a  {border:none; width:auto}
div#akku ul.tabbernav li.tabberactive a {
  background-color: #fff;
  border:1px solid #778;
  border-bottom:2px solid #fff;
  margin-bottom: -1px;
}
div#akku ul.tabbernav li.tabberactive a:hover {
  color: #c40;
  background: #fff no-repeat center 25px;
 
}
/* =========== kleber =================== */
#kleber h3 a.okat {text-decoration:none; color:#444}
#kleber p a {
    border: 1px solid #CCCCCC;
    color: #444444;
    display: block;
    float: left;
    font-size: 15px;
    font-weight: bold;
    /* height: 60px; */
    margin: 0 0 10px 10px;
    padding-top: 10px;
    text-align: center;
    text-decoration: none;
    width: 220px;
}
#kleber  p a:hover {border-color:#c40;
    background-color:#fff}

/* ================== modell ================= */
#modell ul.tabbernav {margin-top:15px}
#modell ul.tabbernav li a {}

#modell #schrumpf p a {
    border: 1px solid #CCCCCC;
    color: #444444;
    display: block;
    float: left;
    height: 135px;
    line-height: 1.5;
    margin: 0 10px 5px;
    text-align: center;
    text-decoration: none;
    width: 145px;
    font-size:15px; 
    font-weight:bold;
    position:relative;
}
#modell #schrumpf p a span {position:absolute; bottom:0px; left:3px}
#modell #schrumpf p a:hover {
    border-color:#c40;
    background-color:#fff
}
.tabberlive .tabbertab {
  padding: 5px;
  border: 1px solid #aaa;
  border-top: 0;
  /* height: 180px; */
  overflow: auto;
}
.tabberlive .sub {
  margin-left: 250px
}
.tabberlive .tabberlive .tabbertab {
  padding: 5px;
  border: 1px solid #aaa;
  border-top: 0;
  height: auto;
  overflow: auto;
}
.tabberlive .tabbertab h2 {
}
.tabberlive .tabbertab h3 {
  margin: 0.5em 0
}
.tabberlive .sub p.link a {
  display: inline-block;
  background: #eee;
  padding: 5px 10px;
  border: 1px outset #ddd;
  text-decoration: none;
  font-weight: bold
}
 
#crosspromo a:hover {color:#c40 !important}


a.uebersicht:hover{
	transition-duration: 0.2s;
	text-shadow: 0 -1px 1px #FFFFFF, 0 1px 1px #666666 !important;
	
/*	background-color:lightgrey !important; */
	border-width: 1px !important;
	border-color: black !important;
	border-radius:3px !important;
	}

/* Kasten der verschiedenen Güten vz, A2, Kunstzstoff...*/
.guete {
	border-width: 1px;
	border-style:solid;
	border-color: black;
	border-radius:5px;
 	box-shadow: 3px 3px 5px #000;
	cursor:pointer
	}
/* Text "hier zum Angebot" */	
.angebot_guete {
	
	font-size: large; 
	animation-duration: 8s; 
	text-align:center;
	text-shadow: 2px 2px 1px #669933; 
	color:#f00;	
}