/* allgemeine Styles */

body {
	font-family: Verdana, Arial;
	font-size: 13px;
	color: #000;
	background: #f1efe8;
	margin: 0;
	padding: 0;
	text-align: center;
	}

img {
	border: 0;
	}
	
p, td, li, ul, ol, h1, h2, h3, h4, h5, h6 {
	font-family: Verdana, Arial, sans-serif;
	}
	
a {
	outline-style: none;
	}
	
ul {
	margin: 0;
	padding: 0;
	}	

div {
	margin: 0;
	padding: 0;
	}

/* Überschriften */

h1 {	/* Kapitelüberschrift */
	font-size: 18px;
	font-weight: normal;
	line-height: 1.35;	
	color: #8a1415;
	margin: 0 0 20px 20px;
	}
	
h2 {	/* Seitenüberschrift */
	font-size: 18px;
	font-weight: normal;
	line-height: 1.35;
	color: #3b3b3b;
	margin: 0 0 14px 0;
   	}
	
	
/* Header */

div#header {
	background: #8a1415;
	height: 102px;
	overflow: visible;
	min-width: 950px;
	}
	
	
/* Kapitel- und Seitenbeschreibung + Hauptmenübutton */

div#titles {	/* beinhaltet die Kapitel- und Seitenüberschriften und ggf. den Hauptmenübutton */
	background: #e3e1da url(../img/titlebg.gif) top left repeat-x;
	height: 74px;
	min-width: 950px;
	overflow: visible;
	}
	
td#hmbutton {	/* Zelle der Kapitelüberschrift */
	width: 278px;
	height: 74px;
	}

td#hmbutton img {	/* Abstand der Bildnavigationslinks */
	margin: 0 0 15px 5px;
	}

td#titlepage {		/* Zelle der Seitenüberschrift */
	width: 672px;
	height: 74px;
	}
	

/* Hauptinhalt */

div#hauptmenue {	/* beinhaltet das Hauptmenü */
	background: #f1efe8 url(../img/hmpat.gif) repeat-x;
	min-width: 950px;
	height: 465px;
	overflow: visible;
	}

div#maincontent {	/* beinhaltet die Hauptinhalt z.B. Navigation und Inhaltsseite*/
	background: #f1efe8;
	min-width: 950px;
	overflow: visible;
	}

	/* Navigation */
	
	td#navigation {	/* beinhaltet die Navigation des jeweiligen Kapitel */
		padding-top: 15px;
		width: 280px;
		}
		
	li.headline {	/* rote Überschriften in der Kapitelnaviagtion */
		font-weight: bold;
		color: #8a1415;
		margin: 13px 0 5px 21px !important;
		}
		
	.active {		/* Style für die gerade aktive Seite / den aktiven Link */
		background: url(../img/listbghover.gif) no-repeat !important;
		padding: 5px 0px 7px 20px;
		display: block;	
		}	
		
	td#navigation li {	/* alle List-Items in der Navigation */
		margin: 0 0 0 9px;
		padding: 0 0 1px 0;
		list-style: none;
		}
	
	td#navigation a:link, td#navigation a:visited, td#navigation a:hover, td#navigation a:active {	/* Links zu den einzelnen Seiten inkl. Hintergrundgrafik mit List-Bullet */
		text-decoration: none;
		color: #000000;
		padding: 5px 0px 7px 20px;
		background: url(../img/listbgnohover.gif) no-repeat;
		width: 195px;
		display: block;
		}
		
	td#navigation a:hover {	/* Links zu den Seiten - Hovereffekt */
		background: url(../img/listbghover.gif) no-repeat;
	}
	
	/* Inhaltseiten */
	
	td#content {
		width: 670px;
		background-color: #f1efe8;
		}
	
	div#contentpage {	/* wird für Inhalte wie Bilder, Absätze und Buttons benutzt */
		margin-top: 20px;
		padding-right: 20px;
		width: 650px;
		}
	
	div#contentpage p {	/* Standardformat für Absätze im div#contenpage */
		line-height: 20px;
		margin: 0 0 10px 0;
		padding: 0;
		clear: both;
		}
		
		
	p.video_ueberschrift {	/* Zwischenüberschrift unter den Videos */
		font-weight: bold;
		}		
		
	img.preview {	/* für Previewbilder der Videoseiten bzw. große Bilder über Fließtext */
		float: left; 
		margin-bottom: 20px;
		}
		
	img.nofloat {
		float: none;
		margin-bottom: 20px;
		}
		
	div#contentpage li {	/* Liste enthält Buttons für die Video- und PDF Buttons */
		list-style: none;
		text-align: right;
		padding: 10px 9px 0 0;
		}

	div#contentpage ul.aufzaehlung {	/* Für alle generellen Aufzählungen */
		list-style-position: outside;
		padding: 0 0 20px 20px;
		}
		
	div#contentpage ul.aufzaehlung li {
		text-align: left;
		list-style-type: square;
		line-height: 20px;
		margin: 0;
		padding: 0;
		clear: both;
		}
		
	div#videopage {		/* wird benutzt um die Videos anzuzeigen */
		width: 654px;
		height: 430px;
		margin: 20px 0 0 0;
		padding: 14px 0 0 14px;
		background-color: #e3e0d9;
		display: none;
	}
	
	div#videopage a:link, div#videopage a:visited, div#videopage a:hover, div#videopage a:active {	/* zurück-Button */
		color: #404040;
	}
	
	p.close_video {	/* erzwingt Abstand zwischen Video und zurück Button */
		font-weight: bold;
		margin-top: 10px;
		text-align: center;
		}
		
/* Footer Bereich */
div#footer td {
	padding: 15px 15px 0 21px;
	}
	
div#footer a {
	font-size: 13px;
	font-weight: bold;
	color: #3b3b3b;
	text-decoration: underline;
}

/* verschiedene Klassen */

a.pdf:link,		/* Links für PDFs im Text */
a.pdf:visited,
a.pdf:hover,
a.pdf:active {
	text-decoration: underline;
	color: #8a1415;
	} 
	
a.pdf:visited {
	color: #777;
	}

/* normale Links zu anderen Seiten */

a.link:link,		/* Links für PDFs im Text */
a.link:visited,
a.link:hover,
a.link:active {
	text-decoration: underline;
	color: #8a1415;
	} 
	
a.link:visited {
	color: #777;
	}