/**
 * Allgemeines Resetten
 */
h1, h2, h3, h4, h5, h6,
fieldset, form, body {
    margin              : 0;
    padding             : 0;
    border              : 0;     
}

/**
 * Typografie (Schriftart + Farbe)
 */
body, 
p, 
textarea,
input {
    color               : #333;
    font-family         : Verdana, Tahoma, Helvetica, Arial;
    font-size           : 12px;
}
p {
    line-height         : 18px;   
    margin              : 0 0 1em 0;    
    text-align          : justify;
}
ul, ol {
    margin              : 0 0 10px 0;
    padding             : 0 0 0 20px;
}
ul {
    list-style-type     : square;
}
label {
    font-weight         : bold;
}
code {
    background          : #E8EBF4;
    border              : 1px solid #CCC;
    display             : block;
    margin-bottom       : 1em;
    padding             : 10px;
}
hr,
.hr {
    border              : 0;
    border-top          : 3px solid #DDD6D2;
    line-height         : 0;
    height              : 0;
    margin-bottom       : 20px;
}

/**
 * Allgemeine Link Styles
 */
a {
    color               : #1111CC;
}
a:hover {
    color               : #999;
    text-decoration     : underline !important;
}
a img {
    border              : 0;
}
a.user {
    color               : #CC3300 !important;
    font-weight         : bold;
}
a.button {
    background          : #2F4372 url(../images/layout/gradients/button.png) repeat-x;
    border              : 1px solid #EEB412;
    -moz-border-radius  : 3px;  
    border-radius       : 3px;    
    color               : #333 !important;
    display             : inline-block;
    padding             : 5px 15px !important;
    text-decoration     : none;
}
a.button:hover {
    border-left         : 1px solid #999;
    border-top          : 1px solid #999;
    border-right        : 1px solid #CCC;
    border-bottom       : 1px solid #CCC;
}
a.image-border {
    border              : 1px solid #999;
    display             : block;
    line-height         : 0px;
}
a.image-border span {
    border              : 2px solid white;
    display             : block;
    text-align          : center;
}
a.image-border span span {
    border              : 0;
}
a.fb-login {
    background          : url(../images/icons/facebook_small.gif) no-repeat left center;
    padding             : 3px 0 3px 20px;
}
/**
 * Hilfs CSS-Klassen
 * Hier werden allgemeingueltige CSS Klassen definiert
 */
.no-padding {
    padding             : 0 !important;
}
.clear {
    clear               : both;
    height              : 1px;
    line-height         : 1px;
}
.left {
    float               : left !important;
}
.right {
    float               : right !important;   
}
.ie {
    display             : none;
}
.invisible {
    display             : none;
}
img.left {
    margin-right        : 20px;
    margin-bottom       : 20px;
}


/**
 * Basis Layout
 */
#frame {
    width               : 986px;  
    margin              : 0 auto 20px auto; 
}
#frame-content {
    padding             : 0px 3px;
}

/* Header */
#header {
    height              : 75px;
    width               : 980px;
}
#header a.logo {
    margin-left         : -30px;
}
#header #cse-search-box {
    position            : absolute;
    top                 : 20px;
    right               : 0;
}
#header .banner {
    position            : absolute;
    top                 : 10px;
    right               : 0;   
}

/* Hauptnavigation */
#nav {
    background          : url(../images/layout/backgrounds/menu.png) repeat-y;
    height              : 58px;
    padding             : 4px 4px 0 4px;
    position            : relative;
    width               : 100%;
}
#nav, #nav ul {
    list-style-type     : none;
    margin              : 0;
}
#nav li {
    float               : left;
    background          : url(../images/layout/pipe.png) repeat-y right;
}
#nav a {
    color               : #666;
    display             : block;
    font-weight         : bold;
    height              : 15px;
    padding             : 8px 20px;
    position            : relative;
    text-align          : center;
    text-decoration     : none;
    text-transform      : uppercase;
    z-index             : 100;
}
#nav a:hover {
    color               : #fff;
}
#nav li.active a {
    color               : #fff;
}
#nav ul li {
    background          : url(../images/layout/pipe2.png) no-repeat right !important;
}
#nav ul a {
    color               : #fff;
    display             : inline;
    font-weight         : normal;
    text-transform      : none;
    padding             : 0px 10px;
}
#nav ul {
    background          : #ccc;
    list-style-type     : none;
    position            : absolute;
    top                 : 35px;
    left                : 4px;
    height              : 16px;
    padding             : 4px 10px;
    width               : 960px;
}

/**
 * Footer
 */
#footer {
    background          : #444;
    padding-bottom      : 3px;
}
#footer ul.footer {
    height              : 120px;
    margin              : 0 auto;
    padding             : 20px;
    width               : 900px;
}
#footer ul {
    list-style-type     : none;
    padding             : 0;
    margin              : 0;   
}
#footer a {
    color               : #A2A2A2;
    text-decoration     : none;
}
#footer a:hover {
    color               : #fff;   
}
#footer li.level-1 {
    display             : block;   
    float               : left;
    margin-right        : 35px;
}
#footer li.level-1 a {
    font-weight         : bold;   
}
#footer li.level-1 ul a {
    font-weight         : normal;
}

/**
 * Messages
 */
#messages {
    background          : white;
}
#messages ul {
    padding             : 20px 20px 20px 40px;
    font-weight         : bold;
    font-size           : 12px;
    border-width        : 1px 1px 1px 5px;
    border-style        : solid;
    -moz-border-radius  : 8px;
}
#messages ul.info {
    border-color        : #FADD5B;
    background          : #FEF3A1;
    color               : #F6951F;
}
#messages ul.success {
    border-color        : #75C03C;
    background          : #E4F3D9 url(../images/icons/messages/success.png) no-repeat 10px 15px;
    color               : #01A82C;
    list-style-type     : none;
}
#messages ul.error {
    border-color        : #FF3333;
    background          : #FFCECE url(../images/icons/messages/error.png) no-repeat 10px 15px;
    color               : #FF3333;
}

/* Breadcrumb */
#breadcrumb {
    list-style-type     : none;
    padding             : 8px 10px 10px 0px;
    margin              : 0;
}
#breadcrumb li {
    background          : url(../images/layout/breadcrumb_seperator.png) no-repeat 0 5px;
    display             : inline;
    margin-left         : 5px;
    padding-left        : 10px;
}
#breadcrumb li.nth-0 {
    background          : none;
    margin-left         : 0;
    padding-left        : 0;
}
#breadcrumb li a {
    color               : #999;
    font-size           : 10px;
    font-weight         : bold;
    text-transform      : uppercase;
}

/* Content */
.content-main {
    float               : left;
    width               : 620px;
    overflow            : hidden;
}
.content-right {
    float               : right;
    width               : 340px;
    border-top          : 1px solid #fff;
    overflow            : hidden;
}

/*
 * Ueberschriften
 */

h1, .h1,
h2, .h2,
h3, .h3 {
    font-weight         : bold;
    padding             : 0;
    margin-bottom       : 10px;
}
.hbg,
.hbg a {
    color               : #fff !important;
    padding             : 5px;
    text-decoration     : none;
    -moz-border-radius  : 4px;
    border-radius       : 4px;
}
.upperline {
    color               : #999;
    font-size           : 13px !important;
    font-weight         : bold;
    text-transform      : uppercase;
    margin-bottom       : 3px !important;
}
/**
 * Ueberschriften Styles
 */
h1, .h1 {
    font-size           : 24px;   
    font-weight         : normal; 
}
h2, .h2 {
    font-size           : 20px;
    font-weight         : normal; 
}
h3, .h3 {
    font-size           : 16px;
}
h4, .h4 {
    font-size           : 12px;
}
.content-main h3, 
.content-main .h3,
.content-main h4, 
.content-main .h4 {
    margin-bottom       : 10px;
}
.content-right h1,
.content-right .h1,
.content-right h2,
.content-right .h2 {
    margin-bototm       : 10px;
}
.content-right h3,
.content-right .h3,
.content-right h4,
.content-right .h4 {
    margin-bottom       : 5px;
}

/**
 * Box-Styles
 */
.box {
    background          : #F3F4F8 url(../images/layout/gradients/gray.png) repeat-x;
    border-left         : 1px solid #CCC;
    border-top          : 1px solid #CCC;
    border-right        : 1px solid #999;
    border-bottom       : 1px solid #999;
    -moz-border-radius  : 8px;
    border-radius       : 8px;
    margin-bottom       : 20px;
}
.box .box-content{
    border              : 1px solid #fff;
    -moz-border-radius  : 8px;
    border-radius       : 8px;
    padding             : 10px;
}
.box .box-meta {
    background          : url(../images/layout/pipe.png) repeat-y right;    
    float               : left;
    padding-right        : 10px;
    width               : 130px;
}
.box .box-data {
    background          : url(../images/layout/pipe.png) repeat-y left;
    float               : left;
    padding-left        : 12px;
    width               : 440px;
    position            : relative;
    left                : -2px;
}
.box-left {
    width               : 300px;
    float               : left;
}
.box-right {
    width               : 300px;
    float               : right;
}
.box h2,
.box .h2 {
    font-size           : 14px;
    font-weight         : bold;
}

/**
 * Signatur
 */
p.signature {
    background          : url(../images/layout/pipe_h.png) repeat-x;
    padding             : 10px 0;
    margin-top          : 10px;
}

/**
 * Allgemeine Tabellen Styles
 */
div.table-border {
    border-left         : 1px solid #CCC;
    border-top          : 1px solid #CCC;
    border-right        : 1px solid #999;
    border-bottom       : 1px solid #999;
    margin-bottom       : 20px;
}
table.common {
    border-collapse     : collapse;
    width               : 100%;
}
table.common thead {
    color               : #fff !important;
}
table.common thead td {
    font-weight         : bold;
}
table.common td {
    border              : 1px solid #fff;
    padding             : 5px 10px;
    vertical-align      : top;
}
table.common tbody {
    background          : #F3F4F8 url(../images/layout/gradients/gray.png) repeat-x;
}
table.common tbody td {
    padding             : 10px 10px;
}
table.common p {
    margin              : 0;
}

/* options */
ul.options {
    padding             : 0;
    margin              : 0;
    height              : 24px;
    margin-bottom       : 10px;
    list-style-type     : none;
}
ul.options li {
    display             : block;
    float               : left;
}
ul.options li.button-right {
    float               : right;
    margin-left         : 10px;
}
ul.options li.button-left {
    margin-right        : 10px;
}
input.submit {
    background          : #2F4372 url(../images/layout/gradients/button.png) repeat-x;
    border-left         : 1px solid #CCC;
    border-top          : 1px solid #CCC;
    border-right        : 1px solid #999;
    border-bottom       : 1px solid #999;
    -moz-border-radius  : 3px; 
    border-radius       : 3px;
    cursor              : pointer;
    padding             : 5px 20px;
}
input.submit:hover {
    border-left         : 1px solid #999;
    border-top          : 1px solid #999;
    border-right        : 1px solid #CCC;
    border-bottom       : 1px solid #CCC;
}
ul.options a {
    padding             : 7px 0 3px 0;
    display             : inline-block;
}

/* Tabs */
.ui-tabs-nav { 
    list-style          : none; 
    padding             : 0 0 0 20px;
    height              : 24px;
    margin              : 0;
    position            : relative;
    left                : -20px;
    width               : 620px;
    border-bottom       : 1px solid #ccc;
}
.tabs .tab-content {
    padding-top         : 20px;
}

/* Allgemeines li*/
.ui-tabs-nav li {
    background          : url(../images/tabs/sprite.png) no-repeat right -75px;
    display             : block; 
    float               : left;
    height: 24px;
    overflow: hidden;
}
.ui-tabs-nav li a {
    color               : #666 !important;
    display             : block;
    font-weight         : bold;
    outline             : 0;
    padding             : 5px 25px 5px 10px;
    text-decoration     : none;
}

/* Erstes Element */
.ui-tabs-nav li.nth-0 {
    margin-left         : 0 !important;   
}
.ui-tabs-nav li.nth-0 a {
    background          : url(../images/tabs/sprite.png) no-repeat 0 -175px; 
    padding-left        : 15px !important; 
}

/* Letztes Element */
.ui-tabs-nav li.nth-last a {
    background          : url(../images/tabs/sprite.png) no-repeat right -200px;
}

/* Aktives li*/
.ui-tabs-nav li.ui-state-active {
    background          : url(../images/tabs/sprite.png) no-repeat 0 -50px;
    height              : 25px;
    margin-left         : -8px;
     
}
/* Aktives a*/
.ui-tabs-nav li.ui-state-active a {
    background          : url(../images/tabs/sprite.png) no-repeat right -125px;
    padding-left        : 18px;  
    padding-bottom      : 6px;
}
/* Letztes Aktives a*/
.ui-tabs-nav li.ui-state-active a.nth-last {
    background          : url(../images/tabs/sprite.png) no-repeat right -150px;
}

.tabs h1,
.tabs .h1,
.tabs h2,
.tabs .h2 {
    left                : 0 !important;
}

/**
 * Formular Styles
 */
input.text,
textarea,
select {
    border-left         : 1px solid #999;
    border-top          : 1px solid #999;
    border-right        : 1px solid #CCC;
    border-bottom       : 1px solid #CCC;
    padding             : 5px;
    width               : 580px;
    font-weight         : bold;
    margin-bottom       : 10px;
}
textarea {
    height              : 150px;
}
select.date-day {
    width               : 50px !important;
}
select.date-month {
    width               : 150px !important;
}
select.date-year {
    width               : 75px !important;
}
table.form {
    border-collapse     : collapse;
    margin-bottom       : 20px;
}
table.form label {
    font-weight         : bold;
}
table.form td.nth-0 {
    width               : 150px;
}
table.form select {
    width               : 432px;
}
table.form input.text,
table.form textarea{
    width               : 420px;
    margin-bottom       : 0;
}
input.login-login,
input.login-pass {
    width               : 200px !important;
}
/**
 * Login Box
 */
.box-center .h2 {
    background          : #4FA8FF url(../images/layout/gradients/blue.png) repeat-x;
    color               : #fff !important;
    padding             : 5px;
    -moz-border-radius  : 4px;
    border-radius       : 4px;
}
.box-center input.text {
    width               : 130px;
}
.box-center input.checkbox {
    margin-left         : 95px;
}
.box-center label.save-login {
    display             : inline;
}
.box-center #box-center-login {
    margin-right        : 8px;
}
.box-center ul {
    list-style-type     : none;
    margin              : 0;
    padding             : 0;
}

/**
 * Overlabel
 */
.overlabel-wrapper {
    float               : left;
    margin-right        : 3px;
    position            : relative;
}
label.overlabel {
    color               : #999;
}
label.overlabel-apply {
    position            : absolute;
    top                 : 5px;
    left                : 10px;
    z-index             : 1;
    color               : #999;
}

/**
 * Short Message Dialog
 */
.ui-dialog {
    background          : #F3F4F8 url(../images/layout/gradients/gray.png) repeat-x;
    border-left         : 1px solid #CCC;
    border-top          : 1px solid #CCC;
    border-right        : 1px solid #999;
    border-bottom       : 1px solid #999;
    margin-bottom       : 20px;
    padding             : 10px;
}

.ui-dialog-titlebar {
    background          : #4FA8FF url(../images/layout/gradients/blue.png) repeat-x;
    color               : #fff;
    cursor              : move;
    font-weight         : bold;
    padding             : 5px;
    margin-bottom       : 10px;
}
.ui-dialog-titlebar-close { 
    float               : right;
    font-weight         : normal;
}
#sm-dialog {
    display             : none;
}
#sm-dialog .sm-prev,
#sm-dialog .sm-next {
    display             : none;
    float               : right;
    margin-left         : 10px;
}
#sm-history {
    background          : #fff; 
    border              : 1px solid #CCC;
    height              : 150px;
    overflow            : auto;
    padding             : 5px;
    margin-bottom       : 10px;
}
#sm-history .sm-meta {
    margin-bottom      : 0.5em;
}
#sm-history .created {
    font-size           : 11px;
}
#sm-dialog .message {
    width               : 488px;
    height              : 60px;
}

/**
 * Online States
 */
.smilies-container {
    position            : relative;
}
.smilies {
    background          : #fff;
    border              : 1px solid #999;
    padding             : 10px;
    position            : absolute;
    top                 : 0;
    display             : none;
}

/**
 * Online States
 */
.state-offline,
.state-online,
.state-team {    
    display             : inline-block;
    height              : 15px;
    width               : 30px;
}
.state-online {
    background          : url(../images/states/on.png) no-repeat;
}
.state-offline {
    background          : url(../images/states/off.png) no-repeat;
}
.state-team {
    background          : url(../images/states/team.png) no-repeat;
    width               : 40px;
}

/* Service / Magazine */
.service .hbg,
.service table.common thead {
    background          : #EDA9CD url(../images/layout/gradients/pink_inverted.png) repeat-x;
}

.service h1, .service h1 a,
.service .h1, .service .h1 a,
.service h2, .service h2 a,
.service .h2, .service .h2 a,
.service h3, .service .h3,
.service h3 a, .service .h3 a,
.service h4, .service .h4,
.service h4 a, .service .h4 a,
.service h5, .service .h5,
.service h5 a, .service .h5 a {
    color               : #D6368C;
    text-decoration     : none;
}
#nav .service-active,
#nav .service:hover {
    background          : url(../images/layout/gradients/pink_menu.png) no-repeat;
}
#nav .service-active ul {
    background          : #92D966 url(../images/layout/gradients/pink_inverted.png) repeat-x 
}
#nav ul a:hover {
    background          : none !important;
    text-decoration     : underline !important;
}

/* Wettbewerbe */
.competitions .hbg,
.competitions table.common thead {
    background          : #EDA9CD url(../images/layout/gradients/pink_inverted.png) repeat-x;
}

.competitions h1, .competitions h1 a,
.competitions .h1, .competitions .h1 a,
.competitions h2, .competitions h2 a,
.competitions .h2, .competitions .h2 a,
.competitions h3, .competitions .h3,
.competitions h3 a, .competitions .h3 a,
.competitions h4, .competitions .h4,
.competitions h4 a, .competitions .h4 a,
.competitions h5, .competitions .h5,
.competitions h5 a, .competitions .h5 a {
    color               : #D6368C;
}
#nav .competitions-active,
#nav .competitions:hover {
    background          : #D6368C url(../images/layout/gradients/pink.png) repeat-x;
}
#nav .competitions-active ul {
    background          : #D6368C url(../images/layout/gradients/pink_inverted.png) repeat-x 
}


/* Blogs */
.blogs .hbg,
.blogs table.common thead {
    background          : #8E4EFB url(../images/layout/gradients/violet_inverted.png) repeat-x;
}

.blogs h1, .blogs h1 a,
.blogs .h1, .blogs .h1 a,
.blogs h2, .blogs h2 a,
.blogs .h2, .blogs .h2 a,
.blogs h3, .blogs .h3,
.blogs h3 a, .blogs .h3 a,
.blogs h4, .blogs .h4,
.blogs h4 a, .blogs .h4 a,
.blogs h5, .blogs .h5,
.blogs h5 a, .blogs .h5 a {
    color               : #7A3BEC;
}
#nav .blogs-active,
#nav .blogs:hover {
    background          : #7A3BEC url(../images/layout/gradients/violet.png) repeat-x;
}
#nav .blogs-active ul {
    background          : #8E4EFB url(../images/layout/gradients/violet_inverted.png) repeat-x 
}

/* Projects */
.projects .hbg,
.projects table.common thead {
    background          : #92D966 url(../images/layout/gradients/green_inverted.png) repeat-x;
}

.projects h1,
.projects .h1,
.projects h2,
.projects .h2,
.projects h3, .projects .h3,
.projects h3 a, .projects .h3 a,
.projects h4, .projects .h4,
.projects h4 a, .projects .h4 a,
.projects h5, .projects .h5,
.projects h5 a, .projects .h5 a {
    color               : #55A321;
}
#nav .projects-active {
    margin-left         : -2px;
}
#nav .projects-active,
#nav .projects a:hover {
    background          : #5BBE3F url(../images/layout/gradients/green.png) repeat-x;
}
#nav .projects-active ul,
.projects div.pager .pages li.active a {
    background          : #92D966 url(../images/layout/gradients/green_inverted.png) repeat-x 
}

/* Forums */
.forums .hbg,
.forums table.common thead {
    background          : #ECC859 url(../images/layout/gradients/yellow_inverted.png) repeat-x;
}
.forums h1,
.forums .h1,
.forums h2,
.forums .h2,
.forums h3, .forums .h3,
.forums h3 a, .forums .h3 a,
.forums h4, .forums .h4,
.forums h4 a, .forums .h4 a,
.forums h5, .forums .h5,
.forums h5 a, .forums .h5 a,
a.forum {
    color               : #E3A900;
}
#nav .forums-active {
    margin-left         : -2px;
}
#nav .forums-active,
#nav .forums a:hover {
    background          : #E3AB00 url(../images/layout/gradients/yellow.png) repeat-x;
}
#nav .forums-active ul {
    background          : #ECC859 url(../images/layout/gradients/yellow_inverted.png) repeat-x 
}

/* Users */
.users .hbg,
.users table.common thead {
    background          : #E37676 url(../images/layout/gradients/red_inverted.png) repeat-x;
}
.users h1,
.users .h1,
.users h2,
.users .h2,
.users h3, .users .h3,
.users h3 a, .users .h3 a,
.users h4, .users .h4,
.users h4 a, .users .h4 a,
.users h5, .users .h5,
.users h5 a, .users .h5 a {
    color               : #CC0000;
}
#nav .users-active {
    margin-left         : -2px;
}
#nav .users-active,
#nav .users a:hover {
    background          : #CC0000 url(../images/layout/gradients/red.png) repeat-x;
    color               : #fff;
}
#nav .users-active ul {
    background          : #E37676 url(../images/layout/gradients/red_inverted.png) repeat-x 
}

/* Center */
.center .hbg,
.center table.common thead {
    background          : #E37676 url(../images/layout/gradients/blue_inverted.png) repeat-x;
}
.center h1,
.center .h1,
.center h2,
.center .h2,
.center h3, .center .h3,
.center h3 a, .center .h3 a,
.center h4, .center .h4,
.center h4 a, .center .h4 a,
.center h5, .center .h5,
.center h5 a, .center .h5 a {
    color               : #4FA8FF;
}
#nav .center-active {
    margin-left         : -2px;
}
#nav .center-active,
#nav .center a:hover { 
    background          : #4FA8FF url(../images/layout/gradients/blue.png) repeat-x;
    color               : #fff;
}
#nav .center-active ul {
    background          : #82C3FE url(../images/layout/gradients/blue_inverted.png) repeat-x 
}

/**
 * Teaser
 */
.teaser {
    border-bottom       : 3px solid #DDD6D2;
    margin-bottom       : 10px;
}
.teaser .image {
    float               : left;
    margin              : 0 10px 10px 0;
}
.teaser .image span {
    height              : 100px;
    overflow            : hidden;
}

/**
 * User-Teaser-Box
 * wird z.B. in Kommentaren, Forenbeitraegen oder GB-Eintraegen verwendet
 */
.teaser-user-box {
     text-align         : center;
}
.teaser-user-box a.user {
    display             : block;
    margin              : 5px 0;
    text-align          : center;
    clear               : both;
}
.teaser-user-box a.image-border {
    display             : inline-block;
    margin-bottom       : 5px;
}
.teaser-user-box .info {
    text-align          : center;
    font-size           : 11px;
}

/* teaser-item-big */
/* wird z.b. fuer benutzer teaser und project teaser benoetigt */
.teaser-item-big {
    margin-bottom       : 10px;
    border-bottom       : 1px solid #EEE; 
    padding-bottom      : 10px;
}
.teaser-item-big .data {
    width               : 320px;
    float               : left;
    margin-left         : 10px;
}
.teaser-item-big .data h2 {
    width               : 320px;
}
.teaser-item-big .headline,
.teaser-item-big .headline a {
    border              : none !important;
    background          : none !important;
    font-size           : 12px;
    text-transform      : uppercase;
    padding             : 0;
    margin              : 0 0 5px 0;
    position            : static;
}
.teaser-item-big .created {
    font-size           : 11px;
    margin-bottom       : 5px;
}
.teaser-item-big .meta {
    border-left         : 1px solid #ccc;
    float               : right;
    font-size           : 11px;
    height              : 80px;
    list-style-type     : none;
    width               : 140px;
    padding-left        : 10px;
}
.teaser-item-big .meta li {
    padding-bottom      : 5px;
}
.teaser-item-big .meta .comments {
    background          : url(../images/icons/comment.png) no-repeat;
    padding-left        : 25px;
    height              : 20px;
}
.teaser-item-big a.image-border {
    float               : left;
}
.teaser-item-big a.image-border span {
    height              : 80px;
    line-height         : 80px;    
    overflow            : hidden;
    width               : 120px !important;
}

/* teaser-project-big */
.teaser-project-big .headline,
.teaser-project-big .headline a {
    color               : #55A321;
}

/* teaser-user-big */
.teaser-user-big .headline,
.teaser-user-big .headline a {
    color               : #CC0000;
}

/* teaser-item-small */
.teaser-item-small a.image-border {
    float               : left;
    margin-right        : 10px;
    margin-bottom       : 10px;
}
.teaser-item-small a.image-border span {
    width               : 75px !important;
    height              : 50px;
    overflow            : hidden;
    text-align          : center;
}
.teaser-item-small h4 {
    margin-bottom       : 5px;
}
.teaser-item-small .meta {
    margin-bottom       : 5px;
    font-size           : 11px;
}

/* teaser-project-vert */
.project-hlist {
    margin-bottom       : 10px;
}

.project-hlist .nth-0 {
    margin-left         : 0;
}


.teaser-project-vert {
    width               : 200px;
    float               : left;
}
.teaser-project-vert .headline {
    color               : #55A321;
    display             : block;
    padding             : 3px;
    font-weight         : bold;
}


.teaser-project-vert .image-border span {
    display             : block;
    height              : 125px;
    overflow            : hidden;
    width               : 194px;
}
.teaser-project-vert .footer {
    padding             : 5px;
    font-size           : 11px;
}
.teaser-project-vert p {
    font-size           : 11px;
}

/* Teaser List Vertical */
.teaser-list-vert { 
    list-style-type     : none;
    padding             : 0;
    margin-bottom       : 20px;
}
.teaser-list-vert li.item {
    float               : left;
    margin-left         : 10px;
}
.teaser-list-vert li.nth-0 {
    margin-left         : 0;
}

/* Ranking */
.ranking ul {
    list-style-type     : none;   
    margin              : 0;
    padding             : 0;
    float               : left;
}
.ranking li {
    display             : inline;    
    font-weight         : bold;
}
.ranking-action {
    float               : right;   
}
.ranking-action select {
    width               : 140px;   
}

/* ranking thumb */
ul.ranking-thumb {
    display             : inline-block;
    list-style-type     : none;
    margin              : 0;
    padding             : 0;
}
ul.ranking-thumb li {
    float               : left;
    height              : 9px;
    width               : 10px;
    overflow            : hidden;
    position            : relative;
}
ul.ranking-thumb img {
    position            : absolute;    
}
ul.ranking-thumb img.full {
    left                : -20px;    
}
ul.ranking-thumb img.half {
    left                : -10px;    
}
ul.ranking-thumb img.empty {
    left                : 0;    
}
.ranking-meta {
    font-size           : 10px;
    float               : right;
}

/* Edit-notice */
.edit-notice {
    font-size           : 11px;
    font-style          : italic;
    margin-top          : 1em;
}

/* pager */
div.pager {
    position            : relative;
}
div.pager .pages {
    list-style-type     : none;
    float               : right;
}
div.pager .pages li {
    display             : inline;
    font-weight         : bold;
}
div.pager .pages li a {
    color               : #333;
    padding             : 5px 5px;
}
div.pager .pages li.active a {
    background          : #666;
    color               : #fff;
}
div.pager ul.options {
    float               : right;
}

/* slideshow */
div.slideshow {
    margin-bottom       : 20px;   
}
div.slideshow .item {
    display             : block;
    position            : relative;
}
div.slideshow .item span {
    height              : 400px;
    overflow            : hidden;
    width               : 614px;   
}
div.slideshow .label {
    background          : #333;
    bottom              : 10px;
    color               : #fff;
    font-size           : 16px;
    padding             : 20px;
    position            : absolute;
    right               : 2px;
    text-decoration     : none;
}