/*
Theme Name:OFM Studios GmbH 2012
Theme URI:http://www.onlinefussballmanager.de/010_buero/laenderwechsel.php
Version:6
Author:OFM
    Inhaltsverzeichnis:

    1. ...... OFM Standards Definition
    2. ...... OFM Text Definition
    3. ...... OFM Position Definition
    4. ...... OFM Link Definition
    5. ...... OFM Button Definition
    6. ...... OFM Box Definition
    7. ...... OFM Table Definition
    8........ OFM Progressbar Definition
    9........ OFM Aktion Definition
*/
/*-----------------------------------------------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------------------------------------------------
-----------------------------------------------------------------------------------------------------------------------------------------------*/
/* 1. OFM Standards Definition Start */
body{
font-size:11px;
font-family:verdana,arial,sans-serif;
}

.float{float:left;}
.floatR{float:right;}
.cursor{cursor:pointer;}
.visible{display:block;}
.nonvisible,.preloadImg{display:none;}
.cursor{cursor:pointer;}
.errorText{color:#880000;}
.minHeight{height:10px;}
.intText,a.intLink,.intLink,.intLinkNum{color:#545454;}
a.intLink{text-decoration:none;margin:0 10px;}
a.intLinkNum,div.filter_off>p,div.filter_on>p{text-decoration:none;}
a.intLink:hover,p.intLink:hover,a.intLinkNum:hover{text-decoration:underline;}
.shadow{box-shadow:0 8px 6px -8px #000;}

.tableFrame,.contentBackground{
background:#e6e6e6; /* Old browsers */
background:-moz-linear-gradient(top,  #dcdcdd 0%, #e2e2e2 100%, #f1f1f2 100%); /* FF3.6+ */
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#dcdcdd), color-stop(100%,#e2e2e2), color-stop(100%,#f1f1f2)); /* Chrome,Safari4+ */
background:-webkit-linear-gradient(top,  #dcdcdd 0%,#e2e2e2 100%,#f1f1f2 100%); /* Chrome10+,Safari5.1+ */
background:-o-linear-gradient(top,  #dcdcdd 0%,#e2e2e2 100%,#f1f1f2 100%); /* Opera 11.10+ */
background:-ms-linear-gradient(top,  #dcdcdd 0%,#e2e2e2 100%,#f1f1f2 100%); /* IE10+ */
background:linear-gradient(to bottom,  #dcdcdd 0%,#e2e2e2 100%,#f1f1f2 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dcdcdd', endColorstr='#f1f1f2',GradientType=0 ); /* IE6-9 */
border-image:none;
border:1px solid #8f8f8f;
border-radius:0 0 8px 8px;
}

.clearfix:after{
content:"";
display:block;
clear:both;
visibility:hidden;
line-height:0;
height:0;
}

.clear{/* For older IE´s */
clear:both;
height:0;
}

.preloadImg{
width:0;
height:0;
}

.standardHeader{
height:35px;
background:#6db3f2; /* Old browsers */
background:-moz-linear-gradient(left,  #285c9a 0%, #265998 10%, #235695 41%, #033879 100%); /* FF3.6+ */
background:-webkit-gradient(linear, left top, right top, color-stop(0%,#285c9a), color-stop(10%,#265998), color-stop(41%,#235695), color-stop(100%,#033879)); /* Chrome,Safari4+ */
background:-webkit-linear-gradient(left,  #285c9a 0%,#265998 10%,#235695 41%,#033879 100%); /* Chrome10+,Safari5.1+ */
background:-o-linear-gradient(left,  #285c9a 0%,#265998 10%,#235695 41%,#033879 100%); /* Opera 11.10+ */
background:-ms-linear-gradient(left,  #285c9a 0%,#265998 10%,#235695 41%,#033879 100%); /* IE10+ */
background:linear-gradient(to right,  #285c9a 0%,#265998 10%,#235695 41%,#033879 100%); /* W3C */
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#285c9a', endColorstr='#033879',GradientType=1 ); /* IE6-9 */
border-radius:8px 8px 0 0;
position:relative;
}

.greenHeader{
height:35px;
background:#006e2e; /* Old browsers */
background:-moz-linear-gradient(left,  #006e2e 0%, #006e2e 100%); /* FF3.6+ */
background:-webkit-gradient(linear, left top, right top, color-stop(0%,#006e2e), color-stop(100%,#006e2e)); /* Chrome,Safari4+ */
background:-webkit-linear-gradient(left,  #006e2e 0%,#006e2e 100%); /* Chrome10+,Safari5.1+ */
background:-o-linear-gradient(left,  #006e2e 0%,#006e2e 100%); /* Opera 11.10+ */
background:-ms-linear-gradient(left,  #006e2e 0%,#006e2e 100%); /* IE10+ */
background:linear-gradient(to right,  #006e2e 0%,#006e2e 100%); /* W3C */
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#006e2e', endColorstr='#006e2e',GradientType=1 ); /* IE6-9 */
border-radius:8px 8px 0 0;
position:relative;
}

.darkHeader{
height:35px;
background:#0c595f; /* Old browsers */
background:-moz-linear-gradient(left,  #267c82 0%, #0c595f 100%); /* FF3.6+ */
background:-webkit-gradient(linear, left top, right top, color-stop(0%,#267c82), color-stop(100%,#0c595f)); /* Chrome,Safari4+ */
background:-webkit-linear-gradient(left,  #267c82 0%,#0c595f 100%); /* Chrome10+,Safari5.1+ */
background:-o-linear-gradient(left,  #267c82 0%,#0c595f 100%); /* Opera 11.10+ */
background:-ms-linear-gradient(left,  #267c82 0%,#0c595f 100%); /* IE10+ */
background:linear-gradient(to right,  #267c82 0%,#0c595f 100%); /* W3C */
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#267c82', endColorstr='#0c595f',GradientType=1 ); /* IE6-9 */
border-radius:8px 8px 0 0;
position:relative;
}

.lightHeader{
height:35px;
background:#0c595f; /* Old browsers */
background:-moz-linear-gradient(top,  #0c595f 0%, #91c5ca 100%); /* FF3.6+ */
background:-webkit-gradient(linear, top, bottom, color-stop(0%,#0c595f), color-stop(100%,#91c5ca)); /* Chrome,Safari4+ */
background:-webkit-linear-gradient(top,  #0c595f 0%,#91c5ca 100%); /* Chrome10+,Safari5.1+ */
background:-o-linear-gradient(top,  #0c595f 0%,#91c5ca 100%); /* Opera 11.10+ */
background:-ms-linear-gradient(top,  #0c595f 0%,#91c5ca 100%); /* IE10+ */
background:linear-gradient(to bottom,  #0c595f 0%,#91c5ca 100%); /* W3C */
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#0c595f', endColorstr='#91c5ca',GradientType=1 ); /* IE6-9 */
position:relative;
}

.standardHeadline{
font-size:14px;
font-style:italic;
padding:10px 0 0 20px;
margin:0;
}

.standardContentBoxBg{
background:#f0f9ff; /* Old browsers */
background:-moz-linear-gradient(top,  rgba(241,241,242,1.0) 50%, rgba(220,220,221,1.0) 100%); /* FF3.6+ */
background:-webkit-gradient(linear, left top, left bottom, color-stop(50%,rgba(241,241,242,1.0)), color-stop(100%,rgba(220,220,221,1.0))); /* Chrome,Safari4+ */
background:-webkit-linear-gradient(top,  rgba(241,241,242,1.0) 50%,rgba(220,220,221,1.0) 100%); /* Chrome10+,Safari5.1+ */
background:-o-linear-gradient(top,  rgba(241,241,242,1.0) 50%,rgba(220,220,221,1.0) 100%); /* Opera 11.10+ */
background:-ms-linear-gradient(top,  rgba(241,241,242,1.0) 50%,rgba(220,220,221,1.0) 100%); /* IE10+ */
background:linear-gradient(to bottom,  rgba(241,241,242,1.0) 50%,rgba(220,220,221,1.0) 100%); /* W3C */
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f2', endColorstr='#dcdcdd',GradientType=0 ); /* IE6-9 */
border:1px solid #8f8f8f;
border-top:0;
}
/* 1. OFM Standards Definition End */
/*-----------------------------------------------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------------------------------------------------
-----------------------------------------------------------------------------------------------------------------------------------------------*/
/* 2. OFM Text Definition Start */
.bold,div.filter_off>p,div.filter_on>p,.headline-layer{font-weight:bold !important;}
.normal,#dialog-content caption, #dialog-content th, #dialog-content td,.cleanFont{font-weight:normal;}
.white,div.filter_off>p,div.filter_on>p{color:#fff;}
.kixx-font{color:#ffae00;}
.plus-font{color:#c2ed66;}
.small-font,div.filter_off>p,div.filter_on>p,.intText,a.intLink,.intLink,.intLinkNum{font-size:10px;}
.error-font{color:#ff8080;}
.textCenter{text-align:center;}
.textRight{text-align:right;}
div.filter_off>p,div.filter_on>p,.textLeft,#dialog-content caption, #dialog-content th, #dialog-content td{text-align:left;}
.line{line-height:13px;}
.yellow{color:#ffff66;}
.small{font-size:9px;}
.medium{font-size:11px;}
.big{font-size:14px;}
.cleanFont{font-style:normal;}
.linethrough {text-decoration: line-through;}

.bauhaus{font-family:'bauhaus', arial, verdana, sans-serif;color:#445464;text-transform:uppercase;}
.bauhausSmall{font-family:'bauhausSmall', arial, verdana, sans-serif;color:#445464;}
.bauhausRu{font-family: 'bauhausru', arial, verdana, sans-serif;color:#445464;text-transform:uppercase;}
.bauhausRuSmall{font-family: 'bauhausSmallRu', arial, verdana, sans-serif;color:#445464;}
.marydale{font-family: 'MARYDALE', arial, verdana, sans-serif;}
.marydaleRu{font-family: 'bolero', arial, verdana, sans-serif;font-weight:bold;}
.openSans{font-family: 'open-sans', arial, verdana, sans-serif;}

@font-face{
font-family: 'open-sans';
src:url('/fonts/open-sans.eot?#iefix') format('embedded-opentype'),url('/fonts/open-sans.ttf') format('truetype');
}

@font-face{
font-family: 'bauhaus';
src:url('/fonts/bauhaus_pl.eot'); /* IE9 Compat Modes */
src:url('/fonts/bauhaus_pl.eot?#iefix') format('embedded-opentype'),url('/fonts/bauhaus_pl.ttf') format('truetype');
}

@font-face{
font-family: 'bauhausSmall';
src:url('/fonts/bauhausm.eot'); /* IE9 Compat Modes */
src:url('/fonts/bauhausm.eot?#iefix') format('embedded-opentype'),url('/fonts/bauhausm.ttf') format('truetype');
}

@font-face{
font-family: 'bauhausru';
src:url('/fonts/bauhaus_ru.eot'); /* IE9 Compat Modes */
src:url('/fonts/bauhaus_ru.eot?#iefix') format('embedded-opentype'),url('/fonts/bauhaus_ru.ttf') format('truetype');
}

@font-face{
font-family: 'bauhausSmallRu';
src:url('/fonts/bauhausmru.eot'); /* IE9 Compat Modes */
src:url('/fonts/bauhausmru.eot?#iefix') format('embedded-opentype'),url('/fonts/bauhausmru.ttf') format('truetype');
}

@font-face{
font-family: 'MARYDALE';
src:url('/fonts/bold/marydaleblack.eot'); /* IE9 Compat Modes */
src:url('/fonts/bold/marydaleblack.eot?#iefix') format('embedded-opentype'),url('/fonts/bold/marydaleblack.ttf') format('truetype');
}

@font-face{
font-family: 'bolero';
src:url('/fonts/bolero_script_ru.eot'); /* IE9 Compat Modes */
src:url('/fonts/bolero_script_ru.eot?#iefix') format('embedded-opentype'),url('/fonts/bolero_script_ru.ttf') format('truetype');
}
/* 2. OFM Text Definition End */
/*-----------------------------------------------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------------------------------------------------
-----------------------------------------------------------------------------------------------------------------------------------------------*/
/* 3. OFM Position Definition Start */
.posF{position:fixed;}
.pos-rel,.bg-img,.bg-img-end,.background-extension,.button-close{position:relative;}
.pos-abs,.footer,.window,#mask{position:absolute;}

.transformImg{
-webkit-transform:scaleX(-1);
-moz-transform:scaleX(-1);
-ms-transform:scaleX(-1);
-o-transform:scaleX(-1);
transform:scaleX(-1);
}

/* 3. OFM Position Definition End */
/*-----------------------------------------------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------------------------------------------------
-----------------------------------------------------------------------------------------------------------------------------------------------*/
/* 4. OFM Link Definition Start */
a.white_small,a.blue,a.gray_nobold,a.lightgreen10{
font-size:10px;
font-weight:bold;
text-decoration:none;
}

a.white_small{color:#fff;}
a.blue{color:#21638d;}
a.gray_nobold{color:#898989;}
a.lightgreen10{color:#c7ff00;}
a.lightgreen10:hover,a.gray_nobold:hover,a.blue:hover,a.white_small:hover,a.teamLinkNormal:hover,a.teamLinkBold:hover{text-decoration:underline;}
a.teamLinkBold{font-weight:bold;color:#000;text-decoration:none;}
a.teamLinkNormal{color:#000;text-decoration:none;}
/* 4. OFM Link Definition End */
/*-----------------------------------------------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------------------------------------------------
-----------------------------------------------------------------------------------------------------------------------------------------------*/
/* 5. OFM Button Definition Start */
.buttonGreen,.buttonGrey,.buttonKixx,.buttonRed,.buttonBlue{
-moz-border-bottom-colors:none;
-moz-border-image:none;
-moz-border-left-colors:none;
-moz-border-right-colors:none;
-moz-border-top-colors:none;
font:bold 11px/1 arial,verdana,sans-serif;
padding:4px 20px 3px 20px;
text-align:center;
border-radius:3px 3px 3px 3px;
border-style:solid;
border-width:1px;
}

.buttonGreen{
background-image:linear-gradient(bottom, #4fac3c 0%, #86d677 33%, #c6ee9e 66%);
background-image:-o-linear-gradient(bottom, #4fac3c 0%, #86d677 33%, #c6ee9e 66%);
background-image:-moz-linear-gradient(bottom, #4fac3c 0%, #86d677 33%, #c6ee9e 66%);
background-image:-webkit-linear-gradient(bottom, #4fac3c 0%, #86d677 33%, #c6ee9e 66%);
background-image:-ms-linear-gradient(bottom, #4fac3c 0%, #86d677 33%, #c6ee9e 66%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#d6ed82, endColorstr=#c6ee9e);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#d6ed82, endColorstr=#c6ee9e)";
border-color:#479639;
color:#2a3503;
}

.buttonGreen:hover{
background-image:linear-gradient(bottom, #5cb84a 0%, #97dc8b 33%, #e0f6ca 66%);
background-image:-o-linear-gradient(bottom, #5cb84a 0%, #97dc8b 33%, #e0f6ca 66%);
background-image:-moz-linear-gradient(bottom, #5cb84a 0%, #97dc8b 33%, #e0f6ca 66%);
background-image:-webkit-linear-gradient(bottom, #5cb84a 0%, #97dc8b 33%, #e0f6ca 66%);
background-image:-ms-linear-gradient(bottom, #5cb84a 0%, #97dc8b 33%, #e0f6ca 66%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#e0f6ca, endColorstr=#5cb84a);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#5cb84a, endColorstr=#e0f6ca)";
border-color:#479639;
}

.buttonGrey,.buttonGrey:hover{
background-image:linear-gradient(bottom, #a2aab2 0%, #bac0c6 33%, #dadde0 66%);
background-image:-o-linear-gradient(bottom, #a2aab2 0%, #bac0c6 33%, #dadde0 66%);
background-image:-moz-linear-gradient(bottom, #a2aab2 0%, #bac0c6 33%, #dadde0 66%);
background-image:-webkit-linear-gradient(bottom, #a2aab2 0%, #bac0c6 33%, #dadde0 66%);
background-image:-ms-linear-gradient(bottom, #a2aab2 0%, #bac0c6 33%, #dadde0 66%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#dadde0, endColorstr=#a2aab2);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#dadde0, endColorstr=#a2aab2)";
border-color:#9b9da1;
color:#86888b;
}

.buttonKixx{
background-image:linear-gradient(bottom, #ce4c07 0%, #f8671a 33%, #fba374 66%);
background-image:-o-linear-gradient(bottom, #ce4c07 0%, #f8671a 33%, #fba374 66%);
background-image:-moz-linear-gradient(bottom, #ce4c07 0%, #f8671a 33%, #fba374 66%);
background-image:-webkit-linear-gradient(bottom, #ce4c07 0%, #f8671a 33%, #fba374 66%);
background-image:-ms-linear-gradient(bottom, #ce4c07 0%, #f8671a 33%, #fba374 66%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#fba374, endColorstr=#ce4c07);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#fba374, endColorstr=#ce4c07)";
border-color:#b84b12;
color:#fff;
}

.buttonKixx:hover{
background-image:linear-gradient(bottom, #ed590a 0%, #fa874b 33%, #fab691 66%);
background-image:-o-linear-gradient(bottom, #ed590a 0%, #fa874b 33%, #fab691 66%);
background-image:-moz-linear-gradient(bottom, #ed590a 0%, #fa874b 33%, #fab691 66%);
background-image:-webkit-linear-gradient(bottom, #ed590a 0%, #fa874b 33%, #fab691 66%);
background-image:-ms-linear-gradient(bottom, #ed590a 0%, #fa874b 33%, #fab691 66%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#fab691, endColorstr=#ed590a);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#fab691, endColorstr=#ed590a)";
border-color:#b84b12;
}

.buttonRed{
background-image:linear-gradient(bottom, #ce4c07 0%, #f8671a 33%, #fba374 66%);
background-image:-o-linear-gradient(bottom, #ce4c07 0%, #f8671a 33%, #fba374 66%);
background-image:-moz-linear-gradient(bottom, #ce4c07 0%, #f8671a 33%, #fba374 66%);
background-image:-webkit-linear-gradient(bottom, #ce4c07 0%, #f8671a 33%, #fba374 66%);
background-image:-ms-linear-gradient(bottom, #ce4c07 0%, #f8671a 33%, #fba374 66%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#fba374, endColorstr=#ce4c07);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#fba374, endColorstr=#ce4c07)";
border-color:#b84b12;
color:#fff;
}

.buttonRed:hover{
background-image:linear-gradient(bottom, #ed590a 0%, #fa874b 33%, #fab691 66%);
background-image:-o-linear-gradient(bottom, #ed590a 0%, #fa874b 33%, #fab691 66%);
background-image:-moz-linear-gradient(bottom, #ed590a 0%, #fa874b 33%, #fab691 66%);
background-image:-webkit-linear-gradient(bottom, #ed590a 0%, #fa874b 33%, #fab691 66%);
background-image:-ms-linear-gradient(bottom, #ed590a 0%, #fa874b 33%, #fab691 66%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#fab691, endColorstr=#ed590a);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#fab691, endColorstr=#ed590a)";
border-color:#cb5c21;
}

.buttonBlue{
background-image:linear-gradient(bottom, #5b81ac 0%, #7c9ec4 33%, #9cc6f4 66%);
background-image:-o-linear-gradient(bottom, #5b81ac 0%, #7c9ec4 33%, #9cc6f4 66%);
background-image:-moz-linear-gradient(bottom, #5b81ac 0%, #7c9ec4 33%, #9cc6f4 66%);
background-image:-webkit-linear-gradient(bottom, #5b81ac 0%, #7c9ec4 33%, #9cc6f4 66%);
background-image:-ms-linear-gradient(bottom, #5b81ac 0%, #7c9ec4 33%, #9cc6f4 66%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#9cc6f4, endColorstr=#5b81ac);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#9cc6f4, endColorstr=#5b81ac)";
border-color:#627c99;
color:#000028;
}

.buttonBlue:hover{
background-image:linear-gradient(bottom, #55b1b2 0%, #90b5dd 33%, #c1dfff 66%);
background-image:-o-linear-gradient(bottom, #55b1b2 0%, #90b5dd 33%, #c1dfff 66%);
background-image:-moz-linear-gradient(bottom, #55b1b2 0%, #90b5dd 33%, #c1dfff 66%);
background-image:-webkit-linear-gradient(bottom, #55b1b2 0%, #90b5dd 33%, #c1dfff 66%);
background-image:-ms-linear-gradient(bottom, #55b1b2 0%, #90b5dd 33%, #c1dfff 66%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#c1dfff, endColorstr=#55b1b2);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#c1dfff, endColorstr=#55b1b2)";
border-color:#627c99;
}

.buttonLightBlue{
-moz-border-bottom-colors:none;
-moz-border-image:none;
-moz-border-left-colors:none;
-moz-border-right-colors:none;
-moz-border-top-colors:none;
font:bold 11px/1 arial,verdana,sans-serif;
padding:2px 5px 2px 5px;
text-align:center;
border-radius:3px;
border-style:solid;
border-width:1px;
background-image:linear-gradient(bottom, #99bad8 0%, #cbe8fa 33%, #def3fd 66%);
background-image:-o-linear-gradient(bottom, #99bad8 0%, #cbe8fa 33%, #def3fd 66%);
background-image:-moz-linear-gradient(bottom, #99bad8 0%, #cbe8fa 33%, #def3fd 66%);
background-image:-webkit-linear-gradient(bottom, #99bad8 0%, #cbe8fa 33%, #def3fd 66%);
background-image:-ms-linear-gradient(bottom, #99bad8 0%, #cbe8fa 33%, #def3fd 66%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#def3fd, endColorstr=#99bad8);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#def3fd, endColorstr=#99bad8)";
border-color:#7d9dba;
color:#04143e;
}

.buttonLightBlue:hover{
background-image:linear-gradient(bottom, #afcce7 0%, #d7e8f3 33%, #e6f2f8 66%);
background-image:-o-linear-gradient(bottom, #afcce7 0%, #d7e8f3 33%, #e6f2f8 66%);
background-image:-moz-linear-gradient(bottom, #afcce7 0%, #d7e8f3 33%, #e6f2f8 66%);
background-image:-webkit-linear-gradient(bottom, #afcce7 0%, #d7e8f3 33%, #e6f2f8 66%);
background-image:-ms-linear-gradient(bottom, #afcce7 0%, #d7e8f3 33%, #e6f2f8 66%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#e6f2f8, endColorstr=#afcce7);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#e6f2f8, endColorstr=#afcce7)";
}

.buttonLightOrange{
-moz-border-bottom-colors:none;
-moz-border-image:none;
-moz-border-left-colors:none;
-moz-border-right-colors:none;
-moz-border-top-colors:none;
font:bold 11px/1 arial,verdana,sans-serif;
padding:2px 5px 2px 5px;
text-align:center;
border-radius:3px;
border-style:solid;
border-width:1px;
background-image:linear-gradient(bottom, #d8682a 0%, #e48045 33%, #f6a46f 66%);
background-image:-o-linear-gradient(bottom, #d8682a 0%, #e48045 33%, #f6a46f 66%);
background-image:-moz-linear-gradient(bottom, #d8682a 0%, #e48045 33%, #f6a46f 66%);
background-image:-webkit-linear-gradient(bottom, #d8682a 0%, #e48045 33%, #f6a46f 66%);
background-image:-ms-linear-gradient(bottom, #d8682a 0%, #e48045 33%, #f6a46f 66%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#f6a46f, endColorstr=#d8682a);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#f6a46f, endColorstr=#d8682a)";
border-color:#9b5000;
color:#fff;
}

.buttonLightOrange:hover{
background-image:linear-gradient(bottom, #d48256 0%, #e18450 33%, #f4a674 66%);
background-image:-o-linear-gradient(bottom, #d48256 0%, #e18450 33%, #f4a674 66%);
background-image:-moz-linear-gradient(bottom, #d48256 0%, #e18450 33%, #f4a674 66%);
background-image:-webkit-linear-gradient(bottom, #d48256 0%, #e18450 33%, #f4a674 66%);
background-image:-ms-linear-gradient(bottom, #d48256 0%, #e18450 33%, #f4a674 66%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#f4a674, endColorstr=#d48256);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#f4a674, endColorstr=#d48256)";
}

.orangeHelpTab{
background:#f09153; /* Old browsers */
background:-moz-linear-gradient(top,  #f09153 0%, #dc702e 50%, #b6541f 100%); /* FF3.6+ */
background:-webkit-linear-gradient(top,  #f09153 0%, #dc702e 50%, #b6541f 100%); /* Chrome10+,Safari5.1+ */
background:-o-linear-gradient(top,  #f09153 0%, #dc702e 50%, #b6541f 100%); /* Opera 11.10+ */
background:-ms-linear-gradient(top,  #f09153 0%, #dc702e 50%, #b6541f 100%); /* IE10+ */
background:linear-gradient(to bottom,  #f09153 0%, #dc702e 50%, #b6541f 100%); /* W3C */
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09153', endColorstr='#b6541f',GradientType=0 ); /* IE6-9 */
border-radius:0 0 8px 8px;
padding:7px 10px;
border:1px solid #ddbd9b;
border-top:0;
}

.blueHelpTab{
background:#f09153; /* Old browsers */
background:-moz-linear-gradient(top,  #5791bd 0%, #3f77a3 50%, #225177 100%); /* FF3.6+ */
background:-webkit-linear-gradient(top,  #5791bd 0%, #3f77a3 50%, #225177 100%); /* Chrome10+,Safari5.1+ */
background:-o-linear-gradient(top,  #5791bd 0%, #3f77a3 50%, #225177 100%); /* Opera 11.10+ */
background:-ms-linear-gradient(top,  #5791bd 0%, #3f77a3 50%, #225177 100%); /* IE10+ */
background:linear-gradient(to bottom,  #5791bd 0%, #3f77a3 50%, #225177 100%); /* W3C */
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#5791bd', endColorstr='#225177',GradientType=0 ); /* IE6-9 */
border-radius:0 0 8px 8px;
padding:7px 10px;
border:1px solid #031b42;
border-top:0;
}

.greyHelpTab{
background-image:linear-gradient(bottom, #a2aab2 0%, #bac0c6 50%, #dadde0 100%);
background-image:-o-linear-gradient(bottom, #a2aab2 0%, #bac0c6 50%, #dadde0 100%);
background-image:-moz-linear-gradient(bottom, #a2aab2 0%, #bac0c6 50%, #dadde0 100%);
background-image:-webkit-linear-gradient(bottom, #a2aab2 0%, #bac0c6 50%, #dadde0 100%);
background-image:-ms-linear-gradient(bottom, #a2aab2 0%, #bac0c6 50%, #dadde0 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#dadde0, endColorstr=#a2aab2);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#dadde0, endColorstr=#a2aab2)";
border-radius:0 0 8px 8px;
padding:7px 10px;
border:1px solid #9b9da1;
color:#86888b;
border-top:0;
}

.personalIconMap{background:url(/bilder/personal/personal_options_icons.png) no-repeat transparent;}
.iconBannerBig{background-position:0 0;width:26px;height:26px;}
.iconBannerBig:hover{background-position:-26px 0;width:26px;height:26px;}
.iconTrikotBig{background-position:0 -26px;width:26px;height:26px;}
.iconTrikotBig:hover{background-position:-26px -26px;width:26px;height:26px;}
.iconPhoneBig{background-position:0 -52px;width:26px;height:26px;}
.iconPhoneBig:hover{background-position:-26px -52px;width:26px;height:26px;}

.iconBannerSmall{background-position:-52px 0;width:20px;height:20px;}
.iconBannerSmall:hover{background-position:-72px 0;width:20px;height:20px;}
.iconTrikotSmall{background-position:-52px -20px;width:20px;height:20px;}
.iconTrikotSmall:hover{background-position:-72px -20px;width:20px;height:20px;}
.iconPhoneSmall{background-position:-52px -40px;width:20px;height:20px;}
.iconPhoneSmall:hover{background-position:-72px -40px;width:20px;height:20px;}

.infoIcon{
background:url(/bilder/icons/help_info_icon_v3.png) no-repeat 0 0 transparent;
padding:0 0 0 25px;
height:20px;
}

.printIcon{
background:url(/bilder/icons/icon_printer_v3.png) no-repeat 0 0 transparent;
width:15px;
height:13px;
}

.printIcon:hover{background-position:0 -14px;}

.officeArrow,.officeArrowDown,.officeArrowUp,.officeArrowSmall{
width:0;
height:0;
}

.officeArrow{
margin-right:10px;
border-top:8px solid transparent;
border-bottom:8px solid transparent;
border-left:8px solid #000;/*Fallback for IE*/
border-left:8px solid rgba(0,0,0,0.3);
}

.officeArrowDown{
border-left:8px solid transparent;
border-right:8px solid transparent;
border-top:8px solid #8e8e8e;/*Fallback for IE*/
border-top:8px solid rgba(142,142,142,0.9);
}

.officeArrowDown:hover{
border-top:8px solid #000;
border-top:8px solid rgba(0,0,0,0.7);
}

.officeArrowUp{
border-left:8px solid transparent;
border-right:8px solid transparent;
border-bottom:8px solid #8e8e8e;/*Fallback for IE*/
border-bottom:8px solid rgba(142,142,142,0.9);
}

.officeArrowUp:hover{
border-bottom:8px solid #000;
border-bottom:8px solid rgba(0,0,0,0.7);
}

.officeArrowSmall{
margin-right:5px;
border-top:8px solid transparent;
border-bottom:8px solid transparent;
border-left:8px solid #000;/*Fallback for IE*/
border-left:8px solid rgba(0,0,0,0.3);
}

.helpButton{
border-radius:0 0 8px 8px;
border:1px solid #dcb5a2;
background:#055eac; /* Old browsers */
background:-moz-linear-gradient(bottom,  #055eac 0%, #2d7abe 65%, #055eac 100%); /* FF3.6+ */
background:-webkit-linear-gradient(bottom,  #055eac 0%,#2d7abe 65%,#055eac 100%); /* Chrome10+,Safari5.1+ */
background:-o-linear-gradient(bottom,  #055eac 0%,#2d7abe 65%,#055eac 100%); /* Opera 11.10+ */
background:-ms-linear-gradient(bottom,  #055eac 0%,#2d7abe 65%,#055eac 100%); /* IE10+ */
background:linear-gradient(bottom,  #055eac 0%,#2d7abe 65%,#055eac 100%); /* W3C */
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#055eac', endColorstr='#055eac',GradientType=1 ); /* IE6-9 */
padding:0 10px;
height:22px;
box-shadow:1px 1px 4px 1px rgba(0,0,0,0.7);
border-top:0;
width:auto;
}

.info-button{
border-radius:0 0 8px 8px;
border:1px solid #dcb5a2;
background:#de3e00; /* Old browsers */
background:-moz-linear-gradient(top,  #de3e00 0%, #b22300 100%, #60abf8 100%); /* FF3.6+ */
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#de3e00), color-stop(100%,#b22300), color-stop(100%,#60abf8)); /* Chrome,Safari4+ */
background:-webkit-linear-gradient(top,  #de3e00 0%,#b22300 100%,#60abf8 100%); /* Chrome10+,Safari5.1+ */
background:-o-linear-gradient(top,  #de3e00 0%,#b22300 100%,#60abf8 100%); /* Opera 11.10+ */
background:-ms-linear-gradient(top,  #de3e00 0%,#b22300 100%,#60abf8 100%); /* IE10+ */
background:linear-gradient(to bottom,  #de3e00 0%,#b22300 100%,#60abf8 100%); /* W3C */
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#de3e00', endColorstr='#60abf8',GradientType=0 ); /* IE6-9 */
padding:0 10px;
height:22px;
box-shadow:1px 1px 4px 1px rgba(0,0,0,0.7);
border-top:0;
width:auto;
}

.helpBoxFrame{
width:auto;
height:auto;
border:1px solid #646567;
border-top:0;
background:#b6d6f2;/* Old browsers */
background:-moz-linear-gradient(bottom,  #b5d5f2 0%, #c5dcf1 65%, #d9e5f0 100%); /* FF3.6+ */
background:-webkit-linear-gradient(bottom,  #b5d5f2 0%,#c5dcf1 65%,#d9e5f0 100%); /* Chrome10+,Safari5.1+ */
background:-o-linear-gradient(bottom,  #b5d5f2 0%,#c5dcf1 65%,#d9e5f0 100%); /* Opera 11.10+ */
background:-ms-linear-gradient(bottom,  #b5d5f2 0%,#c5dcf1 65%,#d9e5f0 100%); /* IE10+ */
background:linear-gradient(bottom,  #b5d5f2 0%,#c5dcf1 65%,#d9e5f0 100%); /* W3C */
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5d5f2', endColorstr='#d9e5f0',GradientType=1 ); /* IE6-9 */
padding:10px;
}
/* 5. OFM Button Definition End */
/*-----------------------------------------------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------------------------------------------------
-----------------------------------------------------------------------------------------------------------------------------------------------*/
/* 6. OFM Box Definition Start */
.infoLayerBox{
width:450px;
height:auto;
border-radius:8px;
border:1px solid #666;
background:#b5defd;
background-image:linear-gradient(bottom, #a1d5fd 0%, #b5defd 50%, #fff 90%);
background-image:-o-linear-gradient(bottom, #a1d5fd 0%, #b5defd 50%, #fff 90%);
background-image:-moz-linear-gradient(bottom, #a1d5fd 0%, #b5defd 50%, #fff 90%);
background-image:-webkit-linear-gradient(bottom, #a1d5fd 0%, #b5defd 50%, #fff 90%);
background-image:-ms-linear-gradient(bottom, #a1d5fd 0%, #b5defd 50%, #fff 90%);
}

.infoLayerHeadline{
color:#416b27;
font-size:14px;
margin-bottom:10px;
}

.requestBox{
background:#e8e8e8;
border:1px solid #04397a;
border-radius:8px;
box-shadow:0 0 10px #4974A1 inset;
display:block;
height:auto;
min-width:200px;
padding:10px;
width:235px;
z-index:100;
}

.requestBoxTriangleLeft{
width:0;
height:0;
border-top:10px solid transparent;
border-bottom:10px solid transparent;
border-right:10px solid #04397a;
left:-10px;
top:6px;
}

.requestBoxTriangleRight{
width:0;
height:0;
border-top:10px solid transparent;
border-bottom:10px solid transparent;
border-left:10px solid #04397a;
right:-10px;
top:10px;
}

.requestBox h1{
margin:0;
padding:0;
font-size:12px;
color:#103F75;
}

.optionBox{
box-shadow:inset 0 0 10px #4974a1;
display:none;
z-index:100;
right:50px;
bottom:10px;
min-width:200px;
height:auto;
padding:10px;
border:1px solid #4de1ff;
border-radius:8px;
background:#c2eaf4;
}

.messageOk,.messageError{
margin:0 auto;
width:25%;
border-radius:3px;
}

.blueBox{
border:2px solid #ea5900;
border-radius:8px;
padding:10px;
max-width:250px;
min-width:200px;
background-image:linear-gradient(bottom, rgba(0,3,47,0.9) 0%, rgba(0,11,90,0.9) 90%, rgba(0,8,21,0.9) 95%);
background-image:-o-linear-gradient(bottom, rgba(0,3,47,0.9) 0%, rgba(0,11,90,0.9) 90%, rgba(0,8,21,0.9) 95%);
background-image:-moz-linear-gradient(bottom, rgba(0,3,47,0.9) 0%, rgba(0,11,90,0.9) 90%, rgba(0,8,21,0.9) 95%);
background-image:-webkit-linear-gradient(bottom, rgba(0,3,47,0.9) 0%, rgba(0,11,90,0.9) 90%, rgba(0,8,21,0.9) 95%);
background-image:-ms-linear-gradient(bottom, rgba(0,3,47,0.9) 0%, rgba(0,11,90,0.9) 90%, rgba(0,8,21,0.9) 95%);
background:#00092f\9;
}

.blueBoxTriangleRightBorder{
width:0;
height:0;
border-top:10px solid transparent;
border-bottom:10px solid transparent;
border-left:10px solid #ea5900;
right:-10px;
top:6px;
}

.blueBoxTriangleRight{
width:0;
height:0;
border-top:8px solid transparent;
border-bottom:8px solid transparent;
border-left:8px solid rgba(0,11,90,0.9);
right:-8px;
top:8px;
}

.blueBoxTriangleLeftBorder{
width:0;
height:0;
border-top:10px solid transparent;
border-bottom:10px solid transparent;
border-right:10px solid #ea5900;
left:-10px;
top:6px;
}

.blueBoxTriangleLeft{
width:0;
height:0;
border-top:8px solid transparent;
border-bottom:8px solid transparent;
border-right:8px solid rgba(0,11,90,0.9);
left:-8px;
top:8px;
}

.blueBoxTriangleTopBorder{
width:0;
height:0;
border-right:10px solid transparent;
border-left:10px solid transparent;
border-bottom:10px solid #ea5900;
top:-10px;
}

.blueBoxTriangleTop{
width:0;
height:0;
border-right:8px solid transparent;
border-left:8px solid transparent;
border-bottom:8px solid rgba(0,11,90,0.9);
top:-8px;
left:12px;
}

.blueBoxTriangleBottomBorder{
width:0;
height:0;
border-right:10px solid transparent;
border-left:10px solid transparent;
border-top:10px solid #ea5900;
bottom:-10px;
}

.blueBoxTriangleBottom{
width:0;
height:0;
border-right:8px solid transparent;
border-left:8px solid transparent;
border-top:8px solid rgba(0,11,90,0.9);
bottom:-8px;
left:12px;
}

.closeScale{
-moz-transform:scale(0.7);
-webkit-transform:scale(0.7);
-o-transform:scale(0.7);
transform:scale(0.7);
}

.messageOk{
background:#006aa8;
background:rgba(0,106,168,0.6);
border:1px solid #003366;
}

.messageError{
background:#880000;
background:rgba(136,0,0,0.7);
border:1px solid #fff;
}

input.fieldDefine {
border:1px solid #000307;
border-radius:3px 3px 3px 3px;
box-shadow:2px 3px 5px #aa9d64 inset;
margin:0;
}

.officeMap{background:url(/bilder/office/officemap.v4.png);}

.optionsIcon{
background-position:-98px -35px;
margin-right:5px;
width:16px;
height:17px;
}

.optionsIcon:hover{background-position:-98px -52px;}

.closeIcon{
top:-20px;
right:-16px;
background-position:-114px -61px;
width:20px;
height:21px;
}

.background-extension{
background:url(/bilder/overlay/jugend-overlay-x2.png) repeat-y left bottom transparent;
width:466px;
height:auto;
border:6px solid #383838;
border-bottom:0;
z-index:1;
margin-left:18px;
}

.headline-layer{
color:#275397;
font-size:14px;
margin-left:10px;
}

.footer{
background:url(/bilder/overlay/rasen2.png) no-repeat center top transparent;
width:540px;
height:106px;
z-index:10;
margin-left:18px;
}

.button-close{
background:url(/bilder/overlay/button-close.png) no-repeat transparent;
width:28px;
height:28px;
z-index:99999;
top:20px;
margin:0 0 0 480px;
}

.backgroundMask{
background:rgba(0,0,0,0.6);
top:0;
left:0;
width:100%;
height:100%;
z-index:999999;
}

.window{
z-index:9999;
padding:20px;
}

#mask{
left:0;
top:0;
z-index:9998;
background-color:#000;
display:none;
width:100%;
height:100%;
}

.bg-img,.bg-img-end{
width:auto;
height:43px;
top:1px;
}

.bg-img{
background:url(/010_mannschaft/spielerstatistik1_2.png) no-repeat left bottom transparent;
left:1px;
}

.bg-img-end{
background:url(/010_mannschaft/spielerstatistik1_2.png) no-repeat right bottom transparent;
left:-2px;
}
/* OVERLAY RESET START */
#dialog-content div, #dialog-content h1, #dialog-content p, #dialog-content a, #dialog-content img, #dialog-content ol,
#dialog-content ul, #dialog-content li, #dialog-content form{
margin:0;
padding:0;
border:0;
outline:0;
font-weight:inherit;
font-style:inherit;
font-size:100%;
font-family:inherit;
vertical-align:baseline;
}
/* remember to define focus styles! */
#dialog-content:focus{outline:0;}
/* tables still need 'cellspacing="0"' in the markup */
#dialog-content table{
border-collapse:separate;
border-spacing:0;
}

.filter_off,.filter_on{
height:31px;
width:200px;
}

.filter_off{background:url(/bilder/buttons/filter_off.png) no-repeat transparent;}
.filter_on{background:url(/bilder/buttons/filter_on.png) no-repeat transparent;}

div.filter_off>p,div.filter_on>p{
padding:5px 0 0 40px;
margin:0;
}

.tooltip-content{
background:url(/bilder/overlay/tr_overlay_top.png);
width:470px;
height:auto;
min-height:145px;
max-height:300px;
}

.tooltip-footer{
background:url(/bilder/overlay/tr_overlay_bottom.png);
width:470px;
height:31px;
}

.tooltip-content h3{
font-size:13px;
text-transform:uppercase;
}
/* 6. OFM Box Definition End */
/*-----------------------------------------------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------------------------------------------------
-----------------------------------------------------------------------------------------------------------------------------------------------*/
/* 7. OFM Table Definition Start */
.tableHeadGradient{
background:#1e5126; /* Old browsers */
background:-moz-linear-gradient(top,  #1e5126 33%, #3f8645 66%, #68b867 100%); /* FF3.6+ */
background:-webkit-linear-gradient(top,  #1e5126 33%,#3f8645 66%,#68b867 100%); /* Chrome10+,Safari5.1+ */
background:-o-linear-gradient(top,  #1e5126 33%,#3f8645 66%,#68b867 100%); /* Opera 11.10+ */
background:-ms-linear-gradient(top,  #1e5126 33%,#3f8645 66%,#68b867 100%); /* IE10+ */
background:linear-gradient(to bottom,  #1e5126 33%,#3f8645 66%,#68b867 100%); /* W3C */
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5126', endColorstr='#68b867',GradientType=0 ); /* IE6-9 */
height:25px;
}

#table_head thead.top, #table_head tbody.top,.tableHeadBg{
color:#fff;
font-size:11px;
font-weight:bold;
text-decoration:none;
background:url(/bilder/back/table_top1.png) repeat-x top transparent;
height:30px;
}

#table_head thead.top2, #table_head tbody.top2{
color:#fff;
font-size:11px;
font-weight:bold;
text-decoration:none;
background:url(/bilder/back/table_top2.png) repeat-x top transparent;
height:37px;
}

#table_head th{
text-align:center;
}

#table_head th a{
color:#fff;
font-weight:bold;
text-decoration:none;
}

#table_head th a:hover{
text-decoration:underline;
}

.table-top{vertical-align:top;}
.table-middle{vertical-align:middle;}
.table-bottom{vertical-align:bottom;}

table.standard{
margin:0;
padding:0;
border-spacing:0;
border-collapse:collapse;
}

#stadiumExtra th,#stadiumEnvironment th, #fairplayTable th, #transferList th{
background:#1c4946; /* Old browsers */
background:linear-gradient(top, #1c4946 0%, #317e6c 70%, #48a08a 90%);
background:-o-linear-gradient(top, #1c4946 0%, #317e6c 70%, #48a08a 90%);
background:-moz-linear-gradient(top, #1c4946 0%, #317e6c 70%, #48a08a 90%);
background:-webkit-linear-gradient(top, #1c4946 0%, #317e6c 70%, #48a08a 90%);
background:-ms-linear-gradient(top, #1c4946 0%, #317e6c 70%, #48a08a 90%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#48a08a, endColorstr=#1c4946);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#48a08a, endColorstr=#1c4946)";
}
/* 7. OFM Table Definition End */
/*-----------------------------------------------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------------------------------------------------
-----------------------------------------------------------------------------------------------------------------------------------------------*/
/* 8. OFM Progressbar Definition Start */
.progressbar{
width:60px;
height:10px;
position:relative;
background:#666;
-moz-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px;
padding:2px;
-webkit-box-shadow:inset 0 -1px 1px rgba(255,255,255,0.3);
-moz-box-shadow:inset 0 -1px 1px rgba(255,255,255,0.3);
box-shadow:inset 0 -1px 1px rgba(255,255,255,0.3);
}

.progressbar_green, .progressbar_red, .progressbar_orange, .progressbar_yellow{
display:block;
height:100%;
-webkit-border-top-right-radius:2px;
-webkit-border-bottom-right-radius:2px;
-moz-border-radius-topright:2px;
-moz-border-radius-bottomright:2px;
border-top-right-radius:2px;
border-bottom-right-radius:2px;
-webkit-border-top-left-radius:2px;
-webkit-border-bottom-left-radius:2px;
-moz-border-radius-topleft:2px;
-moz-border-radius-bottomleft:2px;
border-top-left-radius:2px;
border-bottom-left-radius:2px;
-webkit-box-shadow:inset 0 2px 9px  rgba(255,255,255,0.3),inset 0 -2px 6px rgba(0,0,0,0.4);
-moz-box-shadow:inset 0 2px 9px  rgba(255,255,255,0.3),inset 0 -2px 6px rgba(0,0,0,0.4);
position:relative;
overflow:hidden;
}

.progressbar_green{
background-color:rgb(43,194,83);
background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0, rgb(43,194,83),color-stop(1, rgb(84,240,84))));
background-image:-moz-linear-gradient(center bottom,rgb(43,194,83) 37%,rgb(84,240,84) 69%);
}

.progressbar_orange{
background-color:rgb(255,108,0);
background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0, rgb(255,140,0),color-stop(1, rgb(255,108,0))));
background-image:-moz-linear-gradient(center bottom,rgb(255,140,0) 37%,rgb(255,108,0) 69%);
}

.progressbar_yellow{
background-color:rgb(255,194,0);
background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0, rgb(255,215,0),color-stop(1, rgb(255,194,0))));
background-image:-moz-linear-gradient(center bottom,rgb(255,215,0) 37%,rgb(255,194,0) 69%);
}

.progressbar_red{
background-color:rgb(255,0,0);
background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0, rgb(180,0,0),color-stop(1, rgb(255,0,0))));
background-image:-moz-linear-gradient(center bottom,rgb(180,0,0) 37%,rgb(255,0,0) 69%);
}
/* 8. OFM Progressbar Definition End */
/*-----------------------------------------------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------------------------------------------------
-----------------------------------------------------------------------------------------------------------------------------------------------*/
/* 9. Aktionen Definition Start */
.xmasBanner{
background:url(/bilder/aktionen/xmas/ofm_xmas_offer2014.png);
width:711px;
height:106px;
z-index:100;
top:-94px;
left:-21px;
}

.xmasBannerExtended{
background:url(/bilder/aktionen/xmas/ofm_xmas_offer2014.png);
width:711px;
height:106px;
z-index:100;
top:-94px;
left:-21px;
background-repeat:no-repeat;
}

.xmasDeServer{background-position:0 -100px;}
.xmasAllServer{background-position:0 -100px;}

.xmasPaymentLink{
width:622px;
left:650px;
color:#04397a;
font-style:italic;
font-size:13px;
top:68px;
text-decoration:none;
}

.xmasPaymentLink:hover{text-decoration:underline;}

.xmasHeadlineDef{
color:#b32f07;
font-size:13px;
width:470px;
}

.xmasSecondHeadlineDef{
color:#1e6a51;
line-height:18px;
}

.xmasContentBlock{
left:215px;
top:30px;
}

.xmasPaymentImg{
background:url(/bilder/payment/payment_xmas.png);
top:2px;
right:182px;
width:622px;
height:79px;
}

.xmasPaymentPos{
left:-350px;
top:20px;
}

.tenYearsBanner{
background:url(/bilder/office/ofm_10years.png);
width:690px;
height:106px;
z-index:100;
top:-88px;
left:0;
}

.eastereggBanner{
position:relative;
background:url(/bilder/office/ofm_eastern.png);
width:711px;
height:125px;
z-index:100;
background-position-y: 35px;
background-repeat: no-repeat;
}
.easterheader{
    left:25px;
    top:5px;
    color:#b32f07;
    font-size:20px;
    text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 20px yellow, 0 0 25px yellow, 0 0 30px gold, 0 0 35px gold, 0 0 40px gold;
}

.xmasSnowRight{
    position:absolute;
    background:url(/bilder/aktionen/xmas/snow.png) no-repeat;
    width:260px;
    height:42px;
    right:-15px;
    top:-27px;
    z-index:1;
}

.xmasSnowLeft{
    position:absolute;
    background:url(/bilder/aktionen/xmas/snow-left.png) no-repeat;
    width:260px;
    height:42px;
    left:-15px;
    top:-27px;
    z-index:1;
}

.snow{
    background: none;
    background-image: url('/bilder/aktionen/xmas/snow_01.png'),
                      url('/bilder/aktionen/xmas/snow_02.png'),
                      url('/bilder/aktionen/xmas/snow_03.png');
    width: 100%;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    -webkit-animation: snow 13s linear infinite;
    -moz-animation: snow 13s linear infinite;
    -ms-animation: snow 13s linear infinite;
    animation: snow 13s linear infinite;
}

#bg-snow {
    z-index:-1;
}

#overlay-snow {
    z-index:1005;
}

@keyframes snow {
    0%   {background-position:   0px    0px,   0px   0px,    0px   0px;}
    10%  {background-position:  60px   90px, -30px  60px,   50px  50px;}
    20%  {background-position: 120px  200px,  10px 100px,  -10px 100px;}
    30%  {background-position: 170px  290px,  60px 160px,  -80px 150px;}
    40%  {background-position: 140px  400px, 120px 200px, -150px 200px;}
    50%  {background-position: 200px  490px, 180px 260px, -120px 250px;}
    60%  {background-position: 260px  600px, 240px 300px, -180px 300px;}
    70%  {background-position: 320px  690px, 300px 360px, -250px 350px;}
    80%  {background-position: 380px  800px, 370px 400px, -320px 400px;}
    90%  {background-position: 430px  890px, 440px 460px, -400px 450px;}
    100% {background-position: 500px 1000px, 500px 500px, -500px 500px;}
}
@-moz-keyframes snow {
    0%   {background-position:   0px    0px,   0px   0px,    0px   0px;}
    10%  {background-position:  60px   90px, -30px  60px,   50px  50px;}
    20%  {background-position: 120px  200px,  10px 100px,  -10px 100px;}
    30%  {background-position: 170px  290px,  60px 160px,  -80px 150px;}
    40%  {background-position: 140px  400px, 120px 200px, -150px 200px;}
    50%  {background-position: 200px  490px, 180px 260px, -120px 250px;}
    60%  {background-position: 260px  600px, 240px 300px, -180px 300px;}
    70%  {background-position: 320px  690px, 300px 360px, -250px 350px;}
    80%  {background-position: 380px  800px, 370px 400px, -320px 400px;}
    90%  {background-position: 430px  890px, 440px 460px, -400px 450px;}
    100% {background-position: 500px 1000px, 500px 500px, -500px 500px;}
}
@-webkit-keyframes snow {
    0%   {background-position:   0px    0px,   0px   0px,    0px   0px;}
    10%  {background-position:  60px   90px, -30px  60px,   50px  50px;}
    20%  {background-position: 120px  200px,  10px 100px,  -10px 100px;}
    30%  {background-position: 170px  290px,  60px 160px,  -80px 150px;}
    40%  {background-position: 140px  400px, 120px 200px, -150px 200px;}
    50%  {background-position: 200px  490px, 180px 260px, -120px 250px;}
    60%  {background-position: 260px  600px, 240px 300px, -180px 300px;}
    70%  {background-position: 320px  690px, 300px 360px, -250px 350px;}
    80%  {background-position: 380px  800px, 370px 400px, -320px 400px;}
    90%  {background-position: 430px  890px, 440px 460px, -400px 450px;}
    100% {background-position: 500px 1000px, 500px 500px, -500px 500px;}
}
@-ms-keyframes snow {
    0%   {background-position:   0px    0px,   0px   0px,    0px   0px;}
    10%  {background-position:  60px   90px, -30px  60px,   50px  50px;}
    20%  {background-position: 120px  200px,  10px 100px,  -10px 100px;}
    30%  {background-position: 170px  290px,  60px 160px,  -80px 150px;}
    40%  {background-position: 140px  400px, 120px 200px, -150px 200px;}
    50%  {background-position: 200px  490px, 180px 260px, -120px 250px;}
    60%  {background-position: 260px  600px, 240px 300px, -180px 300px;}
    70%  {background-position: 320px  690px, 300px 360px, -250px 350px;}
    80%  {background-position: 380px  800px, 370px 400px, -320px 400px;}
    90%  {background-position: 430px  890px, 440px 460px, -400px 450px;}
    100% {background-position: 500px 1000px, 500px 500px, -500px 500px;}
}

/* 9. Aktion Definition End */
/*-----------------------------------------------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------------------------------------------------
-----------------------------------------------------------------------------------------------------------------------------------------------*/
.tooltip-content{
background:url(/bilder/overlay/tr_overlay_top.png);
width:470px;
height:auto;
min-height:145px;
max-height:300px;
}

.tooltip-footer{
background:url(/bilder/overlay/tr_overlay_bottom.png);
width:470px;
height:31px;
}

.tooltip-content h3{
font-size:13px;
text-transform:uppercase;
}



/* Overlay CSS all Start */
#layer_standard_recommend img:first-child, #layer_standard_small img:first-child, #layer_standard_small_light img:first-child, #layer_standard_medium img:first-child, #layer_standard_medium_light img:first-child, #layer_standard_big img:first-child, #layer_standard_big_light img:first-child{
z-index:99999;
}

#layer_standard_medium table td:first-child, #layer_standard_medium_light table td:first-child{
width:55px;
}

#layer_standard_small table td.layerImg, #layer_standard_small_light table td.layerImg{
width:55px;
}


#layer_standard_small input, #layer_standard_small_light input{
width:95px;
top:-15px;
margin-right:5px;
}

#layer_standard_small_light .content > .abstand, #layer_standard_small .content > .abstand{
z-index:99990;
padding:10px 5px 0 5px;
}

#layer_standard_recommend .content > .abstand, #layer_standard_big .content > .abstand, #layer_standard_medium .content > .abstand, #layer_standard_medium_light .content > .abstand, #layer_standard_big_light .content > .abstand{
z-index:99990;
padding:10px 0 0 20px;
}

#layer_standard_small_light h1, #layer_standard_big_light h1, #layer_standard_medium_light h1{
color:#275397;
}

#layer_standard_big h1, #layer_standard_small_light h1, #layer_standard_big_light h1, #layer_standard_medium h1, #layer_standard_medium_light h1, #layer_standard_small h1{
margin:0;
padding:0 0 5px 0;
font-size:20px;
font-style:italic;
font-family:verdana,arial,sans-serif;
font-weight:bold;
}

#layer_standard_big .content, #layer_standard_big_light .content, #layer_standard_medium .content, #layer_standard_medium_light .content, #layer_standard_small .content, #layer_standard_small_light .content{
height:auto;
}
/* Overlay CSS all */

/* Overlay Big Start */
#layer_standard_big .headline, #layer_standard_big_trophy .headline, #layer_standard_big .content, #layer_standard_big .layer_bg, #layer_standard_big .bottom, #layer_standard_big_light .headline, #layer_standard_big_light .content, #layer_standard_big_light .bottom{
width:658px;
}

#layer_standard_big .headline, #layer_standard_big_light .headline, #layer_standard_big_trophy .headline{
height:3px;
}

#layer_standard_big .headline{
background:url(/bilder/overlay/2012/layer3_1.png) no-repeat transparent;
}

#layer_standard_big .content{
background:url(/bilder/overlay/2012/layer3_2.png) repeat-y transparent;
min-height:330px;
}

#layer_standard_big .layer_bg{
background:url(/bilder/overlay/2012/layer3_bg.jpg) no-repeat transparent;
height:330px;
margin-left:3px;
z-index:10;
}

#layer_standard_big .bottom{
background:url(/bilder/overlay/2012/layer3_3_100saison.png) no-repeat transparent;
height:85px;
}

#layer_standard_big table, #layer_standard_big_light table{
padding-top:20px;
}

#layer_standard_big input, #layer_standard_big_light input{
width:95px;
top:-30px;
margin-right:5px;
}
/* Overlay Big Ende */
/* Overlay Big Light Start */
#layer_standard_big_light .headline{
background:url(/bilder/overlay/2012/layer3a_1.png) no-repeat transparent;
}

#layer_standard_big_light .content{
background:url(/bilder/overlay/2012/layer3a_2.png) repeat-y transparent;
min-height:138px;
color:#252525;
}

#layer_standard_big_light .layer_bg{
background:url(/bilder/overlay/2012/layer3a_bg.jpg) no-repeat transparent;
width:652px;
height:138px;
margin-left:3px;
z-index:10;
}

#layer_standard_big_light .bottom{
background:url(/bilder/overlay/2012/layer3a_3.png) no-repeat transparent;
height:74px;
}
/* Overlay Big Light Ende */
/* Overlay Medium Start */
#layer_standard_medium .headline, #layer_standard_medium_light .headline{
width:466px;
height:3px;
}

#layer_standard_medium .headline{
background:url(/bilder/overlay/2012/layer2_1.png) no-repeat transparent;
}

#layer_standard_medium .content{
background:url(/bilder/overlay/2012/layer2_2.png) repeat-y transparent;
width:466px;
min-height:233px;
height:233px\9;
}

#layer_standard_medium .layer_bg{
background:url(/bilder/overlay/2012/layer2_bg.jpg) no-repeat transparent;
width:460px;
height:233px;
margin-left:3px;
z-index:0;
}

#layer_standard_medium .bottom{
background:url(/bilder/overlay/2012/layer2_3.png) no-repeat transparent;
width:466px;
height:61px;
}

.layer_standard_medium input, .layer_standard_medium_light input{
width:95px;
top:-25px;
margin-right:5px;
}
/* Overlay Medium Ende */
/* Overlay Medium Start Light */
#layer_standard_medium_light .headline{
background:url(/bilder/overlay/2012/layer2a_1.png) no-repeat transparent;
}

#layer_standard_medium_light .content{
background:url(/bilder/overlay/2012/layer2a_2.png) repeat-y transparent;
width:466px;
min-height:100px;
color:#252525;
}

#layer_standard_medium_light .layer_bg{
background:url(/bilder/overlay/2012/layer2a_bg.jpg) no-repeat transparent;
width:460px;
height:93px;
margin-left:3px;
z-index:10;
}

#layer_standard_medium_light .bottom{
background:url(/bilder/overlay/2012/layer2a_3.png) no-repeat transparent;
width:466px;
height:45px;
}
/* Overlay Medium Ende Light */
/* Overlay Small Start */
#layer_standard_small .headline{
background:url(/bilder/overlay/2012/layer1_1.png) no-repeat transparent;
width:307px;
height:3px;
}

#layer_standard_small .content{
background:url(/bilder/overlay/2012/layer1_2.png) repeat-y transparent;
width:307px;
min-height:152px;
z-index:99991;
}

#layer_standard_small .layer_bg{
background:url(/bilder/overlay/2012/layer1_bg.jpg) no-repeat transparent;
width:301px;
height:152px;
margin-left:3px;
z-index:10;
}

#layer_standard_small .bottom{
background:url(/bilder/overlay/2012/layer1_3.png) no-repeat transparent;
width:307px;
height:42px;
}
/* Overlay Small Ende */
/* Overlay Small Light Start */
#layer_standard_small_light .headline{
background:url(/bilder/overlay/2012/layer1a_1.png) no-repeat transparent;
width:307px;
height:3px;
}

#layer_standard_small_light .content{
background:url(/bilder/overlay/2012/layer1a_2.png) repeat-y transparent;
width:307px;
min-height:123px;
color:#252525;
}

#layer_standard_small_light .layer_bg{
background:url(/bilder/overlay/2012/layer1a_bg.jpg) no-repeat transparent;
width:301px;
height:63px;
margin-left:3px;
z-index:10;
}

#layer_standard_small_light .bottom{
background:url(/bilder/overlay/2012/layer1a_3.png) no-repeat transparent;
width:307px;
height:31px;
}

#layer_standard_small_light input{
width:95px;
top:-15px;
margin-right:5px;
}
/* Overlay Small Light Ende */
/* Overlay Big Trophy Start */
#layer_standard_big_trophy .headline, #layer_standard_big_trophy .content, #layer_standard_big_trophy .bottom{
width:658px;
}

#layer_standard_big_trophy .headline{
height:3px;
}

#layer_standard_big_trophy .headline{
background:url(/bilder/overlay/2012/layer3_1.png) no-repeat transparent;
}

#layer_standard_big_trophy .content{
background:url(/bilder/overlay/2012/layer3_2.png) repeat-y transparent;
min-height:330px;
}

#layer_standard_big_trophy .bottom{
background:url(/bilder/overlay/2012/layer3_3_100saison.png) no-repeat transparent;
height:85px;
}

#layer_standard_big_trophy table{
padding-top:20px;
}

#layer_standard_big_trophy p.trophy_txt{
font-size:16px;
width:658px;
margin:0;
padding:0;
z-index:99999;
}
/* Overlay Big Trophy  Ende */
/* Overlay Big Trophy Start */
#layer_standard_recommend .headline, #layer_standard_recommend .layer_bg, #layer_standard_recommend .content, #layer_standard_recommend .bottom{
width:658px;
}

#layer_standard_recommend .headline{
height:3px;
}

#layer_standard_recommend .headline{
background:url(/bilder/overlay/2012/layer3_1.png) no-repeat transparent;
}

#layer_standard_recommend .content{
background:url(/bilder/overlay/2012/layer3_2.png) repeat-y transparent;
min-height:330px;
}

#layer_standard_recommend .bottom{
background:url(/bilder/overlay/2012/layer3_3_100saison.png) no-repeat transparent;
height:85px;
}

#layer_standard_recommend table{
padding-top:20px;
}

#layer_standard_recommend .layer_bg{
background:url(/bilder/overlay/2012/layer3_bg.jpg) no-repeat transparent;
height:330px;
margin-left:3px;
z-index:10;
}

/* OVERLAY RESET START */
#dialog-content div, #dialog-content h1, #dialog-content p, #dialog-content a, #dialog-content img, #dialog-content ol,
#dialog-content ul, #dialog-content li, #dialog-content form{
margin:0;
padding:0;
border:0;
outline:0;
font-weight:inherit;
font-style:inherit;
font-size:100%;
font-family:inherit;
vertical-align:baseline;
}
/* remember to define focus styles! */
#dialog-content:focus{
outline:0;
}
/* tables still need 'cellspacing="0"' in the markup */
#dialog-content table{
border-collapse:separate;
border-spacing:0;
}

#dialog-content caption, #dialog-content th, #dialog-content td{
text-align:left;
font-weight:normal;
}
/* OVERLAY RESET START */
.dialog-overlay{
width:100%;
height:100%;
opacity:0.7;
background:#000;
position:absolute;
top:0;
left:0;
z-index:3000;
display:none;
}

#dialog-content{
display:none;
z-index:99990;
position:absolute;
box-shadow:0px 0px 80px #000;
font-size:11px;
}

/* OM-470 fix */
.dsR1 {
    width: 100%;
}
