/*     
  == STRUCTURE: ========================
   * Page width:            902 px
   * Number of columns:     24
   * Column width:          28 px
   * Margin width:          10 px
  ======================================
   
*/

/* reset.css */
/*html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td 
{margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}
*/


/* typography.css */
body
{
    font-size: 75%;
    color: #222;
    background: #fff;
    font-family: "Helvetica Neue" , Helvetica, Arial, sans-serif;
    line-height: 1.5;
}
h1, h2, h3, h4, h5, h6
{
    font-weight: normal;
    color: #111;
}
h1
{
    font-size: 3em;
    line-height: 1;
    margin-bottom: 0.5em;
}
h2
{
    font-size: 2em;
    margin-bottom: 0.75em;
}
h3
{
    font-size: 1.5em;
    line-height: 1;
    margin-bottom: 1em;
}
h4
{
    font-size: 1.2em;
    line-height: 1.25;
    margin-bottom: 1.25em;
    height: 1.25em;
}
h5
{
    font-size: 1em;
    font-weight: bold;
    margin-bottom: 1.5em;
}
h6
{
    font-size: 1em;
    font-weight: bold;
}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img
{
    margin: 0;
}
p
{
    margin: 0 0 1.5em;
}
p img
{
    float: left;
    margin: 1.5em 1.5em 1.5em 0;
    padding: 0;
}
p img.right
{
    float: right;
    margin: 1.5em 0 1.5em 1.5em;
}
a:focus, a:hover
{
    color: #000;
}
a
{
    color: #009;
    text-decoration: underline;
}
blockquote
{
    margin: 1.5em;
    color: #666;
    font-style: italic;
}
strong
{
    font-weight: bold;
}
em, dfn
{
    font-style: italic;
}
dfn
{
    font-weight: bold;
}
sup, sub
{
    line-height: 0;
}
abbr, acronym
{
    border-bottom: 1px dotted #666;
}
address
{
    margin: 0 0 1.5em;
    font-style: italic;
}
del
{
    color: #666;
}
pre, code
{
    margin: 1.5em 0;
    white-space: pre;
}
pre, code, tt
{
    font: 1em 'andale mono' , 'lucida console' , monospace;
    line-height: 1.5;
}
li ul, li ol
{
    margin: 0 1.5em;
}
ul, ol
{
    margin: 0 1.5em 1.5em 1.5em;
}
ul
{
    list-style-type: disc;
}
ol
{
    list-style-type: decimal;
}
dl
{
    margin: 0 0 1.5em 0;
}
dl dt
{
    font-weight: bold;
}
dd
{
    margin-left: 1.5em;
}
/*table {margin-bottom:1.4em;width:100%;}*/
th
{
    font-weight: bold;
    background: #5A8450;
    color: white;
    padding: 3px 5px 3px 5px;
    text-align: center;
}
/*th, td {padding:4px 10px 4px 5px;}
tr.even td {background:#E5ECF9;}*/
tfoot
{
    font-style: italic;
}
caption
{
    background: #eee;
}
.small
{
    font-size: .8em;
    margin-bottom: 1.875em;
    line-height: 1.875em;
}
.large
{
    font-size: 1.2em;
    line-height: 2.5em;
    margin-bottom: 1.25em;
}
.hide
{
    display: none;
}
.quiet
{
    color: #666;
}
.loud
{
    color: #000;
}
.highlight
{
    background: #ff0;
}
.added
{
    background: #060;
    color: #fff;
}
.removed
{
    background: #900;
    color: #fff;
}
.first
{
    margin-left: 0;
    padding-left: 0;
}
.last
{
    margin-right: 0;
    padding-right: 0;
}
.top
{
    margin-top: 0;
    padding-top: 0;
}
.bottom
{
    margin-bottom: 0;
    padding-bottom: 0;
}

/* grid.css */
.container
{
    width: 902px;
    margin: 0 auto;
}
.showgrid
{
    background: url(src/grid.png);
}
body
{
    margin: 1.5em 0;
}
div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, div.span-16, div.span-17, div.span-18, div.span-19, div.span-20, div.span-21, div.span-22, div.span-23, div.span-24
{
    float: left;
    margin-right: 10px;
}

div.last
{
    margin-right: 0;
}
.span-1
{
    width: 28px;
}
.span-2
{
    width: 66px;
}
.span-3
{
    width: 104px;
}
.span-4
{
    width: 142px;
}
.span-5
{
    width: 180px;
}
.span-6
{
    width: 218px;
}
.span-7
{
    width: 256px;
}
.span-8
{
    width: 294px;
}
.span-9
{
    width: 332px;
}
.span-10
{
    width: 370px;
}
.span-11
{
    width: 408px;
}
.span-12
{
    width: 446px;
}
.span-13
{
    width: 484px;
}
.span-14
{
    width: 522px;
}
.span-15
{
    width: 560px;
}
.span-16
{
    width: 598px;
}
.span-17
{
    width: 636px;
}
.span-18
{
    width: 674px;
}
.span-19
{
    width: 712px;
}
.span-20
{
    width: 750px;
}
.span-21
{
    width: 788px;
}
.span-22
{
    width: 826px;
}
.span-23
{
    width: 864px;
}
.span-24, div.span-24
{
    width: 902px;
    margin: 0;
}

.append-1
{
    padding-right: 38px;
}
.append-2
{
    padding-right: 76px;
}
.append-3
{
    padding-right: 114px;
}
.append-4
{
    padding-right: 152px;
}
.append-5
{
    padding-right: 190px;
}
.append-6
{
    padding-right: 228px;
}
.append-7
{
    padding-right: 266px;
}
.append-8
{
    padding-right: 304px;
}
.append-9
{
    padding-right: 342px;
}
.append-10
{
    padding-right: 380px;
}
.append-11
{
    padding-right: 418px;
}
.append-12
{
    padding-right: 456px;
}
.append-13
{
    padding-right: 494px;
}
.append-14
{
    padding-right: 532px;
}
.append-15
{
    padding-right: 570px;
}
.append-16
{
    padding-right: 608px;
}
.append-17
{
    padding-right: 646px;
}
.append-18
{
    padding-right: 684px;
}
.append-19
{
    padding-right: 722px;
}
.append-20
{
    padding-right: 760px;
}
.append-21
{
    padding-right: 798px;
}
.append-22
{
    padding-right: 836px;
}
.append-23
{
    padding-right: 874px;
}

.prepend-1
{
    padding-left: 38px;
}
.prepend-2
{
    padding-left: 76px;
}
.prepend-3
{
    padding-left: 114px;
}
.prepend-4
{
    padding-left: 152px;
}
.prepend-5
{
    padding-left: 190px;
}
.prepend-6
{
    padding-left: 228px;
}
.prepend-7
{
    padding-left: 266px;
}
.prepend-8
{
    padding-left: 304px;
}
.prepend-9
{
    padding-left: 342px;
}
.prepend-10
{
    padding-left: 380px;
}
.prepend-11
{
    padding-left: 418px;
}
.prepend-12
{
    padding-left: 456px;
}
.prepend-13
{
    padding-left: 494px;
}
.prepend-14
{
    padding-left: 532px;
}
.prepend-15
{
    padding-left: 570px;
}
.prepend-16
{
    padding-left: 608px;
}
.prepend-17
{
    padding-left: 646px;
}
.prepend-18
{
    padding-left: 684px;
}
.prepend-19
{
    padding-left: 722px;
}
.prepend-20
{
    padding-left: 760px;
}
.prepend-21
{
    padding-left: 798px;
}
.prepend-22
{
    padding-left: 836px;
}
.prepend-23
{
    padding-left: 874px;
}

div.border
{
    padding-right: 4px;
    margin-right: 5px;
    border-right: 1px solid #eee;
}
div.colborder
{
    padding-right: 24px;
    margin-right: 23px;
    border-right: 1px solid #eee;
}
.pull-1
{
    margin-left: -38px;
}
.pull-2
{
    margin-left: -76px;
}
.pull-3
{
    margin-left: -114px;
}
.pull-4
{
    margin-left: -152px;
}
.pull-5
{
    margin-left: -190px;
}
.pull-6
{
    margin-left: -228px;
}
.pull-7
{
    margin-left: -266px;
}
.pull-8
{
    margin-left: -304px;
}
.pull-9
{
    margin-left: -342px;
}
.pull-10
{
    margin-left: -380px;
}
.pull-11
{
    margin-left: -418px;
}
.pull-12
{
    margin-left: -456px;
}
.pull-13
{
    margin-left: -494px;
}
.pull-14
{
    margin-left: -532px;
}
.pull-15
{
    margin-left: -570px;
}
.pull-16
{
    margin-left: -608px;
}
.pull-17
{
    margin-left: -646px;
}
.pull-18
{
    margin-left: -684px;
}
.pull-19
{
    margin-left: -722px;
}
.pull-20
{
    margin-left: -760px;
}
.pull-21
{
    margin-left: -798px;
}
.pull-22
{
    margin-left: -836px;
}
.pull-23
{
    margin-left: -874px;
}
.pull-24
{
    margin-left: -912px;
}

.pull-1, .pull-2, .pull-3, .pull-4, .pull-5, .pull-6, .pull-7, .pull-8, .pull-9, .pull-10, .pull-11, .pull-12, .pull-13, .pull-14, .pull-15, .pull-16, .pull-17, .pull-18, .pull-19, .pull-20, .pull-21, .pull-22, .pull-23, .pull-24
{
    float: left;
    position: relative;
}

.push-1
{
    margin: 0 -38px 1.5em 38px;
}
.push-2
{
    margin: 0 -76px 1.5em 76px;
}
.push-3
{
    margin: 0 -114px 1.5em 114px;
}
.push-4
{
    margin: 0 -152px 1.5em 152px;
}
.push-5
{
    margin: 0 -190px 1.5em 190px;
}
.push-6
{
    margin: 0 -228px 1.5em 228px;
}
.push-7
{
    margin: 0 -266px 1.5em 266px;
}
.push-8
{
    margin: 0 -304px 1.5em 304px;
}
.push-9
{
    margin: 0 -342px 1.5em 342px;
}
.push-10
{
    margin: 0 -380px 1.5em 380px;
}
.push-11
{
    margin: 0 -418px 1.5em 418px;
}
.push-12
{
    margin: 0 -456px 1.5em 456px;
}
.push-13
{
    margin: 0 -494px 1.5em 494px;
}
.push-14
{
    margin: 0 -532px 1.5em 532px;
}
.push-15
{
    margin: 0 -570px 1.5em 570px;
}
.push-16
{
    margin: 0 -608px 1.5em 608px;
}
.push-17
{
    margin: 0 -646px 1.5em 646px;
}
.push-18
{
    margin: 0 -684px 1.5em 684px;
}
.push-19
{
    margin: 0 -722px 1.5em 722px;
}
.push-20
{
    margin: 0 -760px 1.5em 760px;
}
.push-21
{
    margin: 0 -798px 1.5em 798px;
}
.push-22
{
    margin: 0 -836px 1.5em 836px;
}
.push-23
{
    margin: 0 -874px 1.5em 874px;
}
.push-24
{
    margin: 0 -912px 1.5em 912px;
}

.push-1, .push-2, .push-3, .push-4, .push-5, .push-6, .push-7, .push-8, .push-9, .push-10, .push-11, .push-12, .push-13, .push-14, .push-15, .push-16, .push-17, .push-18, .push-19, .push-20, .push-21, .push-22, .push-23, .push-24
{
    float: right;
    position: relative;
}

.box
{
    padding: 1.5em;
    margin-bottom: 1.5em;
    background: #E5ECF9;
}
hr
{
    background: #ddd;
    color: #ddd;
    clear: both;
    float: none;
    width: 100%;
    height: .1em;
    margin: 0 0 1.45em;
    border: none;
}
hr.space
{
    background: #fff;
    color: #fff;
}
.clearfix:after, .container:after
{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix, .container
{
    display: inline-block;
}
* html .clearfix, * html .container
{
    height: 1%;
}
.clearfix, .container
{
    display: block;
}
.clear
{
    clear: both;
}

/* forms.css */
label
{
    font-weight: bold;
}
fieldset
{
    padding: 1.4em;
    margin: 0 0 1.5em 0;
    border: 1px solid #ccc;
}
legend
{
    font-weight: bold;
    font-size: 1.2em;
}
input.text, input.title, textarea, select
{
    margin: 0.5em 0;
    border: 1px solid #bbb;
}
input.text:focus, input.title:focus, textarea:focus, select:focus
{
    border: 1px solid #666;
}
input.text, input.title
{
    width: 300px;
    padding: 5px;
}
input.title
{
    font-size: 1.5em;
}
textarea
{
    width: 390px;
    height: 250px;
    padding: 5px;
}
.error, .notice, .success
{
    padding: .8em;
    margin-bottom: 1em;
    border: 2px solid #ddd;
}
.error
{
    background: #FBE3E4;
    color: #8a1f11;
    border-color: #FBC2C4;
}
.notice
{
    background: #FFF6BF;
    color: #514721;
    border-color: #FFD324;
}
.success
{
    background: #E6EFC2;
    color: #264409;
    border-color: #C6D880;
}
.error a
{
    color: #8a1f11;
}
.notice a
{
    color: #514721;
}
.success a
{
    color: #264409;
}

.std_table_col_centered
{
    text-align: center;
}

.std_table
{
    border: 1px: solid black;
}

.hinweis_box
{
    padding: 5px 8px 5px 8px;
    background: url(pics/box_fill_orange.gif) repeat-x;
    border: 1px solid #ffae73;
}

.status_lbl
{
    font-size: 11px;
    font-weight: bold;
}

.mini_status_lbl
{
    font-size: 10px;
}

.only_premium
{
    font-size: bold;
    color: Red;
}


.menulink ul
{
}

.menulink li
{
    line-height: 1.9em;
    margin-left: -55px;
    padding-left: 0;
    list-style-type: none;
}

.premium_box
{
    width: 257px;
    background-image: url(pics/premium_box.png);
    background-repeat: no-repeat;
    padding: 1px 6px 2px 10px;
}

.premium_box h3
{
    font-size: 11pt;
    font-weight: bold;
    color: #0e3173;
    font-style: normal;
    margin-bottom: 4px;
}

.videotitel
{
    font-size: 12pt;
    font-weight: bold;
    color: #555;
}

.videountertitel
{
    font-size: 10pt;
    font-style: italic;
}

.pivotstats_erkl
{
    border: 1px solid #888;
    background-color: #eee;
    margin-top: 10px;
    padding: 5px 10px 5px 10px;
    font-size: 8pt;
    width: 600px;
}