/**
 * @file solar.css
 * @project Solar Millennium
 * @author Rudi Bieller
 * @created 2007-07-09
 * @see files solar_small_fonts.css, solar_medium_fonts.css, solar_large_fonts.css
 * @note There is s Safari Hack in use: html[xmlns*=""] body:last-child ... { ... }
 *
 * @Added 2008-06-25 by Mario Diaz: Styles for flash movie teaser site
 */
/*WORKAROUNDS BEGIN*/
/*CSS FLOATING CLEANER*/
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns].clearfix {
    display: block;
}

html.clearfix {
    height: 1%;
}


/*WORKARROUNDS END*/

.sol_fixed_size {
    width: 490px;
    height: auto;
    color: #333;
}

.sol_noborder {
    border: none;
}

.sol_nobg {
    background: none;
}



.sol_db {
    display: block;
}
.sol_dn {
    display: none;
}
.sol_conf_panel {
    background: #999;
}

.sol_flt_rgt {
    float: right;
}
.sol_flt_lft {
    float: left;
}

.sol_message {
    margin: 5px 0;
    background: #9F0000;
    font-weight: bold;
    color: #ccc;
    padding: 0 5px;
}

.sol_headline_area {
    margin: 5px;
    font-size: 12px;
    font-weight: bold;
    color: #000
}

.sol_submit {
    padding: 0;
}

.openplayer {
    outline: none;
}

.sol_set_size_window {
    width: 904px !important;
    height: 680px !important;
    overflow: hidden;
    background: #fff;
}

.sol_set_height {
    height: 680px !important;
}

.sol_set_width {
    width: 904px !important;
}

.sol_vid_conf {
    padding: 20px 5px 15px 5px;
    margin: 10px 0 0 0;
    background: #aaa;
    height: 0px;
    overflow: hidden;
}

.sol_show_vid_conf {
    background: #ccc;
    margin: 0 -5px;
    padding: 5px;
    height: 20px;
}

.sol_mt_neg_10 {
    margin-top: -15px;
    margin-bottom: 10px;
}

a {
    cursor: pointer;
}

/* ################################################################################################################## */
/* GENERAL TAGS */
/* ################################################################################################################## */
a {
    color: #000;
    text-decoration: none;
}

a:hover, a:focus {
    opacity: 1 !important;
}

a:visited {
    /*opacity: 0.8;*/
}

#mainContent a {
    text-decoration: underline;
    color: #000;
}

a.back {
    display: block;
    background: url(../images/pfeil_dblau_links.gif) no-repeat;
    background-position: 0 5px;
    padding: 0 0 0 14px;
    margin: 20px 0 0 0;
    color: #000;
    font-size: 100%;
    line-height: 15px;
}

a.forward {
    display: block;
    background: url(../images/pfeil_dblau_rechts.gif) no-repeat;
    background-position: 0 5px;
    padding: 0 0 0 14px;
    margin: 20px 0 0 0;
    color: #000;
    font-size: 11px;
    line-height: 15px;
}

h1 {
    font-size: 14px;
    font-weight: bold;
}

h2 {
    font-size: 100%;
    font-weight: bold;
}

h3 {
}

img {
    border: 0;
}

img.imgsngl {
    display: block;
    max-width: 490px;
    margin: 0;
}

div.imgdbl {
    display: block;
}

div.imgdbl img {
    display: block;
    float: left;
    max-width: 235px;
    margin: 0;
}

div.imgdbl img.first {
    margin-right: 20px;
}

#errorMessage {
    color: red;
    padding: 10px;
}

.error {
    color: red;
}

hr {
    border: 0;
    background-color: #808080;
    color: #808080;
    height: 1px;
    margin: 8px 0 6px 0;
}

form {
    margin: 0;
    padding: 0;
}

p {
    margin: 0 0 20px 0;
    padding: 0;
}

label {
    font-size: 100%;
}

#mainContent ul {
    list-style-image: url(../images/aufzaehlungszeichen2.gif);
    margin-left: 20px;
    margin-top: 0;
    margin-bottom: 0;
}

.inv {
    position: absolute;
    left: -1000px;
    top: -1000px;
    overflow: hidden;
    visibility: hidden;
    height: 0;
    width: 0;
}

input, select, textarea {
    background: url(../images/bg_inputfields.gif) no-repeat;
    background-position: 0 0;
    background-color: #fff;
    padding: 2px 2px 2px 4px;
    font-size: 11px;
    border: 1px solid #C4D7E7;
    font-family: arial, helvetica, sans-serif;
}

option {
    padding-left: 8px;
}

input.sbmt {
    background: none;
    background-color: #fff;
}

/* ################################################################################################################## */
/* /GENERAL TAGS */
/* ################################################################################################################## */
/* ################################################################################################################## */
/* IMAGE / TEASERS */
/* ################################################################################################################## */
.imgLeftTxtRight {
    margin: 0 0 10px 0;
    padding: 0 0 10px 0;
    width: 490px;
    /*border-bottom:1px dotted #C4D7E7;*/
}

.imgLeftTxtRight img {
    display: block;
    float: left;
    margin-right: 20px;
    max-width: 235px;
}

.imgLeftTxtRight div {
    display: block;
    float: left;
    margin: 0;
    width: 235px;
}

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

.zoomicon5050 {
    margin: 10px 0;
}

.zoomicon5050 a {
    display: block;
    float: left;
    width: 235px;
    text-align: right;
}

.zoomicon5050 a.last {
    width: 255px;
}

/* ################################################################################################################## */
/* /IMAGE / TEASERS */
/* ################################################################################################################## */
/* ################################################################################################################## */
/* MAIN STRUCTURE */
/* ################################################################################################################## */
html {
    height: 100%;
}

body {
    font: 0.8em / 145% Arial, Verdana, sans-serif;
    margin: 0;
    padding: 0;
    color: #242424;
    background-image: url(../images/bg_body2.gif);
    background-repeat: repeat-y;
    background-position: top center;
    background-color: #E1EAF3;
    /* height: 100%; */
    min-height: 100%;
}
* html body {
    /* height: 100%; */
}

html > body {
    /* height: 100%; */
    min-height: 100%;
}

/* the outer container surrounding all others */
#outer_container {
    width: 900px;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
    height: 100%;
    min-height: 100%;
    margin-bottom: -21px;
}

/* meta navigation on top of page */
#metaNavContainer {
    height: 20px;
    max-height: 20px;
    overflow: hidden;
    line-height: 20px;
    padding: 0;
    margin: 0;
    background-color: #10295E;
    color: #fff;
    font-weight: bold;
    font-size: 86%;
    display: block;
}

#metaNavContainer #metaNavContainerRight a {
    text-decoration: none;
    border-bottom: 0;
    color: #fff;
    font-weight: normal;
}

#metaNavContainer #metaNavContainerRight a:hover {
    color: #C4D7E7;
}

#metaNavContainer #metaNavContainerRight a.b {
    color: #7096BB;
}

#metaNavContainer #metaNavContainerRight a.b:hover {
    color: #C4D7E7;
}

#metaNavContainerLeft {
    float: left;
    width: 530px;
    padding-left: 20px;
    letter-spacing: 0.8em;
}

#metaNavContainerRight {
    float: right;
    width: 350px;
}

/* header with logo left side and image/flash right side */
#header {
    width: 900px;
    height: 100px;
    max-height: 100px;
    overflow: hidden;
    margin: 0;
    padding: 0;
    background-color: #FFF;
    display: block;
}

header img {
    display: block;
}

#headerLeft {
    float: left;
}

#headerLeft img {
    margin-top: 29px;
    margin-left: 40px;
}

#headerRight {
    float: right;
    z-index: 0;
}

#headerLeft, #headerRight {
    height: 100px;
    overflow: hidden;
}

#headerRight img#print_head {
    position: absolute;
    top: 0;
    left: -1000px;
}

#headerRight img#screen_head {
    display: block;
}

/* main content container, surrounding 3 columns */
#main3colContainer { /* rbi todo: use different image with full width and blue box on left side */
    /*
     background: url(../images/bg_main3colContainer2.gif);
     background-repeat: repeat-y;
     background-position: left;
     */
    /* height: 100%; */
    /*
     min-height:760px;
     */
}
* html #main3colContainer {
    /* height:750px; */
}

/* 3 columns for main content */
#mainLeft, #mainContent, #mainRight {
    float: left;
}

#mainLeft {
    width: 180px; /* we need to include boxes on left side + navigation itself */
    min-height: 413px; /* rbi remove me */
    font-size: 10px;
}

#mainLeft h3 {
    font-size: 11px;
}

#mainLeft div#press_teaser_left {
    margin-left: 20px;
}

#mainLeft div#press_teaser_left h3 {
    padding-left: 5px;
    border-top: 1px solid #5B84AD;
    border-bottom: 1px solid #5B84AD;
    height: 20px;
    line-height: 20px;
}

#mainLeft div#press_teaser_left h3 a {
    color: #10295E;
    font-weight: normal;
    font-size: 12px;
    margin-bottom: 1px;
}
* html #mainLeft div#press_teaser_left {
    margin-top: 0;
}

#mainLeft div#press_teaser_left div.press_teaser_left_content {
    color: #000;
    border-bottom: 1px dotted #C4D7E7;
    padding: 5px;
    font-size: 10px;
    display: block;
}

#mainContent {
    width: 490px;
    margin: 0 25px 0 25px;
    overflow: hidden;
    font-size: 11px;
    padding-top: 18px;
}
* html #mainContent {
    margin: 0 25px 0 25px;
    padding-top: 17px;
}

#mainContent h1 {
    margin-bottom: 10px;
}
* html #mainContent h1 {
    margin-top: 4px;
}

#mainRight {
    width: 180px;
    font-size: 10px;
    margin-top: 5px;
}
* html #mainRight {
    margin-top: 10px;
}
* + html #mainRight { /* MSIE 7 */
    margin-top: 12px;
}

#mainRight h1 {
    background-color: #5B84AD;
    color: #fff;
    padding: 5px 20px 5px 10px;
    font-size: 11px;
    margin: 10px 0 10px 0;
    min-height: 10px;
    line-height: 10px;
}
* html #mainRight h1 {
    height: 10px;
}

#mainRight h2 {
    background-color: #5B84AD;
    color: #fff;
    padding: 5px 20px 5px 10px;
    font-size: 10px;
    margin: 10px 0 10px 0;
}

#mainRight div.teaser_text {
    display: block;
    text-align: left;
    margin: 10px 20px 0 10px;
    font-size: 10px;
    line-height: 13px;
}

#mainRight img {
    display: block;
    text-align: left;
    margin: 0 20px 0 10px;
}

#mainRight p.rc {
    display: block;
    text-align: left;
    margin: 10px 20px 0 10px;
}

#mainRight a {
    display: block;
    background: url(../images/pfeil_dblau_rechts.gif) no-repeat;
    background-position: 0 5px;
    padding: 0 0 0 14px;
    margin: 4px 0 0 12px;
    color: #000;
    font-size: 10px;
    line-height: 15px;
    text-decoration: underline;
}

#mainRight div.teaser_text a {
    background-image: none;
    padding: 0;
    margin: 0;
}

#mainRight div.teaser_text img {
    padding-left: 0;
    margin-left: 0;
}

#mainRight div.teaser_text_link p {
    padding: 0 10px;
    line-height: 13px;
}

#mainRight div.teaser_text_link p a {
    margin-left: 2px;
}

#mainRight div.teaser_text_link a {
    font-size: 10px;
    text-align: left;
}

#mainRight a img {
    display: inline;
    background: none;
    padding: 0 0 0 14px;
    margin: 4px 0 0 12px;
    text-decoration: none;
    border: 0;
}

/* ################################################################################################################## */
/* /MAIN STRUCTURE */
/* ################################################################################################################## */
/* ################################################################################################################## */
/* MAIN NAVIGATION */
/* ################################################################################################################## */
#mainNavigation {
    background: url(../images/band_links_kasten_dblau.gif) no-repeat;
    background-position: 0 0;
    font-size: 11px;
    width: 900px;
    height: 20px;
    max-height: 20px;
    min-height: 20px;
    overflow: hidden;
}

#mainNavigation ul {
    margin: 0 0 0 20px;
    padding: 0;
    background-color: #fff;
    float: left;
    width: 627px;
    height: 18px;
    font-family: arial, helvetica, sans-serif;
    border-top: 1px solid #808080;
    border-bottom: 1px solid #808080;
}
* html #mainNavigation ul {
    margin: 0 0 0 10px;
    width: 599px;
}

#mainNavigation ul li {
    display: inline;
    line-height: 18px;
}

#mainNavigation ul li a {
    padding: 0 3px 0 18px;
    background-color: #fff;
    color: #000;
    font-weight: bold;
    text-decoration: none;
    float: left;
    border-right: 1px solid #fff;
    background: url(../images/icon_hauptnavi_1ebene.gif) no-repeat;
    background-position: 5px 5px;
}

#mainNavigation ul li.active a {
    color: #10295E;
    background: url(../images/icon_hauptnavi_1ebene_aktiv.gif) no-repeat;
    background-position: 5px 5px;
}

#mainNavigation ul li a:hover {
    color: #10295E;
}

/* ################################################################################################################## */
/* /MAIN NAVIGATION */
/* ################################################################################################################## */
/* ################################################################################################################## */
/* SUB NAVIGATION */
/* ################################################################################################################## */
#mainLeft {
    width: 180px;
    margin-top: 18px;
    font-size: 11px;
}
* html #mainLeft {
    margin-top: 20px;
}

#mainLeft ul {
    margin-left: 0;
    padding-left: 0;
    list-style-type: none;
    font-family: Arial, Helvetica, sans-serif;
}
* html #mainLeft ul {
    margin-top: 2px;
}

#mainLeft ul li {
    background: url(../images/icon_hauptnavi_2ebene.gif) no-repeat;
    background-position: 5px 7px;
}

#mainLeft ul li.sub {
    background: none;
}

#mainLeft ul li.active {
    background: url(../images/icon_hauptnavi_2ebene_aktiv.gif) no-repeat;
    background-position: 5px 7px;
}

#mainLeft ul li.active2 {
    /*background:url(../images/icon_hauptnavi_3ebene_aktiv.gif) no-repeat;
     background-position:5px 7px;*/
}

#mainLeft ul li a {
    display: block;
    padding: 0;
    margin: 0 0 0 20px;
    width: 150px;
    /*height: 20px;*/
    line-height: 20px;
    color: #10295E;
    border-bottom: 1px solid #5B84AD;
    color: #10295E;
    padding-left: 10px;
    font-size: 11px;
    /*white-space: nowrap;*/
}

#mainLeft ul li a:hover {
    background: url(../images/navi_2ebene_aktiv_farbverla.gif) repeat-y;
    background-position: 0 0;
    background-color: transparent;
}

#mainLeft ul li.sub a {
    color: #808080;
    font-size: 11px;
    background-image: none;
    border-bottom: 1px solid #808080;
}

#mainLeft ul li.sub a:hover {
    color: #10295E;
    background-color: #fff;
}

#mainLeft ul li.active a {
    background: url(../images/navi_2ebene_aktiv_farbverla.gif) repeat-y;
    background-position: 0 0;
    background-color: transparent;
    font-weight: bold;
}

#mainLeft ul li.active a.activeParent {
    background: none;
}

#mainLeft ul li.active a.activeParent:hover {
    background: url(../images/navi_2ebene_aktiv_farbverla.gif) repeat-y;
    background-position: 0 0;
    background-color: transparent;
    font-weight: bold;
}

#mainLeft ul li.active2 a {
    background: url(../images/navi_2ebene_aktiv_farbverla.gif) repeat-y;
    background-position: 0 0;
    background-color: transparent;
    font-weight: normal;
    color: #10295E;
}

/* ################################################################################################################## */
/* /SUB NAVIGATION */
/* ################################################################################################################## */
/* ################################################################################################################## */
/* FONT-SIZE NAVIGATION */
/* ################################################################################################################## */
#fontSizes {
    float: left;
    border-top: 1px solid #808080;
    border-bottom: 1px solid #808080;
    padding: 0 25px 0 0;
    margin: 0;
    height: 18px;
    line-height: 18px;
}
* html #fontSizes {
    width: 75px;
}

#fontSizes img {
    display: block;
    margin: 3px 0 0 0;
    float: left;
}

/* ################################################################################################################## */
/* /FONT-SIZE NAVIGATION */
/* ################################################################################################################## */
/* ################################################################################################################## */
/* SEARCH BOX */
/* ################################################################################################################## */
#searchBox {
    float: left;
    border-top: 1px solid #808080;
    padding: 0;
    margin: 0;
    height: 19px;
    line-height: 19px;
    overflow: hidden;
}

html[xmlns * =
""]body:last-child #searchBox {
    height: 17px;
    border-bottom: 0;
}

body:last-child:
not(:root:root) #searchBox {
    height: 17px;
    border-bottom: 0;
}

#searchBox input {
    border: 0;
    padding: 2px 2px 2px 4px;
    width: 155px;
    color: #808080;
    height: 18px;
    margin-top: -1px;
}

html[xmlns * =
""]body:last-child #searchBox input {
    background: none;
    margin: 0;
    height: 20px;
    width: 161px;
}

body:last-child:
not(:root:root) #searchBox input {
    background: none;
    margin: 0;
    height: 20px;
    width: 161px;
}

img#sb {
    display: block;
    float: left;
    margin: 0;
    padding: 0;
}

/* ################################################################################################################## */
/* /SEARCH BOX */
/* ################################################################################################################## */
/* ################################################################################################################## */
/* BREADCRUMB */
/* ################################################################################################################## */
#breadcrumb {
    margin: 0 0 1px 0;
    padding: 2px 0 0 30px;
    background: url(../images/band_links_kasten_hblau.gif) no-repeat;
    background-position: 0 0;
    height: 16px;
    line-height: 18px;
    font-size: 10px;
    white-space: nowrap;
}

/* ################################################################################################################## */
/* /BREADCRUMB */
/* ################################################################################################################## */
/* ################################################################################################################## */
/* SITEMAP */
/* ################################################################################################################## */
#sitemap {
    background-color: #fff;
    line-height: 14px;
}

#sitemap h2 {
    background-color: #7096BB;
    padding: 5px;
    margin: 10px 0;
    color: #fff;
    height: 10px;
}

#sitemap div.col {
    float: left;
    width: 162px;
    background-color: #fff;
    margin: 0 0 10px 0;
    padding: 0;
}

#sitemap a {
    margin: 0;
    padding: 5px 0 0 0;
    text-decoration: underline;
    color: #000;
    line-height: 14px;
    height: 14px;
}

#sitemap h2 a {
    padding: 0;
    text-decoration: none;
    display: inline;
    color: #fff;
    line-height: 10px;
    height: 10px;
}

/* ################################################################################################################## */
/* /SITEMAP */
/* ################################################################################################################## */
/* ################################################################################################################## */
/* LOGIN FORM RELATED */
/* ################################################################################################################## */
.formBox {
    background-color: #C4D7E7;
    padding: 0;
    color: red;
    font-size: 90%;
}

.formBox .headline {
    height: 30px;
    line-height: 30px;
    border-bottom: 1px solid #5B84AD;
    margin: 0 0 10px 0;
}

.formBox strong {
    color: #000;
    font-size: 110%;
    padding-left: 10px;
}

.formBox table {
    border-collapse: collapse;
}

.formBox table td {
    padding: 0 0 10px 0;
    font-size: 90%;
    font-weight: normal;
}

.formBox table td.f {
    width: 120px;
}

.formBox table td.s {
    padding-left: 40px;
}

.formBox table td.s a {
    display: block;
    background: url(../images/pfeil_dblau_rechts.gif) no-repeat;
    background-position: 0 4px;
    padding: 0 0 0 14px;
    margin: 0;
    color: #000;
    line-height: 15px;
    text-decoration: underline;
}

.formBox input {
    border-top: 1px groove #ccc;
    width: 220px;
}

#lost_pass_hint {
    margin: 20px 0 0 0;
}

#lost_pass_hint h2 {
    color: red;
}

#lost_pass_hint a {
    display: block;
    background: url(../images/pfeil_rot_rechts.gif) no-repeat;
    background-position: 0 4px;
    padding: 0 0 0 14px;
    margin: 0;
    color: red;
    line-height: 15px;
    text-decoration: underline;
}

/* ################################################################################################################## */
/* /LOGIN FORM RELATED */
/* ################################################################################################################## */
/* ################################################################################################################## */
/* FOOTER */
/* ################################################################################################################## */
#footer {
    height: 20px;
    line-height: 20px;
    font-size: 90%;
    color: #808080;
    border-top: 1px dotted #808080;
    margin-top: 0px;
}
* html #footer {
    margin-bottom: 15px;
}
*:first-child + html #footer {
    margin-bottom: 15px;
}

#footerLeft {
    float: left;
}

#footerRight {
    float: right;
}

#footerLeft {
    width: 225px;
}
* html #footerLeft {
    width: 225px;
}

#footerRight {
    text-align: right;
    width: 265px;
}

#footerRight a {
    background: url(../images/icon_hilfsnavi.gif) no-repeat;
    background-position: 0 3px;
    padding: 0 0 0 13px;
    color: #808080;
}

#footer hr {
    margin: 0 0 0 20px;
}

/* ################################################################################################################## */
/* /FOOTER */
/* ################################################################################################################## */
/* ################################################################################################################## */
/* CONTACT FORM, ORDER FORM */
/* ################################################################################################################## */
#contact_form, #order_form {
}

#contact_form #contact_form_fields input, #contact_form #contact_form_fields textarea, #order_form #order_form_fields input, #order_form #order_form_fields textarea {
    border-top: 0;
}

#contact_form_fields, #order_form_fields {
    background-color: #C4D7E7;
    padding: 10px;
}

.cf_left, .cf_right, .of_left, .of_right {
    float: left;
    margin: 0 0 5px 0;
}

.cf_left, .of_left {
    width: 190px;
}

.cf_right {
    width: 280px;
    border: 0;
}

.of_right {
    width: 280px;
}

#contact_form fieldset, #order_form fieldset {
    border: 0;
    padding: 0;
    margin: 0;
}

#contact_form legend, #order_form legend {
    display: none;
}

/* contact form */
#contact_form input, #contact_form textarea, #contact_form select {
    border-top: 1px groove #ccc;
    width: 220px;
}

/* order form */
#order_form input, #order_form textarea, #order_form select {
    border-top: 1px groove #ccc;
    width: 272px;
}

#order_form select {
    width: auto;
}

#order_form select#order_salutation {
    width: auto;
    margin-right: 25px;
}

#order_form input.i20 {
    width: 36px;
}

#order_form input.i30 {
    width: 56px;
}

#order_form input.i40 {
    width: 76px;
}

#order_form input.i50 {
    width: 130px;
}

#order_form input.i60 {
    width: 184px;
}

#order_form input.i70 {
    width: 204px;
}

#order_form input.i80 {
    width: 224px;
}

#order_form h3 {
    background-color: #5B84AD;
    color: #fff;
    padding: 5px 20px 5px 10px;
    font-size: 100%;
    margin: 10px 0 10px 0;
}

#order_form input.chkbx {
    width: auto;
    border: 0;
}

/* publications checkboxes */
#order_form .order_pub_chkbx {
    float: left;
    width: 244px;
    padding: 0 0 5px 1px;
    margin: 0;
}

#contact_form input.sbmt, #order_form input.sbmt {
    width: auto;
}

/* ################################################################################################################## */
/* /CONTACT FORM, ORDER FORM */
/* ################################################################################################################## */
/* ################################################################################################################## */
/* DOWNLOAD LIST */
/* ################################################################################################################## */
.dl_category_list {
}

.dl_category_list h3 {
    background-color: #5B84AD;
    color: #fff;
    padding: 5px 20px 5px 10px;
    font-size: 100%;
    margin: 10px 0 10px 0;
    min-height: 10px;
    line-height: 10px;
}
* html .dl_category_list h3 {
    height: 10px;
}

.dl_category_list .dl_tbl_head {
    background-color: #C4D7E7;
    color: #000;
    padding: 5px 20px 5px 10px;
    font-size: 100%;
    margin: 10px 0 0 0;
    border-bottom: 1px solid #5B84AD;
    min-height: 10px;
    line-height: 10px;
}
* html .dl_category_list .dl_tbl_head {
    height: 10px;
}

.dl_category_list .dl_tbl_item {
    border-bottom: 1px dotted #C4D7E7;
}

.dl_category_list .dl_tbl_head_1, .dl_category_list .dl_tbl_head_2, .dl_category_list .dl_tbl_head_3, .dl_category_list .dl_tbl_item_1, .dl_category_list .dl_tbl_item_2, .dl_category_list .dl_tbl_item_3 {
    float: left;
}

.dl_category_list .dl_tbl_item_1, .dl_category_list .dl_tbl_item_2, .dl_category_list .dl_tbl_item_3, .dl_category_list a.icon {
    padding: 5px 0;
}

.dl_category_list .dl_tbl_head_1 {
    width: 90px;
}

.dl_category_list a.icon {
    display: block;
    float: left;
    width: 20px;
    margin: 0 10px 0 0;
}

.dl_category_list .dl_tbl_head_2 {
    width: 90px;
}

.dl_category_list .dl_tbl_head_3 {
    width: 280px;
}

.dl_category_list .dl_tbl_item_1 {
    width: 70px;
}

.dl_category_list .dl_tbl_item_2 {
    width: 90px;
}

.dl_category_list .dl_tbl_item_3 {
    width: 280px;
}

/* ################################################################################################################## */
/* /DOWNLOAD LIST */
/* ################################################################################################################## */
/* ################################################################################################################## */
/* DOORPAGE */
/* ################################################################################################################## */
#doorpage {
    font-size: 11px;
}

.door_row {
    margin: 0 0 20px 0;
}

.doorpage_item_1 {
    float: left;
    width: 235px;
    padding: 0;
    margin: 0;
    padding-right: 20px;
}

.doorpage_item_2 {
    float: right;
}

.door_row h4 {
    color: #5B84AD;
    font-size: 100%;
    margin: 0 0 2px 0;
    padding: 0;
    line-height: 13px;
    height: 13px;
}

#doorpage a {
    text-decoration: none;
    line-height: 13px;
}

.door_row img {
    display: block;
    float: left;
    width: 65px;
    height: 65px;
}

.door_row_desc_1, .door_row_desc_2 {
    float: left;
    padding: 5px 5px 5px 10px;
    background-color: #C4D7E7;
    width: 155px;
    height: 55px;
    margin: 0 0 0 0;
    line-height: 130%;
}

.door_row_desc_2 {
    margin: 0;
    width: 155px;
}

/* ################################################################################################################## */
/* /DOORPAGE */
/* ################################################################################################################## */
/* ################################################################################################################## */
/* RECOMMEND PAGE / PRINT ICONS ON FOOTER */
/* ################################################################################################################## */
#recommend {
    padding-top: 20px;
    text-align: right;
}

#recommend img {
}

/* ################################################################################################################## */
/* RECOMMEND PAGE / PRINT ICONS ON FOOTER */
/* ################################################################################################################## */
/* ################################################################################################################## */
/* CLEARFIX */
/* ################################################################################################################## */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {
    display: inline-block;
}

/* Hides from IE-mac \*/
/*
 * html .clearfix {height: 1%;}
 .clearfix {display: block;}*/
/* End hide from IE-mac */
/* ################################################################################################################## */
/* /CLEARFIX */
/* ################################################################################################################## */
/* Styles for Confirmationlayer */
div.confirmation_layer {
    position: absolute;
    display: block;
    padding: 10px;
    top: 10px;
    z-index: 100;
    background-color: #99b7d0;
    height: 1000px;
    margin: 0 auto -21px;
    width: 490px;
}

div.confirmation_layer_content {
    position: absolute;
    display: block;
    padding: 10px;
    left: 10px;
    top: 10px;
    z-index: 101;
}

div.confirmation_layer_content hidden, div.confirmation_layer hidden {
    display: none;
}

/* *** tinyStyles *** */
@import url(tiny_solar.css); /* don't wanna work... so add those styles manually */
p.first_block {
    margin: 0 0 10px 0;
}

.headline1 {
    font-size: 14px;
    font-weight: bold;
}

.headline2 {
    font-size: 100%;
    font-weight: bold;
}

/*
 .simple_text { font-size: 100%; font-weight: normal; }
 .image_text { font-size: 100%; font-weight: normal; }
 */
.image_left {
    float: left;
    margin: 5px 10px 1px 0;
}

/* 2008-06-25 by Mario Diaz: Styles for flash movie teaser site */
div.table_row {
    min-height: 1px;
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
}

div.table_td {
    float: left;
}

div.space_line {
    clear: both;
    margin: 0;
    padding: 0;
}

div#flash_movies_doorpage {
}

div#flash_movies_doorpage div.movies_row {
    padding-bottom: 17px;
}

div#flash_movies_doorpage div.movies_row div.preview_img {
    width: 200px;
    padding-top: 3px;
}

div#flash_movies_doorpage div.movies_row div.movies_text {
    width: 280px;
}

div#flash_movies_doorpage div.movies_row div.small_headline {
    font-weight: bold;
    font-size: 14px;
    line-height: 22px;
}

div#flash_movies_doorpage div.movies_row div.only_text {
    padding: 0 0 8px 0;
}

div#flash_movies_doorpage div.movies_row div.the_link a {
    display: block;
    background: url(../images/pfeil_dblau_rechts.gif) no-repeat;
    background-position: 0 5px;
    padding: 0 0 0 14px;
    margin: 0;
    color: #000;
    font-size: 10px;
    line-height: 15px;
    text-decoration: underline;
}