@import url(layout.css);
body {
	margin: 0;
	color: #545454;
	font-size: 14px;
	font-family: "Stone Serif";
	background-color: #FFFFFF;
}
#container {
	background-color: #fff;
	width: 900px;
	margin: auto;
	height: auto;
}
#container_hd-video {
	background-color: #fff;
	width: 1322px;
	margin: auto;
	height: auto;
}


#masthead {
	text-align: right;
	background-color: #FFFFFF;
	width: 900px;
	height: 202px;
}
#navigation {
	background-color: #FFFFFF;
	overflow: hidden;
}

/* Spalten */

/* Eingabebereich: Kopf für Navi-Leiste_Untermenüs */
#column_la {
	width: 900px;
	background-color: #fff;
}
/* Haupt-Eingabebereich mit Rand: unter Navi-Leiste_Untermenüs */
#column_lb {
	width: 900px;
	background-color: #fff;
	border-right: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	padding: 20px 20px 20px 20px;
}

/* 2 Spalten: Halbierung */
#column_links {
	width: auto;
	float: left;
	margin: 0;
	padding: 0 10px 0 0;
	background-color: #fff;
	position: relative;
}
#column_rechts-l-e {
	width: auto;
	float: right;
	margin: 0;
	padding: 0 0 0 10px;
	background-color: #fff;
	position: relative;
}
#column_rechts {
	width: auto;
	float: right;
	text-align: right;
	margin: 0;
	padding: 0 0 0 10px;
	background-color: #fff;
	position: relative;
}

/* Spalten nach links ohne Padding */
#column_n-links-p0 {
	float: left;
	margin: 0;
	padding: 0 0 0 0;
	background-color: #fff;
	position: relative;
}
/* Spalten nach links Padding links 20px */
#column_n-links-p-l-20 {
	float: left;
	margin: 0;
	padding: 0 0 0 20px;
	background-color: #fff;
	position: relative;
}
/* Spalten nach links Padding rechts 20px */
#column_n-links-p-r-20 {
	float: left;
	margin: 0;
	padding: 0 20px 0 0;
	background-color: #fff;
	position: relative;
}



/* 3 Spalten: Aufzählung von Texten */
/* 3 Spalten: 1. Entstehungsjahr, kursiv */
#column_1von3-li {
	width: 100px;
	height: auto;
	float: left;
	margin: 0;
	font-style: italic;
	color: #808080;
	background-color: #fff;
	position: relative;
}
/* 3 Spalten: 1. Entstehungsjahr, normal */
#column_1von3-linorm {
	width: auto;
	height: auto;
	float: left;
	margin: 0;
	background-color: #fff;
	position: relative;
}

/* 3 Spalten: 2. Titel (Margin nach beiden Seiten) */
#column_2von3-mi {
	width: auto;
	height: auto;
	float: left;
	margin: 0px 20px 0px 20px;
	background-color: #fff;
	position: relative;
}
/* 3 Spalten: 2. Titel (Margin nach links) */
#column_2von3-mi-m-l {
	width: auto;
	height: auto;
	float: left;
	margin: 0px 0px 0px 20px;
	background-color: #fff;
	position: relative;
}

/* 2-3 Spalten: 2. Bio-Inhalt */
#column_2von3-li {
	width: auto;
	height: auto;
	float: left;
	text-align: left;
	margin: 0 0 0 20px;
	background-color: #fff;
}


/* 3 Spalten: 3. Referenz (grau) */
#column_3von3-re {
	width: auto;
	height: auto;
	float: right;
	margin: 0;
	text-align: right;
	color: #808080;
	background-color: #fff;
	position: relative;
}

/* 3 Spalten: 3. Referenz (norm Farbe: grauschwarz) */
#column_3von3-re-norm {
	width: auto;
	height: auto;
	float: right;
	margin: 0;
	text-align: right;
	background-color: #fff;
	position: relative;
}

/* Spalte nach links mit Paddding links */
#column_li-pli {
	width: 200px;
	height: auto;
	float: left;
	margin: 0px 0px 0px 20px;
	background-color: #fff;
	position: relative;
}

/* Icon (Prominente) nach links mit Paddding links (5x in Zeile) */
#column_5-icon {
	margin: 0px 2px 2px 0px;
	padding: 10px 10px 10px 10px; 
	border-right: 1px solid #b7b7b7; 
	border-left: 1px solid #b7b7b7; 
	border-top: 1px solid #b7b7b7; 
	border-bottom: 1px solid #b7b7b7; 
	float: left;
	width: 147px;
}

/* Spalte nach links, margin rechts */
#column_li-marg-r {
	width: auto;
	height: auto;
	float: left;
	margin: 0px 0px 0px 20px;
	background-color: #fff;
	position: relative;
}

/* Text (Prominente) nach links mit Paddding links (5x in Zeile) */
#column_txt-li {
	padding: 10px 0px 10px 40px; 
	float: left;
	text-align: left;
}

/* Formatvorlagen für Mastertitel */
#masthead img { 
	float: left; 
}

/* Formatvorlagen für die Navigation A (dunkel, Startseite) */
#navigation-a-start ul {
	list-style-type: none;
	width: 100%;
	margin: auto;
	padding: 0;
}
#navigation-a-start  li {
	float: left;
	width: 20%;
	margin: 1px 0px 1px 0px;	
	
	font-size: 14px;
	font-style: italic;
	text-align: center;
	letter-spacing: 2px;
	text-decoration: none;
}
#navigation-a-start  a {
	color: #FFFFFF;
	text-decoration: none;
	display: block;
	padding: 5px 10px 5px 10px;
	border: 1px solid #c9c9c9;
	background-color: #617283
}
#navigation-a-start  a:hover {
	color: #545454;
	text-decoration: none;
	display: block;
	padding: 5px 10px 5px 10px;
	border: 1px solid #c9c9c9;
	background-color: #FFFFFF
}

/* Formatvorlagen für die Navigation A (dunkel, Themen-Startseite) */
#navigation-a-start-x ul {
	list-style-type: none;
	width: 100%;
	margin: auto;
	padding: 0;
}
#navigation-a-start-x  li {
	float: left;
	width: 20%;
	margin: 1px 0px 1px 0px;	
	
	font-size: 12px;
	font-style: italic;
	text-align: center;
	letter-spacing: 1px;
	text-decoration: none;
}
#navigation-a-start-x  a {
	color: #FFFFFF;
	text-decoration: none;
	display: block;
	padding: 5px 10px 5px 10px;
	border: 1px solid #c9c9c9;
	background-color: #617283
}
#navigation-a-start-x  a:hover {
	color: #545454;
	text-decoration: none;
	display: block;
	padding: 5px 10px 5px 10px;
	border: 1px solid #c9c9c9;
	background-color: #FFFFFF
}

/* Formatvorlagen für die Navigation B (normal, Startseite) */
#navigation-b-start  ul {
	list-style-type: none;
	width: 100%;
	margin: auto;
	padding: 0;
}
#navigation-b-start  li {
	float: left;
	width: 20%;
	margin: 1px 0px 3px 0px;
	font-size: 12px;
	font-style: italic;
	text-align: center;
	letter-spacing: 1px;
	text-decoration: none;
}
#navigation-b-start  a {
	color: #FFFFFF;
	display: block;
	text-decoration: none;
	padding: 5px 10px 5px 10px;
	border: 1px solid #c9c9c9;
	background-color: #93A2B0
}
#navigation-b-start  a:hover {
	color: #545454;
	display: block;
	text-decoration: none;
	padding: 5px 10px 5px 10px;
	border: 1px solid #c9c9c9;
	background-color: #FFFFFF;
}

/* Formatvorlagen für die Navigation B (normal) */
#navigation-b ul {
	list-style-type: none;
	width: 100%;
	margin: auto;
	padding: 0;
}
#navigation-b li {
	float: left;
	width: 20%;
	margin: 1px 0px 1px 0px;	
	
	font-size: 14px;
	font-style: italic;
	text-align: center;
	letter-spacing: 2px;
	text-decoration: none;
}
#navigation-b a {
	color: #FFFFFF;
	display: block;
	text-decoration: none;
	padding: 5px 10px 5px 10px;
	border: 1px solid #c9c9c9;
	background-color: #93A2B0
}
#navigation-b a:hover {
	color: #545454;
	display: block;
	text-decoration: none;
	padding: 5px 10px 5px 10px;
	border: 1px solid #c9c9c9;
	background-color: #FFFFFF;
}


/* Formatvorlagen für die Navigation C (hell) */
#navigation-c ul {
	list-style-type: none;
	width: 100%;
	margin: auto;
	padding: 0;
}
#navigation-c li {
	float: left;
	width: 20%;
	margin: 1px 0px 1px 0px;	
		
	font-size: 12px;
	font-style: italic;
	text-align: center;
	letter-spacing: 1px;
	text-decoration: none;		
}
#navigation-c a {
	color: #545454;
	text-decoration: none;
	display: block;
	padding: 5px 10px 5px 10px;
	border: 1px solid #c9c9c9;
	background-color: #D1D8DE
}
#navigation-c a:hover {
	color: #545454;
	text-decoration: none;
	display: block;
	padding: 5px 10px 5px 10px;
	border: 1px solid #c9c9c9;
	background-color: #FFFFFF
}


/* Formatvorlagen für die Navigation C/r (hell/reverse) */
#navigation-c-r ul {
	list-style-type: none;
	width: 100%;
	margin: auto;
	padding: 0;
}
#navigation-c-r li {
	float: left;
	width: 20%;
	margin: 1px 0px 1px 0px;	
		
	font-size: 12px;
	font-style: italic;
	text-align: center;
	letter-spacing: 1px;
	text-decoration: none;		
}
#navigation-c-r a {
	color: #545454;
	text-decoration: none;
	display: block;
	padding: 5px 10px 5px 10px;
	border: 1px solid #c9c9c9;
	background-color: #FFFFFF
}
#navigation-c-r a:hover {
	color: #545454;
	text-decoration: none;
	display: block;
	padding: 5px 10px 5px 10px;
	border: 1px solid #c9c9c9;
	background-color: #D1D8DE
}


/* Formatvorlagen für die Navigation D (leer) */
#navigation-d ul {
	list-style-type: none;
	width: 100%;
	margin: auto;
	padding: 0;
}
#navigation-d li {
	float: left;
	width: 20%;
	margin: 1px 0px 1px 0px;	
		
	font-size: 12px;
	font-style: italic;
	text-align: center;
	letter-spacing: 1px;
	text-decoration: none;	
}
#navigation-d a {
	color: #545454;
	text-decoration: none;
	display: block;
	padding: 5px 10px 5px 10px;
	border: 1px solid #c9c9c9;
	background-color: #FFFFFF
}
#navigation-d a:hover {
	color: #545454;
	text-decoration: none;
	display: block;
	padding: 5px 10px 5px 10px;
	border: 1px solid #c9c9c9;
	background-color: #F2F3F4
}

/* Formatvorlagen für die Navigation D-r (leer/reverse) */
#navigation-d-r ul {
	list-style-type: none;
	width: 100%;
	margin: auto;
	padding: 0;
}
#navigation-d-r li {
	float: left;
	width: 20%;
	margin: 1px 0px 1px 0px;	
		
	font-size: 12px;
	font-style: italic;
	text-align: center;
	letter-spacing: 1px;
	text-decoration: none;	
}
#navigation-d-r a {
	color: #545454;
	text-decoration: none;
	display: block;
	padding: 5px 10px 5px 10px;
	border: 1px solid #c9c9c9;
	background-color: #F2F3F4
}
#navigation-d-r a:hover {
	color: #545454;
	text-decoration: none;
	display: block;
	padding: 5px 10px 5px 10px;
	border: 1px solid #c9c9c9;
	background-color: #FFFFFF 
}


/* Formatvorlagen für die Navigation E (Blindbutton, keine aktion) */
#navigation-e ul {
	list-style-type: none;
	width: 100%;
	margin: auto;
	padding: 0;
}
#navigation-e li {
	float: right;
}
#navigation-e a {
	color: #FFFFFF;
	text-decoration: none;
	display: block;
	padding: 5px 10px 5px 10px;
	border: 1px solid #c9c9c9;
	background-color: #FFFFFF;
}
#navigation-e a:hover {
	color: #FFFFFF;
	text-decoration: none;
	display: block;
	padding: 5px 10px 5px 10px;
	border: 1px solid #c9c9c9;
	background-color: #FFFFFF
}

/* Formatvorlagen für die Navigation X (einzelne Button-Leiste) */
#navigation-x ul {
	list-style-type: none;
	width: 100%;
	margin: auto;
	padding: 0px;
}
#navigation-x li {
	float: left;
	width: auto;
	margin: 1px 2px 1px 0px;

	font-size: 12px;
	font-style: italic;
	text-align: center;
	letter-spacing: 1px;
	text-decoration: none;
}
#navigation-x a {
	color: #545454;
	text-decoration: none;
	display: block;
	padding: 5px 10px 5px 10px;
	border: 1px solid #c9c9c9;
	background-color: #FFFFFF
}
#navigation-x a:hover {
	color: #545454;
	text-decoration: none;
	display: block;
	padding: 5px 10px 5px 10px;
	border: 1px solid #c9c9c9;
	background-color: #F2F3F4
}

/* Formatvorlagen für die Navigation BILD (5xBild-Button-Leiste) */
#navigation-bi ul {
	list-style-type: none;
	width: auto;
	margin: 0px;
	padding: 0px;
}
#navigation-bi li {
	float: left;
	width: 169px;
	margin: 1px 2px 1px 0px;

	font-size: 14px;
	font-style: normal;
	text-align: left;
	letter-spacing: 0px;
	text-decoration: none;
}
#navigation-bi a {
	color: #545454;
	text-decoration: none;
	display: block;
	padding: 10px 10px 10px 10px;
	border: 1px solid #c9c9c9;
	background-color: #FFFFFF
}
#navigation-bi a:hover {
	color: #545454;
	text-decoration: none;
	display: block;
	padding: 10px 10px 10px 10px;
	border: 1px solid #c9c9c9;
	background-color: #F2F3F4
}


/* Formatvorlagen für Fußzeile normal */
#footer {
	width: 900px;
	text-align: center;
	background-color: #FFFFFF;
	padding-top: 5px;
	padding-bottom: 5px;
}
#footer p {
	font-size: 11px;
	line-height: 14px;
	color: #545454;
	margin: 1px;
	padding: 1px;
}
#footer a {
	color: #545454;
	text-decoration: none;
	font-style: italic;
	letter-spacing: 1px;
}
#footer a:hover {
	color:    #9DAAB7;
	text-decoration: underline;
	font-style: italic;
	letter-spacing: 1px;
}

/* Formatvorlagen für Fußzeile hd-Video */
#footer_hd-video {
	width: 1322px;
	text-align: center;
	background-color: #FFFFFF;
	padding-top: 5px;
	padding-bottom: 5px;
}
#footer_hd-video p {
	font-size: 11px;
	line-height: 14px;
	color: #545454;
	margin: 1px;
	padding: 1px;
}
#footer_hd-video a {
	color: #545454;
	text-decoration: none;
	font-style: italic;
	letter-spacing: 1px;
}
#footer_hd-video a:hover {
	color:    #9DAAB7;
	text-decoration: underline;
	font-style: italic;
	letter-spacing: 1px;
}

/* Formatvorlagen für Hyperlinks */
a {
	color: #545454;
	text-decoration: none;
}
a:hover {
	color: #0066CC;
	text-decoration: underline;
}
.style_bold {
	font-weight: bold;
}
.style_italic {
	font-style: italic;
}