/*********** TYPOGRAPHY **********/

@font-face {
    font-family: 'latoregular';
    src: url('../webfonts/lato-reg-webfont.eot');
    src: url('../webfonts/lato-reg-webfont.eot?#iefix') format('embedded-opentype'),
         url('../webfonts/lato-reg-webfont.woff') format('woff'),
         url('../webfonts/lato-reg-webfont.ttf') format('truetype'),
         url('../webfonts/lato-reg-webfont.svg#latoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'latoblack';
    src: url('../webfonts/lato-bla-webfont.eot');
    src: url('../webfonts/lato-bla-webfont.eot?#iefix') format('embedded-opentype'),
         url('../webfonts/lato-bla-webfont.woff') format('woff'),
         url('../webfonts/lato-bla-webfont.ttf') format('truetype'),
         url('../webfonts/lato-bla-webfont.svg#latoblack') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'latoitalic';
    src: url('../webfonts/lato-regita-webfont.eot');
    src: url('../webfonts/lato-regita-webfont.eot?#iefix') format('embedded-opentype'),
         url('../webfonts/lato-regita-webfont.woff') format('woff'),
         url('../webfonts/lato-regita-webfont.ttf') format('truetype'),
         url('../webfonts/lato-regita-webfont.svg#latoitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'latolight_italic';
    src: url('../webfonts/lato-ligita-webfont.eot');
    src: url('../webfonts/lato-ligita-webfont.eot?#iefix') format('embedded-opentype'),
         url('../webfonts/lato-ligita-webfont.woff') format('woff'),
         url('../webfonts/lato-ligita-webfont.ttf') format('truetype'),
         url('../webfonts/lato-ligita-webfont.svg#latolight_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* BASE TYPOGRPHY */

body {
    font-size: 13px;
    line-height: 19px;
    margin-bottom: 20px;
    color: #105da5;
    font-family: 'latoregular', Helvetica, Arial, sans-serif;
}
body a { text-decoration: none; }
body a:link { -webkit-tap-highlight-color: #105da5; }

/* HEADERS */
.typography h1,
.typography h2,
.typography h3,
.typography h4,
.typography h5,
.typography h6 {font-family: 'latoblack', Helvetica, Arial, sans-serif;font-weight: normal;color: #105da5;}

.typography h1 { font-size: 34px; line-height: 38px; margin: 0 0 25px 10px; color: #d6e2ee; text-transform: uppercase; max-width: 96%;}
.typography h2 { font-size: 21px; line-height: 33px; text-transform: uppercase;}
.typography h3 { font-size: 18px; line-height: 30px; padding-bottom: 10px;  text-transform: uppercase; margin: 0 10px;}
.typography h4 { font-size: 15px; line-height: 21px; text-transform: uppercase; font-family: 'latoregular', Helvetica, Arial, sans-serif;}
.typography h5 { font-size: 14px;}
.typography h6 { font-size: 12px;}

.typography h1 span {background: #175da8; padding: 1px 2px 0px; box-shadow: 20px 0 0 0 #175da8, -10px 0 0 0 #175da8; display: inline;}
.typography .content-right h2 {color: #000; padding: 11px 8px 0;}
.typography .content-right h2.important {background: #000; color: #f5ef3a; display: table-cell; padding: 2px 8px 1px;}
.typography .content-right h2.important span img {margin-top: -2px;}
.typography .content-left h2.event-date, .typography .content-right h2.event-date {background: url(../images/blue.png); color: #dfeaf4; display: table-cell; padding: 2px 8px 1px;}
.typography .toArchive h2 {font-size: 14px; letter-spacing: 1px;}
.typography h2.postTitle {font-size: 14px; line-height: 20px; text-transform: uppercase; font-family: 'latoregular'; bottom: 3px; position: absolute; margin-bottom: 0px;}
.typography h2.postTitle a, .typography h2.postTitle a:visited {color: #d6e2ee; font-weight: normal;}
.typography .mitglied h3 {width: 295px; margin: 0; font-size: 21px; text-transform: none;}
.typography .event-container h4 {/*padding-top: 8px;*/ padding: 0; margin-top: -5px; text-transform: none;}
.typography .content-right .event-container h4 {padding: 0 8px 0; margin-top: -5px;}
.typography .content-right .event-container h2 {color: #105da5;}
.typography .teaminfo h4 {margin: -5px 0 5px 0; }

.typography h2.summary {
  line-height: 24px;
  margin-top: 4px;
  margin-bottom: 5px;
}

/* PARAGRAGHS */
.typography  p, .typography .mitglied-wrapper { font-size: 13px; line-height: 19px; padding: 0 10px; color: #105da5; font-family: 'latoregular', Helvetica, Arial, sans-serif;}
.typography  p.authorDate {color: #d6e2ee;}
.typography .intro {font-family: 'latoregular', Helvetica, Arial, sans-serif; font-size: 12px; line-height: 19px; margin-bottom: 20px;}
.typography p.authorDate {font-size: 10px; padding: 5px 10px 0px; letter-spacing: 1px;}
.typography .newsticker p {color: #000; font-size: 15px; line-height: 21px;}
.typography .blogSummary .teaser p {height: 60px; margin-bottom: 5px; font-family: 'latoitalic', Helvetica, Arial, sans-serif; overflow: hidden; padding-top: 6px;}

.typography em { font-style: italic; }

::selection,
::-moz-selection {background: #b80000;color: #fff;text-shadow: none;}

/* LINKS */
.typography a, .typography a.intro {color: #105da5; text-decoration: none; font-weight: bold;}
.typography .summary a, .typography h1 a, .typography .imp a  {font-weight: normal;}
#allCalendars a {color: #fff; font-weight: normal;}
.typography .event-container a, .typography .event-container a:active, .typography .event-container a:hover, .typography .event-container a:visited {color: #105da5;}
.typography .calendar-widget-table a, .typography .blogTitle a {color: #dfeaf4; text-transform: uppercase;}

/* LIST STYLES
-------------------------------------------- */
.typography ul, .HomePage .typography .content-left.search-wrapper ul {padding: 0 10px;}
.Calendar .typography ul {padding: 0;}
.typography ul li { list-style-type: disc; }
.typography li {margin-bottom: 3px;}
.typography li.person {margin-bottom: 30px; margin-right: 9px;}
ul.sportteam li, .news-archiv .typography ul li {list-style: none;}
.HomePage .typography ul {padding: 0;}
ul#SearchResults, .Page ul, .GalleryPage ul {margin-left: 18px;}
ul#SearchResults li {margin-bottom: 35px;}
.BlogHolder .typography ul li {list-style-type: none; display: inline-block; padding: 0 8px 0 0;}

/* TABLE STYLES
-------------------------------------------- */
.typography table {border-collapse: collapse; border-spacing: 0; margin: 0 0px 10px; text-align: left; width: 100%;}
.typography table tbody, .typography table tr {margin: 0 10px;}
.typography table tr:nth-child(even) {background-color: none;}
.typography table tr.even, .typography table th, .typography thead td {background: url(../images/blue.png) no-repeat; background-size: 100% 25px;}
.typography table td,.typography table th {padding: 8px 10px; vertical-align: top;}
.vereine .typography table td {padding: 8px 0px;}
.typography table td p {padding: 0;}
.typography table th {font-weight: bold;}
.typography table img {max-width: none;}
.typography .mitglied table td {padding: 0 10px 5px 0;}
.typography .mitglied table .pos td {vertical-align: bottom; height: 70px;}
.typography .mitglied table td.teamimg {width: 80px;}
.typography .mitglied table td.teaminfo {width: 190px;}

.sponsoren .typography table td {vertical-align: middle;}

/* WYSIWYG EDITOR ALIGNMENT CLASSES
-------------------------------------------- */
.typography .left {text-align: left;}
.typography .center {text-align: center;}
.typography .right {text-align: right;}


/* IMAGES
-------------------------------------------- */
.typography img {border: none; height: auto; max-width: 100%;}
.typography .blogimg img {width: 205px; max-width: none;}
.typography img.left {float: left;margin: 5px 20px 10px 0;}
.typography img.right {float: right;max-width: 50%; margin: 5px 0 10px 20px;}
.typography img.leftAlone {float: left;margin-right: 100%;margin-bottom: 10px;clear: both;}
.typography img.center {float: none;margin-left: auto;margin-right: auto;display: block;margin-bottom: 10px;clear: both;}
.typography .full img {width: 100%;}
.typography .captionImage { width: 100%; margin-top: 5px; }
.typography .captionImage img { margin: 0; }
.typography .captionImage.left {float: left;margin: 5px 30px 20px 0px;}
.typography .captionImage.right{float: right;margin: 5px 0 20px 30px;}
.typography .captionImage.left[style],.typography .captionImage.right[style] {max-width: 50%;}
.typography .captionImage.left img, .typography .captionImage.right img {float: none;max-width: none;width: 100%;}
.typography .captionImage.left img {margin-right: -10px;}
.typography .captionImage.right img {margin-left: -10px;}
.typography .captionImage.right p {margin-left: -10px;text-align: left;margin-left: -10px;}
.typography .captionImage.leftAlone{float:none;margin: 0 20px 20px 0px;}
.typography .captionImage.center{margin: 0 auto 20px;}
.typography .captionImage p {clear: both;margin: 5px 0;font-style: italic;color: #888;}


/* BLOCKQUOTES
-------------------------------------------- */
.typography blockquote {
  background: transparent url(../images/blockquote.png) no-repeat 0px 6px;
  font-family: "CamboRegular", Georgia, "Times New Roman", Times, serif;
  color: #777;
  display: block;
  font-style: italic;
  margin: 0 0 20px;
  float: right;
  text-indent: 30px;
  width: 50%;
  margin-left: 5%;
  clear: both;
}
.typography blockquote p {
  font-size: 17px;
  line-height: 25px;
}
.typography pre {
  background: #F7F7F7;
  border: 1px solid #E4E4E4;
  font-family: Courier, monospace;
  margin: 0 0 20px 0;
  padding: 15px;
  clear: both;
}

/* ADDRESS
-------------------------------------------- */
address {display: block; margin-bottom: 20px;}


/*/*********** GENERIC FORMS
----------------------------------------------- */

form {max-width: 100%;}
div.field {margin: 10px 10px 15px;}
#Form_MonthJumpForm div.field {margin: 0px; float: left;}
fieldset {border: 0;margin: 0;padding: 0;}
form label {margin-bottom: 5px;}
form label.left {display: block; font-weight: bold; min-width: 120px; width: 30%;}
#Form_MonthJumpForm label.left {min-width: none; width: auto;}
form label.right {font-size: 12px; color: #888;}
form input.text,
form textarea,
form .textajaxuniquetext,form select {width: 60%;max-width: 400px;padding: 6px 5px;font-size: 15px;background-color: #fff;border: 1px solid #aaa;}

#Form_MonthJumpForm input.text,
#Form_MonthJumpForm textarea,
#Form_MonthJumpForm .textajaxuniquetext,#Form_MonthJumpForm select {width: 100%;}

.ie7 form select { width: 400px; } /* fix for ie7's rendering of max-width property on select input */

form input.text:focus,
form textarea:focus,
form .textajaxuniquetext:focus,
form select:focus {
    outline:none;
}
form input[disabled], form textarea[disabled] {
    background-color: #f7f7f7;
    border: 1px solid #dad9d9;
}
textarea {resize: vertical;}

/* Radio and Checkbox */
.field .checkbox, .field .radio {
    float: left;
    width: 13px;
    height: 13px;
    margin-right: 6px;
    margin-top: 3px;
    padding: 0;
}
.checkbox label.right,.radio label.right {float: left;}

/* Messages */
form .message {
    background-color: #fef4ba;
    padding: 5px 10px;
    border: 1px solid #e8c805;
    border-radius: 3px;
}
form .good {background-color: #ecf9d0;border-color: #8fbe00;}
form .bad, form .required {background-color: #f9d0d0;border-color: #cf0000;color: #b80000;}

/* ACTIONS */
.Actions {margin: 20px 10px; float: right;}
#MemberLoginForm_LoginForm .Actions {margin: 0 0px 10px; float: left;}

a.btn, button, input[type="submit"], .Actions .action {
        background: url(../images/blue.png);
        color: #fff;
        display: inline-block;
        border-radius: 4px;
        padding: 6px 15px;
        margin-bottom: 10px;
        text-transform: uppercase;
        letter-spacing: 1px;
        border: none;
        font-size: 13px;
        margin-right: 10px;
        float: right;
}
#MemberLoginForm_LoginForm a.btn, #MemberLoginForm_LoginForm button, #MemberLoginForm_LoginForm input[type="submit"], .Actions .action {float: left;}

a.btn:hover, button, input[type="submit"]:hover, .Actions .action:hover {background: #105da5;color: #fff;}
a.btn {line-height: 18px;margin-bottom: 10px;}
a.btn:after { content: '\2192';padding-left: 10px;/* creates arrow in button */}

.ie7 input.action {width: 0;overflow: visible;/* IE table-cell margin fix */}

input.action[class] {             /* IE ignores [class] */
        width: auto;                  /* cancel margin fix for other browsers */
}

.ie7 .Actions .action {float: left;}
.Actions:after {color: #B94A48;display: inline-block;font-weight: normal;margin-top: 9px;}
#MemberLoginForm_LoginForm .Actions:after {display: none;}

form#MemberLoginForm_LoginForm {display: block; background: #fff; width: 100%; float: left; clear: left;}
form#MemberLoginForm_LoginForm fieldset, form#MemberLoginForm_LoginForm p, form#MemberLoginForm_LoginForm div.Actions{margin-left: 10px;}
form#MemberLoginForm_LoginForm input {margin-bottom: 10px;}
#ForgotPassword {padding: 0px 0;}
#ForgotPassword a {color: #105da5;}
#MemberLoginForm_LoginForm label.left {width: 65px;}

/* AREA SPECIFIC */
    /* LOGIN and FORGOT PASSWORD */
#Remember {min-height: 20px;}
#ForgotPassword {clear: left;}
#MemberLoginForm_LostPasswordForm .Actions:after {display: none;}

/* USER DEFINED USER FORM MODULE STYLES
----------------------------------------------- */

/*Generic and mixed*/
.FormHeading {
    clear: both;
    padding-top: 15px;
}
form .date .middleColumn input {width: 114px;}
.Actions input.resetformaction,
.Actions input.action-minor {                  /* Clear button */
    float: left;
    background-color: #888;
    border-radius: 4px; padding: 6px 15px; margin-bottom: 10px; text-transform: uppercase; letter-spacing: 1px;border: none; font-size: 13px; margin-right: 10px; float: right;
}
.Actions input.resetformaction:hover,
.Actions input.action-minor:hover {            /* Clear button */
    background-color: #aaa;
}

/* Labels */
.checkbox label.right {
    font-size: 13px;                            /* reset to default */
    color: #333;                                /* reset to default */
}
form .requiredField label.left:after { /* pseudo element adds an asterisk to a required fields label */
    color: #B94A48;
    content: "*";
    font-size: 14px;
    font-weight: normal;
    padding-left: 3px;
}

/* Radio / Checkbox */
form .checkboxset ul, form .optionset ul {margin: 0;}
form .checkboxset li, form .optionset li {margin-bottom: 5px;list-style-type:none;}
form div.checkbox:after { /* clearfix */
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
form .checkbox .checkbox { clear: both; }

/* Messages */
span.message {
    margin: 10px 0;
    display: block;
    max-width: 390px;
    clear: left;
}
form input.holder-required {        /* This class needs to be changed - is used for both input and div */
    border: 1px solid #cf0000;
}

/* Error messages */
input:invalid,
textarea:invalid {
    border-radius: 1px;
    -moz-box-shadow: 0px 0px 5px red;
    -webkit-box-shadow: 0px 0px 5px red;
    box-shadow: 0px 0px 5px red;
}
.no-boxshadow input:invalid,
.no-boxshadow textarea:invalid {
    background-color: #f0dddd
}

/* To test - potentially not needed? */
.ss-uploadfield-item-info button{
    margin-top: 4px !important;
    float: left;
}
form .creditCardField input,
form input.currency,
form input.numeric {
    width: 50px;
}
form #DMYDate-month,
form #DMYDate-day {
    width: 25px
}

/* Responsive form styles
----------------------------------------------- */

@media only screen and (max-width: 700px) {

.header form .middleColumn {float: none; width: 100% !important;}
form label.left, #MemberLoginForm_LoginForm label {margin-bottom: 8px;}

}

@media only screen and (max-width: 900px) {
    form {max-width: 100%;}
}


/********** LAYOUT **********/

html,body {width: 100%; height: 100%;}

.inline {display: inline-block;}
.block {display: block;}
.right {float: right;}
.left {float: left;}
.bold {font-weight: bold;}

/* MAIN LAYOUT */
body {
    margin: 0;
    background: #fff fixed no-repeat;
    background-size: cover;
    min-width: 240px;
    -webkit-text-size-adjust: none; /* The text size is not adjusted for Safari on iPhone */
    font-family: 'latoregular', Helvetica, Arial, sans-serif;
}
.ie7 body, .ie8 body {min-width: 860px; }
.mainWrapper {max-width: 1600px; width: 100%; margin: 0 auto;}
.main {width: 100%; padding: 131px 0 60px; min-height: 300px;}
.inner {margin: 0 auto; padding: 0 30px;}
.main .inner {height: 100%; float: left; min-width: 1276px; max-width: 1471px; padding: 0px; width: 100%;}
.ie6 .inner {width: 960px;}
.no-sidebar .content-container { float: left;}
.sidebar {width: 100%; position: fixed; min-width: 1276px; max-width: 1471px;}
.sidebar-wrap {width: 137px; right: 30px; position: absolute; padding: 0 3px 0 0;}
.no-sidebar .sidebar {display: none;}
.sidebar .imp {background: url(../images/blue.png); margin: 48px 0 5px; padding: 9px 0; text-align: center;}
.sidebar .imp a{text-align: center; color: #d6e2ee; font-size: 14px; letter-spacing: 1px; font-family: 'latoregular', Helvetica, Arial, sans-serif;}
.sidebar .dat {background: url(../images/blue.png); margin: 5px 0 5px; padding: 9px 0; text-align: center;}
.sidebar .dat a {text-align: center; color: #d6e2ee; font-size: 14px; letter-spacing: 1px; font-family: 'latoregular', Helvetica, Arial, sans-serif;}
.content-container, .blogcontent {margin: 0px 170px 0px 160px;}
.content-container article {display: inline-block;}
.content-left {width: 45%; float: left; padding-bottom: 50px; max-width: 640px; margin-left: 30px;}
.content-right {width: 45%; float: right; max-width: 640px; margin-right: 30px;}

.Page .content-left, .SVOTeamPage .content-left, .SportTeamHolder .content-left, .content-left.search-wrapper, .UserDefinedForm .content-left, .BlogEntry .content-left, .BlogArchiveHolder .content-left {width: 70%; max-width: 715px;}
.Page .content-right, .SVOTeamPage .content-right {width: 30%;}
.BlogEntry .content-left .content, .BlogEntry .content-left .content {margin-top: -10px; float: none;}
.Calendar .content-left {width: 100%; min-width: 770px;}

.content-left, .BlogHolder .content-right {padding-top: 10px; padding-bottom: 10px;}
.content {background: #fff;}
.content-left .content  {padding-top: 20px; float: left;width: 100%; margin-top: -23px;}
.spacer {padding-bottom: 50px;}

/* HEADER */
.header {width: 100%; position: fixed; z-index: 1000;}
.header .inner {background: url(../images/blue.png); margin: 33px; height: 35px; max-width: 1345px; min-width: 1150px;}
.brand {position: absolute; margin-top: -79px; margin-left: 49px;}

/* NAVIGATION */
.header .primary ul {margin-left: 125px; display: inline-block; float: left;}
.header .primary ul li {display: inline-block; margin: 9px 0px 0 0;}
.header .primary ul li a {padding: 10px 8px 9px; color: #d6e2ee; text-transform: uppercase; font-size: 14px; letter-spacing: 1px; font-family: 'latoregular', Helvetica, Arial, sans-serif;}
.header .primary ul li:hover a, .header .primary ul li.current a {background: #d6e2ee; color: #105da5;}
.header .primary ul li:hover ul li a, .header .primary ul li.current ul li a, .header .primary ul.secondNav li, .header .primary ul.thirdNav li, .header .primary ul.fourthNav li, .header .secondNav ul li:hover ul li a {background: url(../images/blue.png); color: #d6e2ee;}
.header .primary ul.navextra {display: inline-block; margin-left: 20px;}
.header .primary ul.navextra li {margin: 6px 19px 0 0;}
.header .primary ul.navextra li.race {margin-right: 0;}
.header .primary ul.navextra li.facebook {margin-left: 10px;}
.header .primary ul.navextra li a {padding: 0px;}
.header .primary ul.navextra li:hover a {background: none;}

.header .primary ul.secondNav {display: none; position: absolute; width: 200px; margin: 0px; padding-top: 10px;}
.header .primary ul.secondNav li {display: block; width: 130px; padding: 10px; margin: 0 0 3.5px 0; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.2);}
.header .primary ul.secondNav li a {width: 130px; padding: 10px; margin: 0 0 3.5px 0;}
.header .primary ul li:hover ul.secondNav {display: block;}
.header .primary ul.secondNav li:hover {background: #d6e2ee; color: #105da5; margin-left: 7px;}
.header .primary ul.secondNav li:hover a, .header .primary ul.secondNav li:hover ul.thirdNav li:hover, .header .primary ul.secondNav li:hover ul.thirdNav li:hover a {background: #d6e2ee; color: #105da5;}

.header .primary ul.thirdNav, .header .primary ul.thirdNav li, .header .primary ul.thirdNav li a, .header .primary ul.fourthNav, .header .primary ul.fourthNav li, .header .primary ul.fourthNav li a {width: auto;}
.header .primary ul.thirdNav {display: none; position: absolute; width: 200px; padding-left: 20px; margin-top: -29px;}
.header .primary ul.secondNav li:hover ul.thirdNav li a, .header .primary ul.secondNav li:hover ul.thirdNav li:hover ul.fourthNav a {background: url(../images/blue.png); color: #d6e2ee;}
.header .primary ul.secondNav li:hover ul.thirdNav, .header .primary ul.thirdNav li:hover ul.fourthNav {display: block;}

.header .primary ul.fourthNav {display: none; position: absolute; width: 200px; padding-left: 62px; margin-top: -29px;}
.header .primary ul.secondNav li:hover ul.thirdNav ul.fourthNav li:hover a {background: #d6e2ee; color: #105da5;}


/* Search form */

.search-bar {margin-right: -25px; margin-top: 5px; float: right;}
.search-bar .field {margin: 0; padding: 0;}
.search-bar form input.text {width: 117px; padding: 4px 4px 3px 5px; color: #ccc; margin: 0; border: none; background: #fff; text-transform: uppercase;}
.search-bar form input.action {float: right; cursor: pointer; border: none; padding: 5px; background: url('../images/search.png') 1px 3px no-repeat; letter-spacing: -9999px; border-radius: 0; margin: 0; /*width: 20px;*/ width: 30px;}
.search-bar form input.active, .search-bar form input.action:hover {color: #ccc; text-transform: uppercase;}
.search-bar form input:focus,.header textarea:focus {outline: none;}
.search-dropdown-icon {display: none;}
div#Search.field.text.nolabel {float: right;}

/* Search Results */

.pagination {padding: 0 10px;}
.typography .pagination a.go-to-page {margin-left: 5px}

/* MIXED */

/* PAGE SPECIFIC LAYOUT */

/* Home */
.newsticker {background: #f5ef3a; padding-bottom: 2px;}
.content-right h2 span {margin-left: 8px; position: absolute;}
.newsticker .authorDate {font-family: 'latoblack', Helvetica, Arial, sans-serif;}
.banner {background: url(../images/blue.png); padding: 90px 5px 0; margin-top: -90px;}
#slider {position: relative; overflow: hidden; margin: 0px auto 0 auto;}
#slider ul {position: relative; margin: -5px 0 0; padding: 0; height: 476px; list-style: none;}
#slider ul li {position: relative; display: block; float: left; margin: 0; padding: 0; width: 127px; height: 476px; background: #ccc; text-align: center; line-height: 300px;}
.content-right ul li.vevent {margin-top: 15px; list-style: none;}
.content-right .event-container {width: 100%; padding: 0px; height: 125px;}
.content-right .bottom.half div {margin: 0 10px; position: relative; top: 42px;}
.cbo a img {width: 100%;}

/* Blog */
#BlogContent, .blogSummary, .blogSummary .teaser, .blogimg, .blogteaser {position: relative;}
#BlogContent {width: 410px;}
.blogSummary {width: 410px; height: 108px; margin-bottom: 15px; float: left; background: #d6e2ee;}
.blogSummary .teaser {width: 306px;}
.teaserTop {position: absolute; top: 0; left: 0}
.blogimg, .blogteaser {position: absolute; top: 0; display: inline-block; width: 205px; height: 108px;}
.blogimg {left: 0; width: 205px; overflow: hidden;}
.blogteaser {background: url(../images/blue.png); color: #d6e2ee; right: 0;}
.postTitle {padding: 0 9px;}
.mehr {margin-left: 155px; position: absolute;}

.blogView {display: none;}
.blogView.hidden {display: block; visibility: hidden;}
.BlogHolder .content-right .content {background: #fff; margin-top: -5px;}
.blogBigimg {float: left; z-index: -1; margin-top: -62px; width: 100%;}
.blogBigimg img {max-width: 100%;}
.blogInfo {float: left; margin-top: -14px;}
.blogInfo span {background: #dfeaf4; font-family: 'latoblack', Helvetica, Arial, sans-serif; font-size: 10px; line-height: 17px; letter-spacing: 1px; padding: 2px;}
.blogInfo span span {margin: 0 5px;}
.blogInfo span span.autor {margin: 0 15px;}
.BlogEntry .content-right img, .content-right .fancybox img, .content-right .nofancybox img {margin-bottom: 20px; max-width: 70%; margin-left: 103px;}
.prevBlog { margin-top: -12px; margin-left: -164px; float: left;}
.nextBlog {margin-top: 7px; float: right; margin-right: -113px;}
.toArchive {margin-top: 30px; float: left;}

.BlogHolder .pagination {width: 407px; text-align: center; height: 20px; float: left;}

/* Termine */

#Month, #Year, #jump-to-month .Actions {display: inline-block; float: left;}
.customSelect {max-width: 182px; background: #dfeaf4; border: 6px solid #105da5; font-style: italic; text-transform: uppercase; padding: 2px 5px 2px 10px;}
.customSelectInner {max-width: 182px; background: url(../images/select.png) no-repeat center right; }

.customSelect.customSelectHover {
/* Styles for when the select box is hovered */
}
.customSelect.customSelectOpen {
/* Styles for when the select box is open */
}
.customSelect.customSelectFocus {
/* Styles for when the select box is in focus */
}

.event-calendar-controls {clear: both; float: left; width: 100%; height: 35px; margin-top: -5px; background: url(../images/blue.png);}
#jump-to-month form .Actions {width: 215px; margin: 6px 0 0 0px;}
#jump-to-month form .Actions input {width: 85px; background: #9dbddc; border-radius: 0px; padding: 4px 15px 4px; height: 23px;}
#jump-to-month form .Actions input#Form_MonthJumpForm_action_seeAll {width: 120px; padding: 4px 10px 4px; margin-right: 0;}
#allCalendars {width: 95px; background: #9dbddc; padding: 3px 11px 0px 10px; float: left; color: #fff; margin-top: 6px; margin-left: 10px; font-size: 13px; height: 20px;}
#jump-to-month fieldset {width: 548px; display: inline-block; float: left;}
#event-calendar-events {margin-top: 48px;}
.event-container {background: #dfeaf4; width: 372px; height: 98px; padding: 5px;}
#event-calendar-events ul li {margin-bottom: 10px; list-style: none; }
#event-calendar-events .inline.cal {margin-left: 50px; vertical-align: top;}
.half {height: 50%; width: 100%;}
.bottom.half {line-height: 17px; font-size: 14px; font-family: 'latoitalic', Helvetica, Arial, sans-serif;}
.bottom.half div {margin-top: 16px;}
.bottom.half div img {padding-top: 4px; max-height: 30px; max-width: 80px;}
.HomePage .category.inline.right {top: 22px; margin: 0 10px 0 0;}

/* Team */

.mitglied-wrapper {margin-top: 15px; float: left;}
.mitglied {display: inline-block; margin-bottom: 15px; margin-right: 30px; vertical-align: top;}
.mitglied:nth-child(2n) {margin-right: 0px;}

/* Sport */

ul.sportteam li, ul.smallNav li {display: inline-block;}
ul.sportteam li ul li {display: block;}
.team-wrapper {margin-bottom: 20px;}
ul.smallNav {margin: -5px 0 25px 0;}
ul.smallNav li.link a {font-weight: normal;}


/* DEVICE & RESPONSIVE LAYOUT */
.header .nav-open-button {display: none; /* removes the nav toggle button for desktop site */}
#media-query-trigger {
    /* instead of detecting the width of the window in simple/javascript/script.js it detects the visibility of this element (which is set using media queries)
    instead to trigger the hiding/showing of nav and search in mobile mode */
    display: none;
    visibility: hidden;
}

/* iPhone 2G-4S ----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {

.mitglied {margin-right: 22px;}
.typography .mitglied h3 {width: 270px;}
.typography .mitglied h3 {width: 270px;}
.typography .mitglied table td.teaminfo {width: 170px;}
.sidebar {margin-right: 30px; position: relative; right: 0px;}
}

/* iPhone 2G-4S in (portrait) ----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px)
and (orientation : portrait) {

.main, .header {min-width: 1200px;}
.header {position: absolute;}

}

/* iPad in portrait & landscape ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)  {
.mitglied {margin-right: 32px;}
.main .inner {width: 100%;}
.sidebar {margin-right: 30px; position: relative; right: 0px;}
}

/* Print Styles */

/* Based on HTML5 boilerplate print styles */
@media print {

* {
    background: transparent !important;
    color: black !important;
    box-shadow: none !important;
    text-shadow: none !important;
    filter: none !important;
    -ms-filter: none !important;
}
a, a:visited {text-decoration: underline}
a[href]:after {content: " (" attr(href) ")";}
abbr[title]:after {content: " (" attr(title) ")";}

/*
* Don't show links for images, or javascript/internal links
*/

.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {content: "";}

thead {display: table-header-group}
tr,img {page-break-inside: avoid}
img {max-width: 100% !important}
pre,blockquote {border: 1px solid #999;page-break-inside: avoid;}

@page {margin: 0.5cm;}
p,h2,h3 {orphans: 3;widows: 3;}
h2,h3 {page-break-after: avoid;}

.main {padding: 5px 0 5px;}
.content-container, .blogcontent {margin: 0px 5px 0px 5px;}
.blogSummary {eight: 118px; width: 420px; margin-bottom: 25px;}
.blogimg, .blogteaser {height: 118px;}
.content-right ul li.vevent {margin-top: 35px;}
.typography p.authorDate {padding-top: 0px;}
.content-right {float: left;}
.half, .content-right .event-container {height: auto;}
.content-right .bottom.half div {top: 0; margin-top: 5px;}

/* Simple theme custom print styles */
.header, .footer, .nav-open-button, .search-bar, .search-dropdown-icon, nav.primary, .blogSummary .teaser {display: none;}

}