* {
color: #4b5847;
border-spacing: 0px;
border-collapse: collapse;
vertical-align: top;
}
td, tr {
	padding: 0px;
	margin: 0px;
}

html { 
margin: 0px;
padding: 0px;
height: 100%; 
}

body {
margin: 0px;
padding: 0px;
height: 100%;
background-color: #f0f2ef;
}

#gesamt {
width:940px;
position:relative;
margin:0px auto;
text-align:left;
}

#oben {
height: 176px;
position:relative;
background-image:url('img/oben1.jpg');
background-position:top right;
background-repeat:no-repeat;
}

#mitte {
background-image:url('img/mitte1.jpg');
background-position:top right;
background-repeat:repeat-y;	
}

#unten {
height: 50px;
position:relative;
background-image:url('img/unten1.jpg');
background-position:top right;
background-repeat:no-repeat;
}

#mittetable {
width: 940px;
padding: 0px;
margin: 0px;
}

#links {
width: 200px;
}

#rechts {
width: 200px;
background-image:url('img/rechts1.jpg');
background-position:bottom right;
background-repeat:no-repeat;
}

#back-button {
	position: absolute;
	top: 140px;
	left: 198px;
	width: 57px;
	height: 18px;
	background-image:url('img/back-button.jpg');
	background-position:top left;
	background-repeat:no-repeat;
}
#back-button a {
	font-size: 10px;
	color: #f0f1f0;
	position: relative;
	top: 2px;
	left: 20px;
}

#topmenu {
position:absolute;
width: 470px;
top:133px;
right:215px;
z-index:5000;
text-align: right;
}
#topmenu p, #topmenu a {
margin-top:10px;
font-size: 10px;
color: #4b5847;
}

#footer {
width: 500px;
position: absolute;
left: 245px;
bottom: 19px;
text-align: center;
font-size: 10px;
}
#footer a, #footer p {
font-size: 10px;
/* color: #6C4385; */
color: #4b5847;
}

#menu {
position:relative;
top:-10px;
left:12px;
width:177px;
}

#menu2 {
position: relative;
top: -10px;
left: 4px;
width: 177px;
}

#content {
position:relative;
top:0px;
left:17px;
width:500px;
padding: 0px;
margin-bottom:20px;
z-index: 5000;
}

.menu {
width: 177px;
margin-bottom: 10px;
margin-top: 0px;
}

.menuoben {
height: 23px;
background-image:url('img/menuoben.jpg');
background-position: top left;
background-repeat: no-repeat;
}

.menuoben p {
color: #fff;
font: 16px arial, verdana, sans-serif;
margin: 3px 0px 0px 15px;
}
.menuoben p a, .menuoben p a:link, .menuoben p a:hover, .menuoben p a:active, .menuoben p a:visited {
	margin: 0px; padding: 0px; display: inline; color: #fff; font: 16px arial, verdana, sans-serif; background-color: transparent;
}

.menumitte {
background-image: url('img/menumitte.jpg');
background-position: top left;
background-repeat: repeat-y;
padding: 0px 3px;
}

.menumitte p, .menumitte form {
margin: 5px 10px;
}

.menuunten {
height: 3px;
background-image: url('img/menuunten.jpg');
background-position: top left;
background-repeat: no-repeat;
}

.menu a, .menu a:visited, .menu a:link { 
border:0px;
display:block;
padding: 3px 10px;
margin:2px 0px;
color: #6e2c5b;
font: 12px arial, verdana, sans-serif;
text-decoration: none;
}
.menu a.active {
color: #880000;
}
.menu a:hover {
background-color: #ddd;
color: #000000;
}

.warenkorbtable td {
	text-align: right;
	padding: 5px;
}

h1 {
font: 18px arial, verdana, sans-serif;
margin-top:15px;
margin-bottom:5px;
padding-bottom: 5px;
background-image: url('img/h1.jpg');
background-repeat: no-repeat;
background-position: bottom left;
}
h1 a, h1 a:link, h1 a:visited, h1 a:active {color:#41619D;}

h2 {
font: bold 15px arial, verdana, sans-serif;
margin-top:15px;
margin-bottom:5px;
}
h2 a, h2 a:link, h2 a:visited, h2 a:active {color:#6181BD;}

h3, h4, h5, h6 {
font: bold 12px arial, verdana, sans-serif;
font-weight: bold;
margin-bottom:5px;
border-bottom:1px solid #bbc2ba;
}
h3 a, h3 a:link, h3 a:visited, h3 a:active 
h4 a, h4 a:link, h4 a:visited, h4 a:active 
h5 a, h5 a:link, h5 a:visited, h5 a:active 
h6 a, h6 a:link, h6 a:visited, h6 a:active {color:#6181BD;}

p, form, table, div.p {
font: 12px arial, verdana, sans-serif;
margin-bottom:5px;
margin-top: 12px;
}

a, a:link, a:visited, a:active { text-decoration:none; color:#0148a0; }
a:hover { text-decoration:underline; color:#5d7bc0; }

#content img, #content img a {
border:0px;
}

.contentwidth { width:500px; }
.borderline { border:1px solid #6C4385; }

.text1 { background-color: #dbe5d9; }
.text2 { background-color: #e4ece3; }

img.emoticons {
position: relative;
top:3px;
margin:-5px 0px -2px 0px;
border:0px;
}

#kltechnikinhaltwrapper {
	position: absolute;
	top: 5px;
	right: 5px;
}

#kltechnikinhaltsverzeichnis {
	position: absolute;
	right: 0px;
	display: none;
	background-color: #fff;
	border: 1px solid #888;
	width: 150px;
	-webkit-box-shadow: 5px 5px 5px #888;
	-moz-box-shadow: 5px 5px 5px #888;
	box-shadow: 5px 5px 5px #888;
	filter:progid:DXImageTransform.Microsoft.DropShadow(color='#888888',offX='5',offY='5');
	padding: 0px;
	z-index: 500000;
}

#kltechnikinhaltsverzeichnis p {
	padding: 5px 10px;
	margin: 0px;
}
#kltechnikinhaltsverzeichnis p:first-letter {
	text-transform: uppercase;
	font-weight: bold;
	color: #f00;
}

#kltechnikinhaltsverzeichnis a {
	display: block;
	border-bottom: 1px solid #ccc;
}
#kltechnikinhaltsverzeichnis a:last-child {
	border-bottom: none;
}
#kltechnikinhaltsverzeichnis a:hover {
	text-decoration: none;
	background-color: #F0F2EF;
}

#kltechnikinhaltwrapper:hover #kltechnikinhaltsverzeichnis {
	display: block;
}

/* Formularcode ANFANG */

fieldset
{
border: 0px;
margin: 0px;
padding: 0px;
}

label
{
    float            : left;
    width            : 120px;
    margin-right    : 10px;
}

/*  positioniert die Text- und 
    Auswahlboxen rechts daneben: */

input[type=text],
select
{
    float            : left;
}

/*  dann werden alle checkboxen und radiobuttons,
    die mit der Klasse "right" versehen wurden,
    um den errechneten linken Abstand der input
    und select-Elemente (s.o.) nach rechts
    verschoben: */

input.right,
img.right
{
    float         :    left;
    width         :    auto;
    clear         :    both;
    margin-left   :    130px;
    margin-right  :    10px;
}

/*  Nicht vergessen, die floats wieder aufzuheben,
    sonst floatet es munter weiter */

form br
{
    clear                    :    both;
}

/*  fuer grafische UAs und DAUs der Hinweis, dass
    die Label anklickbar sind. Weil's so schoen ist, 
    die Kontrollelemente gleich mit. Mit einer Ausnahme: 
    fuer Textfelder macht der Pointer natuerlich keinen 
    Sinn, dort sollte nach wie vor die Text-Einfuegemarke 
    als Cursor erscheinen. Daher hier die Einschraenkung 
    auf die input-Elemente des Typs checkbox, radiobutton, 
    button und submit: */

label,
select,
input[type=checkbox],
input[type=radio],
input[type=button],
input[type=submit]
{
    cursor                    :    pointer;
}

/*  legt den vertikalen Abstand der 
    einzelnen Elemente zueinander fest */

form
{
    line-height                :    180%;
}

/* Formularcode ENDE */


/* Form.Validator ANFANG */

.validation-failed {
border: 1px solid #f00;
}
.validation-passed {
border: 1px solid green;
}
.validation-advice {
margin: 2px; padding: 2px; color:#fff; background-color:#f00;
}
.warning {
	border: 1px solid #c66;
}
.warning-advice {
	margin: 2px; padding: 2px; color:#fff; background-color:#bbb;
}

/* Form.Validator ENDE */

/* Tool-Tips ANFANG */

.tool-tip {
	color: #41619D;
	border: 1px solid #6485be;
	z-index: 13000;
}
 
.tool-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	padding: 8px 8px 4px;
	background: #C5DEE3;
	border-bottom: 1px dotted #6485be;
}
 
.tool-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: #eff5ff;
}

/* Tool-Tips ENDE */

/* Autocompleter ANFANG */

ul.autocomp
{
	position:				absolute;
	margin:					0;
	padding:				0;
	list-style:				none;
	border:                 1px solid #6485be;
	background-color:		#eff5ff;
	text-align:				left;
	font-family:			Verdana, Geneva, Arial, Helvetica, sans-serif;
	z-index:				50;
	color:                  #41619D;
}

ul.autocomp li
{
	position:				relative;
	padding:				0.1em 1.5em 0.1em 1em;
	cursor:					pointer;
	font-weight:			normal;
	font-size:				12px;
	border:                 1px dotted #6485be;
}

ul.autocomp li.autocompleter-selected
{
	background-color:		#C5DEE3;
	color:					#41619D;
}

ul.autocomp span.autocompleter-queried
{
	font-weight:			bold;
}

ul.autocomp li.autocompleter-selected span.autocompleter-queried
{
	color:					#ee7c04;
}

/* Autocompleter ENDE */