@charset 'UTF-8';
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400italic,400,600);
@font-face {
	font-family: 'tvb';
	src:url('font/tvb.eot');
	src:url('font/tvb.eot?#iefix') format('embedded-opentype'),
		url('font/tvb.woff') format('woff'),
		url('font/tvb.ttf') format('truetype'),
		url('font/tvb.svg#tvb') format('svg');
	font-weight: normal;
	font-style: normal;
}

/*
Theme Name: sBasis
Theme URI: http://wpbasis.de/
Description: modified Basis theme for WordPress to start a new theme
Version: 1.2.1
Author: Frank Bueltge, modified by Christof Kuenster
Tags: threaded-comments, sticky-post
License: GNU General Public License (GPL) version 3
*/

/*
	border:	#dedede oder #ebebeb
	text:	#303030
	link:	#808080
	hover:	#505050
*/

/* ///////////////////////////////////////////// GLOBAL ///////////////////////////////////////////// */
html{
	padding: 0;
	margin: 0;
	background: #303030;
}

body {
	font: 400 14px/22px 'Open Sans', Arial, Helvetica, sans-serif;
	color: #303030;
	-webkit-hyphens: auto; /* Silbentrennung */
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
	word-wrap: break-word; /* lange W�rter werden automatisch in die n�chste Zeile umgebrochen */
}


#wrap {
	margin: 12px auto;
	width: 903px;
}

::-moz-selection {
	text-shadow: none;
	color: #303030;
	background: #dedede;

}

::selection {
	color: #303030;
	text-shadow: none;
	background: #dedede;
}

strong {
	font-weight: 600;
}

ul {
	list-style-type: none;
}


#hinweis { /* beim gesendetem Kommentar */
	color: #4aaf00;
	margin-bottom: -14px;
}

#table-logo {
	background: #fff;
}


/* ----- Font ----- */
[data-icon]:before {
	font-family: 'tvb';
	content: attr(data-icon);
	speak: none;
	font-weight: normal;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
}

.icon-search:before {
	font-family: 'tvb';
	speak: none;
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	text-shadow: 0 1px 0 #ffffff;
}

.icon-search:before {content: "\e000";}

.icons {
	font-size: 1rem;
	color: #303030;
	cursor: pointer;
	padding-top: 2px;
}

.icons:hover {
	color: #808080;
}

/* ----- Suche ----- */
#s {
	width: 130px;
	margin: 0 12px;
	float: left;
}

#amzbanner {
	width: 586px;
	display: block;
	height: 240px;
	background: red;
}

#searchsubmit {
	width: 30px;
	height: auto;
	background: transparent;
	border: none;
	float: right;
}

#suchergebnis {
	margin-bottom: 40px;
	padding: 10px 20px;
	border: solid 1px #dedede;
}

#searchresult {
	color: #808080;
	font-weight: 600;
}

.clear {
	clear:both;
}

#mainContainer { /* Wichtig: Container um Content und Sidebar */
	border-top: 1px solid #303030;
	background-color: #ffffff;
	background: url(images/hg_content.gif);
}


#content {
	text-align: left;
	width: 708px;
	height: 100%;
	float: left;
}

.post img, .page p img { /* Artikel- und Seitenbilder */
	width: 608px;
	border:	1px solid #ebebeb;
}

hr {
	height: 1px;
	border: 0;
	background: #dedede;
}

iframe {
	border: 1px solid #dedede;
}

#liststyle { /* f�r Aufz�hlungszeichen Abteilung Turnen */
	margin-left: -20px;
	list-style-type: disc;
}

/* ////////// HEADLINES ////////// */
h1 { /* Seitenheadline / Artikelheadline */
	font: 400 italic 22px/28px 'Open Sans', Arial, Helvetica, sans-serif;
	margin: -4px 0 20px 0;
}

h2 { /* Artikelvorschau Startseite und Kategorie */
	font: 400 italic 22px/28px 'Open Sans', Arial, Helvetica, sans-serif;
}

h2 .kommentarHeadline {
	margin: 20px 0 0 0;
}

h3 { /* Sidebarheadline / Footerheadline */
	font: 600 14px/14px 'Open Sans', Arial, Helvetica, sans-serif;
	text-align: left;
}

h4 { /* Artikelanzahl in Kategorie */
	font: 400 14px/14px 'Open Sans', Arial, Helvetica, sans-serif;
	color: #808080;
	margin: 0 0 20px 0;
	padding: 0;
}

table td.btn-cell { /* btn Ausrichtung in Tabellenzelle */
	vertical-align: middle;
	text-align: center;
}

.ico {
	font-style: normal;
	padding-right: 4px;
	font-size: 16px!important;
}

.tvb_btn {
  -webkit-border-radius: 20;
  -moz-border-radius: 20;
  border-radius: 20px;
  color: #ffffff;
  font-size: 14px;
  background-color: #3b5998;
  padding: 10px 24px 10px 38px;
	background-size: 24px 24px;
	position: relative;
}

	.tvb_btn:before {
		position: absolute;
		top: 12px;
		left: 16px;
		content: '';
		background: url('images/ico-facebook.svg') no-repeat 0;
		width: 16px;
		height: 16px;
	}

.tvb_btn:hover {
  background: #324a80;
  text-decoration: none;
}

/* ////////// ABST�NDE ////////// */
#contentaddition1 {
	padding: 40px 50px 30px 50px;
}

#contentaddition2 {
	width: 100%;
}

/* ////////// LINKS ////////// */
a {
	color: #505050;
	text-decoration: none;
}

/* ///////////////////////////////////////////// BL�TTERFUNKTION ///////////////////////////////////////////// */
#paging {
	font-size: 12px;
}

.pages {
	text-align: center;
	width: 50%;
	position: relative;
	left: 25%;
}

.pages a {
	color: #303030;
	text-shadow: 0 1px 0 #ffffff;
	margin-left: 15px;
	padding: 8px 11px 8px 11px;
	cursor: pointer;
	border: 1px solid #dedede;
	background: #f8f8f8;
}

.pages a:hover{
	color: #000000;
	padding: 8px 11px 8px 11px;
	background: #eeeeee;
}

.pages a.active {
	color: #000000;
	padding: 8px 11px 8px 11px;
	background: #eeeeee;
}

/* ///////////////////////////////////////////// TABELLENFORMATIERUNG ///////////////////////////////////////////// */
table {
	margin: 0 0 20px 0px;
	width: 100%;
	border-collapse: collapse;
}

table tr:nth-child(2n+2) {
	background: #f4f4f4;
}

table tr:first-child {
	font-weight: bold;
}

table td {
	vertical-align: top;
	border: solid 1px #ebebeb;
}

.table_sponsoren td {
	font-weight: 400;
	padding-bottom: 30px;
	vertical-align: top;
	height: 100px;
	background: #ffffff;
	border: none;
}

.table_sponsoren td {
	border-bottom: solid 1px #ebebeb;
}

/* ///////////////////////////////////////////// ARTIKELVORSCHAU STARTSEITE ///////////////////////////////////////////// */
.vorschau {
	margin-bottom: 40px;
	padding: 20px;
	height: auto;
	border: solid 1px #dedede;
}

.vorschauKategorie {
	font: 400 14px/14px 'Open Sans', sans-serif;
	color: #808080;
}

.vorschauTitel {
	margin-top: 4px;
}

.vorschauInhalt {
	width: auto;
	height: 100%;
}

.vorschauText {
	float: left;
	width: 300px;
	height: 100%;
}

.vorschauText p {
	margin-top: 0px;
}

.vorschaubild {
	margin-bottom: 20px;
	display: inline-block;
	float: right;
}

.attachment-medium {
	width: 240px;
	height: auto;
	border: 1px solid #b1b1b1;
}

.vorschauInfo {
	color: #808080;
	clear: both;
}

/* ///////////////////////////////////////////// ARTIKELVORSCHAU IN KATEGORIEN ///////////////////////////////////////////// */
.vorschaubild  img { /* nur f�r Artikelvorschau in Kategorien */
	width: 240px;
	margin-top: 6px;
}

.category-tennis > h1 a {
	color: #de3900;
}

.category-verein h1 a {
	color: #46bb00;
}

.category-turnen h1 a {
	color: #0178d4;
}

.category-badminton h1 a {
	color: #b58e26;
}

.category-inline-skaten h1 a {
	color: #6e36d7;
}

.category-handball h1 a {
	color: #ed9c00;
}

/* ///////////////////////////////////////////// KOMMENTARE ///////////////////////////////////////////// */
#kommentare {
	margin-top: 20px;
}

#kommentarBtn {
	color: #303030;
	text-shadow: 0 1px 0 #ffffff;
	padding: 8px 0 0 20px;
	cursor: pointer;
	height: 30px;
	border: 1px solid #dedede;
	background: #f8f8f8;
}

#kommentarBtn:hover {
	background: #eeeeee;
}

/* ////////// KOMMENTARE-ANSICHT ////////// */
.commentlist {
	margin: 15px 0 0 -40px;
}

.commentlist li {
	margin-bottom: 15px;
	padding: 10px 20px 10px 20px;

	overflow: hidden;
	border: 1px solid #e7e7e7;
	background-color: #f8f8f8;
}

.user {
	font: 600 14px/2px 'Open Sans', Arial, Helvetica, sans-serif;
}

#comment_date {
	color: #aaaaaa;
}

.comment-meta { /* Name und Datum */
	font: 400 12px/16px 'Open Sans', Arial, Helvetica, sans-serif;
	padding-bottom: 4px;
}

/* ////////// KOMMENTARE-SCHREIBEN ////////// */
#respond { /* Kommentar antworten */
	margin-top: 15px;
	padding: 0 20px 8px 20px;
	border-bottom: 1px solid #81e800;
	border: 1px solid #e7e7e7;
	background-color: #f8f8f8;
}

#kontaktformular { /* Impressum */
	padding: 4px 0 20px 0;
	border-top: solid 1px #dedede;
	border-bottom: solid 1px #dedede;
}

#kommentarAntworten {
	padding: 0;
	margin: 0;
	width: 400px;
}

#autor, #email, textarea {
	font: 400 14px/14px 'Open Sans', Arial, Helvetica, sans-serif;
	margin-top: 4px;
	padding: 8px;
	width: 400px;
	border: 1px solid #d6d6d6;
	box-shadow: 0 2px 6px #e9e9e9 inset;
}

#absendenBtn {
	font: 400 14px/14px 'Open Sans', Arial, Helvetica, sans-serif;
	color: #303030;
	text-shadow: 0 1px 0 #ffffff;
	padding: 8px;
	cursor: pointer;
	border: 1px solid #dedede;
	background: #f8f8f8;
}

#absendenBtn:hover {
	background: #eeeeee;
}

/* ///////////////////////////////////////////// HEADER ///////////////////////////////////////////// */
#header {
	width: 100%;
	height: 205px;
}

	/* ab hier �berarbeitung des header, wenn Logo ausgetauscht werden soll */
	#headerbild {
	width: 904px;
	height: 134px;
	margin: 0px;
	padding: 0px;
	}

	#header01 {
	float:left;
    background: url(images/header01.png) no-repeat 0;
	background-color: transparent;
	width: 274px;
	height: 134px;
	}

	#header03 {
	float:left;
    background: url(images/header03.png) no-repeat 0;
	background-color: transparent;
	width: 355px;
	height: 134px;
	cursor: pointer;
	}

	#header02 {
	float:right;
    background: url(images/header02.png) no-repeat 0;
	background-color: transparent;
	width: 275px;
	height: 134px;
	}

/* ///////////////////////////////////////////// SIDEBAR ///////////////////////////////////////////// */
#sidebar {
	text-align: left;
	padding: 23px 0px 12px 0px;
	float: right;
	width: 194px;
	height: 100%;
	border-left: 1px solid #ebebeb;
	background-color: #f4f4f4;
}

#sidebar ul {
	font: 400 12px/18px 'Open Sans', Arial, Helvetica, sans-serif;
	padding: 0 12px;

}

.xoxo ul, .xoxo div {/* Sidebarareas*/
	margin: 0 0 40px -12px;
}

#fanartikel_badge {
	background: url(images/fanartikel_badge.png) no-repeat;
	background-size: 94%;
	width: 180px;
	height: 61px;
	margin-left: 10px;
	display: block;
	cursor: pointer;
}

#anmeldung_badge {
	background: url(images/anmeldung_badge.png) no-repeat;
	background-size: 94%;
	width: 180px;
	height: 61px;
	margin-left: 10px;
	display: block;
	cursor: pointer;
}

#text-4 {
margin: 0;
height: 170px;
}

#amznCharityBanner {
-webkit-transform: scale(.6);
-moz-transform: scale(.6);
-ms-transform: scale(.6);
-o-transform: scale(.6);
transform: scale(.6);


margin-left: -44px;
position: relative;
top: -60px;
}



/* SLIDER */
	#sponsoren-slides div img {
		position: absolute;
		top: 1110px;
		margin-left: 22px;
	}

		.easy_slides_img1 img,
		.easy_slides_img2 img {
			border: 1px solid #ebebeb;
			position: absolute;
		}

		.easy_slides_caption {
			display: none;
		}


/* ////////// LETZTE KOMMENTARE ////////// */
.recentcomments {
	font-weight: 600;
	margin-bottom: 12px;
	padding-bottom: 10px;
	border-bottom: 1px solid #e7e7e7;
}

.recentcomments a{
	font-weight: 400;
}

/* ///////////////////////////////////////////// FOOTER ///////////////////////////////////////////// */
#footer {
	font: 400 12px/18px 'Open Sans', Arial, Helvetica, sans-serif;
	text-align: left;
	margin-bottom: 20px;
	padding: 5px 12px 5px 36px;
	height: 120px;
	clear: both;
	border-top: 1px solid #ebebeb;
	background-color: #f4f4f4;
}

.footerinfo {
	float: left;
	width: 200px;
}

.footerinfo > ul{
	margin-left: -40px;
}

/* ///////////////////////////////////////////// NAVIGATION ///////////////////////////////////////////// */
#navigation {
	text-align: center;
	width: 100%;
	height: 70px;
	overflow: hidden;
	list-style-type: none;
	border-bottom: 1px solid #424242;
	background-color: #ffffff;
}

#navigation a {
	color: #000000;
}

#menu-menue > li > a {/* Navigationbuttons */
	text-shadow: 0 1px 0 #ffffff;
	line-height: 40px;
	border-right: 1px solid #ffffff;
	padding: 8px 10px 0px 10px;
	cursor: pointer;
	display: block;
	width: 78px;
	height: 37px;
	background: #f0f0f0;
}

#menu-menue #menu-item-9271 a {
 width: 82px;
}

.menu-item {
	float: left;
}

/* ////////// 1.EBENE ////////// */
#menu-menue {
	font-style: italic;
	padding: 0px;
	margin: 0px;
	width: 903px;
	position: absolute;
	top: 12px;
}

/* ////////// 2.EBENE ////////// */
#menu-menue > li > ul {
	width: 100%;
	height: 23px;
	padding-left: 0px;
	display: none;
	position: absolute;
	top: 46px;
	left: 0;
	border-top: 1px solid #424242;
}

.sub-menu .menu-item  { /* Jedes Menu-Item ab der 2. Ebene */
	font: 400 12px/22px 'Open Sans', Arial, Helvetica, sans-serif;
	text-align: center;
	padding: 0;
	display: block;
	width: 120px;
	height: 22px;
}

#menu-menue > li.current-menu-item > ul, ul#menu-menue > li.current-menu-ancestor > ul, ul#menu-menue > li.current-menu-parent > ul {
	display: block;
}

/* ////////// 3.EBENE ////////// */
#menu-menue > li > ul > li > ul {
	margin-left: -40px;
	display: block;
	position: relative;
	top: 0px;
}

#menu-menue > li > ul > li > ul > li {
	padding: 0;
	border: 1px solid #424242;
	border-bottom: none;
}

/* ////////// BUTTONS FARBEN ////////// */
/* Startseite, Verein + 2.Ebene */
#menu-item-282.current-menu-item a, #menu-item-282.current-menu-ancestor a, #menu-item-282.current-menu-parent a, #menu-item-282:hover a,
#menu-item-90.current-menu-item a, #menu-item-90.current-menu-ancestor a, #menu-item-90.current-menu-parent a, #menu-item-90:hover a,
#menu-item-90 > ul {
	background: #cfff92;
}

/* Downloads + 2.Ebene */
#menu-item-97.current-menu-item a, #menu-item-97.current-menu-ancestor a, #menu-item-97.current-menu-parent a, #menu-item-97:hover a,
#menu-item-97 a,
#menu-item-97 > ul {
	background: #e9e5a4;
}

	#menu-item-97 > a {
		width: 86px !important;
	}

	#menu-item-97 .sub-menu .menu-item  {
		width: 140px;
	}

/* Werbung + 2.Ebene */
#menu-item-6904.current-menu-item a, #menu-item-6904.current-menu-ancestor a, #menu-item-6904.current-menu-parent a, #menu-item-6904:hover a,
#menu-item-6904 > ul {
	background: #b5c5ff;
}

#menu-item-6904 .sub-menu .menu-item  {
	width: 140px;
}


/* Handball + 2.Ebene + 3.Ebene */
#menu-item-89.current-menu-item a, #menu-item-89.current-menu-ancestor a, #menu-item-89.current-menu-parent a, #menu-item-89:hover a,
#menu-item-89 > ul,
#menu-item-89 > ul > li > ul > li {
	background: #ffc85e;
}

/* Inlineskating + 2.Ebene */
#menu-item-93.current-menu-item a, #menu-item-93.current-menu-ancestor a, #menu-item-93.current-menu-parent a, #menu-item-93:hover a,
#menu-item-93 > ul {
	background: #d2a7ff;
}

/* Tennis + 2.Ebene + 3.Ebene */
#menu-item-92.current-menu-item a, #menu-item-92.current-menu-ancestor a, #menu-item-92.current-menu-parent a, #menu-item-92:hover a,
#menu-item-92 > ul,
.menu-item-92 > ul > li > ul > li {
	background: #f79e81;
}

/* Turnen + 2.Ebene + 3.Ebene */
#menu-item-96.current-menu-item a, #menu-item-96.current-menu-ancestor a, #menu-item-96.current-menu-parent a, #menu-item-96:hover a,
#menu-item-96 > ul,
#menu-item-96 > ul > li > ul > li {
	background: #94d6ff;
}

/* Boule + 2.Ebene */
#menu-item-9277.current-menu-item a, #menu-item-9277.current-menu-ancestor a, #menu-item-9277.current-menu-parent a, #menu-item-9277:hover a,
#menu-item-9277 > ul {
	background: #b5feff;
}

/* ///////////////////////////////////////////// FEHLERSEITEN ///////////////////////////////////////////// */
#fehlerseiten {
	margin: 50px auto;
	padding: 10px 20px;
	width: 50%;
	border: 1px solid #000000;
	background: #ffffff;
}

#startlink {
	font-style: italic;
	color: #46bb00;
}

/* ///////////////////////////////////////////// IMPRESSUM ///////////////////////////////////////////// */
#post-4 ul {
	margin-left: -40px;
}

#post-4 h3 {
	margin-top: 30px;
}
