@charset "UTF-8";
/*
CSS Designed by Dennis Fischer
Date: 07.11.2009

Farben:
Grau: #69604F;
HellGrau: #FAEACD;
Rot: #CC3A00;
Orange: $orange;
Dunkelrot: #7F0C00;
 */
/* typography.css */
/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, nav, section {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline; }

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

body {
  line-height: 1.5; }

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

caption, th, td {
  text-align: left;
  font-weight: normal; }

table, td, th {
  vertical-align: middle; }

blockquote:before, blockquote:after, q:before, q:after {
  content: ""; }

blockquote, q {
  quotes: "" ""; }

a img {
  border: none; }

.button {
  display: inline-block;
  text-align: center;
  color: #ffffff;
  background-color: #FF851B;
  cursor: pointer;
  line-height: 1.5em;
  font-weight: bold;
  vertical-align: middle;
  padding: 0.5em 1em; }
  .button:hover {
    text-decoration: none;
    background-color: #ffa04e; }

@font-face {
  font-family: 'ArimoRegular';
  src: url("fonts/Arimo-Regular-Latin-webfont.eot");
  src: url("fonts/Arimo-Regular-Latin-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/Arimo-Regular-Latin-webfont.woff") format("woff"), url("fonts/Arimo-Regular-Latin-webfont.ttf") format("truetype"), url("fonts/Arimo-Regular-Latin-webfont.svg#ArimoRegular") format("svg");
  font-weight: normal;
  font-style: normal; }

html {
  font-size: 100.01%; }

body {
  font-size: 100%;
  color: #222;
  background: url(img/redox_01.png) repeat fixed;
  font-family: 'ArimoRegular', Arial, sans-serif; }

h1, h2, h3, h4, h5, h6 {
  font-weight: bold;
  color: #111;
  margin-bottom: 0.5em; }

h1, h2 {
  background-color: #eaeaea;
  color: #FF851B;
  letter-spacing: 0.10em;
  margin: 18px 0 8px;
  line-height: 36px;
  padding: 0 18px;
  text-shadow: 1px 1px 0 #fff; }

h3, h4, h5, h6 {
  line-height: 18px; }

h1 {
  font-size: 1.3em; }

h2 {
  font-size: 1.3em; }

h3 {
  font-size: 1.25em; }

h4 {
  font-size: 1.2em; }

h5 {
  font-size: 1em; }

h6 {
  font-size: 1em; }

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {
  margin: 0; }

p {
  margin: 0 0 18px; }

.left {
  float: left !important; }

.right {
  float: right !important; }

a {
  color: #FF851B;
  text-decoration: none; }

a:focus, a:hover {
  text-decoration: underline; }

blockquote {
  margin: 18px;
  color: #666;
  font-style: italic;
  background-color: #F6F6F6;
  border: 1px solid #DDD; }

strong, dfn {
  font-weight: bold; }

em, dfn {
  font-style: italic; }

sup, sub {
  line-height: 0; }

abbr, acronym {
  border-bottom: 1px dotted #666; }

address {
  margin: 0 0 1.5em;
  font-style: italic; }

del {
  color: #666; }

pre {
  margin: 1.5em 0;
  white-space: pre; }

pre, code, tt {
  font: 1em 'andale mono', 'lucida console', monospace;
  line-height: 1.5; }

li ul, li ol {
  margin: 0; }

ul, ol {
  margin: 0 1.5em 1.5em 0;
  padding-left: 1.5em; }

ul {
  list-style-type: disc; }

ol {
  list-style-type: decimal; }

dl {
  margin: 0 0 1.5em 0; }

dl dt {
  font-weight: bold; }

dd {
  margin-left: 1.5em; }

table {
  margin-bottom: 1.4em;
  width: 100%; }

th {
  font-weight: bold;
  background-color: #eee;
  color: #FF851B; }

th, td, caption {
  padding: 4px; }

tbody tr td {
  background: #e5ecf9; }

tfoot {
  font-style: italic; }

caption {
  background: #eee; }

.small {
  font-size: .8em;
  margin-bottom: 1.875em;
  line-height: 1.875em; }

.large {
  font-size: 1.2em;
  line-height: 2.5em;
  margin-bottom: 1.25em; }

.hide {
  display: none; }

.quiet {
  color: #666; }

.loud {
  color: #000; }

.highlight {
  background: #ff0; }

.added {
  background: #060;
  color: #fff; }

.removed {
  background: #900;
  color: #fff; }

.first {
  margin-left: 0;
  padding-left: 0; }

.last {
  margin-right: 0;
  padding-right: 0; }

.top {
  margin-top: 0;
  padding-top: 0; }

.bottom {
  margin-bottom: 0;
  padding-bottom: 0; }

/* forms.css */
label {
  font-weight: bold; }

fieldset {
  padding: 0 1.4em 1.4em 1.4em;
  margin: 0 0 1.5em 0;
  border: 1px solid #ccc; }

legend {
  font-weight: bold;
  font-size: 1.2em;
  margin-top: -0.2em;
  margin-bottom: 1em; }

fieldset, #IE8#HACK {
  padding-top: 1.4em; }

legend, #IE8#HACK {
  margin-top: 0;
  margin-bottom: 0; }

input[type=text], input[type=password], input.text, input.title, textarea {
  background-color: #fff;
  border: 1px solid #bbb; }

input[type=text]:focus, input[type=password]:focus, input.text:focus, input.title:focus, textarea:focus {
  border-color: #666; }

select {
  background-color: #fff;
  border-width: 1px;
  border-style: solid; }

input[type=text], input[type=password], input.text, input.title, textarea, select {
  margin: 0.5em 0; }

input.text, input.title {
  width: 300px;
  padding: 5px; }

input.title {
  font-size: 1.5em; }

textarea {
  width: 390px;
  height: 250px;
  padding: 5px; }

form.inline {
  line-height: 3; }

form.inline p {
  margin-bottom: 0; }

.error, .alert, .notice, .success, .info {
  margin-bottom: 1em;
  border: 2px solid #ddd; }

.error, .alert {
  background: #fbe3e4;
  color: #8a1f11;
  border-color: #fbc2c4; }

.notice {
  background: #fff6bf;
  color: #514721;
  border-color: #ffd324; }

.success {
  background: #e6efc2;
  color: #264409;
  border-color: #c6d880; }

.info {
  background: #d5edf8;
  color: #205791;
  border-color: #92cae4; }

.error a, .alert a {
  color: #8a1f11; }

.notice a {
  color: #514721; }

.success a {
  color: #264409; }

.info a {
  color: #205791; }

#bgbody {
  margin: 15px auto;
  width: 860px;
  color: #69604F;
  line-height: 18px; }

cite {
  font-weight: bold;
  margin: 0 0 1em 0; }

#container {
  font-size: 13px;
  background-color: #FFFFFF;
  text-align: left;
  float: left;
  width: 635px;
  border: 1px solid #CCCCCC;
  margin-bottom: 18px;
  /* CSS3-Stuff */
  -webkit-box-shadow: 0px 3px 12px #BBB;
  -moz-box-shadow: 0px 3px 12px #BBB;
  box-shadow: 0px 3px 12px #BBB; }

th, td {
  border: none; }

.inline {
  display: inline; }

/* --------------------------------------
Topbar
-------------------------------------- */
/* Login Form */
#topbar {
  text-align: left;
  padding-left: 5px;
  line-height: 36px;
  height: 36px;
  background-color: #FEFDD2; }

#topbar .block {
  border: none; }

#topbar .content {
  background-color: transparent; }

#topbar * {
  display: inline;
  font-size: 11px;
  font-weight: normal;
  /* CSS3-Stuff */
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }

/* --------------------------------------
Header
-------------------------------------- */
#logo {
  height: 165px; }

#logo h1 {
  text-indent: -9999px;
  background: none; }

#logo img {
  padding: 0; }

#logo a:hover {
  background-color: none; }

/* --------------------------------------
Menu Right
-------------------------------------- */
#menuRight {
  width: 205px;
  float: left;
  font-size: 12px;
  margin-left: 18px; }

#menuRight .block {
  border: 1px solid #CCCCCC;
  margin: 0 0 10px 0;
  /* CSS3-Stuff */
  -webkit-box-shadow: 0px 2px 5px #BBB;
  -moz-box-shadow: 0px 2px 5px #BBB;
  box-shadow: 0px 2px 5px #BBB; }

#menuRight ul {
  margin-bottom: 0; }

#menuRight h3 {
  background-color: #FF851B;
  padding: 0 5px;
  margin-bottom: 0;
  text-align: center;
  line-height: 36px;
  color: #fff;
  text-shadow: 1px 1px 0 #69604F;
  box-shadow: 0 2px 8px -3px black, 0 1.4em 2em -0.7em rgba(255, 255, 255, 0.4) inset;
  --moz-box-shadow: 0 2px 8px -3px black, 0 1.4em 2em -0.7em rgba(255, 255, 255, 0.4) inset; }

#menuRight .block .content {
  padding: 5px;
  background-color: #FAEACD; }

#menuRight #block-block-2 {
  text-align: center; }

/* -------------------------------------- */
/* PRIMARY MENU                           */
/* -------------------------------------- */
#menubar {
  margin-top: 1px;
  height: 36px;
  position: relative; }

#menubar:before {
  content: "";
  position: absolute;
  left: -20px;
  bottom: -9px;
  z-index: 1;
  border: 10px solid transparent;
  border-right-color: #c50; }

#menubar ul {
  float: left;
  padding: 0 0 0 10px;
  margin: 0 0 0 -10px;
  width: 100%;
  display: block;
  position: relative;
  z-index: 2;
  background-color: #FF851B;
  box-shadow: 0 2px 8px -3px black, 0 1.4em 2em -0.7em rgba(255, 255, 255, 0.4) inset;
  --moz-box-shadow: 0 2px 8px -3px black, 0 1.4em 2em -0.7em rgba(255, 255, 255, 0.4) inset; }

#menubar ul ul {
  width: 110px;
  margin: 0;
  padding: 0;
  z-index: 2; }

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
#menubar li {
  float: left;
  position: relative;
  list-style-type: none; }

#menubar > ul > li {
  height: 32px; }

/* style the links for the top level */
#menubar ul a, #menubar ul a:visited {
  font-size: 16px;
  display: block;
  text-decoration: none;
  text-align: center;
  width: 120px;
  line-height: 36px;
  font-weight: bold;
  color: #fff;
  text-shadow: 1px 1px 0 #69604F; }

/* style the third level background */
/* style the third level hover */
#menubar ul ul ul a:hover {
  background-color: #FEFDD2; }

/* hide the sub levels and give them a positon absolute so that they take up no room */
#menubar ul ul {
  visibility: hidden;
  position: absolute;
  height: 0;
  top: 36px;
  left: 0;
  width: 149px;
  border-top: 1px solid #000; }

/* position the third level flyout menu */
#menubar ul ul ul {
  left: 149px;
  top: -1px;
  width: 149px; }

/* position the third level flyout menu for a left flyout */
#menubar ul ul ul.left {
  left: -149px; }

/* style the second level links */
#menubar ul ul a, #menubar ul ul a:visited {
  font-size: 13px;
  color: #FF851B;
  font-weight: normal;
  background: #FFFFFF;
  text-align: left;
  border: 1px solid #585752;
  height: auto;
  line-height: 1em;
  padding: 5px 10px;
  width: 128px;
  border-width: 0 1px 1px 1px;
  text-shadow: none;
  -webkit-box-shadow: 0 2px 2px #666666;
  -moz-box-shadow: 0 2px 2px #666666;
  box-shadow: 0 2px 2px #666666; }

#menubar ul ul li[first-child] a {
  border-top: 1px; }

/* style the top level hover */
#menubar ul :hover > a {
  color: #69604F;
  text-shadow: 1px 1px 0 #fff;
  background-color: #FEFDD2; }

#menubar ul ul :hover > a {
  background-color: #FEFDD2; }

/* make the second level visible when hover on first level list OR link */
#menubar ul li:hover ul, #menubar ul a:hover ul {
  visibility: visible; }

/* keep the third level hidden when you hover on first level list OR link */
#menubar ul :hover ul ul {
  visibility: hidden; }

/* make the third level visible when you hover over second level list OR link */
#menubar ul :hover ul :hover ul {
  visibility: visible; }

/* -------------------------------------- */
/* Design für mainContent                 */
/* -------------------------------------- */
#mainContent .node .ct, #mainContent .node-form, #mainContent .view {
  padding: 0 18px; }

#mainContent div.node table {
  margin-left: auto;
  margin-right: auto;
  border-spacing: 0;
  margin-top: 4px; }

#mainContent th {
  color: #FF851B;
  padding: 4px; }

#mainContent div.node table.aef_table tr.odd td {
  background-color: #FEFDD2; }

#mainContent div.node table.aef_table tr.even td {
  background-color: #FAEACD; }

#mainContent .block {
  margin: 10px; }

.date_box {
  background-color: #EEEEEE;
  border: 1px solid #DEDEDD;
  float: left;
  height: 60px;
  margin: 0 18px 18px 0;
  width: 52px;
  -webkit-box-shadow: 0 2px 2px #888, inset 0 1px 3px #888;
  -moz-box-shadow: 0 2px 2px #888, inset 0 1px 3px #888;
  box-shadow: 0 2px 2px #888, inset 0 1px 3px #888;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px; }

.date_box_day, .date_box_month, .date_box_year {
  text-align: center; }

.date_box_year {
  font-size: 12px;
  padding-top: 2px; }

.date_box_month {
  line-height: 20px;
  background-color: #FF851B;
  color: #000000;
  -webkit-box-shadow: inset 0 1px 3px #666666;
  -moz-box-shadow: inset 0 1px 3px #666666;
  box-shadow: inset 0 1px 3px #666666;
  -webkit-border-radius: 7px 7px 0 0;
  -moz-border-radius: 7px 7px 0 0;
  border-radius: 7px 7px 0 0; }

.date_box_day {
  font-size: 22px;
  font-weight: bold;
  padding-top: 5px; }

#mainContent .ft {
  background-color: #FAEACD;
  border-bottom: 1px dotted #000000;
  border-top: 1px dotted #000000;
  clear: both;
  margin-top: 10px;
  padding: 5px 18px; }

#mainContent .ft .author, #mainContent .ft .fb-social-like-widget {
  float: right; }

#mainContent legend {
  color: #FF851B;
  font-size: 1.2em; }

#mainContent legend span {
  width: 10em;
  text-align: right; }

#mainContent fieldset div {
  margin: 0.3em 0; }

#mainContent fieldset {
  border: 1px solid #CCCCCC;
  padding: 0 1em 1em; }

/* Turnier - Anmeldeformular */
fieldset.group-reg-group-input label, fieldset.group-reg-group-go label {
  display: inline;
  float: left;
  width: 10em;
  text-align: right;
  margin-right: 1em; }

fieldset.group-reg-group-input .text, fieldset.group-reg-group-go .form-text {
  width: 400px; }

/* --------------------------------------
Bundesliga Spieler
-------------------------------------- */
#mainContent .view-bundesliga-spieler {
  background-color: #F1F1F1;
  float: right;
  margin: 0 0 0 16px;
  padding: 5px 18px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  -webkit-box-shadow: 4px 4px 8px #DDDDDD inset;
  -moz-box-shadow: 4px 4px 8px #DDDDDD inset;
  box-shadow: 4px 4px 8px #DDDDDD inset; }

#mainContent .view-bundesliga-spieler h5 {
  margin: 0; }

#mainContent .view-bundesliga-spieler ul {
  list-style-type: none;
  padding: 0;
  margin: 0; }

/* -------------------------------------- */
/* Design für views-view-fields--linkliste.tpl.php */
/* -------------------------------------- */
.linkliste-flags img {
  padding: 0 0 0 3px; }

.item-list ul li {
  position: relative; }

.item-list ul li .views-field-field-linkliste-beschreibung-value {
  display: none;
  width: 200px;
  padding: 8px;
  position: absolute;
  right: 150px;
  bottom: 82px;
  background-color: #FAEACD;
  z-index: 2;
  border: 1px solid #69604F; }

.item-list ul li:hover .views-field-field-linkliste-beschreibung-value {
  display: block;
  position: absolute;
  z-index: 1; }

.views-field-field-linkliste-beschreibung-value .arrow {
  width: 0;
  height: 0;
  line-height: 0;
  border-top: 30px solid #FAEACD;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  position: absolute;
  bottom: -30px;
  right: 150px; }

/* --------------------------------------
Comments
-------------------------------------- */
#comments .comment {
  background-color: #FEFDD2;
  border: 5px double #FAEACD;
  margin: 5px;
  position: relative; }

#comments .submitted {
  padding-left: 100px; }

#comments .picture {
  position: absolute;
  left: 5px;
  top: 3px; }

#comments .content {
  min-height: 80px;
  padding: 10px 10px 10px 100px; }

#comments ul.links {
  padding-left: 0; }

#comments ul.links li {
  display: block;
  float: left; }

#comments ul.links li a {
  background: #F9F9F9;
  padding: 4px 6px;
  font-size: 8px;
  text-decoration: none !important;
  text-transform: uppercase;
  display: block;
  border-right: 1px solid #FAEACD;
  border-top: 1px solid #FAEACD; }

/* --------------------------------------
Views Tabellen
-------------------------------------- */
#mainContent table {
  border-spacing: 0;
  margin-top: 4px; }

#mainContent table td {
  padding: 4px;
  border: none; }

#mainContent table tr td, div.block-views tr.odd td {
  background-color: #FEFDD2; }

#mainContent tr:nth-child(2n) td, div.block-views tr.even td {
  background-color: #FAEACD; }

/* --------------------------------------
Grids
-------------------------------------- */
.views-view-grid {
  border-spacing: 0;
  width: 90%;
  border: none; }

.views-view-grid td {
  padding: 4px;
  width: 160px;
  vertical-align: top;
  text-align: center; }

/* --------------------------------------
Pager
-------------------------------------- */
ul.pager {
  clear: both;
  text-align: center;
  margin-bottom: 10px; }

ul.pager li {
  display: block !important;
  float: left;
  padding: 0 !important;
  margin: 4px; }

ul.pager a, ul.pager .pager-current {
  display: block;
  padding: 5px 9px 4px;
  border: 1px solid #B3B3B3;
  background-color: #F7F7F7; }

/* --------------------------------------
Footer
-------------------------------------- */
#footer {
  clear: both;
  background-color: #FF851B;
  margin-top: 10px;
  padding: 10px 0 1px 0; }

#footer p {
  text-align: center;
  font-size: 11px;
  font-weight: normal; }

#footer a {
  color: #69604F; }

#footer .block {
  display: none; }