/* CSS Document */

body {
  background-color: #FFFFFF;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  line-height:15px;
  color:#58585A;  
  padding:0px;
  margin:0px;
  text-align: center;
}
#Inhalt { 	
  text-align: left;
  vertical-align: middle;	
  margin: 0px auto;
  padding: 0px;
  width: 903px;
  background-color: #ffffff;
}
#Content{
	margin:0 23px 0 23px;
	text-align:left;
}
#NavContainer{
	width:903px;
	height:97px;
	background-image:url(../images/hg_nav_top.gif);
	text-align:right;
}
.Header{
	margin-bottom:13px;
}
.ImgMarken{
	border:solid 1px #B0C935;
	margin:2px 0 15px 0;

}
#Scroller{
	width:365px;
	height:390px;
	overflow:auto;
	padding-right:5px
	}
#ScrollerKlein{
	width:365px;
	*width:370px;
	height:368px;
	overflow:auto;
	padding-right:5px
	}
/* -----------------------------------  Bereich Carat -----------------------------------  */
#ScrollerCarat{
	width:365px;
	height:314px;
	overflow:auto;
	padding-right:5px
	}
.Tab{
	float:left;
	background-color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#6E8112;
	height:134px;
	padding:5px 0 0 6px;
	margin:0 4px 1px 0px;

	}
	.Tab .pdf_symbol a img{
		border:none;
}
.fliesen{
  	padding:none;	
}
.fliesen img{
	margin:0 4px 4px 0;
	padding:0px;
	border:0px;
	}

.aufzaehlung {
	list-style: none;
	padding:0;
	margin-bottom:3px;
	padding-left:10px;
	text-align:left;
	background-image:url(../images/produkte/carat/ecke.gif);
	background-repeat:no-repeat;
	background-position:0px 6px;
}
/* -----------------------------------  Text -----------------------------------  */
.TextGreen{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#6E8112;
}
.TextSmall{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:8px;
	color:#6E8112;
}
.TextLightGreen{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#afc934;
}
/* -----------------------------------  Links -----------------------------------  */
a.LinkGreen:link, a.LinkGreen:visited, a.LinkGreen:active, a.LinkGreen:hover {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #6E8112;
	text-decoration: none;
}
a.LinkTab:link, a.LinkTab:visited, a.LinkTab:active, a.LinkTab:hover {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	color: #6E8112;
	text-decoration: underline;
}
a.LinkGrey:link, a.LinkGrey:visited, a.LinkGrey:active, a.LinkGrey:hover {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #58585A;
	text-decoration: underline;
}
/* ----------------------------------- UNTERNAVIGATION EBENE I. ----------------------------------- */
.unav {
	position:absolute;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	z-index:10;
}
.unav ul {
	list-style-type: none;
	margin: 0; 
	padding: 0;
}
.unav li a {
	display: block;
	text-align:left;
	font-size:11px;

	text-decoration: none;

	line-height:18px;
	color: #6E8112;
	border-bottom:1px solid #B0CA34;
	padding-left:11px;
	background-color:#FFFFFF;

}
.unav ul li a:hover, .unav ul li a.active {
	color: #FFFFFF;
	background-color:#525E12;
	background-image:url(../images/hg_unav.gif);
	background-repeat:repeat-x;	
}
/* Beispiel für 2`te Ebene */
.unav ul ul li a { 
	color: #6e8112;
	background-color:#FFFFFF;
	background-image:url(../images/hg_unav_1.gif);
	padding-left:30px;
}
.unav ul ul li a:hover, .unav ul ul li a.active {
	color: #FFFFFF;
	background-image:url(../images/hg_unav_1o.gif);
}

/* ----------------------------------- Formular Felder -  ----------------------------------- */
label { /* Alle Labels UND Formularelemente auswählen */
	display: block;
	float: left;
  	width: 72px; /* Breite.*/
	padding:2px 0 2px 0;
}
form br { /* Alle Zeilenumbrüche in Formularen auswählen */
  clear: left; /* das floating der labels und inputs aufheben */
}
label {text-align: left;}

.input, .select, .textarea{
	color: #000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size: 10px;
	margin:2px 0 4px 0;
	*margin:2px 0 2px 0;
	border:1px solid #b2b2b2;
	width:160px;
	padding:1px 0 1px 3px;
}
.textarea{
	height:88px;
	width:260px;
	margin-top:5px;
}
/* ----------------------------------- BEREICH CARAT PRODUKTE ----------------------------------- */

     .pic-navi{       
        float:left;
     }
    .pic-navi a img{
       padding:0px;
       margin:1px 1px 2px 1px;
       border:1px solid #FFFFFF;
       float:left;
    }
    .pic-navi a:hover img{
       border:1px solid #FFFFFF;
    }
    div.pic-navi a{
       padding:0;
       margin:0;
    }
    div.pic-navi a span {
       display: none;
       color:#ff0000;
       background:#efefef;
    }
    div.pic-navi a:hover{
       color: #411;
       background: #ffffff;
       padding:0;
       margin:0;
    }
   div.pic-navi a:hover span{
       display: block;
       position: absolute;
       width: 245px;
       padding: 240px 15px 6px 5px;
       margin: 1px 0 0 266px;
       z-index: 100;

       /* aussehen der box */
       color: #58585A;
       font: 11px verdana, sans-serif;
	   text-decoration:none;
       text-align: left;
       float:right;

       /* position des hintergrund */
       background-color:#ffffff;
	   background-position: 5px 5px;
       background-repeat: no-repeat;
	   
   }
   div.pic-navi a:hover span strong{
       padding: 194px 15px 9px 0px;
       margin:-203px 0 0 -1px;
       display:block;
       font-weight:normal;
	   }
	   
	   /*Bereich Drucken*/
@media screen {
	#Layer{
    height:190px; 
	width:530px; 
	margin-left:43px; 
	overflow:auto;
}
}
@media print {
	#Layer{
	width:530px; 
	margin-left:43px; 
	
	}
}
     #zoomy {
  	position:absolute;
  	z-index:10000;
  	overflow:hidden; 
      padding:10px; 
  }
  #zoomycontent{
    text-align:center;
  	background:#6c6969;
  	padding:29px 20px; 
  }
  div#zoomy span#close{
    width:45px;
    height:43px;
    display:block;
    position:absolute;
    top:12px;
    right:0px;
    z-index:2;
    background:transparent url(../images/zoomy-close.png) center center no-repeat;
    cursor:pointer;   
  }