/*------------------------------------------

 copyright 2011 by cyberhouse

 Author: Georg Paul

 Author URI: http://www.cyberhouse.at

 ------------------------------------------*/
/*-----------------------------------------
[Table of contents]

1. scss variables
   1.1 layout
   1.2 text formatting

2. scss mixins

3. reset styles

4. global page styles

5. global classes

6. text formatting

7. nav styles
   7.1 global
   7.2 skip links
   7.3 main nav
   7.4 service nav
   7.5 meta nav
   7.6 footer nav
   7.7 secondary footer nav
   7.8 local nav
   7.9 breadcrumb nav


8. page layout styles

9. CE styling

10. form styles

11. table styles

12. browser specific styling

------------------------------------------*/
/* =1 scss variables                        */
/*------------------------------------------*/
/* =1.1 layout (px) */
/* =1.2 text formatting */
/* =2 scss mixins                           */
/*------------------------------------------*/
/* =3 Reset Style Sheet by Richard Clark    */
/*------------------------------------------*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, menu, nav, section, menu, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent; }

body {
    line-height: 1; }

article, aside, dialog, figure, footer, header, hgroup, nav, section {
    display: block; }

nav ul {
    list-style: none; }

blockquote, q {
    quotes: none; }

blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none; }

a {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent; }

ins {
    background-color: #ff9;
    color: #000;
    text-decoration: none; }

mark {
    background-color: #ff9;
    color: #000;
    font-style: italic;
    font-weight: bold; }

del {
    text-decoration: line-through; }

abbr[title], dfn[title] {
    border-bottom: 1px dotted #000;
    cursor: help; }

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

hr {
    display: block;
    height: 0;
    border: 0;
    margin: 0;
    padding: 0; }

input, select {
    vertical-align: middle; }

/* =4 global styles                         */
/*------------------------------------------*/
html {
    height: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%; }

body {
    font-family: Arial, sans-serif;
    font-size: 0.875em;
    line-height: 1.42857em;
    color: #575757;
    background: whitesmoke url(../Images/Background/bg.gif) repeat 0 0;
    height: 100%;
    /*overflow-x: hidden;*/
    /* banner and partner logos should be hidden for smaller resolutions*/
}

/* =5 global classes                        */
/*------------------------------------------*/
.hidden {
    position: absolute;
    left: -9999px;
    top: 0;
    width: 1px;
    height: 1px;
    margin: 0;
    overflow: hidden; }

/* =6 text formatting                       */
/*------------------------------------------*/
h1, h2, h3, h4, h5 {
    line-height: 1.2em;
    margin: 0 0 10px 0;
    font-weight: bold; }

h1 {
    font-size: 2.07143em;
    line-height: 1.03448em;
    margin-top: 10px;
    margin-bottom: 35px; }

.home h1 {
    margin: 0; }

h2 {
    font-size: 1.4em;
    line-height: 1.3em; }

h3 {
    font-size: 1.2em; }

h4 {
    font-size: 1.05em; }

h5 {
    font-size: 0.92857em; }

p, ul, ol, dl {
    margin: 1em 0; }

h1, h2, nav {
    font-family: Arial, sans-serif; }

h1, h2 {
    font-family: Arial, sans-serif; }

.ul-rte, .ol-rte, ul.csc-bulletlist {
    list-style-position: outside; }
.ul-rte li, .ol-rte li, ul.csc-bulletlist li {
    margin-left: 25px; }

.ul-rte li, ul.csc-bulletlist li {
    list-style-image: url(../Images/Background/list-style-image.gif); }

a:link, a:visited {
    text-decoration: underline; }
a:hover, a:focus, a:active {
    text-decoration: none; }
a:focus {
    outline: thin dotted; }

sup,
sub {
    font-size: 0.8em;
    height: 0;
    line-height: 1;
    vertical-align: baseline;
    _vertical-align: bottom;
    position: relative;
    white-space: nowrap; }

sup {
    bottom: 1ex; }

sub {
    top: .5ex; }

/* =7 nav styles                            */
/*------------------------------------------*/
/* =7.1 global */
nav .navtitle {
    line-height: 1em; }
nav ul {
    display: inline;
    margin: 0; }
nav ul li {
    float: left;
    list-style: none;
    line-height: 1em; }
nav ul li a, nav ul li span.active {
    float: left;
    display: block;
    line-height: 1em; }
nav ul li a:link, nav ul li a:visited {
    text-decoration: none; }
nav ul li a:hover, nav ul li a:focus {
    text-decoration: underline; }
nav:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden; }

/* =7.2 skip links   */
#skip-links {
    position: absolute;
    left: 0;
    width: 100%; }
#skip-links a {
    position: absolute;
    left: -1000px;
    top: -1000px;
    width: 1px;
    height: 1px;
    overflow: hidden;
    display: inline; }
#skip-links a:focus, #skip-links a:active {
    z-index: 99;
    padding: 2px 4px;
    top: 0;
    left: 0;
    width: auto;
    height: auto;
    color: #FFFFFF;
    background-color: #646564; }

/* =7.3 main nav  */
#main-nav {
    clear: both;
    float: left;
    width: 100%; }
#main-nav .root {
    width: 100%; }
#main-nav .root li {
    border-left: 1px solid #fff;
    min-height: 37px;
    padding: 6px 10px 3px 10px;
    border-radius: 8px 8px 0 0;
    -khtml-border-radius: 8px 8px 0 0;
    -webkit-border-radius: 8px 8px 0 0;
    -moz-border-radius: 8px 8px 0 0;
    behavior: url(/typo3conf/ext/theme_edugroup/Resources/Public/Css3Pie/PIE.htc);
    min-width: 110px;
    max-width: 220px;
    position: relative;
    color: #282828;
    background: #dcdcdc; }
#main-nav .root li:first-child {
    border-left: 0; }
.home #main-nav .root li {
    /*max-width: 150px;*/
    /*min-width: 145px;*/
    min-height: 37px;
    width: 145px; }
.home #main-nav .root li:last-child {
    max-width: 115px;
    min-width: 115px; }
#main-nav .root li:hover {
    background: #d4d4d4 url(../Images/Background/main-nav-mouseover.gif) repeat-x left bottom; }
.js #main-nav .root li {
    cursor: pointer; }
#main-nav .root li.active {
    border-radius: 8px 8px 0 0;
    -khtml-border-radius: 8px 8px 0 0;
    -webkit-border-radius: 8px 8px 0 0;
    -moz-border-radius: 8px 8px 0 0;
    behavior: url(/typo3conf/ext/theme_edugroup/Resources/Public/Css3Pie/PIE.htc);
    padding-top: 10px;
    margin-top: -8px;
    min-height: 41px;
    background: url(../Images/Background/main-nav-active.png) repeat-x left bottom; }
#main-nav .root li.active > a, #main-nav .root li.active > span.active, #main-nav .root li.active > span.active a {
    color: #fff; }
#main-nav .root li:hover a {
    color: #fff; }
#main-nav .root li > a, #main-nav .root li > span.active, #main-nav .root li > span.active a {
    color: #282828;
    text-decoration: none;
    font-size: 1.07143em;
    font-weight: bold;
    width: 100%;
    text-transform: uppercase; }
#main-nav .root li > a .subtitle, #main-nav .root li > span.active .subtitle, #main-nav .root li > span.active a .subtitle {
    display: none;
    /* 2012-02-02, layouts has been modified, no subtitle */
    text-transform: none;
    margin-top: 2px;
    font-size: 0.64706em;
    line-height: 1.18182em; }
#main-nav .root li > span.active a {
    padding: 0;
    font-size: 1em; }
#main-nav .root li > ul {
    display: none; }

/* =7.4 service nav  */
#service-nav {
    float: right; }
#service-nav ul {
    /*ackground: url(../Images/Background/rundung-flappe-gelb-ro.png) no-repeat right top;*/ }
#service-nav li {
    margin: 12px 10px;
    /* layout-1 = flappe */ }
#service-nav li a {
    color: #575757;
    text-transform: uppercase;
    font-size: 0.85714em; }
#service-nav li.active a {
    color: #dedc00; }
#service-nav li.active a:link, #service-nav li.active a:visited {
    text-decoration: underline; }
#service-nav li.active a:hover, #service-nav li.active a:focus {
    text-decoration: none; }
#service-nav li.layout-1, #service-nav li.layout-2 {
    padding-left: 9px;
    margin: 0; }
#service-nav li.layout-1 a, #service-nav li.layout-2 a {
    color: #fff;
    position: relative;
    border-radius: 0 0 10px 10px;
    -khtml-border-radius: 0 0 10px 10px;
    -webkit-border-radius: 0 0 10px 10px;
    -moz-border-radius: 0 0 10px 10px;
    behavior: url(/typo3conf/ext/theme_edugroup/Resources/Public/Css3Pie/PIE.htc);
    font-size: 1em;
    background: #575757;
    padding: 12px 17px 10px 17px; }
#service-nav li.layout-0 a {
    text-transform: none;
    font-size: 1em; }
#service-nav li.layout-1 {
    background: url(../Images/Background/rundung-flappe-grau.png) no-repeat left top; }
#service-nav li.layout-1 a {
    background: #575757; }
#service-nav li.layout-2 {
    background: url(../Images/Background/rundung-flappe-gelb.png) no-repeat left top, url(../Images/Background/rundung-flappe-gelb-ro.png) no-repeat right top;
    margin-left: -9px;
    padding-right: 9px; }
#service-nav li.layout-2 a {
    background: #dedc00; }

/* =7.5 meta nav  */
#meta-nav {
    position: absolute;
    width: 700px;
    margin: 12px 10px 12px 0; }
#meta-nav ul {
    float: right; }
#meta-nav li {
    margin-left: 5px;
    padding-left: 5px;
    border-left: 1px solid #575757; }
#meta-nav li:first-child {
    padding-left: 0;
    margin-left: 0;
    border-left: 0; }
#meta-nav li.active a:link, #meta-nav li.active a:visited {
    text-decoration: underline; }
#meta-nav li.active a:hover, #meta-nav li.active a:focus {
    text-decoration: none; }
#meta-nav li a {
    color: #575757;
    font-size: 1em; }

#ie7 #meta-nav {
    position: static;
    width: auto;
    float: left; }

/* =7.6 footer nav  */
#footer-nav {
    float: right;
    margin-right: 25px; }
#footer-nav ul, #footer-nav li, #footer-nav a {
    float: none; }
#footer-nav .active > a:link, #footer-nav .active > a:visited {
    text-decoration: underline; }
#footer-nav .active ul {
    position: absolute;
    top: 0;
    right: 150px; }
#footer-nav li {
    width: 120px;
    font-family: Arial, sans-serif;
    text-align: right;
    margin-bottom: 4px; }
#footer-nav li a {
    font-size: 0.78571em; }

/* =7.7 secondary footer nav  */
#secondary-footer-nav {
    float: left;
    width: 100%;
    margin-top: 12px; }
#secondary-footer-nav a {
    font-size: 0.78571em;
    font-family: Arial, sans-serif;
    margin-right: 10px;
    margin-bottom: 3px; }

/* =7.8 local nav  */
#local-nav {
    background: #6f6f6f;
    margin-bottom: 30px;
    position: relative;
    border-radius: 0 0 10px 10px;
    -khtml-border-radius: 0 0 10px 10px;
    -webkit-border-radius: 0 0 10px 10px;
    -moz-border-radius: 0 0 10px 10px;
    behavior: url(/typo3conf/ext/theme_edugroup/Resources/Public/Css3Pie/PIE.htc); }
#local-nav .fake-bullet {
    background: #575757;
    position: absolute; }
#local-nav .root {
    width: 100%;
    margin-bottom: 12px;
    margin-top: 4px; }
#local-nav .root li {
    border-right: 8px solid transparent; }
#local-nav .root li.active, #local-nav .root li.active-sub {
    background: #f4f4f4 url(../Images/Background/local-nav-gradient.gif) repeat-y 0 0; }
#local-nav .root li.active-sub {
    padding-bottom: 0; }
#local-nav .root > li {
    padding: 8px 15px 8px 0px;
    width: 261px; }
#local-nav .root > li.active + li {
    box-shadow: 0 3px 2px rgba(0, 0, 0, 0.2) inset;
    -khtml-box-shadow: 0 3px 2px rgba(0, 0, 0, 0.2) inset;
    -webkit-box-shadow: 0 3px 2px rgba(0, 0, 0, 0.2) inset;
    -moz-box-shadow: 0 3px 2px rgba(0, 0, 0, 0.2) inset;
    behavior: url(/typo3conf/ext/theme_edugroup/Resources/Public/Css3Pie/PIE.htc);
    border-right: 0;
    padding-top: 15px;
    width: 269px; }
#local-nav .root > li.active > a {
    margin-bottom: 5px; }
#local-nav .root > li > a {
    padding-left: 15px; }
#local-nav .root > li ul {
    background: #fff;
    width: 284px;
    margin-top: 8px;
    margin-left: -15px; }
#local-nav .root > li ul > li {
    width: 234px;
    padding: 6px 15px 2px 35px;
    border-top: 1px solid #b3b3b3;
    border-right: 0;
    position: relative; }
#local-nav .root > li ul > li .fake-bullet {
    width: 7px;
    height: 7px;
    left: 18px;
    top: 9px; }
#local-nav .root > li ul > li a {
    color: #575757;
    display: block;
    margin-bottom: 5px; }
#local-nav .root > li ul > li.active, #local-nav .root > li ul > li.active-sub {
    /*background: #f4f4f4 url(../Images/Background/local-nav-gradient.gif) repeat-y 0 0; */
    background: none;
    border-right: 0 none !important; }
#local-nav .root > li ul > li ul {
    display: block;
    position: relative;
    left: -20px; }
#local-nav .root > li ul > li ul li, #local-nav .root > li ul > li ul li.active, #local-nav .root > li ul > li ul li.active-sub {
    width: 214px;
    padding-left: 55px;
    background-image: none !important;
    background-color: #fff; }
#local-nav .root > li ul > li ul li a:hover, #local-nav .root > li ul > li ul li.active a:hover, #local-nav .root > li ul > li ul li.active-sub a:hover {
    text-decoration: none; }
#local-nav .root > li ul > li ul li .fake-bullet, #local-nav .root > li ul > li ul li.active .fake-bullet, #local-nav .root > li ul > li ul li.active-sub .fake-bullet {
    width: 4px;
    height: 1px;
    left: 45px;
    top: 13px; }
#local-nav .root > li ul > li ul li ul, #local-nav .root > li ul > li ul li.active ul, #local-nav .root > li ul > li ul li.active-sub ul {
    left: -40px; }
#local-nav .root > li ul > li ul li ul li, #local-nav .root > li ul > li ul li.active ul li, #local-nav .root > li ul > li ul li.active-sub ul li {
    padding-left: 75px;
    width: 194px; }
#local-nav .root > li ul > li ul li ul li .fake-bullet, #local-nav .root > li ul > li ul li.active ul li .fake-bullet, #local-nav .root > li ul > li ul li.active-sub ul li .fake-bullet {
    left: 65px; }
#local-nav .root > li ul > li ul li ul li ul, #local-nav .root > li ul > li ul li.active ul li ul, #local-nav .root > li ul > li ul li.active-sub ul li ul {
    left: -60px; }
#local-nav .root > li ul > li ul li ul li ul li, #local-nav .root > li ul > li ul li.active ul li ul li, #local-nav .root > li ul > li ul li.active-sub ul li ul li {
    padding-left: 95px;
    width: 174px; }
#local-nav .root > li ul > li ul li ul li ul li .fake-bullet, #local-nav .root > li ul > li ul li.active ul li ul li .fake-bullet, #local-nav .root > li ul > li ul li.active-sub ul li ul li .fake-bullet {
    left: 85px; }
#local-nav .root > li > a {
    color: #fff; }

#ie8 #local-nav .root > li.active + li {
    behavior: url(); }

/* =7.9 breadcrumb nav  */
#breadcrumb-nav {
    padding: 16px 0;
    font-family: Arial, sans-serif; }
#breadcrumb-nav .navtitle {
    float: left;
    display: block;
    margin-right: 10px;
    font-size: 0.78571em;
    font-weight: bold; }
#breadcrumb-nav ul {
    max-width: 560px; }
#breadcrumb-nav li {
    color: #575757;
    font-size: 0.78571em;
    padding-left: 20px;
    margin-right: 10px;
    margin-bottom: 7px;
    background: url(../Images/Background/breadcrumb-trenner.gif) no-repeat left center; }
#breadcrumb-nav li:first-child {
    padding-left: 0;
    margin-left: 0;
    background-image: none; }
#breadcrumb-nav li a:link, #breadcrumb-nav li a:visited {
    text-decoration: underline; }
#breadcrumb-nav li a:hover, #breadcrumb-nav li a:focus {
    text-decoration: none; }

/* =8 page layout styles                    */
/*------------------------------------------*/
.inner {
    width: 990px;
    margin: 0 auto;
    position: relative; }
.inner:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden; }

#ie8 #main .inner {
    min-height: 550px;
    background-color: #fff;
    padding-bottom: 40px; }

/* header */
#header {
    min-width: 990px;
    background: white url(../Images/Background/header-gradient.gif) repeat-x left bottom;
    /*
    box-shadow: 2px 2px 4px rgba(0,0,0,0.4);
    -moz-box-shadow: 2px 2px 4px rgba(0,0,0,0.4);
    -webkit-box-shadow: 2px 2px 4px rgba(0,0,0,0.4);
    */
    border-top: 3px solid #dedc00;
    position: relative;
    overflow: hidden; }
#header .portal-logo {
    position: absolute;
    right: 50%;
    margin-right: 507px;
    bottom: 8px; }
#header .portal-logo * {
    margin: 0; }
#header .partner-logos {
    position: absolute;
    left: 50%;
    width: 500px;
    margin-left: 507px;
    bottom: 8px; }
#header .partner-logos .partner-logo, #header .partner-logos .csc-default {
    float: left;
    display: block;
    margin-right: 10px;
    margin-top: 10px; }
#header .partner-logos .partner-logo img, #header .partner-logos .csc-default img {
    float: left; }
#header .partner-logos .csc-default * {
    margin: 0 !important; }

#overlay-sitemap,
#overlay-search {
    display: none;
    background-color: rgba(0, 0, 0, 0.8);
    width: 100%;
    /*min-height: 600px;*/
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9999;
    padding: 0 0 60px 0; }
.no-rgba #overlay-sitemap, .no-rgba
#overlay-search {
    background: url(../Images/Background/overlay-black.png) repeat 0 0; }
#overlay-sitemap .close,
#overlay-search .close {
    position: absolute;
    top: 0;
    right: 0;
    padding: 10px 20px 10px 10px;
    color: white;
    font-weight: bold;
    text-transform: uppercase;
    background: url(../Images/Background/close.png) no-repeat center right; }

#overlay-search #edusearch {
    margin: 200px 0 20px 150px;
    padding: 0 0 200px 0; }
#overlay-search h1 {
    margin: 0 0 25px 0;
    background: url(../Images/Background/edusearch.png) no-repeat 0 0;
    display: block;
    width: 194px;
    height: 73px;
    overflow: hidden;
    text-indent: -999em; }
#overlay-search input[type=text] {
    border-radius: 15px 15px 15px 15px;
    -khtml-border-radius: 15px 15px 15px 15px;
    -webkit-border-radius: 15px 15px 15px 15px;
    -moz-border-radius: 15px 15px 15px 15px;
    behavior: url(/typo3conf/ext/theme_edugroup/Resources/Public/Css3Pie/PIE.htc);
    background: url(../Images/Background/search-input.png) repeat-x 0 0;
    font-size: 18px;
    color: #000;
    width: 590px;
    margin: 0 10px 0 0;
    outline: none;
    border: 0;
    box-shadow: 0 0 6px 3px #666666;
    -khtml-box-shadow: 0 0 6px 3px #666666;
    -webkit-box-shadow: 0 0 6px 3px #666666;
    -moz-box-shadow: 0 0 6px 3px #666666;
    behavior: url(/typo3conf/ext/theme_edugroup/Resources/Public/Css3Pie/PIE.htc); }
#overlay-search input[type=text]:focus {
    box-shadow: 0 0 6px 3px #dedc00;
    -khtml-box-shadow: 0 0 6px 3px #dedc00;
    -webkit-box-shadow: 0 0 6px 3px #dedc00;
    -moz-box-shadow: 0 0 6px 3px #dedc00;
    behavior: url(/typo3conf/ext/theme_edugroup/Resources/Public/Css3Pie/PIE.htc);
    border: 0; }
#overlay-search input[type=submit] {
    background: url(../Images/Background/suchen.png) no-repeat 0 0;
    width: 99px;
    height: 33px;
    border: 0;
    text-indent: -999em;
    overflow: hidden;
    position: relative;
    top: 1px; }

div.tx-ch-search div.search-form {
    padding: 10px 0 30px 0; }
div.tx-ch-search div.search-form, div.tx-ch-search div.search-results, div.tx-ch-search div.results-none {
    text-align: center; }
div.tx-ch-search input[type=text] {
    border-radius: 15px 15px 15px 15px;
    -khtml-border-radius: 15px 15px 15px 15px;
    -webkit-border-radius: 15px 15px 15px 15px;
    -moz-border-radius: 15px 15px 15px 15px;
    behavior: url(/typo3conf/ext/theme_edugroup/Resources/Public/Css3Pie/PIE.htc);
    background: url(../Images/Background/search-input.png) repeat-x 0 -6px;
    font-size: 18px;
    color: #000;
    width: 350px;
    margin: 0 10px 0 0;
    outline: none;
    border: 1px solid #bbb;
    box-shadow: 0 0 6px 3px white;
    -khtml-box-shadow: 0 0 6px 3px white;
    -webkit-box-shadow: 0 0 6px 3px white;
    -moz-box-shadow: 0 0 6px 3px white;
    behavior: url(/typo3conf/ext/theme_edugroup/Resources/Public/Css3Pie/PIE.htc); }
div.tx-ch-search input[type=text]:focus {
    box-shadow: 0 0 6px 3px #dedc00;
    -khtml-box-shadow: 0 0 6px 3px #dedc00;
    -webkit-box-shadow: 0 0 6px 3px #dedc00;
    -moz-box-shadow: 0 0 6px 3px #dedc00;
    behavior: url(/typo3conf/ext/theme_edugroup/Resources/Public/Css3Pie/PIE.htc);
    outline: none; }
div.tx-ch-search input[type=submit] {
    background: url(../Images/Background/suchen.png) no-repeat 0 0;
    width: 99px;
    height: 33px;
    border: 0;
    text-indent: -999em;
    overflow: hidden;
    position: relative;
    top: 1px; }
div.tx-ch-search div.results-none, div.tx-ch-search div.search-results {
    margin: 0 0 0 -105px; }
div.tx-ch-search h2 {
    margin: 0 0 0 0 !important; }
div.tx-ch-search p {
    margin: 0 0 0 0 !important; }
div.tx-ch-search a {
    color: #A1A017; }
div.tx-ch-search div.search-results-item {
    padding: 15px 0;
    overflow: hidden; }

#logo {
    float: left;
    display: block;
    margin: 8px 0 14px 0; }

#ie7 #logo {
    margin-top: 0px; }

#logo img {
    float: left;
    display: block; }

#header .claim {
    display: none; }

.home #header .claim {
    display: block;
    position: absolute;
    left: 200px;
    top: 53px;
    width: 302px;
    height: 19px;
    background: url(../Images/claim.png) no-repeat 0 0;
    text-indent: -999em;
    overflow: hidden;
    /*
    @include em-font-size(18,$bodyFontSize);
    color: #707072;
    font-family: $fontFamily_02;
    */ }

#header .cart {
    position: absolute;
    right: 10px;
    top: 48px;
    display: block;
    width: 121px;
    height: 25px;
    outline: 0;
    background: url(../Images/Background/cart-icon.png) no-repeat 0 0;
    display: none; }


#leveltitle {
    float: left;
    margin-left: 12px;
    position: absolute;
    top: 25px;
    left: 180px;
    padding-left: 6px;
    padding-top: 5px;
    padding-bottom: 5px;
    background: url(../Images/Background/leveltitle-shadow.png) no-repeat 0 0;
    font-family: Arial, sans-serif;
    text-transform: uppercase; }
#leveltitle span {
    display: block;
    float: left;
    line-height: 1em;
    padding: 8px 20px 8px 18px;
    position: relative;
    border-radius: 0 8px 8px 0;
    -khtml-border-radius: 0 8px 8px 0;
    -webkit-border-radius: 0 8px 8px 0;
    -moz-border-radius: 0 8px 8px 0;
    behavior: url(/typo3conf/ext/theme_edugroup/Resources/Public/Css3Pie/PIE.htc);
    box-shadow: 1px 1px 2px #cccccc;
    -khtml-box-shadow: 1px 1px 2px #cccccc;
    -webkit-box-shadow: 1px 1px 2px #cccccc;
    -moz-box-shadow: 1px 1px 2px #cccccc;
    behavior: url(/typo3conf/ext/theme_edugroup/Resources/Public/Css3Pie/PIE.htc);
    background: #dedc00;
    color: #fff; }
#leveltitle span a {
    display: block;
    float: left;
    line-height: 1em;
    color: #fff; }
#leveltitle span a:link, #leveltitle span a:visited {
    text-decoration: none; }
#leveltitle span a:hover, #leveltitle span a:focus {
    text-decoration: underline; }

/* content */
#main {
    min-width: 990px;
    /* no mixin, because the CSS3Pie behaviour leads to a major bug in IE8 */
    box-shadow: 0 -2px 2px rgba(0, 0, 0, 0.2);
    -khtml-box-shadow: 0 -2px 2px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 -2px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 -2px 2px rgba(0, 0, 0, 0.2);
    position: relative; }
.home #main {
    border-color: #dedc00; }

.inner-content .partner-logos {
    position: absolute;
    margin-left: 507px;
    left: 50%;
    top: 10px; }

#content {
    background: #fff;
    padding-bottom: 40px;
    min-height: 550px; }
#content:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden; }

body.full-width #content {
    padding-top: 20px; }

#ie8 #content {
    background-color: transparent;
    min-height: 0px;
    /*overflow: hidden;*/
    padding-bottom: 0px; }

#main-content {
    float: right;
    width: 645px;
    padding: 0 25px; }

.home #main-content {
    float: left;
    width: 970px; }

.full-width #main-content {
    float: none;
    width: auto;
    padding: 0 10px; }
.full-width #sidebar {
    display: none; }
.full-width #breadcrumb-nav ul {
    max-width: 820px; }

#banner-col {
    background: #fff;
    width: 120px;
    min-height: 400px;
    position: absolute;
    left: 50%;
    margin-left: 507px;
    top: 12px; }

#news-carousel {
    min-width: 990px;
    background: #575757;
    /*border-bottom: 10px solid #fff;*/
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
    -khtml-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
    behavior: url(/typo3conf/ext/theme_edugroup/Resources/Public/Css3Pie/PIE.htc);
    position: relative;
    z-index: 10; }
.home #news-carousel {
    background: #dedc00; }

#sidebar {
    float: left;
    width: 284px;
    padding-left: 10px; }

/* footer */
#footer {
    min-width: 990px;
    padding: 45px 0 20px 0;
    font-family: Arial, sans-serif;
    background: #575757;
    color: #fff;
    min-height: 142px;
    position: relative; }
#footer .decoration {
    /*background: url(../Images/Background/footer-rahmen.png) no-repeat center top;*/
    width: 100%;
    height: 259px;
    position: absolute;
    left: 0;
    top: -52px; }
#footer a {
    color: #ffffff; }
#footer a:link, #footer a:visited {
    text-decoration: none; }
#footer a:hover, #footer a:focus {
    text-decoration: underline; }
#footer .column {
    float: left;
    margin-left: 36px;
    width: 220px; }
#footer #footnote {
    float: left;
    width: 100%;
    font-size: 0.78571em;
    line-height: 1em; }
#footer #footnote address {
    float: left;
    margin: 0;
    font-style: normal;
    line-height: 1.45455em; }
#footer #footnote address .org {
    display: inline-block;
    font-family: Arial, sans-serif;
    color: #dedc00;
    margin-bottom: 5px;
    text-transform: uppercase;
    font-size: 1.36364em; }
#footer .partner-logos {
    float: left;
    display: block;
    margin-left: 40px;
    height: 98px;
    width: 275px;
    position: relative;
    background: url(../Images/Background/flappe-partner-logos-4.png) no-repeat 0 0; }
#footer .partner-logos .partner-logo {
    float: left;
    display: block;
    margin: 33px 13px 0 100px; }
#footer .partner-logos .partner-logo img {
    float: left; }

#cms-content > .csc-default {
    margin-bottom: 35px; }
#cms-content > .csc-default:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0; }
#cms-content .csc-default:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden; }

body.content-only {
    background: none; }
body.content-only .quick-view {
    width: 110px;
    height: 25px;
    float: right;
    border-radius: 0 0 5px 5px;
    -khtml-border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    behavior: url(/typo3conf/ext/theme_edugroup/Resources/Public/Css3Pie/PIE.htc);
    background-color: #575757;
    color: #fff;
    text-align: center;
    padding-top: 3px;
    cursor: pointer;
    font-size: 0.92857em; }
body.content-only .switch-2 {
    display: none; }
body.content-only #content {
    width: 680px;
    margin: 0 auto; }

/* =9 CE styling                            */
/*------------------------------------------*/
.csc-colored-headline .csc-header * {
    color: #e74010; }

.csc-trenner-davor {
    padding-top: 20px;
    background: url(../Images/Background/corner-lt.gif) no-repeat left top;
    border-top: 1px solid #b7b7b7; }

.csc-meta-data {
    color: #999;
    font-size: 85%;
    font-style: italic; }

.csc-cite {
    color: #dedc00;
    text-transform: uppercase;
    font-size: 1.42857em;
    line-height: 1.3em;
    font-family: Arial, sans-serif; }

/* code snippet for media element */
.csc-media {
    padding: 8px 0 0 0;
    margin-bottom: 10px;
    border-top: 1px solid #dbdbdb;
    border-bottom: 1px solid #dbdbdb; }
.csc-media:hover {
    border-right: 10px solid #f29201; }
.csc-media:hover .icon-wrap a {
    float: left;
    display: block;
    width: 22px;
    height: 24px;
    text-decoration: none;
    background: url(../Icons/media_document_active.png) no-repeat left top; }
.csc-media:hover .icon-wrap a.media_type_2 {
    /*image*/
    background: url(../Images/Icons/media_image_active.png) no-repeat left top; }
.csc-media:hover .icon-wrap a.media_type_3 {
    /*audio*/
    background: url(../Images/Icons/media_sound_active.png) no-repeat left top; }
.csc-media:hover .icon-wrap a.media_type_4 {
    /*video*/
    background: url(../Images/Icons/media_video_active.png) no-repeat left top; }
.csc-media .icon-wrap {
    float: left;
    background: url(../Images/Background/media-icon-gradient.png) no-repeat left bottom;
    border-right: 1px solid #c4c4c4;
    padding: 5px 10px 8px 10px;
    margin-right: 10px; }
.csc-media .icon-wrap a {
    float: left;
    display: block;
    width: 22px;
    height: 24px;
    text-decoration: none;
    background: url(../Icons/media_document.png) no-repeat left top; }
.csc-media .icon-wrap a.media_type_2 {
    /*image*/
    background: url(../Images/Icons/media_image.png) no-repeat left top; }
.csc-media .icon-wrap a.media_type_3 {
    /*audio*/
    background: url(../Images/Icons/media_sound.png) no-repeat left top; }
.csc-media .icon-wrap a.media_type_4 {
    /*video*/
    background: url(../Images/Icons/media_video.png) no-repeat left top; }
.csc-media .info {
    float: left;
    margin: 0;
    line-height: 1em; }
.csc-media .info a {
    color: #575757;
    font-weight: bold;
    font-size: 0.92857em; }
.csc-media .info a:link, .csc-media .info a:visited {
    text-decoration: none; }
.csc-media .info a:hover, .csc-media .info a:focus, .csc-media .info a:active {
    text-decoration: underline; }
.csc-media .info .subtitle {
    font-size: 0.78571em; }

DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap, DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap {
    margin-left: 15px !important; }

DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap, DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap {
    margin-right: 10px !important; }

.csc-textpic-caption {
    font-style: italic;
    margin-top: 6px !important;
    padding: 5px 7px;
    background: #e7e7e7;
    line-height: 1.25em;
    font-size: 0.85714em; }

.rgmediaimages-player {
    display: block; }

/* =10 form styles                          */
/*------------------------------------------*/
input, select, textarea {
    font-family: Arial, sans-serif;
    font-size: 1em;
    color: #575757;
    padding: 6px 15px 6px 12px;
    border: 1px solid #d7d6d6;
    width: 210px; }

input[type=submit] {
    cursor: pointer; }

#filter-box .results {
    margin-left: 0px;
    color: #ffffff;
    float: left; }

#filter-box #filtern {
    background: url(/typo3conf/ext/theme_edugroup/Resources/Public/Images/Background/filtern.png) no-repeat;
    width: 121px;
    height: 29px;
    border: none;
    text-indent: -1000em;
    text-transform: capitalize; }

#filter-box input {
    width: 13px;
    margin-right: 11px;
    border: none; }

#filter-box input.date {
    background: url(/typo3conf/ext/theme_edugroup/Resources/Public/Images/Background/bg-date.png) no-repeat;
    width: 169px;
    height: 23px;
    padding: 0 10px 0 10px;
    margin: 0 0 0 0;
    background: url("../Images/Background/search-input.png") repeat-x scroll 0 0 transparent;
    border: 0 none;
    border-radius: 15px 15px 15px 15px; }

#filter-box .label_type_of_entry {
    width: 208px;
    display: block;
    float: left; }

#filter-box .label_az {
    width: 156px;
    display: block;
    float: left; }

#filter-box fieldset {
    margin-bottom: 23px; }

#filter-box fieldset.taxonomy label {
    display: block;
    float: left;
    width: 290px;
    margin-right: 15px;
    border-bottom: 1px solid #B5B5B5;
    padding: 3px;
    height: 25px;
    font-size: 12px; }

#filter-box fieldset.taxonomy input {
    float: left; }

#filter-box fieldset.taxonomy span.label-text {
    display: table-cell;
    vertical-align: middle;
    line-height: 13px;
    height: 23px; }

#ie9 #filter-box fieldset.taxonomy span.label-text, #ie7 #filter-box fieldset.taxonomy span.label-text {
    line-height: 11px; }

#filter-box fieldset img {
    margin-right: 15px; }

#cms-content > .csc-default #filter-box h2 {
    margin-bottom: 0 !important;
    margin-right: 10px; }

#filter-box .ui-datepicker-trigger {
    margin-bottom: -3px;
    margin-left: 3px; }

table.ui-datepicker-calendar .ui-state-default {
    color: #C77405; }

table.ui-datepicker-calendar th {
    background-image: none; }

/* =11 table styles                         */
/*------------------------------------------*/
table {
    width: 100%;
    border-collapse: collapse; }
table td, table th {
    padding: 5px 8px;
    border: 1px solid #e6e6e6;
    text-align: left; }
table td.td-0, table th.td-0 {
    border-left: 0; }
table td p, table th p {
    margin: 0; }
table th {
    border-top: 0;
    border-bottom: 1px solid #ababab;
    padding-top: 0;
    background-image: url(../Images/Background/th-inner-shadow.gif);
    background-repeat: no-repeat;
    background-position: right bottom;
    font-weight: bold; }
table th.td-0 {
    background-image: url(../Images/Background/th-inner-shadow-first-col.gif);
    background-repeat: repeat-x;
    background-position: left bottom; }
table td span.false-th {
    display: none; }

/* =12 browser specific                     */
/*------------------------------------------*/
/* hasLayout -> :after float clearing for IE6 & 7  */
#ie6 nav, #ie6 .csc-default, #ie6 .inner, #ie6 #content, #ie7 nav, #ie7 .csc-default, #ie7 .inner, #ie7 #content {
    zoom: 1; }

/* Internet Explorer Submit Button Horizontal Padding */
#ie7 input[type=submit], #ie7 input[type=reset] {
    overflow: visible; }

#ie8 div.tx-ch-search input[type=text] {
    behavior: url(); }
#ie8 div.tx-ch-search input[type=text]:focus {
    behavior: url(); }