/* 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;
*/


body { 
scrollbar-face-color: #ffffff; 
scrollbar-arrow-color: #B8B8B8; 
scrollbar-track-color: #ffffff; 
scrollbar-shadow-color: #ffffff; 
font-family: Verdana,Arial,sans-serif;
line-height: 18px;
font-size: 11px;
color: #383838;
fffont-stretch: 110%;
text-align: left;
background: #000000 url(../content/images/allgemein/schmetterling.jpg) no-repeat 180px 0px;
}

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;
}

body, td , div {
	font-family: Verdana,Arial,sans-serif;
	line-height: 18px;
	font-size: 11px;
	color: #383838;
	ssfont-stretch: 105%;
	ttletter-spacing: 0.3px;
	}

p {  }

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


a.referenzen { color: #6D6D6D; font-weight: normal; text-decoration: none; }
a.referenzen:hover { color: #F1F1F1; background: #B8B8B8; font-weight: normal; text-decoration: none; }
a.referenzen:active { color: #F1F1F1; background: #B8B8B8; font-weight: normal; text-decoration: none; }

a { color: #bd4e4e; font-weight: normal; text-decoration: none; }
a:hover { color: #F1F1F1; background: #bd4e4e; font-weight: normal; text-decoration: none; }
a:active { color: #F1F1F1; background: #bd4e4e; font-weight: normal; text-decoration: none; }


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

#bild {
top: 0;
position: absolute;
width: 837px;
height: 302px;
z-index: 1;
background: url(../content/images/allgemein/mkk_vertikal.gif) no-repeat;
}

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

#content {
	top: 261px;
    position: fixed;
    left: 180; right: 0; bottom: 0; 
    margin: left;
    text-align: left;
	padding: 0;
	width: 837px;
	vertical-align: baseline;
	background: #ffffff;
	z-index: 1; 
}
#ref_content_innen_li {
	top: 300px;
    position: fixed;
	overflow: auto;
    left: 198; right: 0; bottom: 20; 
    margin: left;
    text-align: left;
	padding-right: 8;
	width: 468px;
	vertical-align: baseline;
	z-index: 2;

}

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

#content_innen_li {
	top: 279px;
    position: fixed;
	overflow: auto;
    left: 198; right: 0; bottom: 20; 
    margin: left;
    text-align: left;
	padding-right: 8;
	width: 468px;
	vertical-align: baseline;
	z-index: 2;
}

#quadrate_gross{
position: absolute;
background: url(../content/images/content/quadrate_plain.gif) no-repeat 0px 31px;
height: 340px; 
width: 317px; 
right: 16px;
border: 0;
}

#rechts
{
position: absolute;
background: url(../content/images/allgemein/logo_mkk.gif) no-repeat;
background-position: 0 336 ;
height: 416px; 
width: 318px; 
top: 24px;
z-index: 3; left: 503; 
}

#ref_1
{
position: absolute;
background:  #F1F1F1;
height: 152px;
width: 151px;
top: 0; left: 0; right: 153; bottom: 152; z-index: 4; 

}

#ref_2
{
position: absolute;
background: #F1F1F1;
height: 152px;
width: 151px;
top: 0; left: 164; right: 0; bottom: 152; z-index: 4; 
 }

#ref_3
{
position: absolute;
background: #F1F1F1;
height: 152px;
width: 151px;
top: 164; left: 0; right: 153; bottom: 0; z-index: 4; 
}

#ref_4
{position: absolute;
background: #F1F1F1;
height: 152px;
width: 151px;
top: 164; left: 164; right: 0; bottom: 0; z-index: 4;  }


#kommentar {
position: absolute; 
right: 0; 
left: 0; 
bottom: 0; 
top: -20; 
height: 12px;
z-index: 6; 
font-family: Verdana,Arial,sans-serif;
font-size: 9px;
color: #9C9B9C;
}

#grossansicht_1 {
position: absolute; 
right: 0; 
left: 0; 
bottom: 0; 
top: 0; 
z-index: 5; 
visibility: hidden;
}
#grossansicht_2 {
position: absolute; 
right: 0; 
left: 0; 
bottom: 0; 
top: 0; 
z-index: 5; 
visibility: hidden;
}
#grossansicht_3 {
position: absolute; 
right: 0; 
left: 0; 
bottom: 0; 
top: 0; 
z-index: 5; 
visibility: hidden;
}
#grossansicht_4 {
position: absolute; 
right: 0; 
left: 0; 
bottom: 0; 
top: 0; 
z-index: 5; 
visibility: hidden;
}


#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;
}