/*********************************************************
 * Stylesheet fuer www.karsten-deetz.de
 *********************************************************/


/*********************************************************
 * Grundeinstellungen html
 *********************************************************/
html, body, div, p, span, pre, h1, h2, h3, h4, h5, h6,
ul, ol, li, dl, dt, dd, table, thead, tbody, tfoot, tr, th, td,
a, img, em, strong {
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	border: 0;
	padding: 0;
	outline: 0;
}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #6c6c6c;
	background-color: #ffffff;
	width: 100%;
	height: 100%;
}
/*********************************************************/


/*********************************************************
 * ???
 *********************************************************/
h1, h2, h3 {
	font-weight: bold;
}

h2 {
	font-size: 2em;
	margin-bottom: 20px;
	border-bottom: 1px dashed;
	padding-bottom: 5px;
}

h3 {
	font-size: 1.5em;
	margin-bottom: 10px;
}

p {
	text-align: justify;
	margin-bottom: 10px;
}

a {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a:focus {
	outline: 1px dotted;
}
/*********************************************************/


/*********************************************************
 * Kopfzeile
 *********************************************************/
#header {
	clear: both;
}

#header h1 {
	text-indent: -9999px;
	background: url(../images/banner.png) no-repeat left;
	width: 800px;
	height: 110px;
	margin: auto;
}
/*********************************************************/


/*********************************************************
 * Inhalt
 *********************************************************/
#main {
 	width: 800px;
	min-height: 400px;
 	height: auto !important;  /* fuer moderne Browser */
	height: 100%;  /*fuer den IE */
	margin: 20px auto;
}

ul#menuBar {
	float: left;
	list-style: none;
	width: 149px;
	height: 300px;
	margin-right: 20px;
	border-right: 1px solid;
	padding-right: 20px;
}

ul#menuBar li {
	border-bottom: 1px solid;
}

ul#menuBar li.first {
	border-top: 1px solid;
}

ul#menuBar li a {
	display: block;
	font-size: 1.1em;
	text-decoration: none;
	padding: 3px 2px;
}

#intro {
	float: left;
	width: 590px;
	margin-right: 20px;
}

#content {
	float: left;
 	width: 370px;
}

#sidebar {
	float: left;
	width: 220px;
	margin-left: 20px;
}
/*********************************************************/


/*********************************************************
 * Fusszeile
 *********************************************************/
#footer {
	clear: both;
	font-size: 0.8em;
	line-height: 1.8em;
	text-align: center;
	width: 800px;
	margin: auto;
}
/*********************************************************/


/*********************************************************
 * Farben
 *********************************************************/
/* Textfarbe */
a {
	color:#0000ff;
}

ul#menuBar a {
	color:#6c6c6c;
}

#footer {
	color: #ffffff;
}

/* Hintergrundfarbe */
#header,
#footer {
	background-color: #a22727;
}

ul#menuBar a:hover,
ul#menuBar a:active {
	background-color: #ececec;
}

/* Rahmenfarbe */
ul#menuBar,
ul#menuBar li,
ul#menuBar li.first {
	border-color: #a22727;
}
/*********************************************************/