/* common */

html, body, h1, h2, h3, div, span, form, input, select  {
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    color: #5f6b78;
}

form {
    margin: 0px;
    padding: 0px;
}

html {
    height: 100%;
}

body {
    background-color: #ffffff;
    margin: 0px 0px 0px 0px;
    height: 100%;
}


/* systemmessage */

div.systemmessage {
    background-image: url(/images/main/header/systemmessage/background.gif);
    background-color: #ffffff;
    width: 465px;
    height: 65px;
    left: 300px;
    top: 30px;
    position: absolute;
    z-index: 10;
}

div.systemmessage_border {
    margin: 5px 10px 5px 5px;
    border-top: 1px solid #e7ecf2;
    border-right: 1px solid #e7ecf2;
    border-bottom: 1px solid #e7ecf2;
    border-left: 1px solid #e7ecf2;
    background-image: url(/images/main/framework/icons/info.gif);
    background-repeat: no-repeat;
    background-position: 10px 5px;
    height: 50px;
}

div.systemmessage_border div {
    margin: 16px 10px 10px 50px;
    height: 22px;
    font-size: 11px;
    color: #5f6b78;
}

/* loader */

#loader {
    position: absolute;
    left: 745px;
    top: 50px;
}

/* header */

td.header_background {
    background-image: url(/images/main/header/background.gif);
    background-position: left top;
    background-repeat: repeat-x;
    vertical-align: top;
}

table.header_background_middle {
    background-image: url(/images/main/header/background_middle.gif);
    background-position: left top;
    background-repeat: repeat-x;
}

td.header_background_right {
    background-image: url(/images/main/header/background_right.jpg);
    background-position: right top;
    background-repeat: no-repeat;
    vertical-align: top;
}

div.HauptsaisonLayer {
	position: absolute;
	width: 384px;
	height: 82px;
	background-image: url(/images/main/stuff/hauptsaison.png);
	background-repeat: no-repeat;
	margin: 0 0 0 298px;
}


/* tab */

td.header_tab_on {
    background-image: url(/images/main/header/tab/background/on.gif);
    vertical-align: bottom;
}

td.header_tab_off {
    background-image: url(/images/main/header/tab/background/off.gif);
    background-position: right top;
    background-repeat: no-repeat;
    vertical-align: bottom;
}

td.header_tab_over {
    background-image: url(/images/main/header/tab/background/over.gif);
    background-position: right top;
    background-repeat: no-repeat;
    vertical-align: bottom;
}

td.header_tab_on a,
td.header_tab_on a:hover {
    font-size: 11px;
    font-weight: bold;
    color: #717f91;
    text-decoration: none;
    padding: 5px 12px 6px 12px;
    display: block;
    line-height: 11px;
}

td.header_tab_off a,
td.header_tab_off a:hover,
td.header_tab_over a,
td.header_tab_over a:hover {
    font-size: 11px;
    font-weight: bold;
    color: #ffffff;
    text-decoration: none;
    padding: 5px 12px 6px 12px;
    display: block;
    line-height: 11px;
}

/* navigation */

td.header_navigation {
    background-image: url(/images/main/header/navigation/background.gif);
    background-repeat: repeat-x;
    font-size: 11px;
    line-height: 11px;
    padding: 0px 0px 0px 37px;
}

td.header_navigation span {
    margin: 0px 15px 0px 0px;
    color: #a4aebb;
    cursor: pointer;
}

td.header_navigation a,
td.header_navigation a:hover {
    color: #293f5b;
    text-decoration: none;
}

td.header_navigation a:hover {
    color: #293f5b;
    text-decoration: underline;
}


/* login */

td.header_login_position {
    vertical-align: bottom;
    text-align: left;
}

table.header_login_box {
    margin: 0px 0px 11px 0px;
}

table.header_login_box td {
    font-size: 10px;
    color: #ffffff;
    line-height: 14px;
    text-align: left;
    padding: 0px 0px 8px 0px;
}

table.header_login_box td h1 {
    font-size: 11px;
    color: #ffffff;
    margin: 8px 0px 8px 0px;
}

table.header_login_box td a {
    text-decoration: none;
    color: #ffffff;
}

table.header_login_box td a:hover {
    text-decoration: underline;
    color: #ffffff;
}

span.header_login_box_info {
    color: #93a9c4;
    font-size: 10px;
}

input.header_login_input {
    border: 1px solid #426a9a;
    background-color: #ffffff;
    color: #5f6b78;
    width: 68px;
    margin: 0 3px 0 0;
    font-size: 10px;
    line-height: 10px;
    padding: 2px;
}

.header_login_button {
    margin: 0 0 0 0;
}


/* overview */

td.overview {
    background-image: url(/images/main/overview/background.gif);
    background-repeat: repeat-x;
    vertical-align: top;
}

td.overview_box {
    background-image: url(/images/main/overview/background_line.gif);
    background-position: right top;
    background-repeat: no-repeat;
    padding: 10px 10px 0px 27px;
    font-size: 10px;
    color: #717f91;
}

td.overview_box {
    font-size: 10px;
    color: #717f91;
}

td.overview_box * {
    font-size: 10px;
}

td.overview_box h1 {
    font-size: 11px;
    font-weight: bold;
    color: #174375;
    line-height: 11px;
    margin: 5px 0px 7px 10px;
}

td.overview_box_light {
    font-size: 10px;
    color: #4e79ab;
}

td.overview_box_button {
    text-align: right;
    padding: 0px 14px 0px 0px;
}

td.overview_box_padding_all {
    padding: 8px 14px 6px 10px;
    line-height: 15px;
    vertical-align: top;
}

div.overview_infolayer {
    background: #ffffff;
    border: 1px solid #e8edf3;
    padding: 10px;
    width: 150px;
    position: absolute;
    display: none;
    color: #174375;
    text-align: left;
}

/* content */

table.content_box_background {
    /*background-image: url(/images/main/content/box/background.gif);
    background-position: top;
    background-repeat: repeat-x;*/
    background-color: #ffffff;
}

table.content_box_background tr td {
    background-repeat: repeat;
    vertical-align: top;
    text-align: left;
}

td.content_box_verlauf {
    background-image: url(../../images/main/content/box/bg_verlauf.gif);
    background-repeat: repeat-x;
    background-position: bottom;
}

td.content_box_verlauf_small {
    background-image: url(../../images/main/content/box/bg_verlauf_small.gif);
    background-repeat: repeat-x;
    background-position: bottom;
}

td.box_verlauf {
    background-image: url(../../images/main/content/box/bg_verlauf.gif);
    background-repeat: repeat-x;
    background-position: bottom;
    padding: 0 5px 0 5px;
}

td.content_box_padding {
    font-size: 11px;
    color: #5f6b78;
    line-height: 15px;
    padding: 8px 0px 6px 0px;
}

td.content_box_referenzen_padding {
    font-size: 11px;
    color: #5f6b78;
    line-height: 15px;
    padding: 0px 0px 6px 0px;
}

td.content_box_text {
    font-size: 11px;
    color: #555555;
    line-height: 15px;
    padding: 15px 10px 15px 10px;
    text-align: justify;
}

td.content_box_text3 {
    font-size: 11px;
    color: #555555;
    line-height: 15px;
    padding: 15px 10px 10px 10px;
    text-align: justify;
}

td.content_box_text4 {
    font-size: 11px;
    color: #555555;
    line-height: 15px;
    padding: 6px 10px 15px 10px;
    text-align: justify;
}

*html td.content_box_text4 {
    font-size: 11px;
    color: #555555;
    line-height: 15px;
    padding: 8px 10px 15px 10px;
    text-align: justify;
}

.content_box_teaser {
    padding: 15px 0 0 0;
}

td.content_teaserbox_text {
    font-size: 11px;
    color: #555555;
    line-height: 15px;
    padding: 15px 10px 15px 10px;
}

td.content_box_inside {
    padding: 18px 0 0 0;
}

td.content_box_inside2 {
    padding: 18px 0 0 13px;
}

td.content_box_vorteile {
    padding: 12px 0 0 14px;
}

td.content_box_vorteile2 {
    padding: 12px 0 0 6px;
}

td.content_box_text2 {
    font-size: 11px;
    color: #555555;
    line-height: 15px;
    padding: 10px 10px 10px 10px;
    text-align: justify;
}

div.content_box_date {
    color: #b6c1cc;
    text-align: right;
}

h1.content_box_title {
    font-size: 15px;
    font-weight: bold;
    line-height: 15px;
    color: #294466;
    margin: 4px 10px 6px 10px;
}

h1.content_box_title_blue {
    font-size: 15px;
    font-weight: bold;
    line-height: 15px;
    color: #294466;
    margin: 0 0 12px 0;
}

h1.content_box_title_top {
    font-size: 15px;
    font-weight: bold;
    line-height: 15px;
    color: #294466;
    margin: 18px 0 0 19px;
}

h1.content_smallbox_title_top {
    font-size: 15px;
    font-weight: bold;
    color: #294466;
    margin: 18px 0 0 12px;
}

h1.content_smallbox_subtitle_top {
    font-size: 11px;
    font-weight: bold;
    line-height: 11px;
    color: #294466;
    margin: 5px 0 0 12px;
}

h1.content_box_subtitle_top {
    font-size: 11px;
    font-weight: bold;
    line-height: 11px;
    color: #6b9fdd;
    margin: 5px 0 0 19px;
}

h1.content_box_subtitle_top2 {
    font-size: 11px;
    font-weight: bold;
    line-height: 18px;
    color: #6b9fdd;
    margin: 5px 0 0 10px;
}

h1.content_box_subtitle {
    font-size: 11px;
    font-weight: bold;
    line-height: 11px;
    color: #6b9fdd;
    margin: 0px 10px 6px 10px;
}

table.content_box_margin_right {
    margin: 0px 10px 0px 0px;
}

table.content_box_margin_all {
    margin: 0px 10px 0px 10px;
}

table.content_box_margin_left {
    margin: 0px 0px 0px 10px;
}

td.content {
    font-size: 11px;
    color: #5f6b78;
    text-align: justify;
}

td.content a {
    color: #ff6800;
    text-decoration: underline;
}

td.content a:hover {
    color: #ff6800;
    text-decoration: none;
}

h1.content_title {
    font-size: 18px;
    line-height: 18px;
    color: #174375;
    margin: 0px 0px 10px 0px;
}

h2.content_subtitle {
    font-size: 14px;
    line-height: 14px;
    font-weight: normal;
    color: #294466;
    margin: 0px 0px 15px 0px;
}

h1.content_title2 {
    font-size: 14px;
    line-height: 14px;
    color: #174375;
    margin: 20px 0px 10px 0px;
}

.content_link_big {
    font-size: 11px;
    font-weight: normal;
    text-decoration: none;
}

div.content_list_item {
    background-image: url(/images/main/stuff/bullet.gif);
    background-repeat: no-repeat;
    background-position: left 3px;
    padding: 0 0 5px 13px;
}

div.content_list_item_orange {
    background-image: url(/images/main/stuff/bullet_orange.gif);
    background-repeat: no-repeat;
    background-position: left 3px;
    padding: 0 0 5px 13px;
    text-align: left;
}

div.box_list_item_orange {
    background-image: url(/images/main/stuff/bullet_orange.gif);
    background-repeat: no-repeat;
    background-position: left 3px;
    padding: 0 0 10px 13px;
    text-align: left;
}

div.content_list_orange {
    background-image: url(/images/main/stuff/bullet_orange.gif);
    background-repeat: no-repeat;
    background-position: left 3px;
    padding: 0 0 7px 13px;
}

/* footer */

table.footer_background {
    background-image: url(/images/main/footer/background.gif);
    background-position: top;
    background-repeat: repeat-x;
    vertical-align: top;
}

td.footer_background_right {
    background-image: url(/images/main/footer/background_right.jpg);
    background-position: 500px top;
    background-repeat: no-repeat;
    vertical-align: top;
}

table.footer_text {
    margin: 17px 0px 0px 18px;
}

table.footer_text td {
    vertical-align: top;
    text-align: left;
    font-size: 10px;
    line-height: 15px;
    color: #b3bcc6;
}

table.footer_text td a,
table.footer_text td a:hover {
    color: #8793a0;
    font-size: 10px;
    text-decoration: none;
}

/* stats */

td.content .StatsTabOn,
td.content .StatsTabOnFirst,
td.content .StatsTabOnLast {
    background-color: #ffffff;
    padding: 5px 10px 5px 10px;
    border-top: 1px solid #cfd9e6;
    border-right: 1px solid #669ee1;
    border-bottom: 1px solid #ffffff;
    border-left: 0px;
}

td.content .StatsTabOnFirst {
    border-left: 1px solid #cfd9e6;
}

td.content .StatsTabOnLast {
    border-right: 1px solid #cfd9e6;
}

td.content .StatsTabOn a,
td.content .StatsTabOnFirst a,
td.content .StatsTabOnLast a {
    text-decoration: none;
}

td.content .StatsTabOn a:hover,
td.content .StatsTabOnFirst a:hover,
td.content .StatsTabOnLast a:hover {
    text-decoration: none;
}

td.content .StatsTabOff,
td.content .StatsTabOffFirst {
    background-image: url(/images/main/stuff/button/background/off.gif);
    background-repeat: no-repeat;
    background-position: right top;
    background-color: #6fa4e2;
    padding: 5px 10px 5px 10px;
    color: #ffffff;
    border-top: 1px solid #669ee1;
    border-right: 1px solid #669ee1;
    border-bottom: 1px solid #669ee1;
    border-left: 0px;
}

td.content .StatsTabOffFirst {
    border-left: 1px solid #669ee1;
}

td.content .StatsTabOff a,
td.content .StatsTabOffFirst a {
    color: #ffffff;
    text-decoration: none;
}

td.content .StatsTabOff a:hover,
td.content .StatsTabOffFirst a:hover {
    color: #ffffff;
    text-decoration: none;
}

.StatsTabBorder {
    border-bottom: 1px solid #cfd9e6;
}

.StatsOptionsBorder {
    background-image: url(/images/main/stuff/border.gif);
    background-repeat: repeat-x;
    background-position: left bottom;
}

.StatsChartTable {
    background-color: #ffffff;
    border: 1px solid #cfd9e6;
    border-top: 0;
}

.StatsTable {
    border: 1px solid #cfd9e6;
    background-color: #ffffff;
}

.StatsTable td {
    padding: 5px;
}

.StatsHeader td {
    background-color: #335f97;
    color: #ffffff;
    border-bottom: 1px solid #4b78b1;
}

.StatsHeaderBottom td {
    background-color: #335f97;
    color: #ffffff;
}

.StatsRowLight td {
    background-color: #ffffff;
    border-top: 1px solid #d7dee8;
}

.StatsRowDark td {
    background-color: #f2f5f8;
    border-top: 1px solid #d7dee8;
}

.sign {
    background-image:url(images/main/at_image.gif);
    background-repeat:no-repeat;
}

#data_display_layer {
    margin-left: 150px;
}

/* Layer - Popup */
    
    
.layer {
    position:absolute;
    left:50px;
    top:167px;
    visibility:hidden;
    background-color: #ffffff;
    padding: 0 5px 5px 5px;
    border: 1px solid #dbdbdb;
}

.layer_exit {
    text-align: right;
    padding: 5px 0 7px 0;
}   

/* user templates */
.user_template {
    width: 228px;
    height: 216px;
    border: 1px solid #cfd9e6;
    background-color: #f3f6f9;
    margin-right: 9px;
    text-align: center;
    margin-bottom: 20px;
}

.user_templates {
    width: 228px;
    border: 1px solid #cfd9e6;
    background-color: #f3f6f9;
    text-align: center;
    padding: 20px 0 20px 0;
}

.user_template_download {
    width: 228px;
    border: 1px solid #cfd9e6;
    background-color: #f3f6f9;
    text-align: center;
    padding: 12px 0 12px 0;
    margin: 10px 0 0 37px;
}

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

td.content_box_template {
    font-size: 11px;
    color: #555555;
    line-height: 15px;
    padding: 17px 10px 0 7px;
    text-align: justify;
}

/* user register */

table.user_register {
    background-image: url(../../images/main/content/box/bg_verlauf.gif);
    background-repeat: repeat-x;
    background-position: bottom;
}

div.user_register_small {
    background-image: url(../../images/main/content/box/box_register_small.gif);
    background-repeat: no-repeat;
    width: 393px;
    height: 150px;
    margin: 18px 0 0 0;
}

div.user_register_small_broker {
    background-image: url(../../images/main/content/box/box_register_broker_small.gif);
    background-repeat: no-repeat;
    width: 393px;
    height: 150px;
    margin: 18px 0 0 0;
}

div.user_register_small_title {
    position: absolute;
    margin: 10px 0 0 21px;
}

div.user_register_small_error {
    position: absolute;
    margin: 30px 0 0 21px;
    font-size: 12px;
    font-weight: bold;
    color: #c20101;
}

div.user_register_small_input {
    position: absolute;
    margin: 61px 0 0 30px;
}

div.user_register_small_button {
    position: absolute;
    margin: 104px 0 0 19px;
}

/* user index *new* */

div.index_user_screen {
    margin: 10px 0 0 0px;
    float: left;
}

div.index_user_vorteile {
    margin: 10px 0 0 25px;
    font-weight: bold;
    float: left;
}

div.index_user_vorteile_right {
    margin: 10px 0 0 5px;
    font-weight: bold;
    float: left;
}

div.index_user_button_right {
    margin: 30px 0 0 5px;
    float: left;
}

div.index_user_button {
    margin: 15px 0 0 25px;
    float: left;
}

div.index_user_button2 {
    margin: 30px 0 0 25px;
    float: left;
}

/* ads category */

.category_list_box {
    padding: 12px 0 12px 18px;
}

.category_list {
    
}

.category_links {
    margin: 0 15px 0 30px;
}

.category_links_first {
    margin: 0 0 0 0;
}

.category_list b {
    display: block;
    color: #174375;
}

.category_list a {
    font-size: 11px;
    color: #717f91!important;
    text-decoration: none!important;
    line-height: 20px;
    display: inline-block;
}

.category_list a:hover {
    font-size: 11px;
    color: #717f91;
    text-decoration: underline!important;
}

.category_list_top {
    color: #ffffff;
    height: 25px;
    background-color: #335f97;
    padding: 0 0 0 18px;
}

.icon_pdf {
    width: 20px;
    height: 21px;
    float: left;
}

.tutorial_title {
    font-size: 12px;
    color: #005da8;
    float: left;
    margin: 4px 0 0 8px;
}

.category_tree {
    padding: 20px 0 0 18px;
}

.category_tree b {
    color: #174375;
}

.category_ads {
    padding: 20px 28px 20px 28px;
}

.category_tree_wrapper {
    width: 189px;
}

/* startseite neu */

.award1 {
    margin: 22px 0 0 0;
}

.award2 {
    margin: 12px 0 12px 0;
}

.urteile_box {
    padding: 26px 10px 26px 10px;
    line-height: 15px;
}

.urteile_box_top span {
    font-size: 11px;
    font-weight: bold;
    line-height: 11px;
    color: #6b9fdd;
    display: block;
    text-align: left;
    padding: 12px 15px 0 15px;
    line-height: 15px;
}

.content_smallbox_awards {
    padding: 18px 0 15px 0;
}

/* tippspiel */

.wmTeaser {
	background-image: url(../../images/main/content/tippspiel_landingpage.jpg);
	background-repeat: no-repeat;
	width: 755px;
	height: 573px;
}

.wmLogin {
	width: 281px;
	height: 140px;
	background-image: url(../../images/main/content/tippspiel_login.gif);
	background-repeat: no-repeat;
	position: absolute;
	margin: 350px 0 0 25px;
}

.wmLogin h2 {
	position: absolute;
	font-size: 13px;
	color: #294466;
	margin: 16px 0 0 18px;
}

.wmTeaser dl {
	display: inline;
}

.wmTeaser dt {
	font-size: 11px;
	color: #5f6b78;
	font-weight: bold;
	float: left;
	width: 75px;
}

.wmTeaser dd input {
	border: 1px solid #abb9cd;
	width: 71px;
}

.wmLoginField {
	margin: 60px 0 0 25px;
}

.wmLoginButton {
	position: absolute;
	margin: -18px 0 0 165px;
}

.wmRegister {
	width: 281px;
	height: 140px;
	background-image: url(/images/main/content/tippspiel_register.gif);
	background-repeat: no-repeat;
	position: absolute;
	margin: 350px 0 0 325px;
}

.wmRegister h2 {
	position: absolute;
	font-size: 13px;
	color: #294466;
	margin: 16px 0 0 18px;
}

.wmRegisterField {
	margin: 60px 0 0 25px;
}

.wmRegister dt {
	font-size: 11px;
	color: #5f6b78;
	font-weight: bold;
	float: left;
	width: 55px;
}

.wmRegister dd input {
	border: 1px solid #abb9cd;
	width: 156px;
}

.wmRegisterButton {
	position: absolute;
	margin: 25px 0 0 -9px;
}