/*
Title:      Bildungszentrum Nürnberg - Screen styles
Author:     Pedro Stoehr, hello@optische.com
Copyright:	2010, Optische Anstalt. All rights resevered (please don't re-use without permission).


                                                      .;:.
                                                   :A@A;
                                                r#@@#.
                                             r#@@@A
                                          ,A@@@@#
                                        ;@@@@@@:
                                      ;@@@@@@#
                                     #@@@@#@&
                                   ;@@@@##@&
                                  5@@@###@#                  sM:
                                 i@@@####@                    @@@B;
                                ,@@@####@H                    .@@@@@5
                                @@@#####@i                     #@@@@@@;
                                @@######@5                     5@@@@@@@G
                               :@@#####@@@                     i@@#@@@@@X
                               :@@#####@@@G                    G@####@@@@
                                @@######@@@H                   @@#####@@@r
                                #@@#####@@@@@s                &@@######@@r
                                .@@@#####@@@@@@9,            G@@#######@@
                                 :@@@#####@@@@@@@@Ar.     .5@@@########@A
                                   B@@@#####@@@@@@@@@@@@@@@@@@########@@
                                    ,@@@@#####@@@@@@@@@@@@@@@########@@
                                      ;@@@@#######@@@@@@@@##########@@
                                        ;@@@#######################@A                 ;#2;.
                   ,;ri2AB3:              i@@@####################@&                   #@@@@@S
              sB@@@@@@@@@5.                 B@@###################@                     B@@@@@@@:
           :@@@@@@@@@@#                      r@@#################@i                      @@@@@@@@@
          5@@@@@@@@@@i                        ,@@################@;                      r@@@@@@@@@;
         ,@@@@#####@3                          i@@###############@h                      .@@###@@@@@r
         ;@@#######@                            @@##############@@@.                     :@@####@@@@@.
          @@@#####@@                            @@##############@@@@.                    &@#######@@@@
          ;@@#####@@:                          @@################@@@@i                  :@@########@@@:
           X@@####@@@                        .@@@#################@@@@@s               r@@@########@@@X
            B@@###@@@@                      &@@@###################@@@@@@#s.         r@@@@##########@@S
             @@@###@@@@i                 :B@@@@#####################@@@@@@@@@@@MHM@@@@@@@###########@@.
              @@###@@@@@@G:           ;G@@@@@@########################@@@@@@@@@@@@@@@@@#############@B
              S@@###@@@@@@@@@Mh22XA@@@@@@@@@#############################@@@@@@@@@@@@###############@
               @@#####@@@@@@@@@@@@@@@@@@@##########################################################@2
              ,@@#######@@@@@@@@@@@@@@#############################################################@
              @@##################################################################################@h
             @@@##################################################################################@:
            X@@##################################################################################@@
           :@@###################################################################################@@
           @@@###################################################################################@@
          h@@####################################################################################@@.
         ,@@#######@#############################################################################@@r
         @@@######@MH@###########################################################################@@#
        S@@#######@:M@###########################################################################@@@.
        @@#######@; @@###########################################################################@@@@
       A@@######@@ S@@############################################################################@@@;
       @@#######@: B@#############################################################################@@@@
      S@@######@@  B@##############################################################################@@@.
      @@#######@r  X@@##############################################################################@@X
      @@#######@   ,@@##############################################################################@@@
     ,@@######@#    @@@#############################################################################@@@
     r@@######@3    ,@@##############################################################################@@
     i@@######@s     2@@#############################################################################@@,
     S@@######@;      G@@############################################################################@@,
     i@@#####@@r       5@@@##########################################################################@@,
     ;@@#####@@5        ,@@@@########################################################################@@
     .@@#####@@B          X@@@@######################################################################@@
      @@#####@@@            9@@@@####################################################################@#
      #@######@@:             s@@@@@#################################################################@5
      r@@#####@@@               .3@@@@@##############################################################@
       @@#####@@@:                 .i#@@@@@@########################################################@#
       X@@####@@@@                     ,SM@@@@@@@@##################################################@:
        @@#####@@@A                         :SA@@@@@@@@@@@#########################################@#
        r@@#####@@@i                              ,rXH#@@@@@@@@@@@@@@@@@###########################@.
         #@@####@@@@r                                     .:riXAM#@@@@@@@@@@@@@@@@@@@@@@@#########@S
          @@#####@@@@i                                                    .,::;;rrrssis;X@#######@M
          .@@@####@@@@G                                                                 M@######@@
           :@@#####@@@@@                                                              2@@######@@
            :@@@####@@@@@s                                                          ;@@@@#####@@
             ,@@@####@@@@@@,                                                      .#@@@@#####@#
               @@@####@@@@@@M.                                                   G@@@@######@G
                &@@@####@@@@@@M,                                               9@@@@######@@r
                 :@@@#####@@@@@@@r                                          ,B@@@@@#####@@#
                   h@@@####@@@@@@@@H;                                     S@@@@@@######@@r
                     M@@@####@@@@@@@@@#i.                             .S@@@@@@@######@@2
                      .#@@@#####@@@@@@@@@@#5:                     :i#@@@@@@@######@@@X
                        .A@@@@#####@@@@@@@@@@@@@M9ir::,,,,:;s2A@@@@@@@@@@@######@@@S
                           s@@@@@#####@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@#######@@@H:
                              2@@@@@@#####@@@@@@@@@@@@@@@@@@@@@@@@#######@@@@Mr
                                 rB@@@@@@########@@@@@@@@@@@########@@@@@@h:
                                     rG@@@@@@@@@@@@@#######@@@@@@@@@@M2;
                                          :sXH#@@@@@@@@@@@@@@@#&2r,



*/

/* grid system
--------------------------------------------- */


/* =Reset
   v1.0 | 20080212 | http://meyerweb.com/eric/tools/css/reset/
--------------------------------------------------------------------------------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

/* remember to define focus styles! */

:focus { outline: 0; }

/* remember to highlight inserts somehow! */

ins { text-decoration: none; }
del { text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */

table { border-collapse: collapse; border-spacing: 0; }

/* =Basic HTML
--------------------------------------------------------------------------------*/

hr { display: none; }
.hideme { display: none; }

/* =Headings
--------------------------------------------------------------------------------*/

h1 { font-size: 25px; }
h2 { font-size: 23px; }
h3 { font-size: 21px; }
h4 { font-size: 19px; }
h5 { font-size: 17px; }
h6 { font-size: 15px; }

/* =Spacing
--------------------------------------------------------------------------------*/

ol { list-style: decimal; }
ul { list-style: square; }
li { margin-left: 30px; }
p, dl, hr, h1, h2, h3, h4, h5, h6, ol, ul, pre, table, address, fieldset { margin-bottom: 20px; }

/* =Clear Floated Elements
--------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

html body * span.clear,
html body * div.clear,
html body * li.clear,
html body * dd.clear,
html body * br.clear
{
    background: none;
    border: 0;
    clear: both;
    display: block;
    float: none;
    font-size: 0;
    list-style: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}

/* http://www.positioniseverything.net/easyclearing.html */

.clearfix:after { clear: both; content: '.'; display: block; visibility: hidden; height: 0; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }



/* =Containers
--------------------------------------------------------------------------------*/

.container_12, .container_16 { margin-left: auto; margin-right: auto; width: 960px; }

/* =Grid >> Global
--------------------------------------------------------------------------------*/

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12,
.grid_13,
.grid_14,
.grid_15,
.grid_16
{
    display: inline;
    float: left;
    margin-left: 10px;
    margin-right: 10px;
}

.container_12 .grid_3, .container_16 .grid_4 { width: 220px; }
.container_12 .grid_6, .container_16 .grid_8 { width: 460px; }
.container_12 .grid_9, .container_16 .grid_12 { width: 700px; }
.container_12 .grid_12, .container_16 .grid_16 { width: 940px; }

/* =Grid >> Children (Alpha ~ First, Omega ~ Last)
--------------------------------------------------------------------------------*/

.alpha { margin-left: 0; }
.omega { margin-right: 0; }

/* =Grid >> 12 Columns
--------------------------------------------------------------------------------*/

.container_12 .grid_1 { width: 60px; }
.container_12 .grid_2 { width: 140px; }
.container_12 .grid_4 { width: 300px; }
.container_12 .grid_5 { width: 380px; }
.container_12 .grid_7 { width: 540px; }
.container_12 .grid_8 { width: 620px; }
.container_12 .grid_10 { width: 780px; }
.container_12 .grid_11 { width: 860px; }

/* =Grid >> 16 Columns
--------------------------------------------------------------------------------*/

.container_16 .grid_1 { width: 40px; }
.container_16 .grid_2 { width: 100px; }
.container_16 .grid_3 { width: 160px; }
.container_16 .grid_5 { width: 280px; }
.container_16 .grid_6 { width: 340px; }
.container_16 .grid_7 { width: 400px; }
.container_16 .grid_9 { width: 520px; }
.container_16 .grid_10 { width: 580px; }
.container_16 .grid_11 { width: 640px; }
.container_16 .grid_13 { width: 760px; }
.container_16 .grid_14 { width: 820px; }
.container_16 .grid_15 { width: 880px; }

/* =Prefix Extra Space >> Global
--------------------------------------------------------------------------------*/

.container_12 .prefix_3, .container_16 .prefix_4 { padding-left: 240px; }
.container_12 .prefix_6, .container_16 .prefix_8 { padding-left: 480px; }
.container_12 .prefix_9, .container_16 .prefix_12 { padding-left: 720px; }

/* =Prefix Extra Space >> 12 Columns
--------------------------------------------------------------------------------*/

.container_12 .prefix_1 { padding-left: 80px; }
.container_12 .prefix_2 { padding-left: 160px; }
.container_12 .prefix_4 { padding-left: 320px; }
.container_12 .prefix_5 { padding-left: 400px; }
.container_12 .prefix_7 { padding-left: 560px; }
.container_12 .prefix_8 { padding-left: 640px; }
.container_12 .prefix_10 { padding-left: 800px; }
.container_12 .prefix_11 { padding-left: 880px; }

/* =Prefix Extra Space >> 16 Columns
--------------------------------------------------------------------------------*/

.container_16 .prefix_1 { padding-left: 60px; }
.container_16 .prefix_2 { padding-left: 120px; }
.container_16 .prefix_3 { padding-left: 180px; }
.container_16 .prefix_5 { padding-left: 300px; }
.container_16 .prefix_6 { padding-left: 360px; }
.container_16 .prefix_7 { padding-left: 420px; }
.container_16 .prefix_9 { padding-left: 540px; }
.container_16 .prefix_10 { padding-left: 600px; }
.container_16 .prefix_11 { padding-left: 660px; }
.container_16 .prefix_13 { padding-left: 780px; }
.container_16 .prefix_14 { padding-left: 840px; }
.container_16 .prefix_15 { padding-left: 900px; }

/* =Suffix Extra Space >> Global
--------------------------------------------------------------------------------*/

.container_12 .suffix_3, .container_16 .suffix_4 { padding-right: 240px; }
.container_12 .suffix_6, .container_16 .suffix_8 { padding-right: 480px; }
.container_12 .suffix_9, .container_16 .suffix_12 { padding-right: 720px; }

/* =Suffix Extra Space >> 12 Columns
--------------------------------------------------------------------------------*/

.container_12 .suffix_1 { padding-right: 80px; }
.container_12 .suffix_2 { padding-right: 160px; }
.container_12 .suffix_4 { padding-right: 320px; }
.container_12 .suffix_5 { padding-right: 400px; }
.container_12 .suffix_7 { padding-right: 560px; }
.container_12 .suffix_8 { padding-right: 640px; }
.container_12 .suffix_10 { padding-right: 800px; }
.container_12 .suffix_11 { padding-right: 880px; }

/* =Suffix Extra Space >> 16 Columns
--------------------------------------------------------------------------------*/

.container_16 .suffix_1 { padding-right: 60px; }
.container_16 .suffix_2 { padding-right: 120px; }
.container_16 .suffix_3 { padding-right: 180px; }
.container_16 .suffix_5 { padding-right: 300px; }
.container_16 .suffix_6 { padding-right: 360px; }
.container_16 .suffix_7 { padding-right: 420px; }
.container_16 .suffix_9 { padding-right: 540px; }
.container_16 .suffix_10 { padding-right: 600px; }
.container_16 .suffix_11 { padding-right: 660px; }
.container_16 .suffix_13 { padding-right: 780px; }
.container_16 .suffix_14 { padding-right: 840px; }
.container_16 .suffix_15 { padding-right: 900px; }



/* global definitions
--------------------------------------------- */

html, body {
    height: 101%;
    }
body {
    background: #d8e4eb url('../img/app_body.jpg') no-repeat 0px 0px;
    color: #000;
    /*font-family: Arial, Verdana, sans-serif;*/
    font-family: Verdana, Arial, sans-serif;
    font-size: 11px;
    font-weight: normal;
    height: auto;
    }
h3 {
    font-size: 16px;
    margin-bottom: 15px;
    }
h4 {
    font-size: 14px;
    margin-bottom: 13px;
    }
a.more,
.more a {
    color: #000;
    font-style: italic;
    font-weight: bold;
    text-transform: lowercase;
    }

/* structure */

#head {
    background: url('../img/app_sprite.png') no-repeat -20px 0px;
    height: 160px;
    position: relative;
    }
#navigation {
    background: url('../img/app_sprite.png') repeat-y -1060px 0px;
    height: 42px;
    }
#breadcrumbs {
    background: url('../img/app_sprite.png') repeat-y -1060px 0px;
    height: 20px;
    }
#page {
    background: url('../img/app_sprite.png') repeat-y -1060px 0px;
    display: table;
    padding-bottom: 20px;
    }
#foot {
    background: url('../img/app_sprite.png') no-repeat -20px -180px;
    height: 30px;
    line-height: 30px;
    margin-bottom: 20px;
    position: relative;
    }

/* color worlds
--------------------------------------------- */

/* purple */

body#purple .content h3 {
    color: #a51652;
    }
body#purple .submenu.more,
body#purple .submenu.more a {
    color: #a51652;
    }
body#purple .submenu.more ul,
body#purple .submenu.more li {
    border-color: #a51652;
    }

/* blue und karriere */

body#blue .content h3 {
    color: #00729f;
    }
body#blue .submenu.more,
body#blue .submenu.more a {
    color: #00729f;
    }
body#blue .submenu.more ul,
body#blue .submenu.more li {
    border-color: #00729f;
    }

/* green */

body#green .content h3 {
    /*color: #b0bc04;*/
    color: #636902;
    }
body#green .submenu.more,
body#green .submenu.more a {
    /*color: #b0bc04;*/
    color: #636902;
    }
body#green .submenu.more ul,
body#green .submenu.more li {
    /*border-color: #b0bc04;*/
    border-color: #636902;
    }

/* aqua */

body#aqua .content h3 {
    color: #199aa2;
    }
body#aqua .submenu.more,
body#aqua .submenu.more a {
    color: #199aa2;
    }
body#aqua .submenu.more ul,
body#aqua .submenu.more li {
    border-color: #199aa2;
    }

/* darkblue */

body#darkblue .content h3 {
    color: #004672;
    }
body#darkblue .submenu.more,
body#darkblue .submenu.more a {
    color: #004672;
    }
body#darkblue .submenu.more ul,
body#darkblue .submenu.more li {
    border-color: #004672;
    }

/* red */

body#red .content h3 {
    color: #ad1735;
    }
body#red .submenu.more,
body#red .submenu.more a {
    color: #ad1735;
    }
body#red .submenu.more ul,
body#red .submenu.more li {
    border-color: #ad1735;
    }

/* yellow */

body#yellow .content h3 {
    /*color: #e0b103;*/
    color: #C69C03;
    }
body#yellow .submenu.more,
body#yellow .submenu.more a {
    /*color: #e0b103;*/
    color: #C69C03;
    }
body#yellow .submenu.more ul,
body#yellow .submenu.more li {
    /*border-color: #e0b103;*/
    border-color: #C69C03;
    }

/* orange */

body#orange .content h3 {
    color: #ee8028;
    }
body#orange .submenu.more,
body#orange .submenu.more a {
    color: #ee8028;
    }
body#orange .submenu.more ul,
body#orange .submenu.more li {
    border-color: #ee8028;
    }

/* darkerblue */

body#darkerblue .content h3 {
    color: #00174c;
    }
body#darkerblue .submenu.more,
body#darkerblue .submenu.more a {
    color: #00174c;
    }
body#darkerblue .submenu.more ul,
body#darkerblue .submenu.more li {
    border-color: #00174c;
    }

/* head
--------------------------------------------- */

#head h1 {
    right: 10px;
    position: absolute;
    top: 55px;
    }
#head h1 a {
    display: block;
    height: 95px;
    text-indent: -9999px;
    width: 220px;
    }
#head .nbg_online {
    left: 0px;
    position: absolute;
    top: 5px;
    }
#head .nbg_online a {
    display: block;
    height: 25px;
    text-indent: -9999px;
    width: 150px;
    }
#head .nbg_online_services {
    right: 0px;
    position: absolute;
    top: 12px;
    }
#head .nbg_online_services a {
    border-left: 1px solid #999;
    color: #000;
    padding: 0 6px;
    text-decoration: none;
    }
#head .nbg_online_services a.first {
    border: 0;
    }
#head .nbg_online_services a:hover {
    text-decoration: underline;
    }
#head .service {
    font-size: 11px;
    left: 10px;
    position: absolute;
    top: 45px;
    }
#head .service,
#head .service li {
    list-style-type: none;
    margin: 0;
    padding: 0;
    }
#head .service li {
    border-left: 1px solid #999;
    float: left;
    }
#head .service li.first {
    border: 0;
    }
#head .service li a {
    color: #000;
    padding: 0 6px;
    text-decoration: none;
    }
#head .service li a:hover {
    color: #000;
    text-decoration: underline;
    }
#head .service li.first a {
    padding-left: 0px;
    }
#head .service li.service_nbg {
    border: 0;
    position: absolute;
    right: -635px;
    top: -32px;
    }

/* navigation
--------------------------------------------- */

#navigation .menu,
#navigation .menu li {
    list-style-type: none;
    margin: 0;
    padding: 0;
    }
#navigation .menu li {
    float: left;
    font-size: 12px;
    font-weight: bold;
    height: 36px;
    }
#navigation .menu li a {
    background-image: url('../img/app_sprite.png');
    background-repeat: no-repeat;
    color: #fff;
    display: block;
    height: 30px;
    line-height: 30px;
    margin-right: 2px;
    text-align: center;
    text-decoration: none;
    }
#navigation .menu li a.purple {
    background-position: -110px -230px;
    width: 87px;
    }
#navigation .menu li.current a.purple {
    background-position: -110px -280px;
    }
#navigation .menu li a.blue {
    background-position: -199px -230px;
    width: 140px;
    }
#navigation .menu li.current a.blue {
    background-position: -199px -280px;
    }
#navigation .menu li a.green {
    background-position: -341px -230px;
    width: 174px;
    }
#navigation .menu li.current a.green {
    background-position: -341px -280px;
    }
#navigation .menu li a.aqua {
    background-position: -444px -230px;
    width: 105px;
    }
#navigation .menu li.current a.aqua {
    background-position: -444px -280px;
    }
#navigation .menu li a.darkblue {
    background-position: -517px -230px;
    width: 175px;
    }
#navigation .menu li.current a.darkblue {
    background-position: -517px -280px;
    }
#navigation .menu li a.red {
    background-position: -694px -230px;
    width: 184px;
    }
#navigation .menu li.current a.red {
    background-position: -694px -280px;
    }
#navigation .menu li a.yellow {
    background-position: -29px -230px;
    width: 79px;
    }
#navigation .menu li.current a.yellow {
    background-position: -29px -280px;
    }
#navigation .menu li a.orange {
    background-position: -880px -230px;
    margin: 0;
    width: 89px;
    }
#navigation .menu li.current a.orange {
    background-position: -880px -280px;
    }
#navigation .menu li.current a {
    height: 36px;
    }

/* breadcrumbs
--------------------------------------------- */

#breadcrumbs h3,
#breadcrumbs li {
    color: #000;
    display: inline;
    font-size: 11px;
    font-weight: normal;
    line-height: normal;
    }
#breadcrumbs h3 {
    color: #ca031a;
    font-weight: normal;
    margin: 0 1px 0 0;
    }
#breadcrumbs ol {
    display: inline;
    margin: 0;
    padding: 0;
    }
#breadcrumbs li {
    margin: 0 0 0 -2px;
    padding: 0;
    }
#breadcrumbs li a {
    background-image: url('../img/app_sprite.png');
    background-repeat: no-repeat;
    background-position: -35px -342px;
    color: #000 !important;
    padding: 0 0 0 14px;
    text-decoration: none;
    }
#breadcrumbs a:hover {
    color: #000;
    text-decoration: underline;
    }
#breadcrumbs strong {
    font-weight: normal;
    }
#breadcrumbs li.current a {
    background-position: -35px -366px;
    color: #ca031a !important;
    }

* html #breadcrumbs li a {
    background-position: -35px -340px;
    margin-left: 4px;
    }
* html #breadcrumbs li.current a {
    background-position: -35px -364px;
    }
*+html #breadcrumbs li a {
    background-position: -35px -340px;
    margin-left: 4px;
    }
*+html #breadcrumbs li.current a {
    background-position: -35px -364px;
    }

/* page: left
--------------------------------------------- */

#left {
    padding-top: 60px;
    }

/* submenu */

.submenu,
.submenu.more {
    margin-bottom: 20px;
    }
.submenu h3,
.submenu.more h3 {
    font-size: 12px;
    font-weight: bold;
    /*height: 20px;*/
    line-height: 16px;
    padding: 4px 0;
    margin: 0;
    }
.submenu ul,
.submenu li,
.submenu.more ul,
.submenu.more li {
    border-color: #767676;
    border-style: dotted;
    list-style-type: none;
    margin: 0;
    padding: 0;
    }
.submenu ul,
.submenu.more ul {
    border-width: 0 0 1px 0;
    }
.submenu li,
.submenu.more li {
    border-width: 1px 0 0 0;
    /*height: 20px;
    line-height: 20px;*/
    line-height: 16px;
    padding: 2px 0;
    }
.submenu a,
.submenu.more a {
    color: #000;
    display: block;
    text-decoration: none;
    }
.submenu a:hover,
.submenu.more a:hover {
    text-decoration: underline;
    }

/* font sizer */

.font_sizer {
    border-color: #757575;
    border-style: dotted;
    border-width: 1px 0px;
    height: 20px;
    line-height: 20px;
    margin-bottom: 20px;
    }
.font_sizer p {
    margin: 0;
    }
.font_sizer a {
    background-image: url('../img/app_sprite.png');
    background-repeat: no-repeat;
    background-position: 110px -410px;
    color: #000;
    display: block;
    text-decoration: none;
    }
.font_sizer a:hover {
    text-decoration: underline;
    }

/* page: center
--------------------------------------------- */

#center.subpage {
    background: url('../img/app_sprite.png') repeat-y -2280px 0px;
    border-bottom: 1px solid #ccc;
    display: table;
    padding-bottom: 40px;
    }

/* featured */

.featured {
    background-repeat: no-repeat;
    background-position: 0px 0px;
    color: #fff;
    height: 230px;
    margin-bottom: 10px;
    position: relative;
    }
.featured .box {
    position: absolute;
    left: 20px;
    top: 40px;
    }
.featured h2 {
    font-size: 42px;
    font-weight: normal;
    margin-bottom: 20px;
    text-shadow: 0px 2px 6px #000;
    }
.featured p {
    line-height: 1.3;
    text-shadow: 0px 2px 6px #000;
    width: 300px;
    }
.featured a,
.featured a.more {
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    }
.featured .csc-header a {
    font-weight: normal;
    }
.featured .csc-header a:hover {
    text-decoration: none;
    }
.featured a:hover,
.featured a:hover.more {
    text-decoration: underline;
    }
.featured.small {
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: 0px 0px;
    border-bottom: 1px solid #ccc;
    color: #fff;
    height: 80px;
    position: relative;
    }
.featured.small .box {
    position: absolute;
    left: 20px;
    top: 0;
    }
.featured.small h2 {
    font-size: 24px;
    font-weight: normal;
    line-height: 65px;
    margin-bottom: 0;
    text-shadow: 0px 2px 6px #000;
    }
.featured.blind {
    background-color: #fff;
    border-bottom: 1px solid #ccc;
    height: 1px;
    position: relative;
    }


/* section boxes */

.section_box {
    margin-bottom: 10px;
    }
.section_box.float {
    float: left;
    margin-right: 10px;
    width: 255px;
    }
.section_box.float.alt {
    margin-right: 0;
    }
.section_box .inner {
    border: 1px solid #ccc;
    color: #555;
    position: relative;
    }
#center .section_box .inner {
    /*height: 156px;*/
    padding-bottom: 10px;
    }
.section_box h4 {
    background-color: #555;
    color: #fff;
    display: block;
    font-size: 12px;
    height: 20px;
    line-height: 20px;
    margin: 0 0 2px 0;
    padding: 0 10px;
    }
#center .section_box img {
    float: left;
    margin: 0 10px 0 0;
    }
.section_box .title {
    color: #000;
    font-size: 12px;
    margin: 0;
    padding: 10px 10px 5px 10px;
    line-height: 16px;
    }
#center .section_box .title {
    padding: 5px 10px;
    }
.section_box p {
    font-size: 11px;
    line-height: 1.2;
    padding: 0 10px;
    margin: 0 0 10px 0;
    }
#center .section_box p {
    font-size: 11px;
    margin: 0;
    }
.section_box a.more,
.section_box .more a {
    color: #555;
    }
.section_box.purple h4 {
    background-color: #a51652;
    }
.section_box.blue h4 {
    background-color: #00729f;
    }
.section_box.green h4 {
    /*background-color: #b0bc04;*/
    background-color: #636902;
    }
.section_box.aqua h4 {
    background-color: #199aa2;
    }
.section_box.darkblue h4 {
    background-color: #004672;
    }
.section_box.red h4 {
    background-color: #ad1735;
    }
.section_box.yellow h4 {
    /*background-color: #e0b103;*/
    background-color: #C69C03;
    }
.section_box.orange h4 {
    background-color: #ee8028;
    }
.section_box.darkerblue h4 {
    background-color: #00174c;
    }

/* content */

.content {
    padding: 10px 20px 20px 20px;
    }
.content p {
    line-height: 1.2;
    }
.content a {
    color: #485a63;
    }

/* page: right
--------------------------------------------- */

/* course search */

.course_search {
    background-image: url('../img/app_sprite.png');
    background-repeat: no-repeat;
    background-position: -820px -336px;
    height: 110px;
    margin-bottom: 10px;
    padding: 10px;
    overflow: hidden;
    }
.course_search h3 {
    font-size: 12px;
    text-align: right;
    margin: 0 0 0 0;
    }
.course_search form,
.course_search form p {
    margin: 0;
    padding: 0;
    }
.course_search legend {
    display: none;
    }
.course_search label {
    cursor: pointer;
    font-size: 11px;
    }
.course_search input {
    height: 14px;
    line-height: 14px;
    margin-top: 3px;
    margin-bottom: 6px;
    }
.course_search .query input {
    width: 194px;
    }
.course_search .date {
    float: left;
    }
.course_search .date.break {
    padding-right: 10px;
    }
.course_search .date input {
    width: 89px;
    }
.course_search .submit {
    margin: 0;
    text-align: right;
    }
.course_search .submit input {
    background-color: transparent;
    border: 0;
    color: #000;
    cursor: pointer;
    font-size: 11px;
    font-weight: bold;
    height: 15px;
    line-height: 15px;
    margin: 0;
    padding-right: 14px;
    text-align: right;
    }

* html .course_search .submit input {
    padding-right: 18px;
    }
*+html .course_search .submit input {
    padding-right: 18px;
    }

/* flukes */

.flukes {
    background-image: url('../img/app_sprite.png');
    background-repeat: no-repeat;
    background-position: -2040px bottom;
    margin-bottom: 10px;
    }
.flukes h3 a,
.flukes li a {
    color: #000;
    }
.flukes h3 {
    background-image: url('../img/app_sprite.png');
    background-repeat: no-repeat;
    background-position: -820px -486px;
    color: #a51652;
    font-size: 12px;
    margin: 0;
    padding: 10px 10px 5px 10px;
    }
.flukes ul.list {
    list-style-type: none;
    margin: 0 10px;
    padding: 0 0 5px 0;
    }
.flukes li {
    background-image: url('../img/app_sprite.png');
    background-position: -430px -333px;
    background-repeat: no-repeat;
    border-top: 1px dotted #767676;
    font-size: 11px;
    list-style-type: none;
    margin: 0;
    padding: 5px 0 5px 20px;
    }
.flukes li.purple {
    background-position: -20px -449px;
    }
.flukes li.blue {
    background-position: -220px -449px;
    }
.flukes li.green {
    background-position: -430px -449px;
    }
.flukes li.aqua {
    background-position: -430px -565px;
    }
.flukes li.darkblue {
    background-position: -220px -333px;
    }
.flukes li.red {
    background-position: -430px -333px;
    }
.flukes li.yellow {
    background-position: -220px -565px;
    }
.flukes li.orange {
    background-position: -20px -565px;
    }
.flukes li strong {
    display: block;
    padding: 3px 0;
    }

*+html .flukes {
    height: 1%;
    }

/* orange teaser */

.suedpunkt_teaser {
    margin-bottom: 10px;
    }
.suedpunkt_teaser p {
    margin-bottom: 10px;
    }
.suedpunkt_teaser a {
    background-image: url('../img/app_sprite.png');
    background-repeat: no-repeat;
    background-position: -2820px 0px;
    height: 38px;
    color: #444;
    display: block;
    font-size: 11px;
    font-weight: bold;
    line-height: 1.2;
    padding: 12px 5px 0 50px;
    text-decoration: none;
    }

.planetarium_teaser {
    margin-bottom: 10px;
    }
.planetarium_teaser p {
    margin-bottom: 10px;
    }
.planetarium_teaser a {
    background-image: url('../img/app_sprite.png');
    background-repeat: no-repeat;
    background-position: -2820px -160px;
    height: 53px;
    color: #444;
    display: block;
    font-size: 11px;
    font-weight: bold;
    line-height: 1.2;
    padding: 12px 5px 0 50px;
    text-decoration: none;
    }
.planetarium_teaser.small a {
    background-image: url('../img/app_sprite.png');
    background-repeat: no-repeat;
    background-position: -2820px -260px;
    height: 20px;
    color: #444;
    display: block;
    font-size: 11px;
    font-weight: bold;
    line-height: 1.2;
    padding: 12px 5px 0 50px;
    text-decoration: none;
    }

.stadtbibliothek_teaser {
    margin-bottom: 10px;
    }
.stadtbibliothek_teaser p {
    margin-bottom: 10px;
    }
.stadtbibliothek_teaser a {
    background-image: url('../img/app_sprite.png');
    background-repeat: no-repeat;
    background-position: -2820px -320px;
    height: 76px;
    color: #444;
    display: block;
    font-size: 11px;
    font-weight: bold;
    line-height: 1.2;
    padding: 12px 5px 0 50px;
    text-decoration: none;
    }

.teilnehmervertretung_teaser {
    margin-bottom: 10px;
    }
.teilnehmervertretung_teaser p {
    margin-bottom: 10px;
    }
.teilnehmervertretung_teaser a {
    background-image: url('../img/app_sprite.png');
    background-repeat: no-repeat;
    background-position: -2820px -450px;
    height: 38px;
    color: #444;
    display: block;
    font-size: 11px;
    font-weight: bold;
    line-height: 1.2;
    padding: 12px 5px 0 50px;
    text-decoration: none;
    }

/* tabbed content */

.tabbed {
    background-image: url('../img/app_sprite.png');
    background-repeat: no-repeat;
    background-position: -2040px bottom;
    display: table;
    margin: -10px 0 10px 0;
    }

 *+html .tabbed {
    height: 1%;
    }

.tabbed .ui-tabs-hide {
    display: none;
    }
* html .tabbed .ui-tabs-nav { /* auto clear, @ IE 6 & IE 7 Quirks Mode */
    display: inline-block;
    }
*:first-child+html .tabbed .ui-tabs-nav  { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block;
    }
.tabbed .ui-tabs-nav {
    background-color: #fff;
    height: 20px;
    list-style: none;
    margin: 0;
    padding: 0;
    }
.tabbed .ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    }
.tabbed .ui-tabs-nav li {
    border-color: #ccc;
    border-style: solid;
    float: left;
    height: 18px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    text-align: center;
    width: 72px;
    }
.tabbed .ui-tabs-nav li.first {
    border-width: 1px 0 1px 1px;
    -moz-border-radius: 3px 0 0 0;
    }
.tabbed .ui-tabs-nav li.second {
    border-width: 1px 1px 1px 1px;
    }
.tabbed .ui-tabs-nav li.third {
    border-width: 1px 1px 1px 0;
    -moz-border-radius: 0 3px 0 0;
    }
.tabbed .ui-tabs-selected {
    background-color: #ecf1f5;
    border-bottom: 1px solid #ecf1f5 !important;
    }
.tabbed .ui-tabs-nav li a {
    color: #000;
    display: block;
    font-size: 11px;
    line-height: 19px;
    text-decoration: none;
    }
.tabbed .ui-tabs-selected a {
    color: #000 !important;
    font-weight: bold;
    }
.tabbed .ui-tabs-panel {
    color: #485a63;
    font-size: 11px;
    padding: 10px 10px 1px 10px;
    }
.tabbed .ui-tabs-panel p {
    margin: 0 0 10px 0;
    }

/* foot
--------------------------------------------- */

#foot .service {
    font-size: 11px;
    left: 10px;
    position: absolute;
    top: 8px;
    }
#foot .service,
#foot .service li {
    list-style-type: none;
    line-height: 11px;
    margin: 0;
    padding: 0;
    }
#foot .service li {
    border-left: 1px solid #999;
    float: left;
    }
#foot .service li.first {
    border: 0;
    }
#foot .service li a {
    color: #000;
    padding: 0 6px;
    text-decoration: none;
    }
#foot .service li a:hover {
    color: #000;
    text-decoration: underline;
    }
#foot .service li.first a {
    padding-left: 0px;
    }
#foot .back_to_top {
    font-size: 11px;
    right: 10px;
    position: absolute;
    top: 0;
    }
#foot .back_to_top a {
    background-image: url('../img/app_sprite.png');
    background-repeat: no-repeat;
    background-position: -36px -391px;
    color: #000;
    padding-left: 12px;
    text-decoration: none;
    }
#foot .back_to_top a:hover {
    text-decoration: underline;
    }

* html #foot .back_to_top a {
    background-position: -36px -389px;
    }
*+html #foot .back_to_top a {
    background-position: -36px -389px;
    }

/* submenu */

.submenu a.current {
    border-bottom: 1px dotted #757575;
    font-weight: bold;
    padding-bottom: 2px;
    }
.submenu a.current.selected {
    background-color: #fff;
    background-image: url('../img/app_sprite.png');
    background-repeat: no-repeat;
    background-position: -644px -332px;
    border: 0;
    padding: 0 0 0 12px;
    }
.submenu a.current.selected.root {
    border-bottom: 1px dotted #757575;
    padding-bottom: 2px;
    }
.submenu ul ul {
    border: 0;
    margin: 0 0 -2px 12px;
    }
.submenu ul ul li.first {
    border: 0;
    }

/* course detail */

.course_detail h3 {
    border-bottom: 2px dotted #ccc;
    line-height: 1.2;
    margin-bottom: 5px;
    padding-bottom: 5px;
    }
.course_detail h4 {
    border-bottom: 2px dotted #ccc;
    line-height: 1.1;
    margin-bottom: 5px;
    padding-bottom: 5px;
    }
.course_detail table.course tr.line {
    border-top: 2px dotted #ccc;
    }
.course_detail table.course td {
    line-height: 1.2;
    padding: 5px 0;
    }
.course_detail table.course td.desc {
    width: 150px;
    }
.course_detail .actionbar a {
    margin-right: 10px;
    }

/* fachgruppen */

ul.fachgruppen,
ul.fachgruppen li {
    list-style-type: none;
    margin: 0;
    padding: 0;
    }
ul.fachgruppen li {
    margin-bottom: 5px;
    }
ul.fachgruppen li ul {
    margin: 5px 0 0 10px;
    }


/* Accordion */
.content_right #accordion {
    padding-bottom: 0px;
    margin-bottom: 10px;
    background: url('../img/accordion_footer.png') no-repeat center bottom;
}
.content_right .ui-accordion .ui-accordion-header a {
    display: block;
    font-size: 13px;
    padding: 0 10px 0 25px;
    color: #222;
    height: 25px;
    line-height: 25px;
}
.content_right .ui-accordion .ui-accordion-header a:hover,
.content_right .ui-accordion .ui-state-active a {
    color: #222;
    background: url('smoothness/images/ui-bg_glass_75_e6e6e6_1x400.png') repeat-x scroll 50% 50% #E6E6E6;
}

.content_right .ui-accordion .ui-accordion-content img { float: left; margin-right: 10px; }
.content_right .ui-accordion .ui-accordion-content p { margin: 10px; }

.content_right .ui-accordion .ui-accordion-header { border: 1px solid #ccc;  }
.content_right .ui-accordion .ui-accordion-header-active {  }
.content_right .ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; }
.content_right .ui-accordion .ui-accordion-li-fix { display: inline; }
.content_right .ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; }
/* IE7-/Win - Fix extra vertical space in lists */
.content_right .ui-accordion a { zoom: 1; }
.content_right .ui-accordion-icons .ui-accordion-header a { }
.content_right .ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
.content_right .ui-accordion .ui-accordion-content { padding: 10px; border: 1px solid #ccc; border-top: 0; position: relative; top: 1px; overflow: hidden; display: none; zoom: 1; }
.content_right .ui-accordion .ui-accordion-content-active { display: block; }


.news-single-item {
    color:#41555C;
    line-height:1.4em;
}

.news-single-item .news-single-img {
    float: left;
    margin-right: 20px;
    margin-bottom: 10px;
}

.news-single-item .news-single-imgcaption {
    margin: 0;
}

.csc-text,
.csc-textpic { margin-bottom: 20px; }

.content p { margin-bottom: 10px; }

.csc-bulletlist { margin-left: 20px; }

.csc-text,
.csc-textpic ul { margin-bottom: 10px; }

.csc-textpic-intext-left ol, .csc-textpic-intext-left ul {
    padding-left: 0;
}

.course_search h3 { line-height: normal; }

.content h1 { line-height: 26px; margin-bottom: 10px; }
.content h2 { line-height: 24px; margin-bottom: 10px; }
.content h3 { line-height: 22px; margin-bottom: 10px; }
.content h4 { line-height: 20px; margin-bottom: 10px; }
.content h5 { line-height: 18px; margin-bottom: 10px; }
.content h6 { line-height: 16px; margin-bottom: 10px; }