/* F A R B D E F I N I T I O N E N
Textfarbe (dunkelgrau): #383838;
	Listen, dunkles Grau : 6D6D6D;
	Listen, helles Grau : B8B8B8;

Mittel Grau (logo Quadrate): #9C9B9C;
helles Grau: #E6E6E6;
sehr helles Grau (große Quadrate Content rechts plain): #F1F1F1;
Mittlerer Rotton (Navigation, Links, Logo): #B60606;
Dunkelrot (Balken Content): #A10B0B;
*/


* html, * html body { 
height: 100%; width: 100%; overflow: hidden; margin: 0px; padding: 0px; border: 0px; }


ul, li, div, p, h1, h2, h3, h4, h5, h6, form, a, img, td, tr, input, iframe, select, textarea {
margin: 0px; padding: 0px; border: 0px;}

* html body, * html td , * html div {
	font-family: Verdana,Arial,sans-serif;
	line-height: 20px;
	font-size: 11px;
	color: #383838;
	font-stretch: 105%;
	letter-spacing: 0.7px;
	}

p {  }

.grossbuchstabe { font-size: 24px; font-weight: regular; padding: 0px; line-height: 22px; text-align: absbottom;}



* html #content_container {
    position: fixed;
    top: 0px; left: 180px; right: 0px;
    height: 100%;
	width: 837px;
	bottom: 0px;
	z-index: 3;

}

* html #bild {
top: 0px;
position: absolute;
width: 837px;
height: 222px;
z-index: 1;
}

* html #headlines
{
position: absolute;
top: 201px;
width: 837px;
height: 60px;
background: #A10B0B;
z-index: 1;
left: 180px;
}



* html #content {
	top: 261px;
    position: absolute;
    left: 180px; right: 0px; bottom: 0px; 
    margin: left;
    text-align: left;
	padding: 0px;
	width: 837px;
	height: 100%;
	vertical-align: baseline;
	background: #ffffff;
	z-index: 1;
}

* html #content_ie {
	top: 20px;
    position: absolute;
    left: 20px; right: 0px; bottom: 0px; 
	margin: left;
    text-align: left;
	height: 60%;
	background: url(../content/images/referenzen_b/bg_ref.gif) no-repeat;
	background-position: bottom;
	border: 1px solid red;
}

* html #content_innen_li {
	top: 14px;
    position: absolute;
	overflow: auto;
    left: 20px; right: 0px; bottom: 20px; 
    margin: left;
    text-align: left;
	padding: 0px;
	width: 479px;
	vertical-align: baseline;
	z-index: 2;
	height: 60%;
}

* html #ref_content_innen_li {
	top: 14px;
    position: absolute;
	overflow: 1;
    left: 20px; right: 0px; bottom: 20px; 
    margin: left;
    text-align: left;
	padding-right: 8;
	width: 468px;
	vertical-align: baseline;
	z-index: 2;

	height: 65%;

}

* html #quadrate_gross{
position: absolute;
left: 506px;
background: url(../content/images/allgemein/logo_mkk.gif) no-repeat 0px 24px;
height: 140px; 
width: 317px; 
right: 22px;
iiborder: 3px solid red;
top: 328px;
}

* html #content_innen_re {
position: absolute;
background: url(../content/images/content/quadrate_plain.gif) no-repeat 0px 0px;
height: 340px; 
width: 317px; 
right: 22px;
iiborder: 3px solid green;
left: 506px;
top: 22px;
}

* html #div.list {
position: absolute;
width: 8px;
height: 8px;
background: url(../content/images/buttons/list_normal.gif) no-repeat;
padding: 0px;
margin: right;
text-align: right;
right: 8px;
vertical-align: baseline;
}

#div.list_active  {
position: absolute;
width: 8px;
height: 8px;
background: url(../content/images/buttons/list_active.gif) no-repeat;
padding: 0px;
margin: right;
text-align: right;
right: 8px;
vertical-align: baseline;
}