/*  =========================================================
stylesheet - manticore
datei:  monitor.css
datum:  080926
autor:  creativwerk
========================================================== */

/* ====================================== 
   1. Kalibrierung und allgemeine Styles 
   ====================================== */

/* Kalibrierung der wichtigsten Abstände */
*  { padding: 0; margin: 0; }
h2, p, ul, ol { margin-bottom: 1em; }  
ul ul { margin-bottom: 0; } 
li { margin-left: 1em; } 

/* Allgemeine Selektoren */

html { height: 101%; } /* erzwingt Scrollbar im Firefox */
body { 
   color: #a1a39b; 
   background-color: #e8e8ea; 
   font-family: Verdana, Arial, Helvetica, sans-serif; 
   font-size: small;
  
}
h1 { font-size: 200%; font-weight:lighter;} 
h2 { font-size: 130%; }
h3 { font-size: 110%; }
h4 { font-size: 100%;  font-weight:lighter;}
li { font-size: 100%; }

address {
   text-align: center;  
      font-style: normal;  
   letter-spacing: 2px; 
   line-height: 1.5em;  
}
td { vertical-align:top; 
padding: 5px 20px;}

hr {border:solid;
margin: 15px;
color:#999;
}


/* Farben */
.rot {color: #751f1f;}

.blau {color: #14253f;}

.gruen {color: #49531e;}

/* Hyperlinks */
a { color: white; text-decoration: none; outline: none;} 
a:link { color: #63665c; } 
a:visited { color: #63665c; }
a:hover { color: #751f1f; border-bottom: 1px solid #751f1f;}
a:focus { color: #751f1f; border-bottom: 1px solid #751f1f;}
a:active { color: #751f1f; }

#fuss a   {    color: #63665c; }
#fuss a:link  {    color: #63665c; }
#fuss a:hover { color: #63665c; border-bottom: 1px solid #63665c;}
#fuss a:focus { color: #63665c; border-bottom: 1px solid #63665c;}
.fussactive {  color: #751f1f; border-bottom: 1px solid #751f1f; }

/* Allgemeine Klassen und IDs */
.clearing {clear: both;}
.skiplink { 
   position: absolute; 
   left: -3000px; 
   top: -2000px; 
   width: 0px; 
   height: 0px; 
   overflow: hidden; 
   display: inline; 
}

#logo {
	background: url(higr_kopf.jpg) no-repeat;
	width:960px; 
   background-color: white;
   margin:0;
   padding:0;
   border:0;
 
}

/* ==================================== 
   2. Styles für die  Layoutbereiche 
   ==================================== */

#wrapper {
   color: #3d3f39; 
   background-color: #e0e0e0; 
   width: 960px;  
   margin: 10px auto;


}
#kopfindex {
   background-color: white; 
}

#kopf {
	color: black;
	background: url(higr_kopf.jpg) no-repeat;
}

#kopf p { 
	padding: 5px 0px 5px 0px;
	margin-bottom: 0;
}
#kopf a { 
	border: 0;
}

#navi {

	background-color: #e0e0e0;
	
	text-align: left;
	border-top: solid #e0e0e0 2px;
	border-bottom: solid #c8c9c5 2px;
	padding:0 0 2px 0;

}

#navi ul { 
	margin-bottom: 3px;
}

#navi li {
	font-size: 100%;
	display: inline;
	list-style-type: none;
}
#navi td { 
	padding: 0px;
}

.naviactive { 
   color: #273d41; 
}
#navib {

	background-color: #c8c9c5;
	padding:0 0 2px 0;
	text-align: left;
	border-top: solid #c8c9c5 1px;
	border-bottom: solid #c8c9c5 1px;

}

#navib ul { 
	margin-bottom: 2px;
}

#navib li {
	font-size: 100%;
	display: inline;
	list-style-type: none;
}
.naviactiveb { 
   color: #273d41; 
}

#indextext { padding: 0px; margin:0;
}
#textindex { margin:0; padding:2px 0;}
#text{ 
	padding: 20px 10px 20px 20px; 
}
	#text a { color:#CC0000; 
	}	
	#text a:hover,
	#text a:focus { 
      border-bottom: 1px solid #d90000; 
	}
	#imgnoborder a:hover, 	#imgnoborder a:focus{ border-bottom:0px; 
	}
#texta {
	width:350px;
	float:left;
	margin-top:20px;
	padding:0em 20px;
}

#textb {
	width:300px;
	float:right;
	margin-top:20px;
	padding:0em 20px;
	background-color: #878a7e;
	border-left:solid #878a7e 1px;
	border-top: 20px solid #878a7e;
}
#textc {
	width:400px;
	float:left;
	margin-top:20px;
	padding:0em 20px;
}
#textd {
	width:400px;
	float:right;
	margin-top:20px;
	padding:0px 20px 0px 40px;
	border-left:solid #878a7e 1px;
	text-align:left;
}

#text table { border:#999 solid 1px;}
#text td { border:#999 solid 1px;}


#fuss {
	background-color: #c8c9c5;
	padding: 2px 20px 20px 20px;
	border-top: 1px solid #c8c9c5; 
	margin-top: 2px;
}

#fussli {
	font-size: 80%;
	float:left;
}
#fussre {
	font-size: 80%;
	float: right;
}

.noborder a , a:hover { 
	border: none;
}





#produkttab td  {border-bottom:solid #999999 1px;}
#tabnopadding td { margin: 0; padding: 0; border:0;}
#tabnopaddingbutborder td { margin: 0; padding: 0;}
#pfeilhigr {background-image:url(pfeil.jpg); background-repeat:no-repeat;}

/* ======================================= 

farben:
232 232 234  e8e8ea
 
224 224 224  e0e0e0
 
200 201 197  c8c9c5
 
161 163 155  a1a39b
 
135 138 126  878a7e
 
99 102 92  63665c

61 63 57 3d3f39
 
rot
117 31 31  751f1f
 
blau
20 37 63   14253f
 
grün
73 83 30   49531e
   E N D E   D E S   S T Y L E S H E E T S 
   ======================================= */