@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: "Courier New", Courier, monospace;  
}
/* (en) base layout gets standard font size 12px */
body {
font-family: Arial, Helvetica, sans-serif;
font-size: 75.00%; 
color: #444;  
}

page-t{
  font-family: Arial, Helvetica, sans-serif;
font-size: 75.00%;
color: #444;
}
h1,h2,h3,h4,h5,h6 { 
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: normal;
color: #000000;
margin: 0 0 0.25em 0; 
}
h1 { font-size: 300%; 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: #0091B9; text-decoration:none;}
a:focus,
a:hover,
a:active {color:#0091B9; 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(../images/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: Geneva, Arial, Helvetica, sans-serif;

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: 0px;
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(../images/bg_tab.png) repeat-x top left;
    color: #4D4D4D;
}
.paneltabs li a:hover {
    background: #3A3A3A url(../images/bg_tab_active.png) repeat-x top left;
    color: #FFFFFF;
}
.paneltabs li a.selected { /*selected main tab style */
    background: #3A3A3A url(../images/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: #31639f;
        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/-/730/data/67/-/ew4o0l/-/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: 100%;
font-style: normal;
border-bottom: 1px solid #DADADA;
padding-bottom: 0px;
height: 35px;
 
}
 
div.breadcrumbs a {
background: url(/image/view/-/758/data/81/-/mj5laoz/-/bread_bg.bmp);
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: #cccccc;
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;

}
#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(../images/bg_input_search.png) no-repeat top left;
padding: 2px 3px 4px 3px;
margin-top: 1px;
}
#username, #password {
border: none;
background: url(/image/view/-/726/data/65/-/o9gsgrz/-/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(../images/ico_plus.png) no-repeat top left;
    background-position: 0 6px;
    line-height: 1.3em;
}
.newslist li.ico_photo { background: url(/image/view/-/768/data/86/-/qa40h4z/-/ico_photo.png) no-repeat top left; background-position: 0 6px; }
.newslist li.ico_video { background: url(/image/view/-/772/data/88/-/cvhh09/-/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(../images/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: 80%;
    font-weight: bold;
    color: #333333;
    padding-left: 13px;
    background: url(/image/view/-/766/data/85/-/148af6az/-/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/-/722/data/63/-/vl9hv7/-/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/-/708/data/56/-/3tdkfcz/-/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(../images/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(../images/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: red url(/image/view/-/754/data/79/-/xbkp1o/-/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/-/756/data/80/-/10hc0yuz/-/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: #0091B9;
}
/**
* 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%;
}


/*}*/