/* CSS Document */

/* getestet 2009-08-14: Windows Vista (NT 6.0)/ FF 3.5.2, IE 5.5, IE 6, IE 7, IE 8, Safari 4.0 Opera 9.64 */

/* Achtung: keinen Selector mit Ziffer beginnen! */ 

/* Probleme: */
/* overflow-y:scroll; OP9.64 zeigt auch x-Scrollbar; */
/* max-width; IE5.5 und IE6 zeigt width:100% */
/* min-height; IE5.5 und IE6 zeigt bei leer height:0 */
/* margin:auto; zentriert nicht IE5.5 */
/* Absatz, z.B. H1: 
	IE7: kein oberer Abstand des ersten Abatzes in einem DIV; gel?st mit vorstehendem DIV mit height:1px 
	IE5.5 und IE6: oberer Abstand des ersten Abatzes in einem DIV wird realisiert, darin aber nicht die Hintergrundfarbe des DIVs */

/* Spalten-Design */
/* feste (nicht min/max) und in px definierte Spaltenbreiten erm?glichen im Rumpf Grafische L?sungen durch Hintergr?nde */

/* Modul outside, damit der Hintergrund nur ?ber das Modul gesteuert werden kann und nicht ?ber den Schnitt */

/* Runde Ecken (insbes. bei Modulen) */
/* background-color ?berschreibt mfBox */

/* Test: Sichtbarkeit der Segmente und Module */


@import url(menu.css);


/* ------ Fensterinhalt ------ */
html { 
	overflow-y:scroll; /* OP9.64 zeigt auch x-Scrollbar; */ 
	/* height:101%; Alternative zu CSS3; Anfasser wird immer mit angezeigt */
}
body { 
	background: url(../layoutTS/bgLeinwand.png) repeat;
	margin:8px 8px 8px 8px;
}

/* ------ Seitenaufteilung (Schnitt) ------ */
#wrap_Seite { /* nicht zu breit und nicht zu schmal */
	min-width: 60em; max-width: 1004px; /* IE5.5 und IE6 zeigt width:100%, gel?st: extra css */
	background: none;
	/* margin:auto; */ /* zentriert nicht IE5.5, gel?st: extra css */
}

#seg_Kopf {
	background: url(../layoutTS/bgKopf.png) no-repeat;
}
#seg_Rumpf { /* Spalten-Wrapper */
	clear:both;
	background: url(../layoutTS/bgRumpf.png) repeat-y;
}
#seg_Fuss {
	clear:both;
	background: url(../layoutTS/bgFuss.png) repeat-y;
}
#seg_Unten {
	clear:both;
	/* height:40px; */
	background:url(../layoutTS/bgFussUnten.png) no-repeat;
	padding-top:9px;
}

/* Kopf */
#Kopf_aussen { /* Tag nur ben?tigt, wenn Au?enabstand gew?nscht */

}
#Kopf_innen {
	overflow:hidden;
	height:206px;
	background: none;
	/*padding:4px 6px 4px 6px;*/
	border: none;
}

/* Rumpf-Spalten */
#Spalte_links {
	float:left;
	width:214px;
}
#Spalte_mitte {
	min-height:250px; /* IE5.5 und IE6 zeigt bei leer height:0 */
	margin:0 218px 0 226px; /* Breite seg_Rumpf_links, Breite seg_Rumpf_rechts synchronisieren! */
}
#Spalte_rechts {
	float:right;
	width:202px; min-height:250px; /* IE5.5 und IE6 zeigt bei leer height:0 */
}
#SpalteLinks_aussen { /* Tag nur ben?tigt, wenn Au?enabstand gew?nscht */
	padding:0px 0px 12px 14px;
}
#SpalteMitte_aussen { /* Tag nur ben?tigt, wenn Au?enabstand gew?nscht */
	padding:4px 1px 12px 2px;
}
#SpalteRechts_aussen { /* Tag nur ben?tigt, wenn Au?enabstand gew?nscht */
	margin:4px 22px 12px 0px;
}

#SpalteLinks_innen {
	overflow:hidden;
	/* min-height:250px; */
	background:none;
	padding:0px 4px 0px 4px;
}
#SpalteMitte_innen {
	overflow:hidden;
	/* min-height:250px; */
	background:none; 
}
#SpalteRechts_innen {
	overflow:hidden;
	/* min-height:250px; */
	background:#none; 
	padding:0px 6px 0px 0px;
}

#Rumpf_bgUnten { background: url(../layoutTS/bgRumpfUnten.png) no-repeat; height:9px; }

/* Fuß */
#Fuss_aussen { /* Tag nur benötigt, wenn Außenabstand gewünscht */
	padding:0px 14px 0px 6px;
}
		#Fuss_bgUnten { background: url(../layoutTS/bgFussUnten.png) no-repeat; height:20px; }
#Fuss_innen {
	overflow:hidden;
	min-height:50px;
	padding:0px 6px 6px 6px;
}

/* Unten */
#Unten_aussen { /* Tag nur benötigt, wenn Außenabstand gewünscht */
	background:url(../layoutTS/bgLeinwand.png) repeat;
}
#Unten_innen {
	overflow:hidden;
	min-height:50px;
	padding:0px 6px 0px 6px;
}

/* +++++ *//* +++++ *//* +++++ *//* +++++ *//* +++++ */
/* +++++ *//* +++++ *//* +++++ *//* +++++ *//* +++++ */
/* +++++ *//* +++++ *//* +++++ *//* +++++ *//* +++++ */


/* General-Style */
body { 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.9em;/* .85em */
	color: #392046;
}

/* Absatzformate */
p {
	margin: 0 0 1em 0;
	line-height: 1.5em;
}
p.vorListe { margin-bottom:0.2em; }

/* Überschriften */
h1, h2, h3, h4, h5, h6 {
  font-family: "Times New Roman", Times, serif;
  font-weight:normal;
  color: #660000;
  margin: 1em 0 0.35em 0;
}
h1 { font-size: 180%; }
h2 { font-size: 145%; }
h3 { font-size: 130%; }
h4 { font-size: 120%; font-weight:bold; }
h5 { font-size: 120%; text-decoration: underline; }
h6 { font-size: 120%; font-style:italic; }

/* Listen */
ul, ol, dl { margin: 0 0 1em 0; /* padding-left: linker Rand / Listenpunkt */ }
li { line-height:1.5em; padding-left:.4em;/* Listenpunkt / Text */ }

ul li { list-style-type: disc; }
ul ul li { list-style-type: circle; }
ul ul ul li { list-style-type: square; }

ol li { list-style-type: decimal; }
ol ol li { list-style-type: lower-latin; }

dt { font-weight: bold; }
dd { margin: 0 0 1em 0.8em; }

/* Tabellen */
table { width: auto; border-collapse:collapse; ... }
table caption { font-variant:small-caps; }
table.full { width: 100%; }
table.fixed { table-layout:fixed; }

th,td { padding: 0.5em; }
thead th { color: #000; border-bottom: 2px #800 solid; }
tbody th { background: #e0e0e0; color: #333; }
tbody th[scope="row"],
tbody th.sub { background: #f0f0f0; }

tbody th { border-bottom: 1px solid #fff; text-align: left; }
tbody td { border-bottom: 1px solid #eee; }

tbody tr:hover th[scope="row"],
tbody tr:hover tbody th.sub { background: #f0e8e8; }
tbody tr:hover td { background: #fff8f8; }

/* Bilder */
.BildLinks { float:left; margin:5px 10px 5px 0px; }
.BildRechts { float:right; margin:5px 0px 5px 10px; }

/* Hyperlinks */
a {
	/*text-decoration: none;*/
}
a:link { 	
}
a:active { 
}
a:visited { 
}
a:hover { 
}
a img { border:0px; }

/* Links mit Icons */
/* http://www.webmasterpro.de/coding/article/css-informationen-ueber-linkziel-darstellen.html */
/* http://www.askthecssguy.com/2006/12/showing_hyperlink_cues_with_cs_1.html */
/* PDF-Files (zip ...) */
a:link[HREF*="pdf"] {
	background: url(../images/pdf.png) center right no-repeat;
	padding-right: 19px;
}
/* Mailto-Links */
a:link[HREF*="mailto"] {
	background: url(../images/mail.png) center right no-repeat;
	padding-right: 0px;
 }

a.icon { /*allgemein und intern (selbe page, selbe site)*/
	text-decoration: none;
	background: url('../images/link-exl.gif') no-repeat left;
    padding-left: 12px; 
}
a.icon:link { 	
	color:#003;
	background: url('../images/link-exl.gif') no-repeat left;
	border-bottom:1px solid #663399;
}
a.icon:active { 
	color:#f00;
	background: url('../images/link-exa.gif') no-repeat left;
	border-bottom:1px solid #103;
}
a.icon:visited { 
	color:#333;
	background: url('../images/link-exv.gif') no-repeat left;
	border-bottom:1px solid #ccc;
}
a.icon:hover { 
	color:#700;
	background: #E0FE85 url('../images/link-exh.gif') no-repeat left;
	border-bottom:1px solid #f00;
}

/* Externe Links */
a[href^="http:"] {
	text-decoration: none;
	padding-right: 13px;
	background: url('../images/link-exl.gif') 100% 50% no-repeat;
	border-bottom:1px solid #ccc;
}
a[href^="http:"]:link {
	background: url('../images/link-exl.gif') 100% 50% no-repeat;
	border-bottom:1px solid #663399;
}
a[href^="http:"]:active {
	background: url('../images/link-exa.gif') 100% 50% no-repeat;
	border-bottom:1px solid #ff0000;
}
a[href^="http:"]:visited  {
	background: url('../images/link-exv.gif') 100% 50% no-repeat;
	border-bottom:1px solid #cccccc;
}
a[href^="http:"]:hover {
	background: #E0FE85 url('../images/link-exh.gif') 100% 50% no-repeat;
	border-bottom:1px solid #f00;
}

a[href^="http://mediafactum.de"], a[href^="http://www.mediafactum.de"] {
	background: transparent;
	padding-right: 0px;
}

a.next { /*n?chste Seite*/
	background: url(aIcon_next-l.gif) no-repeat right center;
    padding: 0 10px 0 0;
	font-weight:bold;
}
a.next:link { 	
	background: url(aIcon_next-l.gif) no-repeat right center;
}
a.next:active { 
	background: url(aIcon_next-a.gif) no-repeat right center;
 }
a.next:visited { 
	background: url(aIcon_next-v.gif) no-repeat right center;
}
a.next:hover { 
	background: url(aIcon_next-a.gif) no-repeat right center #FFFAE6;
}
a.prev { /*vorige seite*/
	background: url(aIcon_prev-l.gif) no-repeat left center;
    padding-left: 10px;
	font-weight:bold;
}
a.prev:link { 	
	background: url(aIcon_prev-l.gif) no-repeat left center;
}
a.prev:active { 
	background: url(aIcon_prev-a.gif) no-repeat left center;
 }
a.prev:visited {
	background: url(aIcon_prev-v.gif) no-repeat left center;
}
a.prev:hover { 
	background: url(aIcon_prev-a.gif) no-repeat left center #FFFAE6;
}
/* -------------------------------------------------------------------------- */

.weiter { 
	font-weight:bold;
	font-style:italic;
	font-size:90%;
}
/*download video audio pdf*/
.download {
}
/* -------------------------------------------------------------------------- */
.tipp { color:#000066; text-decoration:none; border-bottom:1px dotted #3366ff; cursor: help; } /* tooltip */
abbr, acronym { border-bottom:1px dotted #ff6633; cursor: help; }

/* +++++ *//* +++++ *//* +++++ *//* +++++ *//* +++++ */
/* +++++ *//* +++++ *//* +++++ *//* +++++ *//* +++++ */
/* +++++ *//* +++++ *//* +++++ *//* +++++ *//* +++++ */

/* Spezielle Formatierungen */
/* mediafactumFlag */
#mfFlag { 
	float:right;
	width:0px; height:0px;
}
#mfFlag div {
	width:98px;
	position:relative;
	right:110px; top:2px;
	background-image:url(../mfPlus/mediafactum-link.jpg); background-repeat:no-repeat;
}
#mfFlag a         { border:0; background-image: none; background-color:transparent; }
#mfFlag a:hover   { background-image:url(../mfPlus/mediafactum-hover.jpg); background-repeat:no-repeat; }

/* Unten */
#seg_Unten p { 
	margin-top:4px;
	text-align:center;
	font-size:10px;
	color: #999999;
}

/* +++++ *//* +++++ *//* +++++ *//* +++++ *//* +++++ */
/* +++++ *//* +++++ *//* +++++ *//* +++++ *//* +++++ */
/* +++++ *//* +++++ *//* +++++ *//* +++++ *//* +++++ */

/* allgemeine Einstellungen */

/* Positionen */
.anker { width:0;height:0; }
#pos_datum { width:300px; height:19px; position:relative; left:510px; top:130px; }
#pos_kopfRechts { width:200px; height:150px; overflow:hidden; position:relative; left:783px; top:0px; }

.zentrieren {
	text-align:center;
}

/* individuelle Einstellungen */

hr { border-top:1px solid #ddd;border-right:0px;border-bottom:0px;border-left:0px;}