body {
	padding-left: 50px;
	font-family: trebuchet ms, verdana, arial, tahoma;
	letter-spacing: 0.1em;
	font-size: 12px;
	color: #336699;
	line-height: 200%;
	margin-top: 0px;
	background-color: #fff;
	list-style-image: url(images/list_symbol.gif);
	list-style-position: outside;
}

body, table { /* Why do tables use larger font otherwise? */
    font-size: 12px;
    letter-spacing: 0.1em;
    line-height: 200%;
    list-style-image: url(images/list_symbol.gif);
	list-style-position: outside;
}

.small {
	font-size: 9px;
	color: #b4b4b4;
	}

.datenschutz {
	font-size: 11px;
    letter-spacing: 0.1em;
	}

a:link    { color: #cf7c1d; text-decoration:none; font-weight: bold; }
a:active  { color: #cf7c1d; text-decoration:none; font-weight: bold; }
a:visited { color: #cf7c1d; text-decoration:none; font-weight: bold;}
a:hover   { color: #540C20; text-decoration:underline; font-weight: bold;}

h1 {
    font-family: trebuchet ms, verdana, arial, tahoma;
    font-size: 0.8em;
    font-weight: normal;
    color: #336699;
    }
h2 {
    letter-spacing: 0.1em;
    font-size: 1.5em;
    font-weight: bold;
    color: #336699;
    }
h3 {
    letter-spacing: 0.1em;
    font-size: 1.2em;
    font-weight: normal;
    color: #336699;
    }

.content {
	font-family: trebuchet ms, verdana, arial, tahoma;
	letter-spacing: 0.1em;
	font-size: 12px;
	color: #336699;
	line-height: 200%;
	margin-top: 0px;
	text-align: justify;
}
a.content       { text-decoration: none;}
a.content:hover { text-decoration: underline;}

.menu {
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 10px;
    line-height: 1.8em;
    letter-spacing: 0.1em;
    font-size: 13px;
    font-weight: normal;
    color: #336699;
    float: left;
    clear: both;
}
a.menu       { text-decoration: none;}
a.menu:hover { text-decoration: underline;}

.date {
    font-size: 11px;
    font-weight: normal;
    color: #808080;
}

/* default alignment of table cells */
td {vertical-align: top; text-align: left;}

img {
    border: 0px;
}

/* set the image to use and establish the lower-right position */ 
.cssbox, .cssbox_body, .cssbox_head, .cssbox_head h2 {
    background: transparent url(demobox.png) no-repeat bottom right; 
} 
.cssbox { 
    width: 250px !important; /* intended total box width - padding-right(next) */
    width: 235px; /* IE Win = width - padding */
    padding-right: 15px; /* the gap on the right edge of the image (not content padding) */
    margin: 20px auto; /* use to position the box */
	float: left;
} 

/* set the top-right image */ 
.cssbox_head { 
    background-position: top right; margin-right: -15px; /* pull the right image over on top of border */
    padding-right: 40px; /* right-image-gap + right-inside padding */ 
} 

/* set the top-left image */ 
.cssbox_head h2 { 
    background-position: top left; 
    margin: 0; /* reset main site styles*/ 
    border: 0; /* ditto */ 
    padding: 15px 0 5px 40px; /* padding-left = image gap + interior padding ... no padding-right */ 
    height: auto !important; height: 1%; /* IE Holly Hack */ 
} 

/* set the lower-left corner image */ 
.cssbox_body { 
    background-position: bottom left; 
    margin-right: 25px; /* interior-padding right */ 
    padding: 2px 0 10px 40px; /* mirror .cssbox_head right/left */ 
} 

#Content {
	margin:0px 50px 50px 150px;
	padding:10px;
    float: left;
    clear: both;
	}

#Menu {
	margin-top: 5px;
	margin_bottom: 5px;
	position: absolute;
	font-size: 11px;
	top: 200px;
	left: 25px;
	width: 190px;
	padding: 10px;
	line-height: 300%;
/* Again, the ugly brilliant hack. */
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 190px;
    float: left;
    clear: both;
	}
/* Again, "be nice to Opera 5". */
body>#Menu {width:190px;}