## * {
## margin:0;
## padding:0;
## }

html, body {
height:95%;
}

body {
font-family:arial, verdana, sans serife;
font-size:14px;
color:#000;
text-decoration:none;
line-height:1.5;
text-align:center; /* horizontal centering for IE Win quirks */
}

#distance { 
width:1px;
height:50%;
margin-bottom:-350px; /* half of container's height */
float:left;
}

#center {
margin:0 auto;
position:relative; /* puts container in front of distance */
width:860px;
#min-height:620px;
text-align:left;
clear:left;
}


#container {
width:870px;
text-align:right;
}

#logo {
width:860px;
text-align:right;
}


h1 {
font-size:95%;
line-height:1.5;
}

p {
color:#606060;
line-height:1.5;
font-size:90%;
}


/*-------------------------------------------------------*/
/* Menueleiste 1te Ebene , Boxenstyle */

.menue1, .menue2 {
float:left;
#list-style:none;
width:870px;
#margin:0;
#padding:0;
background-color:#999;
font-size:80%;
}

.menue1 {
border-top-style:solid;
border-top-width:5px;
border-top-color:#f60;
}

.menue2 {

padding: 0 0 8px 0;
vertical-align:bottom;
line-height:2;
}

#dummyhome{
padding:0 0 1px 0;
}

/*-------------------------------------------------------*/
/* Menueleiste 1te (2te Ebene allgemein), Listenstyle */

.menue11, .menue21 {
margin:0;
padding:0 0 0 34px;
}


.menue11 span, .menue21 span, .menue11 a, .menue21 a, .menue21 strong, .menue21 em {
min-width:100px;
text-align:center;	
padding:5px 3px 3px 7px;
background-color:#f60;
color:#fff;	
float:left;
}

.menue21 span, .menue21 a, .menue21 strong, .menue21 em {
padding:1px 3px 0px 7px;
}

.menue21 span {
background-color:#f50;
}

.menue11 a, .menue21 a{
text-decoration:none;
background-color:transparent;
color:#333;
}

.menue21 a{
background-color:#b4b4b4;
}

.menue21 strong{
background-color:transparent;
}

.menue21 em{
background-color:#f50;
color:#fff;
font-style:normal;	
}

ul {
list-style:none;
clear:both;
}



li {
float:left;
}



/*-------------------------------------------------------*/
/* Kontaktblock Abstaendedefinition */

table{
padding:0 0 10px 0;
margin:0;
font-size:100%;
}

/* Reguliert die von Typo 3 vorgegebenen Abstände des p elements, Zelle wird sponst zu hoch */

table .bodytext{
	padding:0 0 1px 0;
	margin:0;
}

td{
padding:0 5px 0 0;

}


/* Ende Kontaktblock*/

/*-------------------------------------------------------*/
/* Vorschaubilder */


#bildleiste{
position:relative;
width:820px;
height:90px;
padding:0 0 0 50px;
background-color:#c8c8c8;
top:10px;
float:left;
}


#gallerie{
padding:6px 0 0 0;
background:transparent;
}


/*-------------------------------------------------------*/
/* Hauptteil */


#text, #texthome {
padding:25px 0 0 50px;
float:left;
width:245px;
min-height:360px;
line-height:1.5;
text-align:left;
font-size:100%;

}

#texthome, #referenzen{
min-height:450px;
}


#disclaimer{
margin-left:10px;
font-size:80%;
line-height:1.5;
}

#text span{
font-size:100%;
color:#606060;
}

#bilder {
padding:25px 0 0 40px;
float:left;	
/*min-height:337px;*/
text-align:left;
}

#bilder img{
border:none;
}

/*-------------------------------------------------------*/
/*Hauptteil  Archiv Sitemap */

/* Fixt die merkwuerdige Abweichnung bei der Bilddarstellung zwischen Archiv, Home und den Archiv-Rubriken.*/
#spacer{
float:left;
margin-left:10px;
height:50px;
}



#archiv, #archiv ul, #archiv li{
clear:both;
line-height:1.9;
}



#archiv ul{
margin:5px 0 0 0;
}

#links ul{
margin:0;
}

#links{
font-weight:bold;
list-style-type:none;
clear:both;
padding:0
}

.li, .li li a{
color:#808080;

}

.li li a:hover{
color:#f60;

}

/*-------------------------------------------------------*/
/*Hauptteil  Referenz Seite */

#referenzen{
padding:25px 0 0 50px;
clear:both;
}

.referenz {
width:49%;
text-align:left;
float:left;
}

/*-------------------------------------------------------*/
/* Footer */

#footer, #unten, #untenarchiv {
width:815px;
min-height:45px;
float:left;
margin:0;
padding:0 0 10px 55px;
#background:#b4b4b4;
background-color:#999;
opacity:0.9;
border-top-style:solid;
border-top-width:20px;
border-top-color:#fff;
text-align:center;
font-size:80%;
line-height:2;
}

#footer span{
display:block;	
padding:5 5;
min-width:100px;
color:#fff;
background-color:#f60;
}

#footer li{
display:block;
min-width:110px;
}

#footer a{
display:block;	
text-decoration:none;
padding:5 0 0 0;
min-width:100px;
#color:#333;
}

#untenarchiv span{
background-color:#999;
letter-spacing:1px;
color:#f60;
padding:0;
min-width:0;
}

#untenarchiv li{
font-size:110%;
margin-top:5px;
padding-right:10px;
color:#333;
}




/*-------------------------------------------------------*/
/* Linkfarbe per Hover */

a{
text-decoration:none;
color:#303030;
}

a:hover {
color:#f60;
}


#unten a:hover {
color:#606060;
}

/*
#menue1 a:hover {
color:#f60;
}
*/

/*
#footer a:hover {
color:#f60;
*/

/*-------------------------------------------------------*/
/* ProbeEcke*/

