body
{
	margin: 0;
	padding: 0;
	background-image: url(../pics/bg-body.jpg);
	background-repeat: repeat-x;
}
	
#container
{
	margin: auto;
	height: 784px;
	width: 960px;
	padding-left: 8px;
	padding-right: 16px;
	padding-top: 16px;
}
	
#header
{
	height: 94px;
	margin-left: 8px;
	margin-right: 8px;
	font-family: trebuchet ms, arial, sans-serif;
	font-size: 2.0em;
	line-height: 1.0em;
	font-weight: bold;
	color: #BC0B26;
	text-align: right;
}
	
#header a:link, #header a:visited
{
	text-decoration: none;
	color: #BC0B26;
}

#header a:hover, #header a:active
{
	text-decoration: none;
	font-weight: bold;
	color: #BC0B26;
}	
	
#trenner
{
	margin-top: 16px;
	margin-left: 200px;
	height: 32px;
	padding-top: 7px;
	font-family: trebuchet ms, arial, sans-serif;
	font-size: 0.8em;
	font-weight: bold;
	color: #ffffff;
}

#trenner a:link, #trenner a:visited
{
	text-decoration: none;
	border-bottom: 1px dotted #ffffff;
	color: #ffffff;
}

#trenner a:hover, #trenner a:active
{
	text-decoration: none;
	border-bottom: 1px solid #ffffff;
	color: #ffffff;
}

#menu
{
	margin-top: 29px;
	width: 160px;
	font-family: trebuchet ms, arial, sans-serif;
	font-size: 0.8em;
	color: #BC0B26;
	text-align: left;
}
	
#menu a:link
{
	text-decoration: none;
	color: #BC0B26;
}
	
#menu a:visited
{
	text-decoration: none;
	color: #BC0B26;
}
	
#menu a:hover
{
	text-decoration: none;
	font-weight: bold;
	color: #BC0B26;
}	
	
#menu a:active
{
	text-decoration: none;
	font-weight: bold;
	color: #BC0B26;
}
	
#ddd
{
	position:absolute; 
	top:600px; 
	padding-left: 5px;
	width: 144px;
}
	
#bookmarks
{
	position:absolute; 
	top:735px; 
	padding-left: 15px;
	width: 144px;
}
	
img.bookmark
{
	border: none; 
}
	
#contents
{
	float: right; 
	margin-top: 4px;
	width: 784px;
	height: 595px;
	background-image: url(../pics/bg-content.png);
	background-repeat: no-repeat;
}

#contents p
{
	font-family: trebuchet ms, arial, sans-serif;
	font-size: 0.8em;
	color: #000000;
	text-align: left;
	margin-top: 16px;
	margin-left: 24px;
	margin-right: 24px;
}

/*
Anfang Image-Replacement mit Dwyer-Methode
*/

#contents h1
{
	height: 42px;
	width: 784px;
	font-family: trebuchet ms, arial, sans-serif;
	font-size: 1.2em;
	color: #000000;
	text-align: left;
	margin-top: 14px;
	margin-left: 24px;
	margin-right: 24px;
	margin-bottom: 0px;
}

#contents h1 span
{
	display: block;
	height: 0;
	overflow: hidden;
	width: 0;
}

#contents p .pic
{
	height: 41px;
	width: 784px;
	font-family: trebuchet ms, arial, sans-serif;
	font-size: 0.8em;
	color: #000000;
	text-align: left;
	margin-top: 16px;
	margin-left: 24px;
	margin-right: 24px;
}

#contents p span
{
	display: block;
	height: 0;
	overflow: hidden;
	width: 0;
}

/*
Ende Image-Replacement mit Dwyer-Methode
*/

#contents a
{
	white-space: nowrap;
}

#contents a:link
{
	text-decoration: none;
	color: #000000;
}

#contents a:visited
{
	text-decoration: none;
	color: #000000;
}

#contents a:hover
{
	text-decoration: none;
	font-weight: bold;
	color: #000000;
}	

#contents a:active
{
	text-decoration: none;
	font-weight: bold;
	color: #000000;
}

#quote
{
	font-family: trebuchet ms, arial, sans-serif;
	font-size: 0.6em;
	color: #000000;
	text-align: right;
	margin-right: 24px;
}

#kontakt-links
{
	float: left;
	margin-top: -15px;
	width: 380px;
}

#kontakt-rechts
{
	margin-left: 384px;
	width: 380px;
}

#footer	
{
	clear: both;
	height: 32px;
	margin-left: 16px;
	margin-right: 8px;
	padding-top: 10px;
	font-family: trebuchet ms, arial, sans-serif;
	font-size: 0.8em;
	color: #ffffff;
	text-align: right;
}

#footer a:link
{
	text-decoration: none;
	color: #ffffff;
}

#footer a:visited
{
	text-decoration: none;
	color: #ffffff;
}

#footer a:hover
{
	text-decoration: none;
	font-weight: bold;
	color: #ffffff;
}	

#footer a:active
{
	text-decoration: none;
	font-weight: bold;
	color: #ffffff;
}

ul
{
	margin-top: 0px;
	margin-left: -16px;
	margin-bottom: 0px;
	list-style-type: none;
}

ul.ul-2
{
	margin-top: 0px;
	margin-left: -32px;
	margin-bottom: 0px;
	list-style-type: none;
}

ul.content
{
	font-family: trebuchet ms, arial, sans-serif;
	font-size: 0.8em;
	color: #000000;
	text-align: left;
	margin-top: 0px;
	margin-left: 16px;
	margin-bottom: 0px;
	list-style-type: none;
}

.demos
{
	font-family: trebuchet ms, arial, sans-serif;
	font-size: 1.2em;
	color: #000000;
	text-align: left;
	margin-left: 16px;
	margin-bottom: 0px;
	list-style-type: none;
}

table
{
	width: 100%;
	font-family: trebuchet ms, arial, sans-serif;
	font-size: 0.8em;
	color: #000000;
	text-align: left;
	empty-cells: show;
}

p.alert
{
	margin-top: 16px;
	margin-left: 24px;
	margin-right: 24px;
	padding-left: 3px;
	text-align: left;
	font-family: trebuchet ms, arial, sans-serif;
	font-size: 0.8em;
	font-variant: small-caps;
	border: 1px solid #BC0B26;
}