@charset "utf-8";
/* CSS Document */

* {
	padding:0;
	margin:0;
}
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #000000;
	background:#e4e4e4 url(../images/body.png) repeat-x top left;
}
h1, h2, h3, h4 {
	color:#006AB2;
	font-size:110%;
}
p {
	text-align:justify;
	line-height:140%;
	padding-bottom:4px;
}
a {
	color:#666666;
	text-decoration:none;
}
a:hover {
	color:#006AB2;
}

ul {
	list-style:none;
}
li {
}
img {
	border: none;
}
img.left {
	float: left;
	margin-right: 5px;
}
img.center {
	text-align:center;
	margin: 5px;
}
img.right {
	float: right;
	margin-left: 5px;
}

/* Form */
form {
	margin: 0;
	padding: 0;
}
fieldset {
	margin: 0;
	padding: 0;
	border: none;
}
legend {
	display: none;
}
input, textarea, select {
	font-size:10px;
	color: #0A50A1;
	background-color: #FFFFFF;
	border:#0A50A1 solid 1px;
}
input:hover, textarea:hover, select:hover {
	border:#FF7F00 solid 1px;
}




#wrap {
	width:980px;
	background:#FFFFFF url(../images/contentwrap.png) repeat-y left top;
	margin:10px auto 10px auto;
	z-index:10;
}

#header {
	color:#E4F3FB;
	width:980px;
	height:300px;
/*	background:#006AB2 url(../images/header_winter.png) no-repeat left top;*/
/*	background:#006AB2 url(../images/header_ostern.png) no-repeat left top;*/
	background:#006AB2 url(../images/header.png) no-repeat left top;
	padding:0;
	margin:0;
}
#welcome {
	width:250px;
	height:30px;
	font:italic bold 16px Georgia, "Times New Roman", Times, sans-serif;
	margin:0 10px;
	float:left;
}
#topmenu {
	text-align:right;
	width:700px;
	height:30px;
	padding:0 10px;
	float:right;
}
#topmenu ul {
}
#topmenu li {
	float:left;
}
#topmenu a {
	color:#6DBAD9;
	font-weight:bold;
	display:block;
	padding:0 5px;
}
#topmenu a:hover {
	color:#fff;
}
#logo {
	width:120px;
	height:140px;
	padding:0 10px;
	margin:10px 10px 20px 10px;
	float:left;
}
#stats {
	width:100px;
	height:140px;
	color:#6DBAD9;
	font-size:10px;
	text-align:left;
	vertical-align:top;
	margin:10px 10px 20px 0;
	float:left;
}
#stats h3 {
	color:#6DBAD9;
	font-size:110%;
	border-bottom:#6DBAD9 1px solid;
}
#stats .left {
	float:left;
}
#stats .right {
	float:right;
}

#random {
	width:190px;
	height:140px;
	text-align:center;
	vertical-align:bottom;
	margin:10px 10px 20px 0;
	float:left;
}
#random img {
	border:#FFFFFF 1px solid;
/*
	filter:alpha(opacity=80);
	-moz-opacity: 0.80;
	opacity: 0.80;
*/
}
#random img a {
}
#random img:hover {
/*
	filter:alpha(opacity=100);
	-moz-opacity: 1.0;
	opacity: 1.0;
*/
}

#banner {
	width:500px;
	height:140px;
	margin:10px 10px 20px 0;
	float:left;
	z-index:1;
}
#birthday {
	width:240px;
	height:100px;
	padding:0 10px;
	margin-right:10px;
	float:left;
}
#birthday h2 {
	font-size:120%;
	color:#FFFFFF;
}
#birthday a {
	background-color:#006AB2;
	color:#6DBAD9;
}
#birthday a:hover {
	color:#fff;
}

#today {
	width:710px;
	height:100px;
	float:left;
}
#today h2 {
	font-size:120%;
	color:#FFFFFF;
}
#today ul {
}
#today li {
	width:335px;
	font-size:90%;
	padding-right:20px;
	float:left;
}
#today a {
	background-color:#006AB2;
	color:#ccc;
}
#today a:hover {
	background-color:#006AB2;
	color:#fff;
}



#contentwrap {
	width:980px;
	background:#FFFFFF url(../images/contentwrap.png) repeat-y left top;
	border-right: #000 0px solid;
	padding:0;
	margin:0;
}

#leftbar {
	width:240px;
	font-size:90%;
	padding:20px 10px 0 10px;
	float:left;
}
#leftbar h2 {
	padding-bottom:5px;
}
#leftbar ul {
	border-bottom:#ccc 1px solid;
	margin-bottom:5px;
}
#leftbar li {
	font-size:10px;
	line-height:25px;
	padding:0px 5px;
	border-bottom:#fff 1px solid;
	margin-bottom:0px;
}
#leftbar li:hover {
	background-color:#FFFFFF;
}
#leftbar li.abstand {
	border-bottom:#fff 2px solid;
}
#leftbar a {
	display:block;
}
#leftbar .spiele {
	border-bottom:#fff 1px solid;
	letter-spacing: -0.075em;
}
#leftbar .termine {
	border-bottom:#fff 1px solid;
}

/*          autosuggest          */

.suggestionsBox {
	position: relative;
	left: 0px;
	margin: 10px 0px 0px 0px;
	width: 180px;
	background-color: #ccc;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border: 2px solid #fff;
	color: #0A50A1;
}
	
.suggestionList {
	margin: 0px;
	padding: 0px;
}
	
.suggestionList li {
	margin: 0px 0px 3px 0px;
	padding: 5px;
	cursor: pointer;
	list-style: none;
	font-size: 0.9em;
}
	
.suggestionList li:hover {
/*	color:#FFFFFF;
	background-color: #0A50A1;
*/
}


#content {
	width:720px;
	padding:20px 0px 0 0px;
	margin:0;
	float:right;
}
#content h2 {
	color:#999999;
	padding:10px;
}
#content a {
	color:#0A50A1;
}

/* Menu */
#menu {
	float: left;
	width: 700px;
	height: 28px;
	background-color: #B5E1AE;
	margin-bottom:5px;
}
#menu ul {
	margin: 0;
	padding: 0px 0 0px 5px;
	list-style: none;
	line-height: normal;
}
#menu li {
	display: block;
	float: left;
}
#menu a {
	display: block;
	float: left;
	margin-right: 0px;
	padding: 5px 12px;
	letter-spacing: -.5px;
	text-decoration: none;
	font-weight: bold;
}
#menu a:hover {
	color: #FF7F00;
	background-image: url(../images/layout/point.png);
	background-repeat: no-repeat;
	background-position: left center;
}
#menu .current_page_item a {
}


/* head */
.extra {
	clear:both;
}
.head {
	padding-bottom:10px;
	border-bottom: 1px solid #999;
	margin-bottom:0px;
	clear:both;
}
.head h1 {
	height:25px;
	font-size: 100%;
	font-weight: bold;
	font-style:italic;
	text-decoration:none;
	letter-spacing:1px;
	padding:0 15px;
	border-bottom:#CCCCCC 1px solid;
	margin-bottom: 10px;
}
.head h2 {
	vertical-align:middle;
	margin: 0px;
	padding:10px 5px;
	font-weight: bold;
	background-color: #CCCCCC; /*ebebeb*/
}
.head .entry {
	padding:0 0px;
}
.head .entry p {
	padding:0 15px;
}
.head p {
	padding:0;
}

/* Post */

.post {
	padding:0px;
	border-bottom: 1px solid #0A50A1;
	margin-bottom:0px;
	clear:both;
}
.post .title {
	padding:0px;
}
.post h1 {
	vertical-align:middle;
	font-size: 100%;
	font-weight: bold;
	padding:20px 0 0 10px;
	margin-bottom: 0px;
}
.post h2 {
	vertical-align:middle;
	font-weight: bold;
	color: #0A50A1;
	background-color:#D4DEF0;
	padding:0 20px;
	border-bottom:#92C2F8 0px dashed;
	margin: 0px;
}
.post a {
	text-decoration:none;
}
.post p {
	padding:5px 10px;
}
.post hr {
	width:98%;
	height:2px;
	background-color:#0A50A1;
	color:#0E71DE;
	text-align:center;
	margin:2px 5px;
}
.post ol {
	padding:5px 5px 5px 40px;
}
.post ul {
	padding:5px 5px 5px 40px;
	list-style:none;
}
.post li {
	padding-bottom:5px;
}
.post .entry {
	border-top: 0px #999999 dashed;
}
.post .entry .left {
	float:left;
	padding:5px;
}
.post .entry .right {
	float:right;
	padding:5px;
}
.post .entry p {
	margin: 0;
	padding:0 10px 5px 10px;
	line-height: 160%;
}
.post .meta {
	height:25px;
	background-color: #f0f0f0;
	font-size:80%;
	padding:0 10px;
	margin:0px;
	border-top: 1px #ccc dashed;
	clear:both;
}
.post .meta p {
	padding:5px;
	margin: 0;
	line-height: normal;
	color: #999999;
}
.post .meta .byline {
	height: 15px;
	float: left;
}
.post .meta .links {
	height: 15px;
	float: right;
}
.post .meta b {
	display: none;
}
.post table {
}
.post th {
	border-bottom: 1px dashed #0A50A1;
	padding:5px;
}
.post td {
	padding:5px;
}
.post iframe {
	background-color:#FFFFFF;
	width:98%;
	height:750px;
	padding:5px;
	text-align:center;
}
.optionen {
	color:#999999;
	border-bottom:1px #0A50A1 solid;
	margin-bottom:5px;
}
.optionen .title {
}
.optionen h1 {
	font-size:90%;
	padding: 5px;
	margin-bottom: 0px;
	background-color: #D9F1ED;
	font-weight: bold;
	color: #999999;
}
.optionen .meta {
	padding: 5px 0 25px 0;
	border-top: 1px #ccc dashed;
}
.optionen .meta p {
	margin: 0;
	line-height: normal;
}
.optionen .optionennavi {
	padding: 5px;
	float: right;
	font-size:80%;
}
.seitenanzeige {
	color:#999999;
	margin-bottom: 0px;
	border-bottom: 1px #0A50A1 solid;
}
.seitenanzeige .title {
}
.seitenanzeige h1 {
	font-size:90%;
	padding: 5px;
	margin-bottom: 0px;
	background-color: #FDD4BD;
	font-weight: bold;
	color: #999999;
}
.seitenanzeige .meta {
	padding: 5px 0 25px 0;
	border-top: 1px #ccc dashed;
}
.seitenanzeige .meta p {
	margin: 0;
	line-height: normal;
}
.seitenanzeige .seitenanzeigenavi {
	padding: 5px;
	float: right;
	font-size:80%;
}
.pagebottom {
	height:10px;
	background: url(../images/layout/content_bottom.png) no-repeat left top;
}

/*----------smileys----------*/
table.smiley {
	width:100%;
	border-collapse:0px;
	border-spacing:0px;
}
td.smiley {
	width:90px;
	text-align: center;
	vertical-align: middle;
	padding: 5px 0;
	border-right:#999999 1px dashed;
	border-bottom:#999999 1px dashed;
}


/* ttclick */

/*-----------------------------*/
#container_quickstart {
	line-height:140%;
	padding:0px;
	margin:0px;
}
#container_quickstart p {
	padding:5px;
	margin:5px;
}
#container_quickstart ul {
	padding:0px;
	margin:0px;
}
#container_quickstart li {
	padding:0px;
	margin:0px;
}
#container_quickstart h1 {
	vertical-align:middle;
	margin: 0 0 10px 0;
	padding:10px 5px;
	font-weight: bold;
	background-color: #92C2F8;
	color: #FFFFFF;
}
#container_quickstart h2 {
	vertical-align:middle;
	margin: 0px;
	padding:10px 5px;
	font-weight: bold;
	background-color: #92C2F8;
	color: #FFFFFF;
}
#container_quickstart table {
	width: 680px;
	margin: 5px 10px;
	padding:5px;
	background: #FFFFFF;
	table-layout: inherit;
}
#container_quickstart tr {
}
#container_quickstart th {
	height: 25px;
	border-bottom: 1px solid #ccc;
	vertical-align:middle;
}
#container_quickstart td {
	border-bottom: 1px solid #EFEFEF;
	vertical-align:top;
}
#container_quickstart td a:link {
/*	color:#006600;*/
	text-decoration:none;
}
#container_quickstart td a:hover, a:active {
	text-decoration: none;
	color: #FF7F00;
}
#container_quickstart td a:visited {
/*	color: #FF7F00;*/
	text-decoration: none;
}
#container_quickstart td li {
 	list-style-type:none;
}

.result-set h2 {
	vertical-align:middle;
	margin: 0px;
	padding:10px 5px;
	font-weight: bold;
	background-color: #92C2F8;
	color: #FFFFFF;
}
.result-set table {
	width: 660px;
	margin: 5px 10px;
	padding:5px;
	background: #FFFFFF;
}
.result-set th {
	text-align:left;
}
.result-set td {
	padding:5px 2px;
	text-align:left;
	vertical-align:middle;
	white-space:inherit;
	font-size:0.9em;
}
.result-set tr:hover {
	background: #F2F2F2;
}
#ttclick1 table {
}
#ttclick1 th {
	text-align:left;
}
#ttclick1 td {
	padding:0;
	margin:0;
}
#ttclick1 ul {
	padding:0;
	margin:0;
}
#ttclick1 li {
	padding-left:5px;
	margin:0;
}


/* footer */

#footer {
	color:#FFFFFF;
	font-size:90%;
	width:940px;
	height:10px;
	background:#fff url(../images/footer.png) no-repeat left top;
	padding:20px;
}
#footer a {
	color:#6DBAD9;
}
#footer a:hover {
	color:#fff;
}

.cleaner {
	height:0px;
	clear:both;
}

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/tab_padding.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* style the outer div to give it width */
.menu {
	text-align:right;
	width:700px;
	height:30px;
	padding:0 5px;
	float:right;
	z-index:10;
}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
	padding:0;
	margin:0;
}

/* style the sub-level lists */
.menu ul ul {
/*	width:625px;*/
}

/* float the top list items to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu ul li {float:left; height:25px; line-height:24px; display:block; margin-right:7px;}

/* style the sub level list items */
.menu ul ul li {
	display:block;
	width:90px;
	height:auto;
	line-height:1em;
}
.menu ul ul li.last {padding-bottom:10px; background:url(../images/menu_sub_bottom.png) bottom left no-repeat;}
.menu ul ul ul li.last {padding-bottom:10px; background:url(../images/two_bottom.gif) bottom left no-repeat;}
.menu ul ul ul ul li.last {padding-bottom:10px; background:url(../images/three_bottom.gif) bottom left no-repeat;}

/* style the links for the top level */
.menu a, .menu a:visited {
	width:80px;
	height:25px;
	font-size:10px;
	color:#6DBAD9;
	background:url(../images/menu_top.png) no-repeat left center;
	text-align:center;
	padding:0 0 0 0px;
	border-bottom:1px solid #fff;
	display:block;
	float:left;
}
/* hack IE5.x to get the correct the faulty box model and get the width right */
* html .menu a, * html .menu a:visited {width:75px; w\idth:65px;}

/* style the sub level links */
.menu ul ul a, .menu ul ul a:visited {
	width:88px;
	height:100%;
	background:#006AB2;
	color:#fff;
	line-height:1em;
	padding:5px 0px;
	border:1px solid #fff;
	border-width:0 1px;
	display:block;
}
* html .menu ul ul a, * html .menu ul ul a:visited  {width:100px; w\idth:78px;}


/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {border-collapse:collapse; padding:0; margin:-1px; width:0; height:0; font-size:1em; z-index:1;}


/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {
	background:#f00;
}
/* style the fourth level background */
.menu ul ul ul ul a, .menu ul ul ul ul a:visited {
	background:#f00;
}
/* style the sub level 1 background */
.menu ul :hover a.sub1 {
	background:#006AB2;
}
/* style the sub level 2 background */
.menu ul ul :hover a.sub2 {
	background:#a77;
}

/* style the level hovers */
/* first */
* html .menu a:hover {color:#ff0; border:0; height:25px; position:relative; z-index:100;}
.menu li:hover {position:relative;}

.menu :hover > a {color:#fff; border:0; height:25px;}
/* second */
* html .menu ul ul a:hover{
	height:100%;
	color:#f00;
	background:#006AB2;
	position:relative;
	border:1px solid #fff;
	border-width:0 1px;
	z-index:110;
}

.menu ul ul li:hover {
	position:relative;
}
.menu ul ul :hover > a {
	height:100%;
	color:#006AB2;
	background:#fff;
	border:1px solid #fff;
	border-width:0 1px;
	z-index:110;
}
/* third */
* html .menu ul ul ul a:hover {background:#a77; position:relative; z-index:120;}
.menu ul ul ul :hover > a {background:#a77;}
/* fourth */
.menu ul ul ul ul a:hover {background:#a75; position:relative; z-index:130;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0; top:25px; left:0; width:80px;}

/* position the third level flyout menu */
.menu ul ul ul{top:-10px; width:80px;}


/* make the second level visible when hover on first level list OR link */
.menu ul :hover ul {visibility:visible; height:auto; padding:15px 30px 30px 30px; background:transparent url(../images/menu_sub_top.png) 30px 0 no-repeat; left:-30px;}
.menu ul :hover ul.left {visibility:visible; height:auto; padding:15px 30px 30px 30px; background:transparent url(../images/menu_sub_top_left.png) 30px 0 no-repeat; left:-40px;}


/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* keep the fourth level hidden when you hover on second level list OR link */
.menu ul :hover ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{visibility:visible; left:90px; height:auto; padding:10px 30px 30px 30px; background:transparent url(../images/two_top.gif) 30px 0 no-repeat;}
.menu ul :hover ul.left :hover ul {left:-100px;}
/* make the fourth level visible when you hover over third level list OR link */
.menu ul :hover ul :hover ul :hover ul {visibility:visible; left:90px; height:auto; padding:10px 30px 30px 30px; background:transparent url(../images/three_top.gif) 30px 0 no-repeat;}





.text {
	vertical-align:middle;
	font-weight: normal;
}
.text.left {
	text-align:left;
}
.text a {
	text-decoration:none;
}
.text.betreuung {
	background-color: #CCCCCC;
	color:#0A50A1;
}
.text.betreuungauswaerts {
	background-color: #CCCCCC;
	color:#FF0000;
	font-style:italic;
}
.text.fahrer {
	background-color: #F0F0F0;
	color:#FF0000;
}
.text.keinfahrer {
	background-color: #fff;
}
.text.wochentag {
	border-bottom:#f00 solid 1px;
	color:#000;
}
.text.wochentag a {
	color:#FFFFFF;
}
.text.samstag {
	border-bottom:#FFCC33 solid 1px;
	color:#000000;
}
.text.sonntag {
	border-bottom:#FFFF00 solid 1px;
	color:#000000;
}
.text.spielfrei {
	vertical-align:middle;
}
.text.heim {
	background-color:#fff;
	color: #0A50A1;
}
.text.auswaerts {
	background-color:#fff;
	color: #f00;
}
.text.h1 {
	background-color:#0A50A1;
	color:#fff;
}
.text.h2 {
	background-color:#6391b5;
	color:#fff;
}
.text.h3 {
	background-color:#79a3d8;
	color:#fff;
}
.text.h4 {
	background-color:#7f93dc;
	color:#fff;
}
.text.j1 {
	background-color: #006600;
	color:#fff;
}
.text.j2 {
	background-color: #009900;
	color:#fff;
}
.text.s1 {
	background-color: #990000;
	color:#fff;
}
.text.s2 {
	background-color: #993333;
	color:#fff;
}
.text.s3 {
	background-color: #996666;
	color:#fff;
}
.text.heute {
	border: 2px solid #f00;
	font-weight:bold;
}

/**/
.cont_head_head {
	width:100%;
}
.cont_head_head td {
	line-height:20px;
}

.cont_body_ct {
	background-color:#dfdef0;
}
.cont_body_cb {
	background-color:#f0f0f0;
}
.cont_foot_c {
	height:2px;
}


#header_extra {
	background:url(../images/header_extra.png) right top no-repeat;
	position:absolute;
	right:0px;
	top:0px;
	width:100px;
	height:100px;
	text-align:right;
	padding:25px 25px 0 0;
	margin:0;
	float:right;
	z-index:100;
}
#header_extra:hover {
	background:url(../images/header_extra_over.png) right top no-repeat;
	color:#FFFFFF;
}
#wichtig {
	position:absolute;
	right:100px;
	top:100px;
	background:#FFFFFF;
	margin:0 auto;
	display:none;
	z-index:200;
}
#wichtig img {
	border:#CCCCCC 1px solid;
}


#footer_extra {
	visibility:hidden;
	background-image: url(../images/footer_extra.png);
	background-repeat: no-repeat;
	background-position: center;
	height: 100px;
	width: 100%;
	position: fixed;
	bottom: 0px;
	z-index: 5;
}

/* panel */

.panel {
	position: fixed;
	top: 150px;
	left: 0;
	display: none;
	background: #006ab2;
	border:1px solid #fff;
	-moz-border-radius-topright: 20px;
	-webkit-border-top-right-radius: 20px;
	-moz-border-radius-bottomright: 20px;
	-webkit-border-bottom-right-radius: 20px;
	width: 330px;
	height: auto;
	padding: 30px 30px 30px 150px;
	filter: alpha(opacity=90);
	opacity: .90;
}

.panel h3{
	color: #fff;
}
.panel p{
	margin: 0 0 15px 0;
	padding: 0;
	color: #cccccc;
}

.panel a, .panel a:visited{
	margin: 0;
	padding: 0;
	color: #fff;
	text-decoration: none;
	border-bottom: 0px solid #9FC54E;
}

.panel a:hover, .panel a:visited:hover{
	border-bottom: 1px solid #ffffff;
}

a.trigger{
	position: fixed;
	text-decoration: none;
	top: 220px;
	left: 0;
	font-size: 12px;
	letter-spacing: normal;
	color:#fff;
	padding: 20px 40px 20px 5px;
	background:#333333 url(../images/plus.png) 85% 55% no-repeat;
	border:1px solid #444444;
	-moz-border-radius-topright: 20px;
	-webkit-border-top-right-radius: 20px;
	-moz-border-radius-bottomright: 20px;
	-webkit-border-bottom-right-radius: 20px;
	-moz-border-radius-bottomleft: 0px;
	-webkit-border-bottom-left-radius: 0px;
	display: block;
	filter: alpha(opacity=85);
	opacity: .85;
}

a.trigger:hover{
	padding: 20px 40px 20px 10px;
	background:#222222 url(../images/plus.png) 85% 55% no-repeat;
}

a.active.trigger {
	background:#222222 url(../images/minus.png) 85% 55% no-repeat;
}

.columns{
	clear: both;
	width: 350px;
	padding: 0 0 20px 0;
	line-height: 22px;
}

.colleft{
	float: left;
	width: 160px;
	line-height: 22px;
}

.colright{
	float: right;
	width: 160px;
	line-height: 22px;
}