/* cmsms stylesheet: TMS Be Serious modified: Montag, 5. September 2022 21:02:23 */
*, ul, ol, li {
    margin: 0;
    padding: 0;
    list-style: none;
    font-family: Arial, Verdana;
}

html {
    font-size: 100%;
    height: 100%;
}

body {
    font-size: 12px;
    text-align: center;
    color: #000;
    background-color: #000;
    background-image: url(/uploads/tms_be-serious/images/tms_background.jpg);
    background-repeat: repeat;
    background-position:left top
}

a {
    text-decoration: none;
}

img {
    border: none;
}

.purple a {
    color: #54063b;
}

.silver a {
    color: #000;
    text-decoration: underline;
}

.silver a:hover {
    text-decoration: none;
}

.black a {
    color: #2d2d2d;
}

.bluegreen a {
    color: #06544e;
}

.green a {
    color: #06541f;
}

.red a {
    color: #54060c;
}

.blue a {
    color: #062f54;
}

a:hover {
    text-decoration: underline;
}

h1, h2, h3, h4 {
    padding: 10px 0 4px 0;
}

h1, h2, h3, .slideinfo .title {
    font-family: ArvoRegular, Arial, Helvetica, sans-serif;
    font-size: 22px;
    font-weight: normal;
}

h3 {
    font-size: 18px;
    color: #000;
}

h4 {
    font-weight: bold;
    font-size: 14px;
}

.purple h1, .purple h2, .purple h4 {
    color: #54063b;
}

.silver h1, .silver h2, .silver h4 {
    color: #b4b4b4;
}

.black h1, .black h2, .black h4 {
    color: #2d2d2d;
}

.bluegreen h1, .bluegreen h2, .bluegreen h4 {
    color: #06544e;
}

.green h1, .green h2, .green h4 {
    color: #06541f;
}

.red h1, .red h2, .red h4 {
    color: #54060c;
}

.blue h1, .blue h2, .blue h4 {
    color: #062f54;
}

p {
    padding: 0 0 12px 0;
    line-height: 1.5em;
}

.CMSMSBody {
    text-align: left;
}

.content ul, .content ul li, .CMSMSBody ul, .CMSMSBody ul li, .content ol ul, .content ol ul li, .CMSMSBody ol ul, .CMSMSBody ol ul li {
    list-style: none;
    margin: 0 0 0 -20px;
}

.content ul li, .CMSMSBody ul li {
    background: url(/uploads/tms_be-serious/images/bullet.gif) no-repeat left 6px;
    padding: 3px 0 3px 12px;
}

.content ol, .content ol li, .CMSMSBody ol, .CMSMSBody ol li {
    padding: 3px 0 3px 0;
    list-style: decimal;
}

.content ul, .CMSMSBody ul {
    margin: 0 0 0 10px;
    padding: 0 0 20px 20px;
}

.content ul ul, .content ul ol, .CMSMSBody ul ul, .CMSMSBody ul ol {
    margin: 0;
    padding: 0 0 0 20px;
}

.content ol, .CMSMSBody ol {
    margin: 0 0 0 10px;
    padding: 0 0 20px 20px;
}

.content ol ol, .content ol ul, .CMSMSBody ol ol, .CMSMSBody ol ul {
    margin: 0;
    padding: 0 0 0 20px;
}

hr {
    margin: 0px 0 20px 0;
    color: #d5d5d5;
    border-color: #d5d5d5;
    background: #d5d5d5;
    height: 1px;
    border: 0;
}

* + html .main hr {
    /* IE7 */
    color: #d5d5d5;
    height: 1px;
    border-color: #d5d5d5;
    background: #d5d5d5;
    filter: alpha(opacity=100);
}

* html .main hr {
    /* IE6 */
    color: #d5d5d5;
    height: 1px;
    border-color: #d5d5d5;
    background: #d5d5d5;
    filter: alpha(opacity=100);
}

.col {
    float: left;
}

.wrapper {
    width: 100%;
    margin: 15px 0 0 0;
    text-align: center;
}

.header, .subheader, .main, .footer .subfooter {
    width: 100%;
    margin: 0 auto;
}

.innercontent {
    text-align: left;
    width: 980px;
    margin: 0 auto;
}

.space {
    padding: 10px;
}

.spaceright {
    padding: 0 5px 0 0;
}

.spaceleft {
    padding: 0 0 0 5px;
}

.clear {
    clear: both;
}
/* new clearfix */

.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

* html .clearfix {
    zoom: 1;
}
/* IE6 */

* :first-child + html .clearfix {
    zoom: 1;
}
/* IE7 */

.purple .header {
    border-top: 1px solid #b10d84;
    background: #54063b url(/uploads/tms_be-serious/images/tms_header_purple_background.jpg) repeat-x left bottom;
}

.silver .header {
    border-top: 1px solid #c9c9c9;
    background: #b4b4b4 url(/uploads/tms_be-serious/images/tms_header_silver_background.jpg) repeat-x left bottom;
}

.black .header {
    border-top: 1px solid #616161;
    background: #2d2d2d url(/uploads/tms_be-serious/images/tms_header_black_background.jpg) repeat-x left bottom;
}

.bluegreen .header {
    border-top: 1px solid #0eb59e;
    background: #06544e url(/uploads/tms_be-serious/images/tms_header_bluegreen_background.jpg) repeat-x left bottom;
}

.green .header {
    border-top: 1px solid #0db139;
    background: #06541f url(/uploads/tms_be-serious/images/tms_header_green_background.jpg) repeat-x left bottom;
}

.red .header {
    border-top: 1px solid #b50e25;
    background: #54060c url(/uploads/tms_be-serious/images/tms_header_red_background.jpg) repeat-x left bottom;
}

.blue .header {
    border-top: 1px solid #0e70b5;
    background: #062f54 url(/uploads/tms_be-serious/images/tms_header_blue_background.jpg) repeat-x left bottom;
}

.header .innercontent {
    position: relative;
    z-index: 1;
}

.purple .header .innercontent {
    background: url(/uploads/tms_be-serious/images/tms_header_purple.jpg) no-repeat center bottom;
}

.silver .header .innercontent {
    background: url(/uploads/tms_be-serious/images/tms_header_silver.jpg) no-repeat center bottom;
}

.black .header .innercontent {
    background: url(/uploads/tms_be-serious/images/tms_header_black.jpg) no-repeat center bottom;
}

.bluegreen .header .innercontent {
    background: url(/uploads/tms_be-serious/images/tms_header_bluegreen.jpg) no-repeat center bottom;
}

.green .header .innercontent {
    background: url(/uploads/tms_be-serious/images/tms_header_green.jpg) no-repeat center bottom;
}

.red .header .innercontent {
    background: url(/uploads/tms_be-serious/images/tms_header_red.jpg) no-repeat center bottom;
}

.blue .header .innercontent {
    background: url(/uploads/tms_be-serious/images/tms_header_blue.jpg) no-repeat center bottom;
}

.header .sitetitle, .navi {
    float: right;
}

.header .sitetitle, .header .sitetile a {
    padding: 0;
    width: 300px;
    display: block;
    text-decoration: none;
    text-align: right;
    height: 106px;
}

.header .sitetitle img {
    max-width: 300px;
    border: none;
}

.header .main {
    position: relative;
    z-index: 1;
    clear: both;
}

.slideshowcontainer {
    background: url(/uploads/tms_be-serious/images/tms_slideshow_background.png) no-repeat center bottom;
    position: relative;
    height: 300px;
    overflow: hidden;
    width: 960px;
    padding: 10px 10px 40px 10px;
}

#slideshow {
    position: absolute;
    width: 960px;
    height: 300px;
    overflow: hidden;
}

#slideshow ul {
    display: none;
    background: none;
    width: 960px;
    margin: 0;
    padding: 0;
    list-style: none;
}

#slideshow li {
    margin: 0;
    padding: 0;
    width: 960px;
    height: 300px;
    background: none;
    position: relative;
    list-style: none;
}

#slideshow img {
    width: 960px;
    float: left;
    display: block;
    height: 300px;
}

#slideshow a {
    text-decoration: none;
}

.slideinfo {
    display: block;
    position: absolute;
    left: 10px;
    top: 10px;
    width: 940px;
    height: 260px;
    margin: 0;
    padding: 0;
}

.slideinfo .desc {
    clear: both;
}

.slideinfo .title, .slideinfo .desc, .slideinfo .desc a {
    clear: both;
    float: left;
    display: block;
    padding: 7px 10px 7px 10px;
    margin: 0 0 5px 0;
    background: url(/uploads/tms_images/white50.png);
}

.silver .slideinfo .title {
    color: #000;
}

#picnav {
    position: absolute;
    z-index: 20;
    left: 20px;
    bottom: 20px;
}

#picnav a {
    display: block;
    float: left;
    background: url(/uploads/tms_be-serious/images/tms_teaser_bullets.png) no-repeat -17px center;
    text-indent: -9999px;
    width: 18px;
    height: 18px;
    outline: none;
    margin: 0 4px 0 0;
}

#picnav a.activeSlide, #picnav a:hover {
    background: url(/uploads/tms_be-serious/images/tms_teaser_bullets.png) no-repeat left center;
}

.navi {
    float: right;
    margin: 40px 0 0 0;
    width: 680px;
    position: relative;
    z-index:10
}

.navi nav {
    margin: 0 0 0 -12px;
}

.navi ul, .navi li {
    list-style: none;
    background: none;
    padding: 0;
    margin: 0;
}

.navi ul {
    line-height: 1.0;
}

.navi ul ul {
    position: absolute;
    top: -999em;
    width: 10em;
    /* left offset of submenus need to match (see below) */
}

.navi ul ul li {
    width: 100%;
}

.navi ul li:hover {
    visibility: inherit;
    /* fixes IE7 'sticky bug' */
}

.navi ul li {
    float: left;
    position: relative;
}

.navi ul a {
    display: block;
    float: left;
    position: relative;
}

.navi ul li li a {
    float: none;
}

.navi ul li:hover ul, .navi ul li.sfHover ul {
    left: 0;
    top: 28px;
    /* match top ul list item height */
    z-index: 99;
}

.navi ul li:hover li ul, .navi ul li.sfHover li ul {
    top: -999em;
}

.navi ul li li:hover ul, .navi ul li li.sfHover ul {
    left: 10em;
    /* match ul width */
    top: 0;
}

.navi ul li li:hover li ul, .navi ul li li.sfHover li ul {
    top: -999em;
}

.navi ul li li li:hover ul, .navi ul li li li.sfHover ul {
    left: 10em;
    /* match ul width */
    top: 0;
}
/*** SKIN ***/

.navi ul ul {
    padding: 12px 0 0 0;
    background: url(/uploads/tms_be-serious/images/tms_navi_arrow.png) no-repeat left top;
    border-bottom: 2px solid #fff;
}

.navi ul ul ul {
    margin: -2px 0 0 0;
    padding: 2px 0 0 10px;
    background: url(/uploads/tms_be-serious/images/tms_navi_arrow2.png) no-repeat left top;
    border-bottom: 0;
}

.navi a, .navi li.sectionheader {
    padding: 0 1em 0 1em;
    line-height: 30px;
    height: 30px;
    text-decoration: none;
    font-weight: bold;
}

.navi ul a, .navi ul a:visited, .navi .sectionheader {
    /* visited pseudo selector so IE6 applies text colour*/
    text-transform: uppercase;
    color: #fff;
    font-size: 14px;
}

.silver .navi ul a, .silver .navi ul a:visited, .silver .navi .sectionheader {
    color: #000;
}

.navi ul li:hover a, .navi ul li.sfHover a, .navi ul a:focus, .navi ul a:hover, .navi ul a:active, .navi ul li.selected a {
    filter: alpha(opacity=50);
    /* internet explorer */
    -khtml-opacity: 0.5;
    /* khtml, old safari */
    -moz-opacity: 0.5;
    /* mozilla, netscape */
    opacity: 0.5;
    outline: 0;
}

#navi ul li li a, #navi ul li li a:visited, #navi ul li li.sectionheader span.sectionheader {
    filter: alpha(opacity=100);
    /* internet explorer */
    -khtml-opacity: 1;
    /* khtml, old safari */
    -moz-opacity: 1;
    /* mozilla, netscape */
    opacity: 1;
    line-height: 1em;
    padding: .75em 1em;
    height: auto;
    font-size: 12px;
}

#navi ul li li a, #navi ul li li a:visited, #navi ul li li.sectionheader span.sectionheader {
    /* visited pseudo selector so IE6 applies text colour, id to overwrite skins */
    filter: alpha(opacity=100);
    /* internet explorer */
    -khtml-opacity: 1;
    /* khtml, old safari */
    -moz-opacity: 1;
    /* mozilla, netscape */
    opacity: 1;
    background-color: #000;
    border-left: 2px solid #fff;
    border-right: 2px solid #fff;
    color: #fff;
    display: block;
    line-height: 1em;
    padding: .75em 1em;
    height: auto;
    font-size: 12px;
    font-weight: normal;
    text-transform: none;
}

#navi ul li li:hover, #navi ul li li.sfHover, #navi ul li li a:focus, #navi ul li li a:hover, #navi ul li li a:active, #navi ul li li a.selected {
    background-color: #474747;
}

#navi ul li li a.selected {
    background-color: #474747;
}

.navi ul li li.children a, .navi ul li li.children span.sectionheader {
    background-image: url(/uploads/tms_be-serious/images/tms_icon_darrow.gif);
    background-repeat: no-repeat;
    background-position: right center
}

.navi ul li li.children li a {
    background-image: none;
}

.navi ul li li li.children a, .navi ul li li li.children span.sectionheader {
    background-image: url(/uploads/tms_be-serious/images/tms_icon_darrow.gif);
}

.navi ul li li li.children li a {
    background-image: none;
}

#navi ul ul li.sectionheader {
    font-size: 12px;
    padding: 0;
    text-decoration: none;
    height: auto;
}

#navi ul ul li.hide {
    line-height: 2px;
    font-size: 2px;
    padding: 0;
    height: 2px;
    background-color: #fff;
    text-indent: -9999px;
}

#navi ul ul li.hide span.sectionheader {
    background-color: #fff;
}

.lastbutton {
    border-bottom: 2px solid #fff;
}

.subheader {
    min-height: 115px;
    background: #ededed;
    border-bottom: 1px solid #d8d8d8;
    border-top: 1px solid #fff;
}

.subheader .innercontent {
    padding: 10px 0 10px 0;
}

.arvobold {
    font-family: ArvoBold, Arial;
    font-weight: normal;
}

.arvo {
    font-family: ArvoRegular, Arial;
    font-weight: normal;
}

.subheader h1.arvobold {
    color: #939393;
    font-size: 30px;
    line-height: 30px;
    margin: 0;
    padding: 10px 0 0 0;
}

.subheader h2.arvo {
    color: #3b3b3b;
    font-size: 20px;
    line-height: 26px;
    margin: 0;
    padding: 0 0 0 0;
}

.content {
    min-height: 200px;
    background: #fff;
}

.side fieldset {
    position: relative;
    border: 4px solid #eaeaea;
    margin: 0 0 20px 0;
    padding: 10px;
}

.side legend {
    color: #a9a9a9;
    font-size: 22px;
    margin: 0 0 0 -5px;
    font-family: ArvoRegular, Arial, Helvetica, sans-serif;
    padding: 0 5px 0 5px;
    background: none;
}

.side {
    padding: 0 0 0 10px;
    width: 300px;
}

.side .top, .side .bottom {
    height: 70px;
}

.side .top {
    background: url(/uploads/tms_be-serious/images/tms_side_header.jpg) no-repeat left top;
}

.side .bottom {
    background: url(/uploads/tms_be-serious/images/tms_side_footer.jpg) no-repeat left top;
}

.side .body {
    min-height: 200px;
    padding: 0 0 20px 20px;
    background: url(/uploads/tms_be-serious/images/tms_side_background.jpg) repeat-y left top;
}

.side form label {
    padding: 4px 4px 4px 0;
    display: block;
    float: left;
    width: 90px;
}

.side form input {
    background: #fff;
    width: 148px;
    padding: 4px;
    float: left;
    font-size: 12px;
    border: 1px solid #ccc;
}

.side form .submit {
    clear: both;
    padding: 5px 0 0 94px;
}

.purple .side form input {
    color:#000
}

.purple .side form .submit input, .purple .side form input.search-button {
    color:#fff
}

.silver .side form input {
    color:#969696
}

.black .side form input {
    color:#1c1c1c
}

.black .side form .submit input, .black .side form input.search-button {
    color:#fff
}

.bluegreen .side form input {
    color:#023733
}

.bluegreen .side form .submit input, .bluegreen .side form input.search-button {
    color:#fff
}

.green .side form input {
    color:#023713
}

.green .side form .submit input, .green .side form input.search-button {
    color:#fff
}

.red .side form input {
    color:#370206
}

.red .side form .submit input, .red .side form input.search-button {
    color:#fff
}

.blue .side form input {
    color:#021e37
}

.blue .side form .submit input, .blue .side form input.search-button {
    color:#fff
}

.side form textarea {
    height: 100px;
    resize: vertical;
    border: 1px solid #ccc;
    width: 148px;
}

.side form .submit {
    text-align: right;
}

.side .tweets .follow {
    display: block;
    height: 49px;
    width: 70px;
    z-index: 3;
    background: url(/uploads/tms_be-serious/images/icon_follow.png) no-repeat left top;
    text-indent: -9999px;
    position: absolute;
    outline: none;
    top: -20px;
    right: 0;
}

.side .tweets ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.side .tweets li {
    margin: 5px 0 0 0;
    border-top: 1px solid #ccc;
    padding: 5px 0 0 0;
    background: none;
}

.side .tweets li.first {
    border: none;
}

.side .tweets a {
    background: url(/uploads/tms_be-serious/images/icon_twitter.png) no-repeat left top;
    padding: 0 0 0 20px;
}

.error {
    font-size: 11px;
    display: block;
    padding: 0 0 4px 0;
}

.purple .error {
    color: #b10d84;
}

.silver .error {
    color: #c9c9c9;
}

.black .error {
    color: #616161;
}

.bluegreen .error {
    color: #0eb59e;
}

.green .error {
    color: #0db139;
}

.red .error {
    color: #b50e25;
}

.blue .error {
    color: #0e70b5;
}

.error_message {
    min-height: 60px;
    padding: 0 0 0 54px;
    background: url(/uploads/tms_be-serious/images/icon_error.png) no-repeat left top;
}

.main {
    min-height: 200px;
    padding: 10px 0 30px 0;
}

.content .short {
    width: 670px;
}

.content .side .pager {
    display: none;
}

.content .main .col50 {
    width: 100%;
    max-width: 900px;
    float: left;
}

.content .short .col50 {
    width: 335px;
    float: left;
}

.breadc {
    color: #949494;
    font-size: 9px;
    font-weight: bold;
    text-transform: uppercase;
    padding: 8px 0 10px 0;
}

.breadc a {
    font-size: 9px;
    font-weight: bold;
    color: #949494;
    text-decoration: none;
}

.breadc a:hover {
    text-decoration: underline;
}

.subfooter {
    background: url(/uploads/tms_be-serious/images/tms_subfooter_background.png) repeat-x;
}

.subfooter .innercontent {
    height: 20px;
    padding: 8px 0 8px 0;
}

.subfooter p {
    text-align: center;
    padding: 0;
    margin: 0;
    font-size: 11px;
    color: #909090;
}

.subfooter a {
    color: #fff;
}

.subfooter .main {
    min-height: 0;
    padding: 0;
}

.subfooter .innercontent {
    position: relative;
}

.subfooter .navi {
    position: absolute;
    right: -5px;
    top: 8px;
}

.subfooter ul {
    margin: 0;
    padding: 0;
    float: right;
}

.subfooter .navi a {
    color: #909090;
    font-size: 11px;
    margin: 0 0 0 10px;
    padding: 0 5px 0 5px;
    font-size: 12px;
}

.subfooter .navi a:hover {
    color: #fff;
    border: 0;
    margin: 0 0 0 10px;
}

.purple .footer {
    background: #54063b;
}

.silver .footer {
    background: #b4b4b4;
}

.black .footer {
    background: #2d2d2d;
}

.bluegreen .footer {
    background: #06544e;
}

.green .footer {
    background: #06541f;
}

.red .footer {
    background: #54060c;
}

.blue .footer {
    background: #062f54;
}

.footer .innercontent {
    padding: 40px 0 40px 0;
}

.purple .footer .innercontent {
    background: url(/uploads/tms_be-serious/images/tms_footer_purple.jpg) repeat-y;
}

.silver .footer .innercontent {
    background: url(/uploads/tms_be-serious/images/tms_footer_silver.jpg) repeat-y;
}

.black .footer .innercontent {
    background: url(/uploads/tms_be-serious/images/tms_footer_black.jpg) repeat-y;
}

.bluegreen .footer .innercontent {
    background: url(/uploads/tms_be-serious/images/tms_footer_bluegreen.jpg) repeat-y;
}

.green .footer .innercontent {
    background: url(/uploads/tms_be-serious/images/tms_footer_green.jpg) repeat-y;
}

.red .footer .innercontent {
    background: url(/uploads/tms_be-serious/images/tms_footer_red.jpg) repeat-y;
}

.blue .footer .innercontent {
    background: url(/uploads/tms_be-serious/images/tms_footer_blue.jpg) repeat-y;
}

.footer .col {
    position: relative;
    margin: 0 30px 0 0;
}

.footer .title {
    margin: 0 0 10px 0;
    font-family: ArvoRegular, Arial;
    font-weight: normal;
    padding: 0 0 4px 0;
    font-size: 22px;
}

.purple .footer .title {
    border-bottom: 1px solid #b10d84;
    color: #ffffff;
}

.silver .footer .title {
    border-bottom: 1px solid #c9c9c9;
    color: #636363;
}

.black .footer .title {
    border-bottom: 1px solid #616161;
    color: #ffffff;
}

.bluegreen .footer .title {
    border-bottom: 1px solid #0eb59e;
    color: #ffffff;
}

.green .footer .title {
    border-bottom: 1px solid #0db139;
    color: #ffffff;
}

.red .footer .title {
    border-bottom: 1px solid #b50e25;
    color: #ffffff;
}

.blue .footer .title {
    border-bottom: 1px solid #0e70b5;
    color: #ffffff;
}

.footer p {
    padding: 0;
}

.purple .footer p {
    color: #ffffff;
}

.silver .footer p {
    color: #636363;
}

.black .footer p {
    color: #ffffff;
}

.bluegreen .footer p {
    color: #ffffff;
}

.green .footer p {
    color: #ffffff;
}

.red .footer p {
    color: #ffffff;
}

.blue .footer p {
    color: #ffffff;
}

.footer ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.footer ul li {
    padding: 0;
    margin: 0;
    background: none;
}

.footer a {
    display: block;
    font-weight: bold;
    text-decoration: none;
}

.purple .footer a {
    color: #ffffff;
}

.silver .footer a {
    color: #636363;
}

.black .footer a {
    color: #ffffff;
}

.bluegreen .footer a {
    color: #ffffff;
}

.green .footer a {
    color: #ffffff;
}

.red .footer a {
    color: #ffffff;
}

.blue .footer a {
    color: #ffffff;
}

.footer .cats {
    width: 260px;
}

.footer .cats li a {
    padding: 5px 0 4px 0;
}

.purple .footer .cats li a {
    border-bottom: 1px dotted #b10d84;
}

.silver .footer .cats li a {
    border-bottom: 1px dotted #c9c9c9;
}

.black .footer .cats li a {
    border-bottom: 1px dotted #616161;
}

.bluegreen .footer .cats li a {
    border-bottom: 1px dotted #0eb59e;
}

.green .footer .cats li a {
    border-bottom: 1px dotted #0db139;
}

.red .footer .cats li a {
    border-bottom: 1px dotted #b50e25;
}

.blue .footer .cats li a {
    border-bottom: 1px dotted #0e70b5;
}

.footer a:hover {
    text-decoration: underline;
}

.footer .contact {
    margin: 0;
    width: 300px;
}

a.submit:hover, form .submit input:hover {
    background-position: left -10px;
}

.purple .footer .contact .row {
    background:#370226
}

.silver .footer .contact .row {
    background:#969696
}

.black .footer .contact .row {
    background:#1c1c1c
}

.bluegreen .footer .contact .row {
    background:#023733
}

.green .footer .contact .row {
    background:#023713
}

.red .footer .contact .row {
    background:#370206
}

.blue .footer .contact .row {
    background:#021e37
}

.footer .contact label {
    width: 68px;
    color: #fff;
}

.footer .contact input, .footer .contact textarea {
    resize: vertical;
    width: 220px;
    color: #fff;
}

.purple .footer .contact input, .purple .footer .contact textarea {
    background:#370226
}

.silver .footer .contact input, .silver .footer .contact textarea {
    background:#969696
}

.black .footer .contact input, .black .footer .contact textarea {
    background:#1c1c1c
}

.bluegreen .footer .contact input, .bluegreen .footer .contact textarea {
    background:#023733
}

.green .footer .contact input, .green .footer .contact textarea {
    background:#023713
}

.red .footer .contact input, .red .footer .contact textarea {
    background:#370206
}

.blue .footer .contact input, .blue .footer .contact textarea {
    background:#021e37
}

.footer .contact textarea {
    height: 60px;
}

.footer .contact .submit {
    text-align: right;
}

.footer .contact .submit input, a.submit {
    position: absolute;
    right: 0;
    top: 2px;
}

.footer form input, form textarea {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    padding: 4px;
    border: 0;
}

.footer form label {
    padding: 4px 0 4px 4px;
    float: left;
    display: block;
}

.footer form .row {
    margin: 0 0 4px;
    overflow: hidden;
}

.footer .error {
    color: #fff;
}

.main fieldset {
    border: none;
    padding: 0 0 10px 0;
    margin: 0 0 5px 0;
    border-bottom: 2px solid #eee;
}

.main legend {
    font-weight: bold;
    font-family: ArvoRegular, Arial, Helvetica, sans-serif;
    font-size: 18px;
    background: #fff;
    padding: 0;
}

.main form .row, .main form fieldset div, .main form div.submit, .side form .row {
    clear: both;
    padding: 8px 0 0 0;
}

.main form div.submit {
    padding: 8px 0 0 130px;
}

.main form div.submit input {
    width: auto;
    float: none;
}

.main form label {
    float: left;
    width: 110px;
    padding: 5px 20px 0 0;
}

.main form div label:first-child {
    font-weight: bold;
}

.main form .fb_invalid {
    color:transparent
}

.main form .fb_invalid input[type=text], .main form .fb_invalid textarea {
    border-color:red
}

.main form .fb_invalid label:first-child {
    color: #000;
    background: url(/uploads/tms_images/icon_alert.png) no-repeat right top;
}

.main form .fb_invalid label.label {
    color: #000;
}

.main form input, .main form textarea {
    width: 200px;
    float: left;
    border: 1px solid #CCC;
    padding: 4px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}

.main form input:focus, .main form textarea:focus {
    border-color: #000;
}

.main form input.cms_checkbox, .main form label.label, .main form input[type=radio] {
    margin: 5px 2px 0 2px;
    display: inline;
    border: none;
    width: auto;
    float: none;
}

.main form textarea {
    resize: vertical;
    height: 50px;
}

.main form .submit {
    clear: both;
    padding: 10px 0 0 130px;
}

#recaptcha_widget_div ~ input {
    display: none;
}

.main .error_message li {
    color: red;
}

.main form .cms_submit, .main form .submit input, a.submit, .footer .submit input, .side form .search-button, .side form .submit input {
    color: #fff;
    font-weight: normal;
    text-decoration: none;
    padding: 0 20px 0 20px;
    height: 24px;
    line-height: 24px;
    width: auto;
    border: none;
    float: none;
    cursor: pointer;
}

.main form .cms_submit, .main form .submit input {
    height: auto;
    line-height: auto;
}

.main form .cms_submit, .main form .submit input {
    float: none;
    width: auto;
    margin: 0 5px 0 0;
    padding: 5px 20px;
}

.error {
    background: #ffd6d6;
    padding: 10px 16px 10px 16px;
    border: 1px solid #ff8383;
    margin: 10px 0 10px 0;
}

.error h1, .error h2 {
    color: #c30000;
}

.success {
    background: #e3ffd1;
    padding: 10px 16px 10px 16px;
    border: 1px solid #5e8e3e;
    margin: 10px 0 10px 0;
}

.success h1, .success h2 {
    color: #5e8e3e;
}

.error p, .success p {
    color: #000;
}

.purple form .submit input, .purple a.submit, .purple .footer .submit input, .purple .side form .search-button {
    background: #370226 url(/uploads/tms_be-serious/images/tms_button_purple_background.gif) repeat-x;
}

.silver form .submit input, .silver a.submit, .silver .footer .submit input, .silver .side form .search-button {
    background: #969696 url(/uploads/tms_be-serious/images/tms_button_silver_background.gif) repeat-x;
}

.black form .submit input, .black a.submit, .black .footer .submit input, .black .side form .search-button {
    background: #1c1c1c url(/uploads/tms_be-serious/images/tms_button_black_background.gif) repeat-x;
}

.bluegreen form .submit input, .bluegreen a.submit, .bluegreen .footer .submit input, .bluegreen .side form .search-button {
    background: #023733 url(/uploads/tms_be-serious/images/tms_button_bluegreen_background.gif) repeat-x;
}

.green form .submit input, .green a.submit, .green .footer .submit input, .green .side form .search-button {
    background: #023713 url(/uploads/tms_be-serious/images/tms_button_green_background.gif) repeat-x;
}

.red form .submit input, .red a.submit, .red .footer .submit input, .red .side form .search-button {
    background: #370206 url(/uploads/tms_be-serious/images/tms_button_red_background.gif) repeat-x;
}

.blue form .submit input, .blue a.submit, .blue .footer .submit input, .blue .side form .search-button {
    background: #021e37 url(/uploads/tms_be-serious/images/tms_button_blue_background.gif) repeat-x;
}

.footer form .submit input, .footer a.submit {
    color:;
}

.purple .footer form .submit input, .purple .footer a.submit {
    color: #ffffff;
}

.silver .footer form .submit input, .silver .footer a.submit {
    color: #636363;
}

.black .footer form .submit input, .black .footer a.submit {
    color: #ffffff;
}

.bluegreen .footer form .submit input, .bluegreen navi ul span.sectionheader {
    color: #ffffff;
}

.green .footer form .submit input, .green .footer a.submit {
    color: #ffffff;
}

.red .footer form .submit input, .red .footer a.submit {
    color: #ffffff;
}

.blue .footer form .submit input, .blue .footer a.submit {
    color: #ffffff;
}

a.submit:hover {
    text-decoration: none;
}

.side form .search-button {
    margin: 4px 0 0 0;
    float: right;
}

#photos ul, #photos li {
    margin: 0;
    padding: 0;
    background: none;
    list-style: none;
}

#photos .album a {
    margin: 0;
}

.news .summary ul {
    padding: 0;
    margin: 0;
}

.news .summary span {
    display: block;
}

.news .summary li {
    background: none;
    padding: 0;
    margin: 0 0 20px 0;
    position: relative;
}

.news .summary a {
    display: block;
    padding: 0 0 0 6px;
    border-left: 4px solid #ccc;
}

.news .summary a:hover {
    text-decoration: none;
    border-color: red;
}

.purple .news .summary a:hover {
    border-color: #54063b;
}

.silver .news .summary a:hover {
    border-color: #b4b4b4;
}

.black .news .summary a:hover {
    border-color: #2d2d2d;
}

.bluegreen .news .summary a:hover {
    border-color: #06544e;
}

.green .news .summary a:hover {
    border-color: #06541f;
}

.red .news .summary a:hover {
    border-color: #54060c;
}

.blue .news .summary a:hover {
    border-color: #062f54;
}

.news .summary .newsdate {
    color: #ccc;
    text-transform: uppercase;
    position: absolute;
    right: 0;
    top: 0;
}

.news .summary .newstitle {
    font-weight: bold;
    padding: 0 0 8px 0;
    font-size: 1.2em;
}

.news .summary .newsdesc {
    color: #000;
}

.news .detail .col30, .news .detail .col70 {
    float: left;
}

.news .detail .col30 {
    width: 340px;
}

.news .detail .col30 .space {
    padding: 10px 10px 10px 0;
}

.news .detail .col70 {
    min-height: 100px;
    padding: 0 0 0 0;
    background: url(/uploads/tms_be-serious/images/tms_side_background.jpg) repeat-y left top;
    width: 640px;
}

.news .detail .col70 .space {
    padding: 10px 0 0 0;
    background: url(/uploads/tms_be-serious/images/tms_side_header.jpg) no-repeat left top;
}

.news .detail .col70 .desc {
    min-height: 100px;
    padding: 0 0 20px 10px;
    background: url(/uploads/tms_be-serious/images/tms_side_footer.jpg) no-repeat left bottom;
}

.news .detail .col70 .summary {
    padding: 0 0 20px 10px;
}

.news .detail .category {
    padding: 10px 10px 10px 0;
}

.news .detail .date {
    padding: 0 0 10px 0;
    text-align: right;
    color: #ccc;
    font-size: 11px;
}

.news .detail .title {
    display: none;
}

.news .detail .options ul {
    margin: 10px 0 10px 0;
}

.news .detail .options li {
    background: none;
    padding: 0 0 12px 22px;
}

.news .detail .options .facebook {
    background: url(/uploads/tms_be-serious/images/icon_facebook.png) no-repeat left 2px;
}

.news .detail .options .print {
    background: url(/uploads/tms_be-serious/images/icon_print.png) no-repeat left 0px;
}

.news .detail .options .back {
    background: url(/uploads/tms_be-serious/images/icon_back.png) no-repeat left 0px;
}

.side .news .newsdesc {
    font-weight: normal;
}

.side .news .newsdate {
    display: none;
}

.footer .news {
    width: 360px;
}

.footer .news .pager {
    display: none;
}

.footer .news li {
    display: block;
    margin: 0 0 8px 0;
    padding: 0 0 4px 0;
    background: none;
}

.footer .news .summary a {
    padding: 0;
    border: none;
}

.footer .news .summary a:hover .newstitle {
    text-decoration: underline;
}

.footer .news .newstitle {
    width: 230px;
    font-size: 1em;
}

.footer .news .newsdesc {
    font-weight: normal;
    color: #fff;
}

.silver .footer .news .newsdesc {
    color: #636363;
}

.footer .news .newsdate {
    font-size: 11px;
    filter: alpha(opacity=50);
    /* internet explorer */
    -khtml-opacity: 0.5;
    /* khtml, old safari */
    -moz-opacity: 0.5;
    /* mozilla, netscape */
    opacity: 0.5;
}

.purple .footer .news li {
    border-bottom: 1px dotted #b10d84;
}

.silver .footer .news li {
    border-bottom: 1px dotted #c9c9c9;
}

.black .footer .news li {
    border-bottom: 1px dotted #616161;
}

.bluegreen .footer .news li {
    border-bottom: 1px dotted #0eb59e;
}

.green .footer .news li {
    border-bottom: 1px dotted #0db139;
}

.red .footer .news li {
    border-bottom: 1px dotted #b50e25;
}

.blue .footer .news li {
    border-bottom: 1px dotted #0e70b5;
}

.subnavi2 {
    padding: 0 0 16px 0;
}

.main .subnavi2 ul, .main .subnavi2 li {
    padding: 0;
    margin: 0;
    background: none;
}

.subnavi2 li, .subnavi2 a {
    float: left;
    display: block;
}

.subnavi2 a {
    margin: 0 4px 4px 0;
    padding: 4px 8px 4px 8px;
    background: #f2f2f2;
    border: 1px solid #ccc;
}

.subnavi2 a:hover {
    text-decoration: none;
}

.purple .subnavi2 a:hover, .purple .subnavi2 a.menuactive {
    border-color: #54063b;
}

.silver .subnavi2 a:hover, .silver .subnavi2 a.menuactive {
    border-color: #b4b4b4;
}

.black .subnavi2 a:hover, .black .subnavi2 a.menuactive {
    border-color: #2d2d2d;
}

.bluegreen .subnavi2 a:hover, .bluegreen .subnavi2 a.menuactive {
    border-color: #06544e;
}

.green .subnavi2 a:hover, .green .subnavi2 a.menuactive {
    border-color: #06541f;
}

.red .subnavi2 a:hover, .red .subnavi2 a.menuactive {
    border-color: #54060c;
}

.blue .subnavi2 a:hover, .blue .subnavi2 a.menuactive {
    border-color: #062f54;
}

.portfoliocontainer {
    width: 980px;
    overflow: hidden;
}

.portfolio ul {
    width: 1000px;
    margin: 0;
    padding: 0;
}

.main .portfolio li, .portfolio a {
    float: left;
    list-style: none;
    padding: 0;
    margin: 0;
    background: none;
    display: block;
}

.portfolio img {
    border: 0;
    display: block;
    float: left;
}

.portfolio li a {
    margin: 0 10px 10px 0;
    width: 477px;
    float: left;
    padding: 2px;
    border: 2px solid #ccc;
    text-decoration: none;
}

.portfolio li a:hover {
    border-color: #000;
}

.portfolio span {
    float: left;
    width: 256px;
    display: block;
    padding: 6px 10px 6px 10px;
    font-size: 18px;
    font-weight: bold;
}

.portfolio span.summary {
    font-size: 12px;
    padding: 0 10px 0 10px;
    font-weight: normal;
    line-height: 16px;
}

.pager {
    margin: 12px 0 12px 0;
}

.main .pager ul {
    padding: 0 0 0 24px;
    background: url(/uploads/tms_images/icon_pages.png) no-repeat left center;
    margin: 0;
}

.main .pager a, .main .pager li {
    background: none;
    float: left;
    display: block;
    list-style: none;
    padding: 0;
    margin: 0;
}

.main .pager li {
    line-height: 26px;
    margin: 0 4px 0 0;
}

.main .pager a {
    width: 24px;
    height: 24px;
    line-height: 24px;
    text-decoration: none;
    font-weight: bold;
    text-align: center;
    font-size: 11px;
    border: 1px solid #ccc;
}

.main .pager li.selected a, .main .pager a:hover {
    color: #ccc;
    text-decoration: underline;
}

.purple .pager li.selected a, .purple .pager a:hover {
    background: #54063b;
}

.silver .pager li.selected a, .silver .pager a:hover {
    background: #b4b4b4;
}

.black .pager li.selected a, .black .pager a:hover {
    background: #2d2d2d;
}

.bluegreen .pager li.selected a, .bluegreen .pager a:hover {
    background: #06544e;
}

.green .pager li.selected a, .green .pager a:hover {
    background: #06541f;
}

.red .pager li.selected a, .red .pager a:hover {
    background: #54060c;
}

.blue .pager li.selected a, .blue .pager a:hover {
    background: #062f54;
}

#fb-root {
    padding: 10px 0 0 0;
}

.tabs .menu ul, .tabs .menu li {
    background: none;
    padding: 0;
    margin: 0;
    list-style: none;
}

.tabs .menu li, .tabs .menu li a, .tabs .menu li a span {
    float: left;
    display: block;
    cursor: hand;
    cursor: pointer;
}

.tabs .menu li a {
    text-decoration: none;
    color: #585858;
    padding: 11px 14px 6px 14px;
    margin: 0 -1px 0 0;
    font-weight: bold;
    outline: none;
}

.tabs .menu li a:hover, .tabs .menu li.active a {
    color: #000;
    padding: 10px 13px 6px 13px;
    border: 1px solid #c1c1c1;
    border-bottom: none;
    background: #fff;
}

.tabs .menu ul {
    padding: 10px 0 0 10px;
}

.tabs .menu {
    background: url(/uploads/tms_be-serious/images/tms_gradient1.gif) repeat-x left bottom;
}

.tabs .target {
    margin: 10px 0 0 0;
    clear: both;
}

.tabs .loading {
    height: 60px;
    background: url(/uploads/tms_images/loading.gif) no-repeat center center;
}

nav select {
    display: none;
}
/*---------------------------------------------------Galleryremove following lines if you want to use your own styles---------------------------------------------------*/

.main .gallery .img {
    border: 1px solid #ccc;
    font-weight: bold;
}

.main .gallery .img a img {
    display: block;
    margin: 0 auto;
    padding: 0;
    border: none;
}

.main .gallery .img a {
    display: table-cell;
    vertical-align: middle;
    border: 2px solid #eee;
    padding: 0;
    background: #000;
}

.main .gallery .img a:hover {
    border-color: #000;
}

.main .gallery .gallerycomment {
    line-height: 1.5em;
    padding:0 0 10px 0
}
/*---------------------------------------------------Mobile---------------------------------------------------*/

@media all and (max-width: 480px) {
    body, html, .wrapper {
        text-align: left;
    }

    .wrapper {
        min-width: 0;
    }

    .innercontent, .portfoliocontainer, .portfoliocontainer ul {
        width: auto;
    }

    .footer .col {
        margin: 0;
    }

    .header, .subheader, .main, .footer .subfooter, .wrapper {
        width: auto;
        margin:0
    }

    nav ul {
        display: none;
    }

    .navi {
        display: block;
        float: none;
        margin: 0;
        height: auto;
        width: auto;
    }

    .header .innercontent {
        text-align: center;
    }

    .innercontent, .subheader .innercontent {
        padding:0 10px 10px 10px
    }

    .header .sitetitle {
        float: none;
        margin: 0 auto;
    }

    .col {
        float: none;
    }

    .content .short, .content .short .col50, .content .main .col50 {
        width: auto;
        float: none;
    }

    .side {
        padding: none;
        width: auto;
        padding: 0;
    }

    .side .body {
        background: none;
        padding: 0;
    }

    .side .top, .side .bottom {
        display: none;
    }

    .main {
        padding: 10px 0;
    }

    .main .portfolio li, .main .portfolio a {
        float: none;
    }

    .main .portfolio li {
        width: 100%;
    }

    .main .portfolio li a {
        width: auto;
        margin:0 0 10px 0
    }

    .main .portfolio li a img {
        width: 25%;
        height: auto;
    }

    .main .portfolio span {
        width: 65%;
    }

    .footer .news, .footer .cats, .footer .contact {
        width: 100%;
        float: none;
        margin: 0 0 30px 0;
    }

    .footer .innercontent {
        padding: 10px;
    }

    .news .detail .col30 {
        float: none;
        width:auto
    }

    .news .detail .col30 .space {
        padding: 0;
    }

    .news .detail .col70 {
        float: none;
        width: auto;
        background:none
    }

    .news .detail .col70 .space {
        background: none;
    }

    .news .detail .col70 .summary {
        padding: 0 0 20px 0;
        font-weight: bold;
    }

    .news .detail .col70 .desc {
        background: none;
        min-height: 0;
        padding: 0;
    }

    .news .detail .options li {
        margin: 0 0 0 0px;
    }

    .navi nav {
        padding: 10px;
        margin:0
    }

    nav select {
        width: 100%;
        display: block;
        cursor: pointer;
        padding: 6px;
        background: #f9f9f9;
        font-size: 20px;
        border: 1px solid #e3e3e3;
        color: #777;
    }

    .slideshowcontainer {
        width: 100%;
        padding: 0;
        background: none;
    }

    .slideinfo {
        top: 10px;
        left: 10px;
        height: 280px;
    }

    .main form label {
        display: block;
        font-size: 14px;
        float: none;
        width: auto;
    }

    .main form input, .main form textarea {
        float: none;
    }

    .main form div.submit {
        padding: 0;
    }

    .header .main {
        min-height: 0;
    }

    .header .main img {
        max-width: 100%;
        width: auto;
        height: auto;
    }
}