﻿/* CSS Document */

/* Haupteinstellungen auf der Startseite */

input
{	background-color: rgb(235,235,255);
	background-image: url(/d/x.gif);
	color: rgb(0,128,128);
	border: medium none;
	padding-top: 0;
}



/* Hell-Hell-Blaue abgerundete Rechtecke */

.TH
{	background-color: #efefff ;
	width: 150px;
}

.TH .Ttl
{	background-image: url(r/bol.gif);
	background-repeat: no-repeat;
	background-color: #efefff ;
	width: 19px;
	height: 19px;
}

.TH .Ttm
{	background-color: #efefff ;
	height: 40px;
	text-align: center;
	vertical-align: bottom;
}

.TH .Ttr
{	background-image: url(r/bor.gif);
	background-repeat: no-repeat;
	background-color: #efefff ;
}

.TH .Tbl
{	background-image: url(r/bul.gif);
	background-repeat: no-repeat;
	background-color: #efefff ;
	background-position: bottom;
}

.TH .Tbr
{	background-image: url(r/bur.gif);
	background-repeat: no-repeat;
	background-color: #efefff ;
	background-position: bottom;
}




/* Abgerundete hellblaue Rechtecke innerhalb der helleren mit den Links */
.THin
{	/*background-color: #E6E6FF ;*/
	background-color: rgb(220,220,255) ;
}


/* Aussehen der Links in den Rechtecken */
.THin a:link
{	color: #4646ff;
	font-weight: 400;
	font-size: 10pt;
	background:none;
	text-decoration:none;
}

.THin a:visited
{	color: #4646ff;
	font-weight: 400;
	font-size: 10pt;
	background: none; 
	text-decoration: none;
}

.THin a:hover
{	color: #c79200; 
	font-weight: 500; 
	background-color: none;
	text-decoration: none;
}

.THin a:active
{	color: red; 
	background-color: none;
}




/* Aussehen der Flächen */

.THin .Ttl
{	background-image: url(r/bsol.gif);
	background-repeat: no-repeat;
	background-color: #dcdcff;
	width: 10px;
	height: 10px;
	vertical-align: top;
	text-align: left;
}

.THin .Ttr
{	background-image: url(r/bsor.gif);
	background-repeat: no-repeat;
	background-color: #dcdcff;
	vertical-align: top;
	text-align: right;
}

.THin .Tm
{	background-color: #dcdcff;
	vertical-align: top;
	text-align: right;
	height: 100%;
}

.THin .Tbl
{	background-image: url(r/bsul.gif);
	background-repeat: no-repeat;
	background-color: #dcdcff;
	background-position: bottom;
	vertical-align: bottom;
	text-align: left;
}

.THin .Tbr
{	background-image: url(r/bsur.gif);
	background-repeat: no-repeat;
	background-color: #dcdcff;
	background-position: bottom;
	vertical-align: bottom;
	text-align: right;
}



/*  Blocküberschriften  */

a.Hlink:link
{	color: #4646ff;
	font-size: 18pt;
	font-weight: 600;
	letter-spacing: 0.13em;
	background: none;
	text-decoration: none;
	text-align: center;
	/* font-variant: small-caps; */
	text-transform: uppercase;
	position: relative;
	top: -9px;
}

a.Hlink:visited
{	color: #4646ff;  
	font-size: 17pt; 
	font-weight: 600;
	letter-spacing: 0.13em;
	background: none; 
	text-decoration: none;
	text-transform: uppercase;
	position: relative;
	top: -9px;
}

a.Hlink:hover
{	color: #e0a500; /* #000064; */
	background-color: none; 
	text-decoration: none;
}

a.Hlink:active
{	color: #c80064;
	background-color: none;
}




/*  Blocküberschriften nicht so auffällig */
a.Hlink2:link
{	color: #4646ff;  
	font-size: 17pt; 
	font-weight: 600;
	letter-spacing: 0.06em;
	background: none; 
	text-decoration: none;
}

a.Hlink2:visited
{	color: #4646ff;  
	font-size: 17pt; 
	font-weight: 600;
	letter-spacing: 0.06em;
	background: none; 
	text-decoration: none;
	/* text-transform: uppercase; */
	/* position: relative; 
	top: 0px; */
}

a.Hlink2:hover
{	color: #e0a500; /* #000064; */
	background-color: none; 
	text-decoration: none;
}

a.Hlink2:active
{	color: #c80064;
	background-color: none;
}



/*  Blocküberschriften nicht so auffällig noch kleiner */
a.Hlink3:link
{	color: #4646ff;  
	font-size: 14pt; 
	font-weight: 600;
	letter-spacing: 0.04em;
	background: none; 
	text-decoration: none;
}

a.Hlink3:visited
{	color: #4646ff;  
	font-size: 14pt; 
	font-weight: 600;
	letter-spacing: 0.04em;
	background: none; 
	text-decoration: none;
	/* text-transform: uppercase; */
	/* position: relative; 
	top: 0px; */
}

a.Hlink3:hover
{	color: #e0a500; /* #000064; */
	background-color: none; 
	text-decoration: none;
}

a.Hlink3:active
{	color: #c80064;
	background-color: none;
}



/* Kleine Texte unter den Blocküberschriften */
.remark-block
{	color: #a1a1d1;
	font-size: 83%;
	line-height: 1.4em;  
	margin-top: 6px;	/* 1px */
	margin-bottom: 8px;	/* 1px */
}





/*  Die Links innerhalb der Blöcke  */
/*
a.Hlinkin:link 
{	color: #4646ff;
color: #008000;
	font-weight: 400;
	font-size: 10pt;
	background:none;
	text-decoration:none;
}

a.Hlinkin:visited
{	color: #4646ff;
color: #008000;

	font-weight: 400;
	font-size: 10pt;
	background: none; 
	text-decoration: none;
}

a.Hlinkin:hover
{	color: #c79200; 
	font-weight: 500; 
	background-color: none;
	text-decoration: none;
}

a.Hlinkin:active
{	color: red; 
	background-color: none;
}
*/


/*  Die Links innerhalb des grauen Headers  */
a.Hlinkhead:link 
{	color: #0000db;
	font-weight: 400;
	/* font-size: 10pt; */
	background:none;
	text-decoration:none;
}

a.Hlinkhead:visited
{	color: #0000db;
	font-weight: 400;
	/* font-size: 10pt; */
	background: none; 
	text-decoration: none;
}

a.Hlinkhead:hover
{	color: #ffff00; /* gelb */
	font-weight: 500; 
	background-color: none;
	text-decoration: none;
}

a.Hlinkhead:active
{	color: #F5B400;
	background-color: none;
}


/* Hover soll nicht wie sonst orange sondern gelb erscheinen */
a.Pfadstruk:hover 
{	
	background-image: url('n/t_gelb.gif');
}






/* Punkte (Symbole vor Schrift) für die Startseite */

.PKTbuy
{	padding: 0px 0px 0px 15px;	/* vertikal	?	?	Textabstand zum PKT	*/
	background: url("s/kauf_s_blh.gif") no-repeat; /* Standardpfeil in Schrift-blau 7pix hoch*/
	background-position: center left;
}
a:hover .PKTbuy
{	padding: 0px 0px 0px 15px;	/* vertikal	?	?	Textabstand zum PKT	*/
	background: url("s/kauf_s_ord.gif") no-repeat; /* Standardpfeil in Schrift-blau 7pix hoch*/
	background-position: center left;
}
a:active .PKTbuy
{	padding: 0px 0px 0px 15px;	/* vertikal	?	?	Textabstand zum PKT	*/
	background: url("s/kauf_s_rt.gif") no-repeat; /* Standardpfeil in Schrift-blau 7pix hoch*/
	background-position: center left;
}


.PKTpict
{	padding: 0px 0px 0px 16px;	/* vertikal	?	?	Textabstand zum PKT	*/
	background: url("s/kam_s_blh.gif") no-repeat; /* Standardpfeil in Schrift-blau 7pix hoch*/
	background-position: center left;
	width:13px; height:10px;
	display:inline;
}
a:hover .PKTpict
{	padding: 0px 0px 0px 16px;	/* vertikal	?	?	Textabstand zum PKT	*/
	background: url("s/kam_s_ord.gif") no-repeat; /* Standardpfeil in Schrift-blau 7pix hoch*/
	background-position: center left;
}
a:active .PKTpict
{	padding: 0px 0px 0px 16px;	/* vertikal	?	?	Textabstand zum PKT	*/
	background: url("s/kam_s_rt.gif") no-repeat; /* Standardpfeil in Schrift-blau 7pix hoch*/
	background-position: center left;
}


.PKTmanu
{	padding: 0px 0px 0px 16px;	/* vertikal	?	?	Textabstand zum PKT	*/
	background: url("s/manu_s_blh.gif") no-repeat; /* Standardpfeil in Schrift-blau 7pix hoch*/
	background-position: center left;
}
a:hover .PKTmanu
{	padding: 0px 0px 0px 16px;	/* vertikal	?	?	Textabstand zum PKT	*/
	background: url("s/manu_s_ord.gif") no-repeat; /* Standardpfeil in Schrift-blau 7pix hoch*/
	background-position: center left;
}
a:active .PKTmanu
{	padding: 0px 0px 0px 16px;	/* vertikal	?	?	Textabstand zum PKT	*/
	background: url("s/manu_s_rt.gif") no-repeat; /* Standardpfeil in Schrift-blau 7pix hoch*/
	background-position: center left;
}


.PKTsheet
{	padding: 0px 0px 0px 14px;	/* vertikal	?	?	Textabstand zum PKT	*/
	background: url("s/prosp_s_blh.gif") no-repeat; /* Standardpfeil in Schrift-blau 7pix hoch*/
	background-position: center left;
}
a:hover .PKTsheet
{	padding: 0px 0px 0px 14px;	/* vertikal	?	?	Textabstand zum PKT	*/
	background: url("s/prosp_s_ord.gif") no-repeat; /* Standardpfeil in Schrift-blau 7pix hoch*/
	background-position: center left;
}
a:active .PKTsheet
{	padding: 0px 0px 0px 14px;	/* vertikal	?	?	Textabstand zum PKT	*/
	background: url("s/prosp_s_rt.gif") no-repeat; /* Standardpfeil in Schrift-blau 7pix hoch*/
	background-position: center left;
}



.PKTproduct
{	padding: 0px 0px 0px 15px;	/* vertikal	?	?	Textabstand zum PKT	*/
	background: url("s/prod_s_blh.gif") no-repeat; /* Standardpfeil in Schrift-blau 7pix hoch*/
	background-position: center left;
}
a:hover .PKTproduct
{	padding: 0px 0px 0px 15px;	/* vertikal	?	?	Textabstand zum PKT	*/
	background: url("s/prod_s_ord.gif") no-repeat; /* Standardpfeil in Schrift-blau 7pix hoch*/
	background-position: center left;
}
a:active .PKTproduct
{	padding: 0px 0px 0px 15px;	/* vertikal	?	?	Textabstand zum PKT	*/
	background: url("s/prod_s_rt.gif") no-repeat; /* Standardpfeil in Schrift-blau 7pix hoch*/
	background-position: center left;
}



.PKTfaq
{	padding: 0px 0px 0px 15px;	/* vertikal	?	?	Textabstand zum PKT	*/
	background: url("s/faq_s_blh.gif") no-repeat; /* '?' */
	background-position: center left;
}
a:hover .PKTfaq
{	padding: 0px 0px 0px 15px;	/* vertikal	?	?	Textabstand zum PKT	*/
	background: url("s/faq_s_ord.gif") no-repeat; /* '?' */
	background-position: center left;
}
a:active .PKTfaq
{	padding: 0px 0px 0px 15px;	/* vertikal	?	?	Textabstand zum PKT	*/
	background: url("s/faq_s_rt.gif") no-repeat; /* '?' */
	background-position: center left;
}


.PKTmail
{	padding: 0px 0px 0px 15px;	/* vertikal	?	?	Textabstand zum PKT	*/
	background: url("s/mail_s_blh.gif") no-repeat; /* '?' */
	background-position: center left;
}
a:hover .PKTmail
{	padding: 0px 0px 0px 15px;	/* vertikal	?	?	Textabstand zum PKT	*/
	background: url("s/mail_s_ord.gif") no-repeat; /* '?' */
	background-position: center left;
}
a:active .PKTmail
{	padding: 0px 0px 0px 15px;	/* vertikal	?	?	Textabstand zum PKT	*/
	background: url("s/mail_s_rt.gif") no-repeat; /* '?' */
	background-position: center left;
}



.PKTpdf
{	padding: 1px 0px 0px 16px;	/* vertikal	?	?	Textabstand zum PKT	*/
	background: url("s/pdf_s_blh.gif") no-repeat; /* 'pdf 11x11' */
	background-position: center left;
}
a:hover .PKTpdf
{	padding: 1px 0px 0px 16px;	/* vertikal	?	?	Textabstand zum PKT	*/
	background: url("s/pdf_s_ord.gif") no-repeat; /* 'pdf 11x11' */
	background-position: center left;
}
a:active .PKTpdf
{	padding: 1px 0px 0px 16px;	/* vertikal	?	?	Textabstand zum PKT	*/
	background: url("s/pdf_s_rt.gif") no-repeat; /* 'pdf 11x11' */
	background-position: center left;
}


.PKTklemm
{	padding: 1px 0px 0px 16px;	/* vertikal	?	?	Textabstand zum PKT	*/
	background: url("s/klemm_s_blh.gif") no-repeat; /* 'pdf 11x11' */
	background-position: center left;
}
a:hover .PKTklemm
{	padding: 1px 0px 0px 16px;	/* vertikal	?	?	Textabstand zum PKT	*/
	background: url("s/klemm_s_ord.gif") no-repeat; /* 'pdf 11x11' */
	background-position: center left;
}
a:active .PKTklemm
{	padding: 1px 0px 0px 16px;	/* vertikal	?	?	Textabstand zum PKT	*/
	background: url("s/klemm_s_rt.gif") no-repeat; /* 'pdf 11x11' */
	background-position: center left;
}


.PKTschlt
{	padding: 1px 0px 0px 16px;	/* vertikal	?	?	Textabstand zum PKT	*/
	background: url("s/schlt_s_blh.gif") no-repeat; /* 'pdf 11x11' */
	background-position: center left;
}
a:hover .PKTschlt
{	padding: 1px 0px 0px 16px;	/* vertikal	?	?	Textabstand zum PKT	*/
	background: url("s/schlt_s_ord.gif") no-repeat; /* 'pdf 11x11' */
	background-position: center left;
}
a:active .PKTschlt
{	padding: 1px 0px 0px 16px;	/* vertikal	?	?	Textabstand zum PKT	*/
	background: url("s/schlt_s_rt.gif") no-repeat; /* 'pdf 11x11' */
	background-position: center left;
}




.PKThumor
{	padding: 1px 0px 0px 11px;	/* vertikal	?	?	Textabstand zum PKT	*/
	background: url("s/humor_s_blh.gif") no-repeat; /* 'pdf 11x11' */
	background-position: center left;
}
a:hover .PKThumor
{	padding: 1px 0px 0px 11px;	/* vertikal	?	?	Textabstand zum PKT	*/
	background: url("s/humor_s_ord.gif") no-repeat; /* 'pdf 11x11' */
	background-position: center left;
}
a:active .PKThumor
{	padding: 1px 0px 0px 11px;	/* vertikal	?	?	Textabstand zum PKT	*/
	background: url("s/humor_s_rt.gif") no-repeat; /* 'pdf 11x11' */
	background-position: center left;
}



.PKTnews-plus
{	padding: 0px 0px 0px 0px;	/* vertikal	?	?	Textabstand zum PKT	*/
	background: url("s/plus_s_blh.gif") no-repeat; /* 'pdf 11x11' */
	background-position: center left;
}
a:hover .PKTnews-plus
{	padding: 0px 0px 0px 0px;	/* vertikal	?	?	Textabstand zum PKT	*/
	background: url("s/plus-v_s_gn.gif") no-repeat; /* 'pdf 11x11' */
	background-position: center left;
}
a:active .PKTnews-plus
{	padding: 0px 0px 0px 0px;	/* vertikal	?	?	Textabstand zum PKT	*/
	background: url("s/plus-v_s_ord.gif") no-repeat; /* 'pdf 11x11' */
	background-position: center left;
}


.PKTnews-minus
{	padding: 0px 0px 0px 0px;	/* vertikal	?	?	Textabstand zum PKT	*/
	background: url("s/minus_s_blh.gif") no-repeat; /* 'pdf 11x11' */
	background-position: center left;
}
a:hover .PKTnews-minus
{	padding: 0px 0px 0px 0px;	/* vertikal	?	?	Textabstand zum PKT	*/
	background: url("s/minus-v_s_rt.gif") no-repeat; /* 'pdf 11x11' */
	background-position: center left;
}
a:active .PKTnews-minus
{	padding: 0px 0px 0px 0px;	/* vertikal	?	?	Textabstand zum PKT	*/
	background: url("s/minus-v_s_ord.gif") no-repeat; /* 'pdf 11x11' */
	background-position: center left;
}
















/* Keys für die Startseite (remark weil sie direkt in der Datei eingebunden werden) */

/*

a.key_produkt
{  background-image:url(../!c/n/80/produkt.gif); 
   width:80px; height:80px;
   display:block;
   background-repeat: no-repeat;
}
a.key_produkt:hover
{  background-image:url(../!c/n/80/produkt_.gif); 
   background-color : transparent;
}
a.key_produkt:active
{  background-color : orange;
}


a.key_info
{  background-image:url(../!c/n/80/info.gif); 
   width:80px; height:80px;
   display:block;
   background-repeat: no-repeat;
}
a.key_info:hover
{ 
   background-image:url(../!c/n/80/info_.gif); 
   background-color : transparent;
}
a.key_info:active
{  background-color : orange;
}

a.key_kaufen
{  background-image:url(../!c/n/80/buy.gif); 
   width:80px; height:80px;
   display:block;
   background-repeat: no-repeat
}
a.key_kaufen:hover
{  background-image:url(../!c/n/80/buy_.gif); 
   background-color : transparent;
}
a.key_kaufen:active
{  background-color : orange;
}

a.key_firma
{  background-image:url(../!c/n/80/pausch.gif); 
   width:80px; height:80px;
   display:block;
   background-repeat: no-repeat;
}
a.key_firma:hover
{  background-image:url(../!c/n/80/pausch_.gif); 
   background-color : transparent;
}
a.key_firma:active
{  background-color : orange;
}

a.key_bonus
{  background-image:url(../!c/n/80/bonus.gif); 
   width:80px; height:80px;
   display:block;
   background-repeat: no-repeat
}
a.key_bonus:hover
{  background-image:url(../!c/n/80/bonus_.gif); 
   background-color : transparent;
}
a.key_bonus:active
{  background-color : orange;
}

a.key_kontakt
{  background-image:url(../!c/n/80/welt.gif); 
   width:80px; height:80px;
   display:block;
   background-repeat: no-repeat;
}
a.key_kontakt:hover
{  background-image:url(../!c/n/80/welt_.gif); 
   background-color : transparent
}
a.key_kontakt:active
{  background-color : orange;
}


*/


