@charset "UTF-8";

/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) Uniform design of standard content elements
 * (de) Einheitliche Standardformatierungen für die wichtigten Inhalts-Elemente
 *
 * @copyright       Copyright 2005-2009, Dirk Jesse
 * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         3.1
 * @revision        $Revision: 1.128 $
 * @lastmodified    $Date: 2010/08/23 06:26:44 $
 * @appdef yaml
 */
 
/**
  * Fonts
  *
  * (en) global settings of font-families and font-sizes
  * (de) Globale Einstellungen für Zeichensatz und Schriftgrößen
  *
  * @section content-global-settings
  */ /* (en) reset font size for all elements to standard (16 Pixel) */
	/* (de) Alle Schriftgrößen auf Standardgröße (16 Pixel) zurücksetzen */
	html * {
		font-size: 100.01%;
	}
	/**
  * (en) reset monospaced elements to font size 16px in all browsers
  * (de) Schriftgröße von monospaced Elemente in allen Browsern auf 16 Pixel setzen
  *
  * @see: http://webkit.org/blog/67/strange-medium/
  */
	pre,code,kbd,samp,var,tt {
		font-family: Consolas, "Lucida Console", "Andale Mono",
			"Bitstream Vera Sans Mono", "Courier New", Courier;
	}
	#noJs {
		width: 920px;
		margin: 0 auto;
		font-size: large;
		text-align: center;
		padding: 10px;
	}
	.c50l .cmargin { margin-right: 5px; }
	.c50r .cmargin { margin-left: 5px; }
	/*------------------------------------------------------------------------------------------------------*/
	/**
  * Design of the Basic Layout | Gestaltung des YAML Basis-Layouts
  *
  * @section layout-basics
  */ /* (en) base layout gets standard font size small */
	/* (de) Basis-Layout erhält Standardschriftgröße von "small" */
	body {
		position: relative;
		margin: 0;
		padding: 0;
		font: small/ 1.5em Arial, "Trebuchet MS", Verdana, sans-serif;
		color: #333;
		background: #ece0b6 URL("images/bg_page_margins.png") repeat-x;
	}
	/* Layout: Width, Background, Border | Layout: Breite, Hintergrund, Rahmen */
	#page_margins {
		text-align: center;
	}
	#page {
		zoom: 1;
		position: relative;
		width: 920px;
		width: 920px;
		text-align: left;
		margin: 0 auto 0 auto;
		background: URL("images/bg_main.png") 0 0 repeat-y;
		background: #FFF;
		padding: 0 10px;
		padding-top: 51px;
	}
	/* Design of the Main Layout Elements | Gestaltung der Hauptelemente des Layouts */
	#header {
		background: URL("images/header.png") no-repeat;
		height: 134px;
		width: 920px;
		z-index: 1;
	}
	#header a {
		display: block;
		height: 134px;
		width: 130px;
		float: left;
	}
	#header a.epaper {
		float: right;
		height: 61px;
		width: 230px;
		display: block;
		background: url("images/header_epaper.png") -750px -49px no-repeat;
		margin-top: 49px;
	}
	#header a.epaper:hover {
		background: url("images/header_epaper_hover.png") -750px -49px no-repeat;
	}
	
	#topnav {
		
	}
	#main {
		
	}
	#footer {
		clear: both;
		height: 64px;
		line-height: 24px;
		text-indent: 10px;
		background: URL("images/footer.png") no-repeat;
	}

	
	#superbanner { left: 202px; top: 0; width: 728px; height: 90px; position: absolute; z-index: 2; }
	#skyscraper { position: absolute; left: 940px; top: 100px; width: 160px; height: 600px; }
	#skyscraper { position: absolute; left: 940px; top: 70px; width: 190px; height: 600px;
		padding: 30px 0; 
		background: URL("images/skyscraper.png") top right no-repeat;
	}

	.imanad { display: block; background: url("images/advertising.gif") 0 50% no-repeat; height: 1em;}
	
	li { behavior: url("/css/screen/pngfix/iepngfix.htc") }
	/*------------------------------------------------------------------------------------------------------*/
	/**
  * Formatting of the Content Area | Formatierung der Inhaltsbereichs
  *
  * @section layout-main
  */
  	.c_ab {
		float: left;
		width: 610px;
		z-index: 9;
		margin: 10px 10px 0 0;
	}
	.c_bc {
		float: left;
		width: 610px;
		z-index: 9;
		margin: 10px 0 0 0;
	}
	.c_a,.c_b,.c_c {
		float: left;
		width: 300px;
		z-index: 9;
		margin: 10px 10px 0 0;
	}
	.c_b { margin-right: 0;}
	.c_c {
		margin-right: 0;
	}
	.c_abc {
		clear: both;
		width: 920px;
		z-index: 9;
		margin: 10px 0 0 0;
	}
	.c_a,.c_b,.c_c,.c_ab,.c_bc,.c_abc {
		display: inline;
	}
	/*--- Headings | Überschriften ------------------------------------------------------------------------*/
	h1,h2,h4 {
		font-family: Times, serif;
		line-height: 2em;
		letter-spacing: 0em;
		/*text-transform: uppercase;*/
	}
	h3 {
		font-family: Arial, "Trebuchet MS", Verdana, sans-serif;
		line-height: 2em;
	}
	h1 {
		font-size: medium;
		color: #f6a924;
	}
	.article h1,
	.article h3 {
		line-height: 1em;
		font-size: medium;
		font-size: large;
		font-weight: lighter;
	}
	.article h1.boxHead,
	.article h3.boxHead {
		font-family: Times, serif;
		line-height: 2em;
	}
	.article h2 {
		font-size: x-large;
		color: #f6a924;
		line-height: 1.2em;
	}
	.article h2.boxHead {
		font-size: x-large;
		color: #f6a924;
	}
	
	.article .gallery { position: relative; }
	.enlarge {
		color: #fff;
		position: absolute;
		right: 5px;
		top: 5px;
		padding: 3px;
		background: url("images/opa5_grey.png");
		border: 1px solid;
		font-size: x-small;	
	}
	
	.article .detailpre {
		float: left;
		margin-right: 10px;
		margin-left: 10px;
		width: 100px;
		font-weight: bold;
		line-height: 20px;
	}

	h1.boxHead,
	h2.boxHead,
	h3.boxHead,
	h4.boxHead { color: #f6a924 !important; }

	.widget .boxHead span { color: #11668F; }	
	
	.box ul
	.box ol {
		clear: both;
		margin: 0;
		padding: .5em 0 0 10px;
	}
	.boxHead a.fr {
		font-size: small;
		font-weight: normal;
		color: #11668f;
		text-transform: none;
		font-family: Arial, "Trebuchet MS", Verdana, sans-serif;
	}
	.box li a span {
		color: #333;
		font-weight: normal;
	}
	.topTeaser a {
		text-decoration: none;
		border: none;
		background: url(images/lead_article_blinder.gif) no-repeat;
		position: absolute;
		top: 0;
		left: 0;
		width: 610px;
		height: 300px;
		z-index: 3;
	}
	.meta {
		clear: both;
		padding: .5em;
		background: #ece0b6;
		font-size: x-small;
		color: #333;
	}
	.article .meta { margin-top: 10px; }
	.meta a {
		font-weight: 800;
		color: #11668f !important;
	}
	.meta dl {
		margin-top: 0.5em;
	}
	.c_c .teaser {
		border: 1px solid #DCDBDD;
		padding: 5px;
	}
	
	.icon.tt { display:none;}
	.tooltip {position: absolute; background: #FFF; }
	.tooltip .trans { position: absolute; z-index: 1; top: 0; left: 0; 
		/*background: #E7F0F3;
		background: #ece0b6; 
		filter: alpha(opacity = 80); opacity: .8; -moz-opacity: .8;*/}
	.tooltip .toolmain { position: relative; z-index: 2;}
	.tooltip img.loading { margin: 10px 20px; }
	.tooltip .boxHead { color: #333 !important; }
	
	/* --- Lists | Listen  -------------------------------------------------------------------------------- */
	/* --- general text formatting | Allgemeine Textauszeichnung ------------------------------------------ */
	p {
		margin-bottom: 1em;
	}
	blockquote,cite,q {
		font-family: Georgia, "Times New Roman", Times, serif;
		font-style: italic;
	}
	blockquote {
		margin: 0 0 1em 1.6em;
		color: #666;
	}
	strong,b {
		font-weight: bold;
	}
	em,i {
		font-style: italic;
	}
	pre,code,kbd,tt,samp,var {
		font-size: 100%;
	}
	pre,code {
		color: #800;
	}
	pre {
		line-height: 1.5em;
		margin: 0 0 1em 0;
	}
	kbd,samp,var {
		color: #666;
	}
	var {
		font-style: italic;
	}
	acronym,abbr {
		border-bottom: 1px #aaa dotted;
		font-variant: small-caps;
		letter-spacing: .07em;
		cursor: help;
	}
	sub,sup {
		font-size: 91.6667%;
	}
	hr {
		background: transparent;
		margin: 0 0 0.5em 0;
		padding: 0 0 0.5em 0;
		border: 0;
		border-top: 2px solid #e0e0e0;
	}
	.inactive,.inactive h2 {
		color: #999 !important;
	}
	.xsmall {
		font-size: xx-small;
		line-height: 1.1em;
	}
	.small {
		font-size: x-small;
		line-height: 1.1em;
	}
	.medium {
		font-size: medium;
		line-height: 1.1em;
	}
	.normal {
		font-size: normal;
		line-height: 1.1em;
	}	
	.large {
		font-size: large;
		line-height: 1.1em;
	}
	.xlarge {
		font-size: x-large;
		line-height: 1.1em;
	}
	.xxlarge {
		font-size: xx-large;
		line-height: 1.1em;
	}
	.larger {
		font-size: larger;
		line-height: 1.1em;
	}
	.clr {
		clear: both;
	}
	.invisible {
		display: none;
	}
	.fr {
		float: right !important;
	}
	.fl {
		float: left;
	}
	.point {
		text-align: left;
		float: left;
		margin: 0 10px;
	}
	.point a {
		font-size: x-small;
	}
	.opa5 {
		filter: alpha(opacity = 50);
		opacity: .5;
		-moz-opacity: .5;
	}
	.opa8 {
		filter: alpha(opacity = 80);
		opacity: .8;
		-moz-opacity: .8;
	}
	.alignright {
		text-align: right;
	}
	.inline {
		display: inline;
	}
	.strong {
		font-weight: bold;
	}
	.hline {
		border-top: 1px solid #DCDBDD;
		padding-top: .5em;
	}
	
	.whiteList {
		margin-left: -7px;
		list-style: none;
	}
	
	.whiteList li {
		line-height: 1.35em;
	}
	
	.grey {
		color: grey;
	}
	/*--- Links ----------------------------------------------------------------------------------------- */
	a:link,a:active,a:visited {
		text-decoration: none;
		color: #f6a924;
		color: #11668F;
	}
	a:hover,a:focus {
		text-decoration: underline;
	}
	a img {
		border: none;
	}
	a.more:link, a.more:active, a.more:hover, a.more:focus, a.more:visited {
		line-height: 1em;
		font-weight: bold;
		color: #11668F;
		padding-left: 10px;
		background: URL("images/morelink.gif") 0 100% no-repeat;
	}
	.blue {
		color: #11668F !important;
	}
	.orange {
		color: #f6a924 !important;
	}
	.black {
		color: #333 !important;
	}
	.nofx {
		text-decoration: none !important;
	}
	.ucase {
		/*text-transform: uppercase !important;*/
	}
	/* --- images (with optional captions) | Bilder (mit optionaler Bildunterschrift) ------------------ */
	.image {
		margin: 0;
		padding: 0px;
		border: 1px solid #DCDBDD;
		background: #FFF;
	}
	.image.fl {
		margin-right: 10px;
	}
	.image.fr {
		margin-left: 10px;
	}
	.image img {
		display: block;
	}
	.image dt {
		margin: 0;
	}
	.image dd {
		font-size: x-small;
		line-height: 1.25em;
		margin: .25em 0 0 0;
	}
	p.icaption_left {
		float: left;
		display: inline;
		margin: 0 1em 0.15em 0;
	}
	p.icaption_right {
		float: right;
		display: inline;
		margin: 0 0 0.15em 1em;
	}
	p.icaption_left img,p.icaption_right img {
		padding: 0;
		border: 1px #888 solid;
	}
	p.icaption_left strong,p.icaption_right strong {
		display: block;
		overflow: hidden;
		margin-top: 2px;
		padding: 0.3em 0.5em;
		background: #F1F3F5;
		font-weight: normal;
		font-size: 91.667%;
	}
	/**
  * ------------------------------------------------------------------------------------------------- #
  *
  * Generic Content Classes
  *
  * (en) standard classes for positioning and highlighting
  * (de) Standardklassen zur Positionierung und Hervorhebung
  *
  * @section content-generic-classes
  */
	.highlight {
		color: #f60;
	}
	.dimmed {
		color: #888;
	}
	.info {
		background: #f8f8f8;
		color: #666;
		padding: 10px;
		margin-bottom: 0.5em;
		font-size: 91.7%;
	}
	.note {
		background: #efe;
		color: #040;
		border: 2px #484 solid;
		padding: 10px;
		margin-bottom: 1em;
	}
	.important,
	.info {
		background: #ffe;
		color: #440;
		border: 2px #ece0b6 solid;
		padding: 10px;
		margin-bottom: 1em;
	}
	.warning {
		background: #fee;
		color: #400;
		border: 2px #844 solid;
		padding: 10px;
		margin-bottom: 1em;
	}
	.float_left {
		float: left;
		display: inline;
		margin-right: 1em;
		margin-bottom: 0.15em;
	}
	.float_right {
		float: right;
		display: inline;
		margin-left: 1em;
		margin-bottom: 0.15em;
	}
	.center {
		display: block;
		text-align: center;
		margin: 0.5em auto;
	}
	.txtCenter {
		text-align: center;
	}
	.txtRight {
		text-align: right;
	}
	.txtLeft {
		text-align: left;
	}
	.txtBlack {
		color: #333;
	}
	.lineHeight2 {
		line-height: 2em;
	}
	.hidden {
		display: none;
	}
	.pointer {
		cursor: pointer;
	}
	
	.nocursor {
		cursor: default;
	}
	/**
  * ------------------------------------------------------------------------------------------------- #
  *
  * Tables | Tabellen
  *
  * (en) Generic classes for table-width and design definition
  * (de) Generische Klassen für die Tabellenbreite und Gestaltungsvorschriften für Tabellen
  *
  * @section content-tables
  */
	table {
		width: auto;
		border-collapse: collapse;
		margin-bottom: 10px;
	}
	table caption {
		font-variant: small-caps;
	}
	table.full,table.default {
		width: 100%;
	}
	table.fixed {
		table-layout: fixed;
	}
	th,td {
		padding: 0.5em;
	}
	thead th,tfoot td {
		color: #FFF;
	}
	tbody th {
		background: #e0e0e0;
		color: #FFF;
	}
	tbody th[scope="row"],tbody th.sub {
		background: #FFF;
	}
	tbody th {
		border-bottom: 1px solid #fff;
		text-align: left;
		vertical-align: top;
	}
	tbody td {
		border-bottom: 1px solid #DCDBDD;
		vertical-align: top;
	}
	thead th,tfoot td {
		/*background: #003144 url("images/bg_navi.gif") 0 -60px;*/
		border-bottom: 1px solid #DCDBDD;
		border-top: 1px solid #DCDBDD;
		color: #333;
		vertical-align: top;
	}
	th.half {
		background: #5e7088;
	}
	.odd {
		background: #f1f3f5;
	}
	.inc {
		color: #090;
	}
	.decr {
		color: #A00;
	}
	.tdRight {
		text-align: right;
		padding-right: 15px;
	}
	.block { display: block; }
	/**
  * ------------------------------------------------------------------------------------------------- #
  *
  * Miscellaneous | Sonstiges
  *
  * @section content-misc
  */ /**
  * (en) Emphasizing external Hyperlinks via CSS
  * (de) Hervorhebung externer Hyperlinks mit CSS
  *
  * @section             content-external-links
  * @app-yaml-default    disabled
  */ /*
  #main a[href^="http://www.my-domain.com"],
  #main a[href^="https://www.my-domain.com"]
  {
    padding-left: 12px;
    background-image: url('your_image.gif');
    background-repeat: no-repeat;
    background-position: 0 0.45em;
  }
  */ /**
  * ------------------------------------------------------------------------------------------------- #
  *
  * Navigation
  *
  * @section content-navi
  */
		#navi { position: absolute; left: 160px; top: 162px; border-bottom:1px solid #FFF; z-index:3000; width: 750px; }
		#navi ul { margin: 0; padding: 0; }
		#navi .main { float: left; list-style: none; border-left: 1px solid #FFF; width: auto; margin: 0; padding: 0; }
		#navi .noBorder { border: none; }
		#navi .main a { letter-spacing: .1em; color: #FFF; text-decoration: none; font-weight: bold; width: auto; display: block; line-height: 24px; padding: 0 .8em; }
		#navi .main a.current-navi, #navi .main a:hover, #navi .main a:focus {color: #11668F; background: #e7f0f3; }
		#navi .main .sub { width: 908px; z-index: 1000000; position: absolute; top: 24px; left: -150px; margin: 0; padding: 0; 
		background: #FFF URL(/css/screen/images/bg_navi.png) repeat-x;
		border: 1px solid #a8c3cf; 
		border-top: 0;
		/*filter: alpha(opacity = 95);
		opacity: .95;
		-moz-opacity: .95;*/
		}
		#navi .main .sub .shadow { position: absolute; width: 918px; clear: both; float: none; left: -10px; bottom: -11px;
			background: URL(/css/screen/images/navi_shadow.png) 0 100% repeat-x;
			height: 200px;
			z-index: 1100000;
		}
		html>body #navi .main .sub .shadow { left: -9px; }
		#navi .main .sub a { margin-right: 20px; letter-spacing: 0; font-weight: bold !important; display: inline; height: 2em; z-index: 2000000; position: relative; }
		#navi .main .sub a:hover { color: #f6a924; font-weight: bold; }
		#navi .main .sub li { 
			min-height: 150px;
			border-right: 1px solid #FFF;
			float: left; list-style: none; margin-top: 10px; 
			margin-right: 10px;
		}
		#navi .main .sub li a { display: inline; font-weight: bold; color: #11668F; }
		#navi .main .sub ul { margin: 0 5px 0 0 ; }
		#navi .main .sub ul li { margin: 0; padding-top: 10px; float: none; border-right: none; min-height: 0;}
		#navi .main .sub ul li a { font-weight: normal; color: #333; }
					
		#navi ul.inline{display:none;}
		#navi .main:hover ul { display:block;}
					
	.breadcrumb { font-weight: bold; margin: 0 0 10px 10px;}
	.breadcrumb div { font-size: 85%; }
	/**
  * ------------------------------------------------------------------------------------------------- #
  *
  * pagination
  *
  * @section content-pagination
  */
	.pagination {
		margin: 10px 0;
	}
	.pagination a.first {
		margin-left: 0;
	}
	.pagination a {
		padding: 2px 5px;
		border: 1px solid #11668F;
		margin-left: 5px;
	}
	.pagination a:link,.pagination a:active,.pagination a:visited {
		background: #FFF;
		color: #11668F;
		border: 1px solid #11668F;
	}
	.pagination a.current,.pagination a:hover,.pagination a:focus {
		background: #f6a924 !important;
		color: #333;
		border: 1px solid #11668F;
	}
	
	a.button {
		padding: 2px 5px;
		border: 1px solid #11668F;
		margin-left: 5px;
	}
	a.button:link,a.button:active,a.button:visited {
		background: url(images/bg_navi.gif);
		color: #FFF;
		border: 1px solid #333;
	}
	a.button:hover,a.button:focus {
		color: #FFF;
		background: url(images/bg_navi.gif) 0 -20px;
	}
	
	/**
  * ------------------------------------------------------------------------------------------------- #
  *
  * boxes
  *
  * @section content
  */
	.box {
		border: 1px solid #DCDBDD;
		border: 1px solid #b3b3b3;
		padding: 5px;
		margin-bottom: 10px;
	}
	div.blue {
		background: #E7F0F3;
	}
	.boxHead {
		font-size: medium;
		font-size: large;
		font-weight: lighter;
		border-bottom: 1px solid #DCDBDD;
		margin: 0 0 .5em 0;
		/*/*text-transform: uppercase;*/*/
	}
	/**
  * ------------------------------------------------------------------------------------------------- #
  *
  * Messenger
  *
  * @section content-messenger
  */
	#messenger .mailpicker {
		margin-right: 24px;
		margin-top: 1px;
	}
	#messenger .content {
		margin-top: 1em;
	}
	#messenger .user {
		position: relative;
	}
	#messenger .userPanel {
		position: absolute;
		margin-top: 5px;
		width: 200px;
		z-index: 2;
		top: 1em;
		left: 1em;
		border: 5px solid #e0e0e0;
		background: grey;
		font-size: x-small;
	}
	/**
  * ------------------------------------------------------------------------------------------------- #
  *
  * Awards
  *
  * @section content-awards
  */
	#awardInfoBox {
		position: relative;
		zoom: 1;
		margin-bottom: 10px;
		padding-bottom: 5px;
	}
	.c_c #awardInfoBox
	#col2 #awardInfoBox {
		padding: 0;
	}
	.awardInfo {
		color: #333;
		/*background: url("images/bg_awards.gif") 100% 0 no-repeat;*/
		padding: 5px 0 0 0;
	}
	.awardInfo h4 {
		color: #333;
		padding-bottom: 0;
		margin-bottom: 0;
	}
	.awardInfo p {
		display: block;
		clear: both;
		margin: 0 10px;
		border-top: 1px dotted #d2f0f4;
		padding-top: 5px;
		height: 6em;
	}
	.awardInfo p.last {
		height: 2em;
	}
	.awardInfo .value {
		height: 53px;
	}
	.awardInfo .award {
		margin-left: 8px;
		display: inline;
	}
	.bronze {
		color: #e6b17b;
	}
	.silber {
		color: #F1F3F5;
	}
	.gold {
		color: #f9cb5c;
	}
	.awardInfo strong {
		background: none;
		display: block;
	}
	.awardList {
		/*width: 578px;*/
		height: 130px;
	}
	.award {
		position: relative;
		zoom: 1;
		height: 80px;
		width: 80px;
		float: left;
		margin: 3px 8px 8px 3px;
		display: inline;
	}
	.awardList .award {
		margin-right: 5px;
		margin-bottom: 5px;
	}
	.award.achieved {
		background: transparent URL("/images/awards/achieved.png") 0 0 no-repeat;
	}
	.award.notachieved {
		background: transparent URL("/images/awards/notachieved.png") 0 0 no-repeat;
	}
	.award div {
		position: absolute;
		width: 80px;
		height: 80px;
		background: transparent URL("/images/awards/frame.gif") no-repeat;
	}
	.award.a1 {
		background-position: -0px 0;
	}
	.award.a2 {
		background-position: -80px 0;
	}
	.award.a3 {
		background-position: -160px 0;
	}
	.award.a4 {
		background-position: -240px 0;
	}
	.award.a5 {
		background-position: -320px 0;
	}
	.award.a6 {
		background-position: -400px 0;
	}
	.award.a7 {
		background-position: -480px 0;
	}
	.award.a8 {
		background-position: -560px 0;
	}
	.award.a9 {
		background-position: -640px 0;
	}
	.award.a10 {
		background-position: -720px 0;
	}
	.award.a11 {
		background-position: -800px 0;
	}
	.award.a12 {
		background-position: -880px 0;
	}
	.award.a13 {
		background-position: -960px 0;
	}
	.award.a14 {
		background-position: -1040px 0;
	}
	.award.a15 {
		background-position: -1120px 0;
	}
	.award.a16 {
		background-position: -1200px 0;
	}
	.award.a17 {
		background-position: -1280px 0;
	}
	.award.a18 {
		background-position: -1360px 0;
	}
	.award.a19 {
		background-position: -1440px 0;
	}
	.award.a20 {
		background-position: -1520px 0;
	}
	.award.a21 {
		background-position: -1600px 0;
	}
	.award.a22 {
		background-position: -1680px 0;
		background-position: -2560px 0;
	}
	.award.a23 {
		background-position: -1760px 0;
		background-position: -2640px 0;
	}
	.award.a24 {
		background-position: -1840px 0;
	}
	.award.a25 {
		background-position: -1920px 0;
	}
	.award.a26 {
		background-position: -2000px 0;
	}
	.award.a27 {
		background-position: -2080px 0;
	}
	.award.a28 {
		background-position: -2160px 0;
	}
	.award.a29 {
		background-position: -2240px 0;
	}
	.award.a30 {
		background-position: -2320px 0;
	}
	.award.a31 {
		background-position: -2400px 0;
	}
	.award.a32 {
		background-position: -2480px 0;
	}
	.award.a33 {
		background-position: -2560px 0;
	}
	.award.a34 {
		background-position: -2640px 0;
	}
	.award.a35 {
		background-position: -2720px 0;
	}
	.award.a36 {
		background-position: -2800px 0;
	}
	.award.a37 {
		background-position: -2880px 0;
	}
	.award.a38 {
		background-position: -2960px 0;
	}
	.award.a39 {
		background-position: -3040px 0;
	}
	.award.a40 {
		background-position: -3120px 0;
	}

	.award.bronze div {
		background: URL("/images/awards/frame_bronze.gif") no-repeat;
	}
	.award.silber div {
		background: URL("/images/awards/frame_silver.gif") no-repeat;
	}
	.award.gold div {
		background: URL("/images/awards/frame_gold.gif") no-repeat;
	}
	/**
  * ------------------------------------------------------------------------------------------------- #
  *
  * Bilder
  *
  * @section content-images
  */
	a.img {
		border: 0px !important;
	}
	.img img,
	.image {
		display: inline;
		padding: 1px;
		border: 1px solid #DCDBDD;
		background: #FFF;
	}
	/**
  * ------------------------------------------------------------------------------------------------- #
  *
  * Community-Options
  *
  * @section content
  */
  	.comm-options {
  		clear: both;
  		margin: 10px 0;
  		line-height: 24px;
  	}
  	.comm-options ul {
  		margin: 0;
  		padding: 0;
  		list-style: none;
  	}
  	.comm-options li {
  		margin-left: 0;
  		clear: both;
  		line-height: 24px;
  	}
  	
	.commOptions {
		clear: both;
		margin-top: 0.5em;
		margin-bottom: 1em;
	}
	.commOptions ul {
		margin: 0 !important;
		padding: 0 !important;
		font-size: x-small;
	}
	.commOptions ul li {
		margin-left: 0px;
		list-style: none;
		float: left;
		width: auto;
	}
	.commOptions ul li a {
		width: 100%;
		margin-right: 1em;
		line-height: 20px;
		border: none !important;
		text-align: left;
	}/*
	.comm-options ul li a span.pointer,
	.comm-options ul li a span.pointer {
		margin-right: .5em;
		background: url(images/community_options_icons.gif) no-repeat;
		display: block;
		width: 20px;
		height: 20px;
		float: left;
	}
	.commOptions a .favour {
		background-position: 0 0;
	}
	.commOptions a:hover .favour {
		background-position: 0 -20px;
	}
	.comm-options a .abuse,
	.commOptions a .abuse {
		background-position: -20px 0;
	}
	.comm-options a:hover .abuse,
	.commOptions a:hover .abuse {
		background-position: -20px -20px;
	}
	.comm-options a .twitter,
	.commOptions a .twitter {
		background-position: -40px 0;
	}
	.comm-options a:hover .twitter,
	.commOptions a:hover .twitter {
		background-position: -40px -20px;
	}
	.comm-options a .facebook,
	.commOptions a .facebook {
		background-position: -60px 0;
	}
	.comm-options a:hover .facebook,
	.commOptions a:hover .facebook {
		background-position: -60px -20px;
	}
	.comm-options a .vz,
	.commOptions a .vz {
		background-position: -80px 0;
	}
	.comm-options a:hover .vz,
	.commOptions a:hover .vz {
		background-position: -80px -20px;
	}
	.comm-options a .taf,
	.commOptions a .taf {
		background-position: -120px 0;
	}
	.comm-options a:hover .taf,
	.commOptions a:hover .taf {
		background-position: -120px -20px;
	}
	.comm-options a .download,
	.commOptions a .download {
		background-position: -140px 0;
	}
	.comm-options a:hover .download,
	.commOptions a:hover .download {
		background-position: -140px -20px;
	}
	.comm-options a .pointer,
	.commOptions a .pointer {
		background-position: -160px 0;
	}
	.comm-options a:hover .pointer,
	.commOptions a:hover .pointer {
		background-position: -160px -20px;
	}
	*/
	/**
  * ------------------------------------------------------------------------------------------------- #
  *
  * nightloop
  *
  * @section content-nightloop
  */
  	#nl-detailImage {
  		position: relative;
  	}
  	#nl-detailImage img {
  		z-index: 1;
  	}
  	#nl-next,
  	#nl-prev,
  	#nl-thumbs {
  		position: absolute;
  		top: 100px;
  		right: 20px;
  		width: 40px;
  		height: 40px;
  		background: URL("images/nl_next_image.gif") no-repeat;
  		z-index: 2;
  	}
  	#nl-prev { left: 20px; background: URL("images/nl_prev_image.gif") no-repeat; }
	#nl-thumbs { top: 20px; left: 2px; text-align: center; width: 904px; background: none; }
	#nl-thumbs a { width: auto; padding: 10px; text-decoration: none;line-height: 40px !important; font-weight: lighter; font-size: large; margin: 0 auto; background: #FFF; border: 1px solid #11668F; }
  
	.thumbNails {
		padding-bottom: 20px;
		margin-bottom: 10px;
	}
	.thumbNails a {
		float: left;
		text-align: center;
		margin: 18px 0 0 18px;
		width: 122px;
		border: 0px !important;
		font-size: xx-small;
	}
	#imageOptions_ {
		position: absolute;
		top: 20px;
		left: 20px;
		border: 1px solid;
		display: block;
		background: #FFF;
		filter: alpha(opacity = 90);
		opacity: .9;
		-moz-opacity: .9;
		padding: 5px;
		width: 200px;
		z-index: 2;
	}
	#imageOptions_ ul {
		padding: 0;
		margin: 0;
	}
	#imageOptions_ li,#imageOptions_ li a {
		float: none;
		margin-top: .5em;
	}
	#nl_detail {
		position: relative;
		text-align: center;
	}
	#nl_detail .label {
		position: absolute;
		width: 82px;
		height: 82px;
	}
	#nl_detail .label a {
		display: block;
		border: none;
		width: 82px;
		height: 82px;
		background: url(images/label.png) no-repeat;
		_background: none;
		_filter: progid : DXImageTransform.Microsoft.AlphaImageLoader (
			sizingMethod = size, src = '/css/screen/images/label.png' );
	}
	#nl_detail .label a:hover {
		background-position: 0 -82px;
	}
	#nl-detailImage { min-height: 605px;}
	#nl_start a img,.picDetail a img,.thumbNails a img {
		display: inline;
		padding: 5px;
		border: 1px solid;
	}
	#nl_start a:hover img,.picDetail a:hover img,.thumbNails a:hover img {
		background: #f6a924;
	}
	.picDetail a {
		border: 0px !important;
	}
	.picDetail a img {
		border: 1px solid #11668F;
		background: #FFF;
	}
	#nl_start {
		margin-bottom: 10px;
	}
	#nl_start a {
		border: 0px !important;
	}
	#comments {
		clear: both;
		padding-top: 10px;
	}
	.comment {
		/*padding: 10px;*/
		margin-bottom: 10px;
		/*border: 1px solid #DCDBDD;*/
		overflow: hidden;
		background: #FFF;
	}
	.comment .author {
		float: left;
		width: 50px;
	}
	.comment .content {
		float: left;
		width: 540px;
	}
	.c_c .comment .content {
		width: 220px;	
	}
	
	.comment .meta {
		margin-bottom: 0;
	}
	
	.comment h5 { font-size: medium; }
	
	
.timeline { color: #333; list-style: none; margin: 0; padding: 0; }
.timeline li { line-height: 1.5em; clear: both; margin:0; padding: 5px; }
.timeline li a.small { visibility: hidden; }
.timeline li.action:hover a.small { visibility: visible; }
.timeline li.action:hover { background: url(/css/screen/images/bg_navi.png) 0 -100px repeat-x; background: none; }
.timeline li div.text { width: auto; }
.timeline .newDay { border-bottom: 1px solid #DCDBDD; }
.timeline .newDay { border-bottom: none; }
.comments {
	margin: 10px 0 0 0;
}
.comment { background: #E7F0F3; border: none; margin-bottom: 2px; padding: 2px;}
/*.comment { background: #ece0b6;}*/
.comment { background: #f1f3f5;}
.timeline .comment .content {
	width: 484px;
}

	
	.info_old {
		color: #C00;
		font-weight: bold;
		margin: 10px 0;
		padding: 5px;
		background: #f4f8fc;
		background: #f6a924;
		border: 1px solid #11668F;
	}
	.tr {
		border-bottom: 1px solid #e0e0e0;
	}
	.th {
		font-weight: bold;
		float: left;
		line-height: 2em;
		padding: 0.25em 0;
	}
	.td {
		float: left;
		padding: 0.25em 0;
	}
	.blogEntries {
		width: 610px;
		float: left;
	}
	.blogEntry {
		clear: both;
		margin-bottom: 1em;
	}
	.blogEntry .content {
		margin-bottom: 1em;
	}
	.blogEntry .permalink {
		float: right;
	}
	.blogEntry .tags {
		float: left;
	}
	.blogEntry .tags h3,.blogEntry .permalink h3 {
		display: inline;
		font-size: x-small;
	}
	.blogImage {
		width: auto;
		float: left;
		margin: 0 10px 0 0;
		font-size: x-small;
		border: 1px solid #003144;
		-moz-border-radius: 5px;
		background: #003144 url("images/bg_footer.gif") repeat-x;
		padding: 5px;
		color: #f4f8fc;
	}
	.blogImage img {
		display: block;
		margin-bottom: 5px;
	}
	ul.fav {
		padding: 0;
		margin: 0;
	}
	ul.fav li {
		list-style: none;
		float: left;
		width: 145px;
		margin: 0 4px 0 0;
		overflow: hidden;
	}
	.favLi {
		width: 140px;
		margin: 0;
	}
	.carousel-window {
		background: #FFF !important;
	}
	.rating .stars a {
		width: 20px;
		height: 20px;
		display: block;
		float: left;
		border: none;
		cursor: pointer !important;
	}
	.rating .stars {
		clear: both;
		height: 20px;
		width: 100px;
		display: block;
		float: left;
		line-height: 20px;
		background: URL("images/icons.gif") 0 -40px no-repeat;
	}
	.rating .current,.rating .point {
		float: left;
		line-height: 20px;
		margin-left: 10px;
	}
	/* teleschau */
	.stars {
		background: URL("images/ts_rating.gif") no-repeat;
	}

	/* charts */
	.voteField {
	
		cursor: pointer;
		border: 2px solid #dedede;
		width: 35px; 
		height: 35px;
		text-align: center;
		line-height: 2em;
		color: #dedede;
	}
	
	.highlighted, .checked {
		border: 2px solid orange;
		width: 35px; 
		height: 35px;
		color: #11668F;
	}
	
	/* video */
	.videoThumb {
		position: relative; 
		width: 140px;
	}
	
	.videoTime {
		filter: alpha(opacity = 80);
		opacity: .8;
		-moz-opacity: .8;
		position: absolute; 
		padding: 0 2px; 
		height: 15px; 
		line-height: 15px; 
		text-align: center; 
		background: #fff; 
		color: #11668F; 
		border: 1px solid #11668F; 
		bottom: 5px; 
		right: 22px;
		cursor: default; 
	}
	
	.videoShortDesc {
		width: 100%; 
		height: 40px; 
		overflow: hidden;
	}
	
	.videoMeta {
		margin: 0.25em 0;
	
	}
	
	#videoMetaBox {
		background: #d2f0f4;
	}
	
/** width */
.w20 {
	width: 20px;
	overflow: hidden;
}
.w40 {
	width: 40px;
}
.w50 {
	width: 50px;
}

.w65 {
	width: 65px;
}

.w75 {
	width: 75px;
}
.w80 {
	width: 80px;
}
.w85 {
	width: 85px;
}

.w100 {
	width: 100px;
}

.w125 {
	width: 125px;
}

.w150 {
	width: 150px;
}

.w170 {
	width: 170px;
}

.w175 {
	width: 175px;
}

.w180 {
	width: 180px;
}

.w200 {
	width: 200px;
}

.w250 {
	width: 250px;
}

.w280 {
	width: 280px;
}

.w300 {
	width: 300px;
}
	
.w325 {
	width: 325px;	
}

.w350 {
	width: 350px;
}

.w400 {
	width: 400px;
}

.w440 {
	width: 440px;
}

.w500 {
	width: 500px;
}

.w30p {
	width: 30%;	
}

.w45p {
	width: 45%;
}

/** height */
.h80 {
	height: 80px;	
}
.h100 {
	height: 100px;	
}

/** margin */
.m0 { margin: 0; }
.p0 { padding: 0; }
.mb5 {
	margin-bottom: 5px;
}

.mb10 {
	margin-bottom: 10px;
}
.mb20 {
	margin-bottom: 20px;
}
.mt5 {
	margin-top: 5px;
}
.mt10 {
	margin-top: 10px;
}
.mr5 {
	margin-right: 5px;	
}
.mr10 {
	margin-right: 10px;
}
.mr20 {
	margin-right: 20px;
}
.mr30 {
	margin-right: 30px;
}		
.mr5 {
	margin-right: 5px;
}
.ml5 {
	margin-left: 5px;
}
.ml10 {
	margin-left: 10px;
}
	
.ml10m {
	margin-left: -10px;	
}
.mt50 {
	margin-top: 50px;
}
.mbt20 {
	margin: 20px 0;
}
.pt20 {
	padding-top: 20px;
}
.mr10 {
	margin-right: 10px;	
}

.mr15 {
	margin-right: 15px;	
}
/** vererbte abstände / maße */
.div-mt5 div { margin-top: 5px; }
.div-clr div { clear: both; }

/** slider */
.pageWindow {
	width: 300px;
	height: 2em;
	position: relative;
	overflow: hidden;
	z-index: 2;
}

.pages {
	position: absolute;
	top: 0px;
	left: -px;
}

.pages a {
	text-align: center;
	background: #CCC;
	display: block;
	float: left;
	width: 30px;
	padding: 0 !important;
	margin: 0 5px 0 0 !important;
	line-height: 1.5em;
}

.slide-button {
	text-align: center;
	width: 50px;
	border: 1px solid;
	height: 40px;
	float: left;
	display: block;
}

.page-slide {
	float: left;
	display: block;
	width: 300px;
	margin: 0 10px;
}




.locations-eventList { margin: 0; padding: 0; }
.locations-eventList li { margin: 0; clear: both; list-style: none; }

/*
	deprecated? START	
*/
		
.widget .opts {
	font-size: small;
	color: #006188;
}

.widget {
	padding: 0;
}
.widget .boxHead {
	margin: 5px;
}
.widget.rss ul {
	margin: 0;
	padding: 0;
}
.widget.rss ul li {
	list-style: none;
	margin: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid #DCDBDD;
	clear: both;
	cursor: pointer;
}
.widget.rss a { display: block; text-decoration: none;}
.widget.rss h4 a { display: inline; }
.widget.rss h4 a:hover { text-decoration: underline; }
.widget.rss strong { display: block;}

.widget a:link strong, 
.widget a:visited strong,
.widget a:active strong { color: #11668F; } 
.widget a:hover strong, 
.widget a:focus strong { color: #f6a924; } 

.w-rss-navi {
	border-top: 1px solid #DCDBDD;
	padding-top: 5px;
	margin: 5px;
}
.w-rss-navi a.more {
	line-height: 20px;
}
/*
	deprecated? END	
*/
	



.widget .opts {
	font-size: small;
	color: #006188;
}

.widget.rss {
	padding: 0;
}
.widget.rss .boxHead {
	margin: 5px;
}
.widget.rss ul {
	margin: 0;
	padding: 0;
}
.widget.rss ul li {
	list-style: none;
	margin: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid #DCDBDD;
	clear: both;
	cursor: pointer;
}
.widget.rss a { display: block; text-decoration: none;}
.widget.rss strong { display: block;}


.w-bottom {
	background: #ccc;
	margin: 10px 0 0 0;
	padding: 0;
	height: 2em;
	width: 100%;
}
.w-bottom li {
	list-style: none;
	float: left;
	margin: 0;
	padding: 0;
	line-height: 2em;
	border-top: 1px solid #DCDBDD;
	border-right: 1px solid #DCDBDD;
	text-align: center;
}
.w-bottom li.last {
	border-right: none;
}
.w-bottom a {
	display: block;
	width: 100%;
	line-height: 2em;
	background: url(http://jp.localhost/css/screen/images/bg_navi.gif) repeat-x;
	text-decoration: none;
	color: #FFF;
	font-weight: bold;
}
.w-bottom .active a,
.w-bottom a:hover,
.w-bottom a:focus {
	background: #fdae25;
}
.w-rss-navi {
	margin: 5px;
}
	
.widget-option {
	background: #FFF;
	float: left;
	margin: 10px 0 0px 10px;
	width: 286px;
	display: inline;
	border: 1px solid #DCDBDD;
}
.widget-option.blue {
	border: 1px solid #11668F;
}
.widget-option label {
	padding: 20px;
	display: block;
	color: #333;
}
	
.widget { width: 298px; background: #FFF;}
.widget-col-1,
.widget-col-2 {
	float: left;
	width: 300px;
	height: 100%;
}
.widget-col-2 { margin-left: 10px; }
#page .glow-sortable-dropindicator {
        border: 2px dotted #11668F;
        height: 160px;
        margin: 10px;
        width: 296px;
        background: #E7F0F3;
}
.widget h4 {
	cursor: move;
}


.widget-col {
	width: 150px;
	margin: 0;
	padding: 0;
	list-style: none;
	z-index: 3;
	position: relative;
}
.widget-col li {
	color: #11668F;
	line-height: 30px;
	padding: 5px;
	border: 1px solid #DCDBDD;
	font-weight: bold;
	position: relative;
	z-index: 3;
	zoom: 1;
}

#left-widget-col li { 	border-right: 1px solid #11668F; }
#right-widget-col li { border-left: 1px solid #11668F; }

#left-widget-col li.hover {
	color: #fdae25;
	border-color: #11668F;
	border-right: 1px solid #FFF !important;	
}
#right-widget-col li.hover {
	color: #fdae25;
	border-color: #11668F;
	border-left: 1px solid #FFF !important;	
}
#center-widget-col {
	z-index: 1;
	border: 1px solid #11668F;
	width: 608px;
	position: absolute;
	left: 155px;
	padding-bottom: 10px;
	height: 143px;
}


#sn-carousel { color: #333; background: #FFF; }
#sn-carousel li { float: left; width: 260px; margin: 5px 15px 5px 5px;  }
div.sn-carousel div#layeredCarousel,
div.sn-carousel div.carousel-light div.carousel-window {
       width: 548px !important;
}


.fullvertical {
	background: red;
	list-style: none;
	float: none;
	width: 500px;
	overflow: hidden;
}




.avatarList ul { padding: 0; margin: 0; list-style: none; }
.avatarList li { clear: none !important; float: left; padding: 0 !important; margin: 5px 10px 5px 0 !important; }