body {
	background-color: #CCCCCC;
	font-size: 84%;
	margin-top: 1.2em;
	font-family: Arial, Helvetica, sans-serif;
        text-align: left;
}
div { 
	border: 0px solid red; 
}
a {
	text-decoration: none;
	color: #666666;
}
a:hover {
	text-decoration: underline;
	font-weight: bold;
}
#komplett {
	background-color: #FFFFFF;
	position: relative;	
	border: 1px solid black;
        margin-left: auto;
        margin-right: auto;
        width: 90%;
        text-align: left;
        min-width: 780;
        max-width: 1024;
        /* workaround fuer MSIE: min-width, max-width */
        width:expression(document.body.clientWidth > 1024? "1024px": document.body.clientWidth < 780? "780px":document.body.clientWidth );
}
#oben {
	position: relative;
	width: 100%;
	margin: 1.0em 0;
}
#oben H1 {
	text-align: center;
	font-variant: small-caps;
	font-size: 2.4em;
	word-spacing: 0.2em;
	color: #777777;
}
#links {
	position: relative;
	width: 11em;
	float: left;
	font-size: 1.1em;
        text-align: left;
}
#links li {
list-style-image:url(http://www.bonnerkuechenstudio.de/cms/templates/bks1/pfeil.gif);
}
ul ul {
	padding-left: 1em;
        -padding: 0;
        -margin-left: 1em;
}
ul ul ul {
	padding-left: 2em;
        -padding: 0;
        -margin-left: 2em;

}
#mitte {
	position: relative;
	float: left;
        width: 20%;
	margin: 0 0.5em;
	font-size: 1.1em;
        padding-left: 0.5em;
        padding-right: 0.5em;
	border-left: 2px dotted #999999;
        text-align: left;
}
#mitte hr {
        border: 1px dotted grey;
}
#mitte H1 {
        font-weight: bold;
        font-size: 150%;
        text-decoration: underline;
}
table, td, tr {
        background-color: transparent;
}
.mittellinie {
        width: 625px;
        color: transparent;
        border: 0;
}
#unten { 
	clear: both;
	position: relative;
	width: 100%;
	height: 2.0em;
	text-align: center;
	font-size: 0.7em;
	word-spacing: 0.5em;
	margin-bottom: 1.5em;
}
img {
	border: 0;
}