/*
Theme Name: Mobile Fußballschule
Theme URI: www.join-the-world.de
Description: Mobile Fußballschule
Version: 1.0
Author: join the world
Author URI: www.join-the-world.de
Tags: Mobile Fußballschule
Text Domain: abc
*/

/** kritische Werte instanzieren
-------------------------------------------------------------------------------------------------- */
* {
  margin: 0;
  padding: 0;
  vertical-align: top;
}
img{
  vertical-align: bottom;
}
a:link img, a:visited img,
a:hover img, a:focus img, a:active img {
  border: 0;
}
/* a[href^="http://"]:before,
a[href^="https://"]:before {
  content: "\2197\00A0";
  font-family:Arial, Helvetica, sans-serif;
} */
a {
  outline: none;
}

/** Minimal CSS
-------------------------------------------------------------------------------------------------- */
html, body {
	height: 100%;
}
#top {
	min-height: 100%;
}

#main {
	padding-bottom: 89px; /* unteres padding in der Hoehe des footers +footer_padding vermeidet Überlappungen */
}
#footer {
	height: 89px;
	margin-top: -89px; /* + padding +1px */
}
/* IE Win only \*/
* html #top {
	height: 100%;
}
/* */
/* IE only */
* html #main {
	padding-bottom: 91px; /* unteres padding in der Hoehe des footers +footer_padding +2 vermeidet Überlappungen */
}
* html #footer {
	margin-top: -89px; /* + padding +3px */
}
/* */

/** allgemeine Elemente formatieren
-------------------------------------------------------------------------------------------------- */
body {
  background: #538c0c url(images/body_bg.png) left top;
  color: #323c64;
  font-size: 80%;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
}
body * {
  text-align: left;
}
th, td {
  font-size:80%;
  line-height:1.4em;
}
th, td {
  f\ont-size:100%;
}

/* Listen siehe content*/

/* Links und Anker */
a:link, a:visited,
a:hover, a:focus, a:active {
	background-color:transparent;
    color:#2473B4;
	text-decoration:none;
	font-size:1em;
	line-height:1.4em;
    font-weight: bold;
}
a:hover,
a:focus, 
a:active {
	text-decoration:underline;
}

/* Überschriften und Absätze */
h1 {
  color: #112c78;
  background-color: transparent;
  font-size: 150%;
  font-weight: normal;
  margin: 30px 0 .75em;
}
h2 {
  color: #112c78;
  background-color: transparent;
  font-size: 130%;
  margin: 1.25em 0 .5em;
}
h2.first {
  margin-top: 0;
}
h3 {
  color: #323c64;
  background-color: transparent;
  font-size: 100%;
  margin: 1em 0 .5em;
}
p {
  font-size: 100%;
  line-height: 1.4em;
  margin: 0 0 1em 0;
}
p.doppelzeile {
  margin: 0 0 2.5em 0;
}
span {
  font-size: 100%;
  line-height: 1.4em;
}
.wichtig {
	font-weight: bold;
}
.wichtig2 {
	font-weight: bold;
	text-transform: uppercase;
}
.small {
  font-size: 85%;
  line-height: 1.4em;
}
hr {
  border:solid 1px #bbb;
  margin:1em 0;
}
.text-high    {font-family:Arial, Helvetica, sans-serif; color:#D43C0C; font-size: 11px; font-weight:bold;}
.text-blau    {font-family:Arial, Helvetica, sans-serif; color:#0C71D4; font-size: 12px; font-weight:normal;}


/* Überschriften und Absätze */
table {
  margin:0 0 1em;
  padding:0;
}

/**
-------------------------------------------------------------------------------------------------- 
Regeln für besondere Bereiche
-------------------------------------------------------------------------------------------------- */
.clear {
  clear:both;
}
.skip {
  position:absolute; left:-5000px; top:0;
}
.divider {
  display:none;
}

/** Hauptcontainer
-------------------------------------------------------------------------------------------------- */
div.noscript {
	background-color: #5e7dbe;
	color: #fff;
	padding: 1em 0;
}
.noscript p {
	text-align: center;
}
.noscript a {
	font-weight: bold;
}
div#top {
	position: relative; left: 0; top: 0;
	background: #5e7dbe url(images/top_bg.png) left top repeat-y;
	padding: 0 8px;
	margin: 0 auto;
	width: 950px;
}
div#main {
	width:950px;
}

/** header
-------------------------------------------------------------------------------------------------- */
div#header {
	position: relative; left: 0; top: 0;
	background-color: #5e7dbe;
	border-bottom: solid 1px #1250a4;
	width: 950px; height: 425px;
}
img#logo {
	position: relative; left: -94px; top: 0;
	z-index: 2;
}
img#titelbild {
	position: absolute; left: 0; top: 0;
	z-index: 1;
}
div#header_space {
	background-color: #5e7dbe;
	width: 950px; height: 10px;
}
/** main-anv
------------------------------------------------------------ */
a#n_01,
a#n_02,
a#n_03,
a#n_04 {
	display: block;
	position: absolute; left: 214px; top: 143px;
	z-index: 2;
	overflow: hidden;
	width: 178px; height: 85px;
}
a#n_02 {
	left: 386px; top: 113px;
	z-index: 3;
}
a#n_03 {
	left: 559px; top: 83px;
	z-index: 14;
}
a#n_04 {
	left: 729px; top: 53px;
	z-index: 5;
}
a:link#n_01 img,
a:visited#n_01 img,
a:link#n_02 img,
a:visited#n_02 img,
a:link#n_03 img,
a:visited#n_03 img,
a:link#n_04 img,
a:visited#n_04 img {
	margin: 0;
}
a:hover#n_01 img,
a:focus#n_01 img,
a:active#n_01 img,
a:hover#n_02 img,
a:focus#n_02 img,
a:active#n_02 img,
a:hover#n_03 img,
a:focus#n_03 img,
a:active#n_03 img,
a:hover#n_04 img,
a:focus#n_04 img,
a:active#n_04 img,
#top #header a img.current {
	margin: -90px 0 0;
}

/** content
-------------------------------------------------------------------------------------------------- */
div#content {
  float: left;
  background-color: transparent;
  border-top: solid 1px #1250a4;
  padding: 0 15px 0;
  width: 520px;
}
#content p,
#content span {
  text-align: justify;
}

/* Listen */
#content div.list {
	border: solid 1px #323c64;
	border-width: 0 1px 1px;
}
#content div.list.first {
	border-top: solid 1px #323c64;
}
#content div.list h2,
#content div.list h3,
#content div.list h4 {
	color: #323c64;
	background-color: transparent;
	font-size: 100%;
	padding: .8em 0 1em;
	margin: 0;
}
#content .list div.list_box {
	overflow: hidden;
	background: #d5ddf0 url(images/expand.png) 98% 12px no-repeat;
	padding: 0 10px;
	height: 2.8em;
}
#content .list div.list_box form {
	display: none;
}
#content .list div.list_box_show {
	background: #e8ebf2 url(images/expand.png) 98% -136px no-repeat;
	padding: 1px 10px;
	height: auto;
}
#content .list div.list_placeholder {
	overflow: hidden;
	background-color: #d5ddf0;
	padding: 0 10px;
	height: 2.8em;
}
#content .list div:hover.list_box {
	background: #e8ebf2 url(images/expand.png) 98% -63px no-repeat;
}
#content .list ol {
	padding: 0;
	margin: 0 0 1em 20px;
}
#content .list ul {
	list-style: none;
	padding: 0;
	margin: 0 0 1em 0;
}
#content .list ul.multi_end {
	margin: 0 0 5px 0;
}
#content .list ul li {
	background: transparent url(images/cube.png) 0 5px no-repeat;
	list-style: none;
	padding: 0 0 0 20px;
	margin: 0;
}
#content div.list_box_wrap {
	border: solid 1px #323c64;
	padding: 0 10px 10px;
}

#content ul,
#content ol {
  margin-bottom: 1em;
}
#content ul li,
#content ol li {
  padding: .2em 0;
}
#content ul li {
  background: transparent url(images/cube.png) left 8px no-repeat;
  list-style: none;
  border-bottom: dashed 1px #5e7dbe;
  padding-left: 10px;
  margin-left: 0;
}
#content ul li.last {
	border-bottom: none;
}
#content ul.pdf li {
	background: transparent url(images/pdf_ico.png) left 2px no-repeat;
	list-style: none;
	border: none;
	padding-left: 25px;
	margin-left: 0;
}
#content ol li {
  list-style: decimal;
  margin-left:20px;
}
#content ol li ul li {
  list-style: none;
  margin-left: 0;
}
#content ol.dick li {
	font-weight: bold;
}
#content ol.dick li li {
	font-weight: normal;
}
#content ol.dick li p {
	font-weight: normal;
}
#content li ul,
#content li ol {
  padding:0;
  margin-bottom:0;
}
#content img.left {
  float: left;
  margin: 0 10px 10px 0;
}
#content img.center {
  display: block;
  margin: 0 auto 10px;
}
#illustration {
	margin: 30px 0 0 280px;
	width: auto;
}
#illustration img {
	margin: 0 0 13px;
}
#text {
	float: left;
	width: 268px;
}
.star_area {
	background: #d0d9ec url(images/star.png) 4px 4px no-repeat;
	padding: 10px 10px 10px 20px;
}
.star_area h3 {
	margin-top: 0;
}
#content .star_area ul li{
	background-image: none;
	padding-left: 3px;
}
/* tablespace */
#tablespace table,
.tablespace table {
	border-collapse: collapse;
	margin: 0 0 1em 0;
	width: 100%;
}
#tablespace th,
.tablespace th {
	background-color: #323c64;
	color: #fff;
	border: solid 1px #323c64;
	padding: 0 7px 0 3px;
}
#tablespace td,
.tablespace td {
	border: solid 1px #323c64;
	padding: 0 7px 0 3px;
}
.tablespace td.marker {
	background-color: #d5ddf0;
}

/** sidebar
-------------------------------------------------------------------------------------------------- */
div#sidebar {
	float: left;
	background: transparent url(images/nav/side_nav_bg.png) 0 0 repeat-y;
	width: 213px;
}
/* Hauptnavigation */
#sidebar ul {
	background: #2b52bf url(images/nav/side_nav_ul_bg.jpg) 0 0 repeat-x;
	list-style: none;
	width: 200px;
}
#sidebar ul li {
	background-color: transparent;
	list-style: none;
	width: 200px;
}
#sidebar ul li a:link,
#sidebar ul li a:visited,
#sidebar ul li a:hover,
#sidebar ul li a:focus,
#sidebar ul li a:active {
	display: block;
	background-color: transparent;
	color: #fff;
	text-align: left;
	font-weight: bold;
	text-decoration: none;
	border-bottom: solid 2px #d2d8ea;
	padding: 10px 20px;
	width: 160px;
}
#sidebar ul li a:hover,
#sidebar ul li a:focus,
#sidebar ul li a:active,
#sidebar ul li.current_page_item a {
	background-color:#aebee6;
	color: #112c78;
}


/** sidebar
-------------------------------------------------------------------------------------------------- */
#col_3 {
	padding: 0;
	margin: 0 0 0 766px;
	width: auto;
}
#col_3 a,
#col_3 #subscribe {
	display: block;
	position: relative; left: 0; top: 0;
}
#col_3 img {
	margin: 0;
}
#col_3 input#name {
	position: absolute; left:32px; top:119px;
	width: 121px; height: 16px;
}
#col_3 label#l_name {
	position: absolute; left:32px; top:137px;
	font-size: 10px;
}
#col_3 input#email {
	position: absolute; left:32px; top:149px;
	width: 121px;  height: 16px;
}
#col_3 label#l_email {
	position: absolute; left:32px; top:167px;
	font-size: 10px;
}
#col_3 input.submit {
	position: absolute; left:39px; top:180px;
	font-size: 10px;
	line-height: 10px;
	padding: 1px 10px;
	width: auto;
}
#col_3 ul#sidebar_ul {
	background: #cdcdcd url(images/col3_03_ul.jpg) 0 0 no-repeat;
	list-style: none;
	padding: 5px 5px 0;
	margin: 0 0 0 20px;
	width: 130px;
}
#col_3  h2.widgettitle {
	position: absolute; left: -9999px; top: 0;
}
#col_3  input.wpsb_form_txt {
	width: 126px;
}
#col_3  input.wpsb_form_radio {
	width: auto;
}
#col_3  input.wpsb_form_btn {
	width: 128px;
}
/** footer
-------------------------------------------------------------------------------------------------- */
#footer {
	display: block;
	position: relative; left: 0; top: 0;
	background: transparent url(images/footer_bg.png) 50% top no-repeat;
	color: #fff;
	font-size: 11px;
	padding: 0 8px;
	margin-left: auto;
	margin-right: auto;
	width: 950px;
}
#footer #footer_nav {
	position: absolute; right: 20px; bottom: 7px;
}
#footer #footer_nav a:link,
#footer #footer_nav a:visited,
#footer #footer_nav a:hover,
#footer #footer_nav a:focus,
#footer #footer_nav a:active {
	color: #fff;
	text-decoration: none;
}
#footer #footer_nav a:hover,
#footer #footer_nav a:focus,
#footer #footer_nav a:active {
	text-decoration: underline;
}
div#fadeshow1 {
	width: 950px; height: 100%;	
}

/** Kontakt
-------------------------------------------------------------------------------------------------- */
input {
	margin-bottom: 5px;
	width: 260px;
}
.rad input {
	position: relative; left: 0; top: 2px;
	width: auto;
}
.wpcf7-list-item {
	display: block;
}
select {
	width: 265px;
}
.wpcf7-checkbox input {
	width: auto;
}

/** Preise
-------------------------------------------------------------------------------------------------- */
col.col1 {
	width: 130px;
}
col.col2 {
	width: 115px;
}
col.col3 {
	width: 70px;
}
col.col4 {
	width: 70px;
}
col.col5 {
	width: 130px;
}
/** maskottchenname
-------------------------------------------------------------------------------------------------- */
#maskottchenname {
	display: block;
	text-align: center;
}
/** WP-Polls
-------------------------------------------------------------------------------------------------- */
#content .wp-polls ul li {
	background-image: none;
	padding-left: 0;
}
.wp-polls input {
	width: 60px;
}