5@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-2007, 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.0.4
 * @revision $Revision: 138 $
 * @lastmodified $Date: 2007-11-19 21:05:33 +0100 (Mo, 19 Nov 2007) $
 * @appdef yaml
 */
/*@media all
{*/
/**
* Fonts
* (en) font-family and font-size selection for headings and standard text elements
*
* @section content-fonts
*/
/* (en) reset font size for all elements to standard (16 Pixel) */
html * { font-size: 100.01% }
/* (en) reset monospaced elements to font size 16px in Gecko browsers */
textarea, pre, tt, code {
font-family: Georgia, serif;
}
/* (en) base layout gets standard font size 12px */
body {
font-family: Tahoma, Geneva, sans-serif;
font-size: 75.00%;
color: #444;
}
h1,h2,h3,h4,h5,h6 {
font-family: Georgia, Serif;
font-weight: normal;
color: #000000;
margin: 0 0 0.25em 0;
}
h1 { font-size: 380%; line-height: 1em; }
h2 { font-size: 250%; line-height: 1em; }
h3 { font-size: 150%; line-height: 1em; }
h4 { font-size: 133.33% }
h5 { font-size: 116.67% }
h6 { font-size: 116.67%; font-style:italic }
#header h1 {
font-size: 630%;
letter-spacing: -2px;
line-height: 0.7em;
color: #000;
}
#header span {
color:#999;
}
p { line-height: 1.5em; margin: 0 0 1em 0; }
/* ### Lists | Listen #### */
ul, ol, dl { line-height: 1.5em; margin: 0 0 1em 1em }
li { margin-left: 1.5em; line-height: 1.5em }
dt { font-weight: bold }
dd { margin: 0 0 1em 2em }
/* ### text formatting | Textauszeichnung ### */
cite, blockquote { font-style:italic }
blockquote { margin: 0 0 1em 1.5em }
strong,b { font-weight: bold }
em,i { font-style:italic }
pre, code { font-family: monospace; font-size: 1.1em; }
acronym, abbr {
 letter-spacing: .07em;
 border-bottom: .1em dashed #c00;
 cursor: help;
}
/**
* Generic Content Classes
* (en) standard classes for positioning and highlighting
* (de) Standardklassen zur Positionierung und Hervorhebung
*
* @section content-generic-classes
*/
.note {background: #dfd; padding: 1em; border-top: 1px #bdb dotted; border-bottom: 1px #bdb dotted;}
.important {background: #ffd; padding: 1em; border-top: 1px #ddb dotted; border-bottom: 1px #ddb dotted;}
.warning {background: #fdd; padding: 1em; border-top: 1px #dbb dotted; border-bottom: 1px #dbb dotted;}
.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 { text-align:center; margin: 0.5em auto }
/**
* External Links
*
* (en) Formatting of hyperlinks
*
*/
a {color: #742C29; text-decoration:none;}
a:focus,
a:hover,
a:active {color:#742C29; text-decoration:underline;}
#topnav a { color: #000000; font-size: 90%; font-weight: normal; background:transparent; text-decoration:none; }
#topnav a:focus,
#topnav a:hover,
#topnav a:active { text-decoration:underline; background-color: transparent; }
#footer a { color: #000000; font-size: 90%;margin: 0 5px; font-weight: normal; background:transparent; text-decoration:none; }
#footer a:focus,
#footer a:hover,
#footer a:active { text-decoration:underline; background-color: transparent; }
/**
* (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;
}
*/
/**
* 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: 0.5em; }
table.full { width: 100%; }
table.fixed { table-layout:fixed }
th,td { padding: 0.5em; }
thead th { background: #444; color: #fff }
tbody th { background: #ccc; color: #333 }
tbody th.sub { background: #ddd; color: #333 }
/**
* Some more columns
*/
.c20l, .c85l, .c15l, .c59l, .c65l {float: left; }
.c20r, .c15r, .c85r, .c41r, .c35r {float: right; margin-left: -5px; }
.c20l, .c20r { width: 20% }
.c85l, .c85r { width: 85%; }
.c15l, .c15r { width: 15%; }
.c65l { width: 65%; }
.c35r { width: 35%; }
.c59l { width: 59% }
.c41r { width: 41% }
.clear {
clear: both;
}
#contentwrapper {
border-bottom: 1px solid #DADADA;
}
/**
* Editor's Choice
*/
#logo {
float: left;
}
#editorschoice {
width: 950px;
color: #666;
border-bottom: 1px solid #DADADA;
background: #F3F3F3 url(/image/view/-/539594/data/64/-/vhdh4tz/-/bg_editorschoice.png) repeat-x top left;
}
#ec_nav {
 width: 110px;
 margin: 0;
 padding: 15px 16px 0px 0px;
text-align: right;
}
#ec_nav h2 {
 margin: 0 0 5px 0;
}
#ec_nav p {
 margin: 0;
}
#ec_wrapper {
width: 800px;
overflow: hidden;
position: relative;
}
#ec_wrapper a {
font-family: Georgia, "Times New Roman", Times, serif;
font-style: italic;
color: #000000;
display: block;
margin-top: 2px;
}
#ec_inner {
width: 1600px;
position: relative;
}
.ec_item {
 border-left: 1px solid #BDBDBF;
 height: 140px;
 width: 159px;
 float: left;
}
.ec_item_inner {
float: left;
width: 115px;
margin: 0;
padding: 10px 22px 0px 22px
}
/**
* Panel Tabs
*/
.paneltabs {
 padding: 1px 0;
 margin: 0;
 margin-bottom: 0;
 list-style-type: none;
 text-align: left; /*set to left, center, or right to align the menu as desired*/
}
.justtabs {
border-bottom: 1px solid #DADADA;
margin-bottom: 5px;
}
.paneltabs li {
 display: inline;
 margin: 0;
}
.paneltabs li a {
 text-decoration: none;
 position: relative;
 z-index: 1;
 padding: 3px 7px;
 background: #F1F1F3;
 color: #4D4D4D;
 font-size: 90%;
}
.paneltabs li a:visited {
 background: #F3F3F3 url(/image/view/-/539596/data/71/-/ij72evz/-/bg_tab.png) repeat-x top left;
 color: #4D4D4D;
}
.paneltabs li a:hover {
 background: #3A3A3A url(/image/view/-/539598/data/72/-/5l0mppz/-/bg_tab_active.png) repeat-x top left;
 color: #FFFFFF;
}
.paneltabs li a.selected { /*selected main tab style */
 background: #3A3A3A url(/image/view/-/539598/data/72/-/5l0mppz/-/bg_tab_active.png) repeat-x top left;
 color: #FFFFFF;
 font-size: 115%;
}
.paneltabs li a.selected:hover { /*selected main tab style */
 text-decoration: none;
}

/**
* Date
*/
.date {
 position: absolute;
 top: 70px;
 left: 620px;
 font-size: 11px;
 color: #AA8C73;
 line-height: 11px;
}

/**
* Search and Login Panel
*/
#navtools {
float: right;
line-height: 1.2;
}
#search {
float: left;
margin-right: 6px;
margin-top: 3px;
}
#login_btn {
background: url(/image/view/-/539600/data/67/-/nth2u1/-/bg_login.png) repeat-x top left;
float: left;
height: 27px;
}
#login_btn a {
color: #FFFFFF;
display: block;
margin: 6px 8px 0 8px;
}
#droplogin {
position: absolute;
width: 170px;
top: 27px;
right: 20px;
background: #626262;
color: #FFFFFF;
padding-bottom: 10px;
display: none;
}
#droplogin table {
width: 100px;
margin: 5px 0 0 5px;
}
#droplogin label {
font-size: 90%;
}
#droplogin a {
color: #FFFFFF;
text-decoration: underline;
}

/**
* Breadcrumb
*/
 
div.breadcrumbs {
margin: 0;
padding: 0;
/*-- sample only --*/
color: #33333;
margin-top: 20px;
font-size: 97%;
font-style: normal;
border-bottom: 1px solid #DADADA;
padding-bottom: 0px;
height: 35px;
 
}
 
div.breadcrumbs a {
background: url(/image/view/-/539602/data/76362/-/15ljad/-/bread_bg.png);
padding: 2px 2px 2px 5px;
overflow: hidden;
font-style: normal;
color: #ffffff;
font-family: Arial,Helvetica,sans-serif;
float: left;
}
 
div.breadcrumbs a:hover {
color: #ffffff;
text-decoration: none;
}
 
div.breadcrumbs span {
padding: 0;
font-size: 130%;
float: left;
}
 
div.breadcrumbs h2 {
color: #333333;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 300%;
font-weight: normal;
margin-top: 5px;
font-style: normal;
}
 
div.breadcrumbs p {
position: relative;
top: -8px;
display: inline;
color: #4a4a4a;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 200%;
 
padding-left: 2px;
}

/**
* Article column
*/
#articlepagecontent {
border-right: 1px solid #DADADA;
min-height: 1700px;
}
#articlebody {
 padding: 20px 0 5px 0; 
}
/**
* Form Elements
*/
label {
display: block;
}
input.textInput,
textarea.textInput,
select {
border: 1px solid #bbb;
border-top-color: #666;
border-left-color: #666;
font-size: 90%;
padding: 2px;
}
select {
padding: 1px;
}
textarea.textInput {
padding-right: 0;
padding-bottom: 0;
}
#searchInput {
border: none;
background: url(/image/view/-/539604/data/66/-/w198i1z/-/bg_input_search.png) no-repeat top left;
padding: 2px 3px 4px 3px;
margin-top: 1px;
}
#username, #password {
border: none;
background: url(/image/view/-/539606/data/65/-/j32sswz/-/bg_input_login.png) no-repeat top left;
padding: 2px 3px 4px 3px;
margin-top: 3px;
}
/**
* Miscellaneous
*/
hr {
 color: #fff;
 background:transparent;
 margin: 0.5em 0 1em 0;
 padding: 0 0 0.5em 0;
 border: 0;
 border-bottom: 1px #DADADA solid;
}
.photo_small {
width: 108px;
height: 70px;
border: 3px solid #000000;
}
.newstabs {
 width: 300px;
 padding: 20px 0 15px 0;
 margin-left: 15px;
}
.newslist {
 list-style: none;
 margin: 0;
 padding: 0;
}
.newslist li {
 padding: 0;
 margin: 0;
 padding: 4px 4px 4px 16px;
 border-top: 1px solid #DADADA;
 background: url(/image/view/-/539608/data/43/-/64ve6lz/-/ico_plus.png) no-repeat top left;
 background-position: 0 6px;
 line-height: 1.3em;
}
.newslist li.ico_photo { background: url(/image/view/-/539610/data/86/-/k3inp7/-/ico_photo.png) no-repeat top left; background-position: 0 6px; }
.newslist li.ico_video { background: url(/image/view/-/539612/data/88/-/x1p3ee/-/ico_video.png) no-repeat top left; background-position: 0 6px; }
.newslist li a {
 color: #4D4D4D;
}
.bloglist {
 list-style: none;
 margin: 0;
 padding: 0;
}
.bloglist li {
 padding: 0;
 margin: 0;
 padding: 4px 4px 4px 16px;
 border-bottom: 1px solid #DADADA;
 background: url(/image/view/-/539608/data/43/-/64ve6lz/-/ico_plus.png) no-repeat top left;
 background-position: 0 6px;
 line-height: 1.3em;
}
.bloglist li a {
 color: #4D4D4D;
}
.newstype {
 text-transform: uppercase;
 font-size: 105%;
 font-weight: bold;
 color: #333333;
 padding-left: 13px;
 background: url(/image/view/-/539614/data/85/-/10r7mmuz/-/ico_file.png) no-repeat top left;
 background-position: 0 2px;
 margin-bottom: 5px;
}
.newstime {
 font-size: 80%;
 font-weight: bold;
 color: #999999;
 margin-bottom: 2px;
}
.commentbar {
 font-size: 90%;
 padding-left: 18px;
 background: url(/image/view/-/539616/data/63/-/mt180jz/-/bg_comment.png) no-repeat top left;
}
.commentbar a {
 color: #FFFFFF;
}
.bigcommentbar {
height: 30px;
color: #FFFFFF;
 padding-left: 32px;
padding-top: 3px;
 background: url(/image/view/-/539618/data/56/-/9utsc7z/-/bg_bigcomment.png) no-repeat top left;
font-size: 120%;
}
/**
* Styling for Polls
*/
.poll_question {
font-size: 120%;
margin-bottom: 5px;
}
.poll_list {
list-style: none;
margin: 0;
padding: 0;
}
.poll_list li {
margin: 0;
padding: 2px 0;
}
/**
* Styling for Buttons
*/
.btn-black {
background: transparent url(/image/view/-/539620/data/77/-/gck9hr/-/blackbtn_left.png) top left no-repeat;
display: inline-block;
font-size: 10px;
font-weight: bold;
padding: 2px 0 4px 4px;
}
.btn-black span {
background: transparent url(/image/view/-/539622/data/78/-/taqo6x/-/blackbtn_right.png) top right no-repeat;
padding: 2px 8px 4px 4px;
}
a.btn-black:link, a.btn-black:visited {
color: #FFFFFF;
text-decoration: none;
background-color: transparent;
}
a.btn-black:hover {
color: #FFFFFF;
text-decoration: none;
background-color: transparent;
}
a.btn-black:active {
color: #FFFFFF;
text-decoration: none;
background-color: transparent;
}
.btn-blue {
background: transparent url(/image/view/-/539624/data/79/-/14i61u7z/-/bluebtn_left.png) top left no-repeat;
display: inline-block;
font-size: 120%;
padding: 6px 0 6px 5px;
line-height: 1.1;
}
.btn-blue span {
background: transparent url(/image/view/-/539626/data/80/-/qjym5fz/-/bluebtn_right.png) top right no-repeat;
padding: 6px 10px 6px 5px;
}
a.btn-blue:link, a.btn-blue:visited {
color: #DCE7F4;
text-decoration: none;
background-color: transparent;
}
a.btn-blue:hover {
color: #FFFFFF;
text-decoration: none;
background-color: transparent;
}
a.btn-blue:active {
color: #FFFFFF;
text-decoration: none;
background-color: transparent;
}
.submitbtn {
margin: 10px 0 10px 0;
}
/**
* News List
*/
.newslist li.sectionnews_first {
background: none;
padding: 5px 0 5px 0;
}
.newslist li.sectionnews_first img {
float: left;
}
.newslist li.sectionnews_first h3 {
width: 89px;
float: left;
margin-left: 6px;
line-height: 1em;
font-size: 160%;
}
.newslist li.sectionnews_first h3 a {
color: #742C29;
}
/**
* Video gallery
*/
#video {
width: 330px;
background: #E7E8EA;
border-top: 1px solid #DADADA;
border-bottom: 1px solid #DADADA;
margin-left: 1px;
}
#video_content {
margin: 15px;
}
#video_clip {
margin-bottom: 10px;
}
#video_description {
font-size: 90%;
line-height: 1.3em;
}
.video_preview {
border: 3px solid #000000;
float: left;
margin-right: 21px;
}
.video_playing {
border: 3px solid #0091B9;
}
#video_preview_last {
margin-right: 0;
}

/**
* Photo gallery channel
*/
#pictures {
width: 330px;
border-bottom: 1px solid #DADADA;
margin-left: 1px;
}
#pictures_content_teaser {
margin: 15px;
}
#picture_active {
 border-bottom: 1px solid #DADADA;
margin-bottom: 10px;
padding-bottom: 10px;
}
#picture_description {
font-size: 90%;
line-height: 1.3em;
}
.picture_small_teaser {
float: left;
margin-right: 10px;
padding-right: 10px;
width: 86px;
border-right: 1px solid #DADADA;
}
.picture_small_teaser img {
border: 3px solid #000000;
}
.picture_small_teaser p {
font-size: 90%;
line-height: 1.2;
margin: 4px 0 0 0;
}
.picture_small {
float: left;
margin-right: 21px;
width: 86px;
}
.picture_small img {
border: 3px solid #000000;
}
.picture_small p {
font-size: 90%;
line-height: 1.2;
margin: 4px 0 0 0;
}
#picture_small_last {
margin-right: 0;
}
.picture_small img.dotplus {
position: absolute;
border: none;
margin: 4px 0 0 4px;
}
/**
* Photo gallery home
*/
.photorow {
border-bottom: 1px solid #DADADA;
}
.photorow_last {
border-bottom: none;
}
.photorow .c50l .subcl {
border-right: 1px solid #DADADA;
}
.photorow .subcl img {
margin: 10px 0 0 17px;
}
.photorow .subcl span {
display: block;
margin: 3px 17px 0 17px;
padding-bottom: 10px;
line-height: 1.3em;
font-size: 90%;
}
/**
* Various ads
*/
.mpuad {
 width: 300px;
 border-bottom: 1px solid #DADADA;
}
.mpu {
 margin: 15px;
}
.fullbannerad {
width: 476px;
border-top: 1px solid #DADADA;
}
.fullbanner {
 margin: 15px 0;
}
.tower {
margin-top: 20px;
}
.leaderboardad {
text-align: center;
}
.leaderboard {
margin: 20px 0;
}
.halfbanner {
float: right;
}

.newslist li.sectionnews_first h3 {
      width: 89px;
      float: left;
      margin-left: 6px;
      line-height: 1.1em;
      font-size: 130%;
}

/**
 * Mauritius Richtext Styles
 */
p.p--info {
background-color:#EDEDED;
float:right;
width: 200px;
padding: 10px;
border: 10px;
}
table.tablestyle--SimpleLayout {
width: 460px;
border-style: solid;
border-color: black;
border-width: 1px;
margin-left: 10px;
}
table.tablestyle--Colored {
background-color:#EDEDED;
width: 460px;
border-style: solid;
border-color: black;
border-width: 1px;
margin-left: 10px;
empty-cells:show;
}
table.tablestyle--Colored * td {
border-style: solid;
border-color: black;
border-width: 1px;
}
tr.color--gray {
background-color:#C0C0C0;
}
tr.color--black {
background-color:#000000;
}
tr.color--white {
background-color:#FFFFFF;
}
tr.color--red {
background-color:#FFC0C0;
}
tr.color--green {
background-color:#C0FFC0;
}
tr.color--blue {
background-color:#C0C0FF;
}

/**
* Media Attachment
*/
#article_mediaattachment {
float:left;
}
.mediaattachment_image_left {
padding-bottom:10px;
padding-left:0px;
padding-right:5px;
padding:left;
}
.mediaattachment_image_right {
padding-bottom:10px;
padding-left:5px;
padding-right:0px;
padding:right;
}
#gainlose {
padding-left:10px;
}
.floatAd {
right: 5px;
position: absolute;
z-index: 100;
margin:1500px 0 0 0;
width: 160px;
height: 600px;
}

.stripad {margin: 2px 10px 5px 0;}
/*}*/