/* CSS screen for AustrianTimes.at */
/* copyright by www.ksh-systems.com */
/* april 2008 by A.Steiner */
/* contact: katarina.angerer(at)ksh-systems.com */

body {
	background-color:#c5d5d9;
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

* {
	margin: 0;
	padding: 0;
}

p {
	color: #000000;
	line-height: 1.3em;
}

h1 {
	margin: 0 0 10px 0;
	font-size: 1.5em;
	color: #c40000;
}

h2 {
	color:#646464;
	font-size: 1.3em;
	font-weight: 700;
	margin: 10px 0 7px 10px;
}

h3 {
	color:#646464;
	font-size: 1.1em;
	font-weight: 700;
	margin: 0px 0 7px 0;
}

strong {
	font-weight: 700;
}

hr {
	border-right:none;
	border-top:none;
	border-left:none;
	border-bottom:1px dotted #646464;
	padding: 0;
	height: 1px;
	margin: 5px 0;
}

	/* Darstellung nur in den neueren Browsern */

select:hover, textarea:hover, input:hover {background-color: #f9ecec;}
select:focus, textarea:focus, input:focus {background-color: #FFFFFF;}

label {
	cursor:pointer;
}

a:link    {color: #000000; text-decoration: none;}
a:visited {color: #000000; text-decoration: none;}
a:hover   {color: #000000; text-decoration: underline;}
a:active  {color: #000000; text-decoration: underline;}


	/* -------------------------------------------------------------------------------------------------------------------------- */
	/* --------------------------- Diverse Klassen, die in allen Bereichen angewendet werden koennen ---------------------------- */
	/* -------------------------------------------------------------------------------------------------------------------------- */

	/* Stil fuer diverse Abteilungen */

.department {
	background:#646464;
	color:#FFFFFF;
	padding: 2px 10px;
	font-size: 0.75em;
	margin: 5px 0 5px 0;
}

	/* Datumsanzeige bei den einzelnen Artikel */

.articledate {
	font-size: 90%;
	color:#323232;
	text-align:right;
	margin-bottom: 3px;
}

	/* Fuegt mehr Aussenabstand nach oben ein */

.morespaceup {margin-top: 10px;}


	/* Dieser Stil wird ueberall benutzt, wo es zu weiterfuehrenden Videos, News etc. geht */

.moreofall a:link    {color:#c40000; text-decoration: underline;}
.moreofall a:visited {color:#c40000; text-decoration: underline;}
.moreofall a:hover   {color:#646464; text-decoration: none;}
.moreofall a:active  {color:#c40000; text-decoration: underline;}

/* ------------------------------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------ Umschlag fuer alle Divs ----------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------------ */

#wrapper {
	background:url(../design/wrapper_hg.gif) top center repeat-y #FFFFFF;
	border-top: 1px solid #646464;
	border-right: 1px solid #646464;
	border-left: 1px solid #646464;
	text-align:center;
	margin: auto;
	width: 930px;
}

	/* Dem Head muss eine HG-Farbe gegeben werden, damit das Hintergrundbild des Wrappers verdeckt bleibt. */
	/* Ebenfalls muss dem Head eine fixe Hoehe gegeben werden */

#head {
	height: 140px;
	background-color:#FFFFFF;
}

	/* Da der Umschlag zentriert wird, muessen nun alle Inhalte in den unteren Divs wieder linksbuendig ausgerichtet werden */

#head, #colleft, #colmid, #colright, #footer {
	text-align:left;
}

/* ------------------------------------------------------------------------------------------------------------------------------------ */
/* ---------------------- Kopfbereich - wird nur eine Hoehe angegeben - Breite automatisch zeilenfuellend ----------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------------ */

#head {
	padding: 0;
}

	/* Datumsanzeige - Aufgerufen in der index.html */

.date {
	background-color: #646464;
	color:#FFFFFF;
	font-size: 0.7em;	/* Ist auf important gestellt, da sich die Schriftgroesse nicht veraendern bzw. vererben darf */
	padding: 1px 10px;
	margin: 0;
	float:left;
}

	/* Standort */

.location {
	background-color:#646464;
	color:#FFFFFF;
	font-size: 0.7em;	/* Ist auf important gestellt, da sich die Schriftgroesse nicht veraendern bzw. vererben darf */
	text-align:right;
	padding: 1px 10px 2px 10px;
	margin: 0;
}
.colon {
	font-weight: 700;
}
.location a:link    {color:#FFFFFF; text-decoration:underline;}
.location a:visited {color:#FFFFFF; text-decoration:none;}
.location a:hover   {color:#c40000; text-decoration:underline;}
.location a:active  {color:#FFFFFF; text-decoration:underline;}

	/* Positionierung des Logos, das auch angeklickt werden kann: zur Startseite */

#logo {
	float:left;
	width: 375px;
	height: 100px;
	margin: 0 0 0 10px;
	text-align: left;
}
#logo img {
	border:none;
}
#logo a {
	text-decoration:none;
}

#logo_print {
	display: none;
}

	/* Werbebereich im Kopfbereich */

/*#adver1 {
 	margin: 10px 10px 0 510px; KA: Um Bug im IE6 auszugleichen, folgende Zeile, die funktioniert
	float:right;
	margin: 8px 0 0 0;
	background-color: #e6e6e6;
	padding: 0;
	height: auto;
	width: 468px;
}*/

#adver1 {
/* 	margin: 10px 10px 0 510px; IE6 Bug */
	margin: 2px 0px 0 460px;
	height: 100px;
	background-color: #e6e6e6;
	vertical-align: middle;
}

	/* Formbereich fuers Suchen und Newsletter */

	/* Newsletter */

#menue {
	background-color: #646464;
	clear: both;
	height: 35px;
	padding: 3px 0 1px 0;
}
#menue ul {
	padding: 0;
	list-style-type: none;
}
#menue li {
	display: inline;
}
#menue a {font-weight: 600; font-size: 0.75em; padding-left: 10px;}
#menue a:link    {color: #FFFFFF; text-decoration:none;}
#menue a:visited {color: #FFFFFF; text-decoration:none;}
#menue a:hover   {color: #c40000; text-decoration:underline;}
#menue a:active  {color: #FFFFFF; text-decoration:underline;}

#menue form {
	margin: 0;
}


	/* Suchform zum Eingeben von Suchbegriffen */

.field {
	cursor:pointer;
	margin: 0;
	padding:0 5px 0 5px;
	height: 15px;
	width: 140px;
	background-color:#fafafa;
	font-family:"Courier New", Courier, monospace;
	font-size: 0.75em;
	border: 1px solid #c40000;
	vertical-align: 20%;
}

.newsletter {
	margin: 0 0 0 10px;
	float:left;
	text-align:left;
}

.searchbox {
	margin: 0 10px 0 0;
	text-align: right;
}

.titletext {
	color:#FFFFFF;
	font-size: 0.7em;
	font-weight: 700;
	margin-right: 5px;
}

	/* IE6: nur die verkuerzte Schreibweise fuer HG in Buttons */

.newsbutton {
	background:url(../design/button_news.gif) top no-repeat;
	cursor: pointer;
	height: 21px;
	width: 21px;
	margin: 0 5px 0 0;
	border: none;
}

.searchbutton {
	background:url(../design/button_search.gif) top no-repeat;
	cursor: pointer;
	height: 21px;
	width: 21px;
	border: none;
}

/* ------------------------------------------------------------------------------------------------------------------------------------ */
/* ------------------------ Spalte links - gibt Breite an - alle nachfolgendene Elemte werden links umflossen ------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------------ */

#colleft {
	float: left;
	width: 150px;
	padding: 0;
	line-height:normal !important; /* Durschschuss ist auf normal gestellt - bereinflusst die uebrigen Absaetze nicht */
}

	/* Kategoriestil*/

.category {
	font-size: 0.75em;
	list-style-type: none;
}
	/* Den Links in den Kategorien wurde ein Hintergrundbild gegeben. Darin ein Innenabstand von 2x10 px. */
.category a {
	background:url(../design/menu_gradient.gif) top repeat-y;
	display:block;
	margin: 0;
	padding: 2px 10px;
}
.category a:link    {color: #000000; text-decoration: none;}
.category a:visited {color: #000000; text-decoration: underline;}
.category a:hover   {font-weight: 700; color: #000000; text-decoration: underline;}
.category a:active  {color: #000000; text-decoration: none;}

	/* Stile der einzelnen Listenpunkte - Innenabstand oben und unten sind 5px und ein unterer gepunkteter Rahmen */
.category li {
	padding: 5px 0;
	margin: 0;
	border-bottom: 1px dotted #646464;
}
.category li:hover {
	font-weight: 700;
	cursor: pointer;
}

	/* Videoliste */

#video {
	margin: 0 5px 0 5px;
}

.videolist {
	margin: 5px 0 0 0;
	padding: 0 0 5px 0;
}
.videolist li {
	margin: 0 5px 0 25px;
	font-size: 0.8em;
	list-style-type: none;
	list-style-image:url(../design/video_listtype.gif);
}

	/* Werbung in der linken Spalte */

.adver2 {
/*	background-color:#ffffff;
	clear:left; */
	padding: 0; /* Umgestellt von 0 5px auf 0 0px, weil die Rahmen nicht in der Rechnung einbezogen waren, M. Pawlata*/
/*	height: 270px;
	height: auto; */
	margin: 0 3px; /* siehe zwei Zeilen weiter oben */
	text-align: center;
	vertical-align: top;
}

	/* IFrame fuer die Wettereinblendung */

	/* KA: auskommentiert, um Google-Ads Bug zu beheben! Lösungsidee von HS */
/* iframe {
	text-align:right;
	height:86px;
	width: 120px;
	margin: 0 5px 0 22px;
	padding: 0;
	border: none;
	overflow: hidden;
} */

	/* Umfragen */

#colleft form {
	padding: 0;
	margin: 0;
}
#colleft form ul {
	list-style-type: none;
	margin: 0;
	padding: 0 5px 0 5px;
}
#colleft form li {
	margin: 0;
	padding: 3px 0;
}

.colleftradio {
	margin: 0 5px 0 0px; /* so viel Platz wie nur möglich M. Pawlata */
}
.colul {
	font-size: 0.8em;
}

/* ------------------------------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------ Spalte mitte - ist das umfliessende element - fixe breite ------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------------ */

#colmid {
	float:left;
	width: 559px;
	padding: 0;
	font-size: 0.75em;
}

#colmid img {
	border: 1px solid #646464;
}

#colmid ul {
	list-style-type:none;
}
#colmid li {
	list-style-type:none;
}

	/* Top-Newsbereich oben */

#topstory {
	padding: 0;
	float:left;
	width:250px;
	margin: 5px 10px 5px 10px;
}
#topstory img, .nextstory img {
	margin: 0 0 5px 0;
}
#topstory ul {
	list-style-type:disc;
	margin-left:20px;
}
#topstory li {
	line-height: 1.3em;
}

	/* ------------------------------------------------------------------------------------------------------------------------------- */
	/* -------------------------------------------- Thumbnails in der Artikelvollanzeige --------------------------------------------- */
	/* ------------------------------------------------------------------------------------------------------------------------------- */

#topstory .topstorygal {
	padding: 0;
	margin: 0;
}

#topstory .topstorygal ul {
	margin: 0 !important;
}

#topstory .topstorygal li {
	padding: 0;
	margin-right: 1px;
	display:inline;
	list-style-type: none;
}

#topstory .topstorygal a {
	text-decoration: none;
}

	/* ------------------------------------------------------------------------------------------------------------------------------- */
	/* ------------------------------------------------------------------------------------------------------------------------------- */

	/* Untergeschichten neben der Top-Story */

.nextstory {
	float:left;
	width:130px;
	height:155px;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 5px;
	padding-bottom: 5px;
}

	/* Werbebereich im mittleren Bereich */

#adver4 {
	background-color:#fff;
	clear:left;
	height: 62px;
	padding: 1px 0;
	margin: 5px 0;
	margin-left: 2px;
	text-align: center;
	vertical-align:middle;
}

/*
.adver4 {
	clear:left;
	background-color:#e6e6e6;
	height: 90px;
	padding: 0;
	margin: 2px 0;
	text-align: center;
}
*/
			/* --------------------------------------------------------------------------------------------------------------------- */
			/* ------------------------------------- Stile fuer die Vollanzeige der Artikeln --------------------------------------- */
			/* --------------------------------------------------------------------------------------------------------------------- */

	/* Werbebereich im mittleren Bereich in der Artikelvollanzeige */

#adver5 {
	clear:left;
	padding: 0;
	padding-left:5px;
	margin: 0 0 30px 10px;
	text-align: center;
	width: 300px;
	height: 250px;
}

#artcon {
	margin: 0 10px 5px 10px;
}
#artcon p {
	padding: 5px 0;}

/* KA: Der Kunde wünscht leicht erkennbare  Links im Fliesstext */
#artcon a:link    {color:#c40000; text-decoration: underline;font-weight:600;}
#artcon a:visited {color:#c40000; text-decoration: underline;font-weight:600;}
#artcon a:hover   {color:#000000; background-color: #e6e6e6;text-decoration: none;}
#artcon a:active  {color:#c40000; text-decoration: underline;}

.autor {
	color:#c40000;
	text-align:right;
	font-style:italic;
}

	/* Button um den Artikel auszudrucken */

#printbutton {
	text-align: right;
}
#printbutton img {
	border: none !important;
}
#printbutton ul {
	list-style-type: none;
	margin: 5px 0;
	padding: 0 0 40px 0;
}
#printbutton li {
	display:inline;
	float:right;
	padding: 0;
	margin: 0 0 0 18px;
}


			/* --------------------------------------------------------------------------------------------------------------------- */
			/* --------------------------------------------------------------------------------------------------------------------- */

	/* Kategoriennews */
	/* 2 Spalten */

/* Linke Kategoriespalte */

div.catcolleft {
	width: 46%;
	margin: 0 5px 0 10px;
	float:left;
	border-right: 1px dotted #646464;
}
div.catcolleft ul {
	height:300px;
	list-style-type: none;
}
div.catcolleft li {
	clear:left;
	margin: 0 5px 5px 0;
}
div.catcolleft li.bullets {
	clear:left;
	margin: 0 0 5px 0;
	list-style-type: disc !important;
	list-style-position:inside;
}
div.catcolleft img {
	float:left;
	margin: 0 5px 5px 0;
}
div.catcolleft h1 {
	clear:left;
}

/* Rechte Kategorienspalte */

div.catcolright {
	width: 46%;
	margin: 0 10px 0 0;
	float:left;
}
div.catcolright ul {
	height:300px;
	list-style-type: none;
}
div.catcolright li {
	clear:left;
	margin: 0 0 5px 0;
}
div.catcolright li.bullets {
	clear:left;
	margin: 0 0 5px 0;
	list-style-type: disc !important;
	list-style-position:inside;
}
div.catcolright img {
	float:left;
	margin: 0 5px 5px 0;
}
div.catcolright h1 {
	clear:left;
}

	/* ------------------------------------------------------------------------------------------------------------------------------- */
	/* -------------------------------------------- Artikelliste der einzelnen Rubriken ---------------------------------------------- */
	/* ------------------------------------------------------------------------------------------------------------------------------- */

	/* Topstory der einzelnen Rubrik */

#artlisttop {
	margin: 0;
	padding: 0;
}
#artlisttop img {
	display:block;
}
#artlisttop p {
	line-height: 1.3em;
	margin: 5px 10px;
}
#artlisttop h1 {
	margin: 5px 0 5px 10px;
}
#artlisttop hr {
	clear:left;
}
#artlisttop ul {
	margin: 0 10px 10px 10px;
	padding-bottom: 10px;
	list-style-type: none;
	clear:left;
}
#artlisttop li {
	line-height: 1.3em;
	display: block;
	width: 123px;
	float: left;
	margin-right: 11px;
	margin-top: 5px;
	margin-bottom: 5px;
}
#artlisttop li.bild {
	line-height: 1.3em;
	display: block;
	width: 123px;
	float: left;
/*	margin-right: 11px; */
	height:310px;
	margin-top: 5px;
	margin-bottom: 5px;
}
#artlisttop li.video {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.3em;
	display: block;
	width: 123px;
	float: left;
	height:160px;
	margin-top: 5px;
	margin-bottom: 5px;
}

	/* Werbebereiche 6 und 7 */

#adver6 {
	clear:both;
/* 	background-color:#e6e6e6; */
	margin: 10px 0px 20px 20px;
	padding: 0 0 30px 0;
	width: 300px;
	float:left;
	height: 250px;
}

#adver7 {
	background-color:#e6e6e6;
	margin: 30px 0 10px 0px;
	padding: 0;
	width: 250px;
	float:left;
	height: 250px;
}

	/* ------------------------------------------------------------------------------------------------------------------------------- */
	/* ------------------------------------------------------ Suchergebnisse --------------------------------------------------------- */
	/* ------------------------------------------------------------------------------------------------------------------------------- */

#searchresult {
	margin: 0;
}
#searchresult h1 {
	margin: 5px 0 5px 10px;
}
#searchresult .resultitem {
	background-color:#646464;
	color:#FFFFFF;
	margin: 10px;
	padding: 3px;
}
#searchresult p {
	margin: 0 10px 0 10px;
}
#searchresult ol {
	list-style-type:decimal;
	margin: 0 10px 10px 40px;
}
#searchresult li {
	margin: 10px 0;
	color:#c40000;
	padding: 0 0 5px 0;
	border-bottom: 1px dotted #646464;
}
#searchresult li p {
	margin: 0;
	padding: 0;
}
.searchnr {
	font-weight: 700;
	color:#c40000;
}
.searchsentence {
	color:#c40000;
}
.searchsentence a {padding: 3px; display: block;}

.searchsentence a:link    {color:#c40000; text-decoration: underline;}
.searchsentence a:visited {color:#c40000; text-decoration: underline;}
.searchsentence a:hover   {color:#000000; background-color: #e6e6e6;text-decoration: none;}
.searchsentence a:active  {color:#c40000; text-decoration: underline;}

.arrow {
	font-size:0.7em;
	font-weight:700;
}

.resultsites {
	margin: 10px 0;
	padding: 0 0 10px 0;
	text-align:center;
}
.resultsites a {font-weight: 700; color:#c40000;}
.resultsites a:link    {text-decoration: underline;}
.resultsites a:visited {text-decoration: underline;}
.resultsites a:hover   {text-decoration: none;}
.resultsites a:active  {text-decoration: underline;}

	/* ------------------------------------------------------------------------------------------------------------------------------- */
	/* ---------------------------------------------- Dummyseite fuer sonstige Inhalte ----------------------------------------------- */
	/* ------------------------------------------------------------------------------------------------------------------------------- */

	/* Platzierung des Bereich innerhalb der mittleren Spalte */

#simplesite {
	margin: 5px 10px 10px 10px;
}

	/* Paragraph - Aussenabstaende - Farbe und Durchschuss wurde bereits global definiert */

#simplesite p {
	margin: 5px 0 10px 0;
}

	/* Ungeordnete und ungeordnete Liste */

#simplesite ul {
	margin: 20px 10px 10px 40px;
	list-style-type:none;
}
#simplesite ul img {
	clear:both;
	border:0;
	margin: 6px 10px 5px 0;
	vertical-align:-10px;
}

#simplesite ol {
	margin: 20px 10px 10px 40px;
	list-style-type:decimal;
}
#simplesite li {
	line-height: 3em;
}

#simplesite img {
	float:left;
	margin: 5px 10px 5px 0;
}

/* KA: Überschrift auf simplen Unterseiten */
#simplesite h1 {
	margin: 0 0 20px 0;
	font-size: 1.5em;
	color: #c40000;
}

#simplesite h2 {
	color:#646464;
	color: #c40000;
	font-size: 1.3em;
	font-weight: 600;
	margin: 30px 0;
	text-align: center;
}

/* KA: leicht erkennbare Links im Fliesstext */
#simplesite a:link    {color:#c40000; text-decoration: underline;font-weight:600;}
#simplesite a:visited {color:#c40000; text-decoration: underline;font-weight:600;}
#simplesite a:hover   {color:#000000; background-color: #e6e6e6;text-decoration: none;}
#simplesite a:active  {color:#c40000; text-decoration: underline;}


	/* Formularfelder */

#simplesite form ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
}
#simplesite form li {
	margin: 5px 0;
	display: block;
	width: 200px;
	float:left;
}

	/* Span, falls kein Label zu vergeben, zB bei den Radiobuttons */

#simplesite span, #simplesite label {
	color: #646464;
	display: block;
	margin: 0 5px 0 0;
	padding: 0 0 3px 0;
	font-weight: 700;
	border-bottom: 1px dotted #646464;
}
#simplesite .nolable {
	color:#000000;
	font-weight: 500;
	border: none;
	padding: 2px 0;
	display:inline;
}

	/* Eingabefelder*/

#simplesite input {
	border: 1px solid #c40000;
	font-family:"Courier New", Courier, monospace;
	color: #646464;
	width:300px;
	margin: 0 0 5px 0;
	padding: 1px 5px;
	cursor:pointer;
}

#simplesite textarea {
	border: 1px solid #c40000;
	font-family:"Courier New", Courier, monospace;
	font-size: 1.1em;
	color: #646464;
	width:300px;
	margin: 0 0 5px 0;
	padding: 1px 5px;
	cursor:pointer;
}

	/* Auswahlfelder */

#simplesite select {
	border: 1px solid #c40000;
	font-family:"Courier New", Courier, monospace;
	font-size: 1.1em;
	color: #646464;
	width:311px;
	margin: 0 0 5px 0;
	padding: 1px 5px;
	cursor:pointer;
}

	/* Rahmenbox um die Auswahlfeler im Listenpunkt */

#simplesite .boxborder {
	border:1px solid #c40000;
	width: 310px;
	padding: 5px 0;
}

#simplesite .boxborder:hover {background-color: #f9ecec;}
#simplesite .boxborder:focus {background-color: #FFFFFF;}

	/* Radio- und Checkboxenstil */

#simplesite .boxes {
	width: 50px;
	border: none;
	margin: 2px 0;
	padding: 0;
}

	/* Absendebuttons */

#simplesite .button {
	margin: 0 50px 10px 50px;
	padding: 3px 0;
	width: 150px;
	color:#000000;
	background-color:#e6e6e6;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight: 700;
	border-top: 2px solid #ffffff;
	border-left: 2px solid #ffffff;
	border-right: 2px solid #646464;
	border-bottom: 2px solid #646464;
}
#simplesite .button:hover {
	margin: 0 50px 10px 50px;
	padding: 3px 0;
	width: 150px;
	color: #ffffff;
	background-color:#646464;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight: 700;
	border-top: 2px solid #646464;
	border-left: 2px solid #646464;
	border-right: 2px solid #ffffff;
	border-bottom: 2px solid #ffffff;
}

#simplesite .button_small {
	margin:5px 50px 10px 80px;
	padding: 3px 0;
	width: 90px;
	color:#000000;
	background-color:#e6e6e6;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight: 500;
	border-top: 2px solid #ffffff;
	border-left: 2px solid #ffffff;
	border-right: 2px solid #646464;
	border-bottom: 2px solid #646464;
}
#simplesite .button_small:hover {
	margin:5px 50px 10px 80px;
	padding: 3px 0;
	width: 90px;
	color: #ffffff;
	background-color:#646464;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight: 500;
	border-top: 2px solid #646464;
	border-left: 2px solid #646464;
	border-right: 2px solid #ffffff;
	border-bottom: 2px solid #ffffff;
}

/* ------------------------------------------------------------------------------------------------------------------------------------ */
/* ----- Spalte rechts - Element befindet sich noch im Umfluss, jedoch muss ein margin angegeben werden um es rechts auszurichten ----- */
/* ------------------------------------------------------------------------------------------------------------------------------------ */

	/* Da der IE Elemente anders raendern, wurde keine Breite angegeben. Somit wird automatisch die gesamte Zeile ausgefuellt */

#colright {
	margin-left: 710px;
	padding: 0;
	line-height:normal !important; /* Durschschuss ist auf normal gestellt - beeinflusst die uebrigen Absaetze nicht */
}

	/* Diese Klasse wird gemeinsam mit department bei "Latest News" aufgerufen */

.latestnews {
	font-weight: 700; font-size: 0.8em;
}

.text {
	font-size: 0.75em;
	padding: 5px 10px;
	margin:0;
}

.headlines {
	color: #c40000;
	font-variant:small-caps;
	font-weight: 700;
	font-size: 1.1em;
}

/* KA: Titel weiß von Kunden erwünscht */
.latestnews a:link    {color: #ffffff; text-decoration: none;}
.latestnews a:visited {color: #ffffff; text-decoration: underline;}
.latestnews a:hover   {color: #c40000; text-decoration: underline;}
.latestnews a:active  {color: #c40000; text-decoration: underline;}

/* KA: Überschriften rot von Kunden erwünscht */
.headlines a:link    {color: #c40000; text-decoration: none;}
.headlines a:visited {color: #c40000; text-decoration: none;}
.headlines a:hover   {color: #000000; text-decoration: underline;}
.headlines a:active  {color: #000000; text-decoration: underline;}

	/* Werbebereich in der rechten Spalte */

.adver3 {
/*	height: 275px;
	margin: 5px 10px; KA: um den Bug im IE6 in der rechten Spalte zu entfernen */
	margin: 0 3px;
	padding: 0;
	background-color: #ffffff;
/*	height: auto; */
	text-align: center;
	vertical-align: top;
}

	/* Liste fuer "the most famous stories" */

.mostfamouslist {
	padding: 5px;
	font-size: 0.75em;

}
.mostfamouslist td {
	vertical-align:top;
}

.mostfamouslist img {
	border: 1px solid #646464;
}

.weather {
	height:130px;
	width: 150px;
	margin: 20px 0px 0px 35px;
	padding: 0;
	border: none;
	overflow:hidden;
}

	/* Partnerlink */

.partner {
	/*border-top: 1px dotted #646464;*/
	margin: 0;
	padding: 5px 0;
}
.partner li {
	list-style-type:none;
	text-align:center;
}
.partner img {
	border: none;
}

/* ------------------------------------------------------------------------------------------------------------------------------------ */
/* ----------------------------------- Fusszeile - der Umfluss aufgehoben mit clear:both; ----------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------------ */

#footer {
	clear: both;
	padding: 3px 0 5px 0;
	background-color:#646464;
}
#footer ul {
	text-align: center;
	list-style-type:none;
	font-size: 0.75em;
	color: #FFFFFF;
}
#footer li {display: inline;}
#footer a:link    {color: #FFFFFF; text-decoration:none;}
#footer a:visited {color: #FFFFFF; text-decoration:none;}
#footer a:hover   {color: #c40000; text-decoration:underline;}
#footer a:active  {color: #FFFFFF; text-decoration:underline;}

/* ------------------------------------------------------------------------------------------------------------------------------------ */
/* ---------------------------------------------------- Webdesign - Quellenangabe ----------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------------ */

#webdesign {
/*	width: 930px; */
	font-size: 0.8em;
	float:right;
	padding: 3px 15px 5px 0;
	margin: auto;
	color: #003366;
}
#webdesign a:link    {color:#ffffff; text-decoration:none;font-weight:600;}
#webdesign a:visited {color:#ffffff; text-decoration:none;font-weight:600;}
#webdesign a:hover   {color:#c40000; text-decoration:underline;font-weight:600;}
#webdesign a:active  {color:#c40000; text-decoration:underline;font-weight:600;}

	/* Dieser Div befindet sich ausserhalb des wrappers, daher muss man ihn wie einen normalen Div behandeln */
	/* Breite angeben! Zusaetzlich ein Innenabstand, damit der Text nicht nach oben klebt

#webdesign {
	width: 930px;
	font-size: 0.6em;
	text-align:center;
	padding: 3px 0px;
	margin: auto;
	color: #003366;
}
#webdesign a:link    {color:#003366; text-decoration:none;font-weight:600;}
#webdesign a:visited {color:#003366; text-decoration:underline;font-weight:600;}
#webdesign a:hover   {color:#c40000; text-decoration:underline;font-weight:600;}
#webdesign a:active  {color:#c40000; text-decoration:underline;font-weight:600;}
*/

/* Erweiterungen von Markus Pawlata */

/* Der Link der in in der Linken Sidebar, der zur einzelseite fuer das aktuelle Video fuehrt*/
#video .current {
	font-size:0.8em;
}

/* Abstimmungen Styles */

/* Um dem Button in die Mitte zu kriegen */
.colleftvote {
	text-align:center;
}

.colleftvote input {
	margin: 5px 0px;
}

/* Einzelene Styles fuer die Balken (Allgemeiner Hintergrund, Balken-"Hintergrund", Balken-"Vordergrund" */

.pollsarchive {
	width:23.5%;
	margin: 10px 0 5px 5px;
	float:left;
	border: 1px solid #c40000;
}

.pollsarchive ul {
	list-style-type:none;
}

.pollstitle {
	color: #c40000;
	margin: 3px 3px 10px 3px;
	font-weight:700;
}

.polloption {
	background: #e6e6e6;
	margin: 3px;
	padding: 2px;
}

.pollbgbar {
	background: #646464;
	margin-bottom:0;
	margin-left: 20px;
	margin-right: 3px;
	margin-top: 3px;
}

.pollfgbar {
	background: #c40000;
	font-weight: bold;
	height: 12px;
}
.pollvalue {
	font-size: 85%;
	padding: 0 0 2px 5px;
	text-align:center !important;
}


/* Eine schnelle Loesung fuer das Problem mit den Rahmen */
img {
	border:0px;
}

/* Die Klasse fuer die rote, fette Uhrzeit in den "Latest News" */
.latesttime{
	color:#c40000;
	font-weight: 700;
	font-size: 1.1em;
}

/* Definitionen für Stories of the day */
.picDayWrapper
{
	width:560px;
	background:#eee;
	clear:left;
	height: 186px;
	padding: 1px 0 0 0;
	margin: 5px 0 0 0;
	text-align: left;
	vertical-align:middle;
}
#picOfTheDay
{
	overflow: hidden;
	height: 155px;
	margin: 0;
}

.picCell
{
 width:140px;
 padding: 0;
 float:left;
 margin:0;
}
.picCell img
{
 padding:5px 5px 5px 5px;
 border:#ddd 1px solid;
 display:block;
 margin-bottom: 5px;
 background:#fff;
}
.picCell a:hover img
{
 background:#eee;
 border-color:#aaa;
}
.picCell p
{
 padding:0 0 10px 0;
 _float:left;
 margin:0;
}
.picCell a
{
 color:#666;
}
.picCell a:hover
{
 color:#000;
}

.picleft
{
 float:left;
 padding:0 10px 10px 0;
}

.pic-navi
{
 width:9%;
 float:right;
 padding:0 10px 0 0;
}
.pic-navi img
{
 margin: 0;
 border: 0;
}
.pic-navi ul
{
 list-style-type:none;
 margin:0;
 padding:0;
}
.pic-navi li.scrollLeft
{
 background:url(../design/video_listtype_left.gif) top left no-repeat;
 width: 15px;
 float: left;
 cursor:pointer;
}
.pic-navi li.scrollRight
{
 background:url(../design/video_listtype.gif) top right no-repeat;
 width: 15px;
 text-align:right;
 margin-left: 30px;
 cursor:pointer;
}
.pic-navi a
{
 padding:0;
}
.pic-navi a:hover, .pic-navi a:active
{
 text-decoration:none;
}

/* AddThis-Footer M. Pawlata 30.05.2011 */
#addthis_footer{
	padding: 5px;
	border-top: 1px dotted black;
	background: #fff;
	clear: both;
	text-align: center;
}

/* Index Category-Stories width workaround */

.storyoverflow{
	border: 1px solid #646464;
	overflow:hidden;
	position: relative;
}

.storyoverflow img{
	border: 0 !important;
	margin: 0 !important;
	position: absolute;
}

.storyoverflow span {
	display: inline-block;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 240px;
	background:url(../layout/overlay_background.png) top right repeat;
	color: white;
	padding: 3px 5px;
}

.storyoverflow span:hover {
	text-decoration: underline;
}

/* Siteroll, Partnerlinks in Head */
#siteroll{
	clear: left;
}
#siteroll ul{
	list-style-type: none;
	margin: 0 0 2px 5px;
}
#siteroll li {
	display: inline;
	border-right: 2px solid #EAEAEA;
	padding-right: 4px;
}
#siteroll a {
	font-weight: bold;
	color: #BB1010;
	font-size: 0.9em;
}

li.no_times a{
	font-size: 1.1em !important;
	color: #000099 !important;
	font-family: serif;
}

#siteroll a span{
	color: #000;
	font-style: italic;
}

.no_border{
	border: 0 !important;
}

/* from index.php 18.07.2011 */
#marquee_replacement{
	margin-left:4px;
	width:210px;
	height:150px;
	overflow:hidden;
}

/* Ombudsman */
div.ombudsman{
	margin-top: 10px;
	clear: left;
}

div.ombudsman img{
	float: left;
	margin: 0 10px 10px 0 !important;
}

/* Topbar */
.linkbutton {
	background:transparent url(../design/button_news.gif) no-repeat scroll left top;
	display:inline-block;
	height:21px;
	padding-left:28px !important;
	padding-top:4px;
	margin-right:5px;
}

/* Easy Travel */
p.easy a{
	color: #BB1010;
	text-decoration: underline;
	font-weight: 600;
}