/*-------------------------------------------------------/
/
/ Inhalt:
/
/	#01 - Allgemeines
/	#02 - Head
/	#03 - Navigation
/	#04 - Randboxen - Schnellwahl/Sponsoren/Unternav
/	#05 - Bilder Slide
/	#06 - Aktuelles
/	#07 - Meldungen
/	#08 - Rechter Infokasten
/	#09 - Das Team
/	#10 - Hallenpläne
/	#11 - Organisation
/	#12 - Termine
/	#13 - Impressum
/	#14 - Breadcrumb
/	#15 - Kontakt
/	#16 - Anfahrt
/	#17 - Trainingszeiten
/
/*-------------------------------------------------------/


/*
	#01 - Allgemeines
*/
html, body {
	margin: 0;
	padding: 0;
	width: 100%;
}

.clfl {
	clear: both;
	visibility: hidden;
	margin: 0;
	padding: 0;
}

.clear {
	clear: left;
	margin: 0;
	padding: 0;
}

.fll {
	float: left;
}

.nolook {
	position: absolute;
	height: 1px;
	width: 1px;
	left: -2400px;
}

#tainer {
	width: 964px;
	margin: 0 auto;
}

.trenner {
	width: 960px;
	color: #ababab;
	margin: 10px 2px 15px 2px;
}

a {
	color: #4db529;
}

#plaincon, #plaincon p {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	line-height: 16px;
}

#plaincon h2 {
	font: 14px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-weight: bold;
	padding: 0;
	margin-bottom: 7px;
}

#plaincon h3 {
	font: 13px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-weight: bold;
	padding: 0;
	margin-bottom: 7px;
}
/**/

/*
	#02 - Head
*/
#head {
	width: 964px;
	height: 80px;
	/*border: 1px solid #ff0000;*/
}
/**/


/*
	#03 - navigation
*/
#navigation {
	width: 958px;
	height: 41px;
	background: url(/images/nav_bg.png) no-repeat bottom left;
	margin-bottom: 10px;
	padding: 0 3px 5px 3px;
}

#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
	font: 13px Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}

#nav a {
	display: block;
	width: 114px;
	height: 25px;
	padding: 16px 0 0 0;
	text-decoration: none;
	color: #ffffff;
	text-align: center;
}

#nav a.hover:hover, .aktiv {
	background: url(/images/nav_hover.gif) no-repeat center top;
}

#nav li { /* all list items */
	float: left;
	width: 114px; /* width needed or else Opera goes nuts */
}

#nav li ul { /* second-level lists */
	position: absolute;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	background: url(/images/slideout_bg.png) repeat-y top left;
	width: 114px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	z-index: 55;
}

#nav li ul ul { /* third-and-above-level lists */
	margin: -30px 0 0 114px;
	background: none;
	background-color: #6ec151;
	border-top: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
}

#nav li:hover ul ul, #nav li.sfhover ul ul {
	left: -999em;
}

#nav a.subhov {
	height: 15px;
	padding: 7px 0;
	vertical-align: middle;
}

#nav a.subhov:hover {
	color: #000;
	height: 15px;
	width: 106px;
	padding: 7px 0;
	margin: 0 4px;
	background: url(/images/subhover.png) no-repeat center top;
}

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

.liend {
	background: url(/images/slideout_foot.png) no-repeat left bottom;
	height: 4px;
	font-size: 0px;
}
/**/


/*
	#04 - Randboxen - Schnellwahl/Sponsoren/Unternav
*/
#quiklinks {
	float: left;
	width: 171px;
	margin: 0 24px 0 0;
}

.boxhead {
	width: 156px;
	height: 24px;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-weight: bold;
	padding: 10px 0 0 15px;
	background: url(/images/head_green.png) no-repeat left top;
}

.boxnav {
	list-style: none;
	margin: 0;
	padding: 0 3px 0 3px;
}

.boxnav li {
	font: 13px Verdana, Arial, Helvetica, sans-serif;
	_height: 20px;
	border-bottom: 1px dotted #000000;
}

.boxnav li a {
	color: #474747;
	width: 152px;
	height: 20px;
	display: block;
	text-decoration: none;
	vertical-align: middle;
	padding: 8px 0 0 13px;
}

.boxnav li a:hover {
	width: 152px;
	height: 20px;
	background: url(/images/box_hover.gif) no-repeat left top;
}

.baktiv a {
	color: #474747;
	width: 152px;
	height: 20px;
	display: block;
	text-decoration: none;
	vertical-align: middle;
	padding: 8px 0 0 13px;
	background: url(/images/box_hover.gif) no-repeat left top;
}

#boxnav_cuthead {
	width: 171px;
	height: 11px;
	font-size: 0px;
	padding: 0;
	background: url(/images/boxnav_cut.png) no-repeat left top;
}

#boxnav_cut {
	list-style: none;
	margin: 0;
	padding: 0 3px 0 3px;
}

#boxnav_cut li {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	_height: 15px;
	border-bottom: 1px dotted #000000;
}

#boxnav_cut li a {
	color: #474747;
	width: 152px;
	height: 15px;
	display: block;
	text-decoration: none;
	vertical-align: middle;
	padding: 1px 0 0 13px;
}

#boxnav_cut li a:hover {
	width: 152px;
	height: 15px;
	background: url(/images/box_hover.gif) no-repeat left center;
}

#last {
	border-bottom: none;
}

.boxanspr {
	width: 147px;
	border: 1px solid #000000;
	margin: 7px 3px 7px 3px;
	padding: 8px;
}

.boxanspr p {
	margin: 0;
	padding: 0;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
}

p.a_name {
	font-weight: bold;
}

p.a_cont {
	margin-top: 7px;
}

p.a_cont a {
	padding: 5px 0;
	display: block;
}

#sponsoren {
	float: left;
	width: 171px;
	margin: 0 0 0 24px;
}

#sponsoren img {
	border: none;
}

.spimg {
	width: 163px;
	height: 56px;
	border: 1px solid #000000;
	margin: 7px 3px 7px 3px;
	overflow: hidden;
}
/**/


/*
	#05 - Bilder Slide
*/
#box1 {
	position: absolute;
	z-index: 1;
}

#box1 span{
	display:block;
	float:left;
}

.mask1{
	position:relative;
	width: 555px;
	height: 218px;
	overflow:hidden;
	z-index: 1;
}

span img{
	display:block;
	border:none;
}

#mask {
	position: relative;
	float: left;
	padding: 6px 0 0 9px;
	width: 564px;
	height: 232px;
	background: url(/images/slider_bg.png) no-repeat top left;
	z-index: 2;
}
/**/


/*
	#06 - Aktuelles
*/
#aktu_index {
	width: 405px;
	float: left;
	margin: 10px 18px 25px 0;
	padding: 0 18px 0 0;
	border-right: 1px solid #ababab;
}

#aktu_com p {
	width: 405px;
	height: 22px;
	padding-top: 5px;
	margin: 0;
	background: url(/images/aktu_com.png) no-repeat left top;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
}

#aktu_com {
	margin-top: 5px;
}

.aktu_head {
	margin-bottom: 15px;
}

.aktu_head h1 {
	font: 15px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-weight: bold;
	background: url(/images/aktuhead_bubble.png) no-repeat left 4px;
	padding: 0 3px 0 19px;
	margin-bottom: 7px;
}

.aktu_timename {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	padding-left: 19px;
}

.aktu_con {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.aktu_con p {
	font-size: 12px;
	margin: 7px 0;
	padding:0;
}

.aktu_con h2 {
	font-size: 13px;
	color: #454545;
	margin:0;
	padding: 7px 0 0 0;
}

.aktu_con h3 {
	font-size: 12px;
	color: #454545;
	margin:0;
	padding: 7px 0 0 0;
}

.aktu_trenner {
	float: left;
	width: 315px;
	height: 1px;
	border: none;
	background-color: #545454;
	color: #545454;
}

.totop a {
	float: right;
	display: block;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	background: url(/images/top.png) no-repeat right center;
	padding: 0 15px 0 0;
}

.aktu_more a {
	background: url(/images/more.png) no-repeat left center;
	display: block;
	padding: 0 0 0 19px;
	margin: 20px 0;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
}
/*------/auf index-------*/
#aktuk {
	margin: 0 0 0 20px;
}

.Hcount {
	font-size: 10px;
	font-weight: normal;
}

.count {
	font-size: 9px;
	font-weight: normal;
}

.aktu_months {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	margin: 7px 0 5px 10px;
	padding: 0;
	line-height: 17px;
}

.aktup {
	width: 600px;
	float: left;
	padding: 15px 0 0 0;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
}

.aktup_trenner {
	float: left;
	width: 520px;
	text-align: left;
	height: 1px;
	border: none;
	background-color: #545454;
	color: #545454;
	margin: 15px 0 0 0;
}

.totop2 a {
	float: right;
	display: block;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	background: url(/images/top.png) no-repeat right center;
	padding: 0 15px 0 0;
	margin: 7px 0 0 0;
}

.aktu_quelle {
	margin: 20px 0 0 15px;
}

.aktu_quelle p a {
	background: url(/images/more.png) no-repeat left center;
	padding: 0 0 0 19px;
	margin: 7px 0 0 20px;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
}
/**/


/*
	#07 - Meldungen
*/
#alert {
	float: left;
	width: 171px;
	margin-top: 10px;
}

#boxhead_alert {
	width: 156px;
	height: 24px;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-weight: bold;
	padding: 10px 0 0 15px;
	background: url(/images/head_red.png) no-repeat left top;
}

.alertbox {
	width: 165px;
	margin: 0 3px;
	border-bottom: 1px dotted #000000;
}

.alertbox h4 {
	font: 10px Arial, Helvetica, sans-serif;
	text-decoration: underline;
	margin:0;
	padding: 5px 0 0 0;
}

.alertbox p {
	margin: 0;
	padding: 3px 3px 7px 3px;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
}

/**/


/*
	#08 - Rechter Infokasten
*/
#infok_bg {
	width: 314px;
	float: right;
	background: url(/images/infok_bg.png) no-repeat left top;
	padding: 11px 0 0 12px;
	margin: 0;
}

#infok {
	width: 284px;
	background-color: #ffffff;
	padding: 15px;
	margin: 0 0 15px 0;
	border-top: 1px solid #ababab;
	border-right: 1px solid #ababab;
	border-left: 1px solid #ababab;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
}

#infok h1 {
	font: 15px Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #444444;
	width: 281px;
	padding: 0 0 5px 0;
	margin-bottom: 18px;
	background: url(/images/h1bot.gif) no-repeat center bottom;
}

#infok h2 {
	font: 14px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-weight: bold;
	margin: 15px 0 0 0;
	padding: 0;
}

#infok img {
	float: right;
}

#infok hr {
	border: none;
	background: url(/images/h1bot.gif) no-repeat center bottom;
	width: 190px;
	margin: 15px 0 0 10px;

}

.infok_more a {
	background: url(/images/more.png) no-repeat left center;
	display: block;
	padding: 0 0 0 19px;
	margin: 8px 0;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
}

.team_info {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	margin: 7px 0 5px 10px;
	padding: 0;
}
/**/


/*
	#09 - Das Team
*/
#team_present {
	width: 620px;
	float: left;
	padding: 20px 0 0 0;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
}

.s_head {
	font: 16px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-weight: bold;
	padding: 0;
	margin: 10px 0 0 0;
}

#team_present h2 {
	font-size: 13px;
	color: #454545;
	margin:0;
	padding: 7px 0 0 0;
}

#team_present h3 {
	font-size: 12px;
	color: #454545;
	margin:0;
	padding: 7px 0 0 0;
}
/**/


/*
	#10 - Hallenpläne
*/
#hallenp table {
	width: 318px;
	float: left;
	border-spacing: 0;
}

.table1 {
	border-left: 8px solid #666666;
	border-right: 4px solid #666666;
	border-bottom: 4px solid #666666;
}

.table2 {
	border-right: 4px solid #666666;
	border-left: 4px solid #666666;
	border-bottom: 4px solid #666666;
}

.table3 {
	border-left: 4px solid #666666;
	border-right: 8px solid #666666;
	border-bottom: 4px solid #666666;
}

#hallenp table caption {
	font: 15px Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin: 25px 0 -20px 0;
}

#hallenp table th {
	height: 26px;
	text-align: left;
	font: 14px Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-weight: bold;
	padding: 30px 0 6px 6px;
	background: url(/images/table_head.png) no-repeat left bottom;
}

#hallenp table td {
	vertical-align: top;
	padding: 6px 0 15px 0;
}

td.time {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	vertical-align: top;
	width: 70px;
	border-right: 1px solid #9A9A9A;
}

#hallenp table p {
	margin: 0;
	padding: 0 0 0 5px;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
}

#hallenp table p.hp_trainer {
	margin: 6px 0 0 10px;
}

tr.trcolor {
	background-color: #f1f7fa;
}

tr.trcolor2 {
	background-color: #FCF5F5;
}

/**/


/*
	#11 - Organisation
*/
#vorstand {
	width: 620px;
	float: left;
	padding: 30px 0 0 0;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
}

#vorstand table {
	width: 590px;
	border-spacing: 0;
	border-collapse: collapse;
}

#vorstand table th {
	height: 26px;
	text-align: left;
	font: 13px Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #ffffff;
	padding: 0 0 1px 0;
	background-image: none;
	position: relative;
}

#VThead {
	background: url(/images/vthead.png) no-repeat left top;
	position: relative;
}

#VThead th {
}

#vorstand th.Hfunc {
	width: 195px;
	padding-left: 6px;
}

#vorstand th.Hname {
	padding-left: 6px;
}

#vorstand th.Htel {
	padding-left: 6px;
}

#vorstand th.Hmail {
	width: 45px;
	text-align: center;
	padding: 0 6px;
}

#vorstand table .mail {
	text-align: center;
	padding-left: 0;
}

.mail img {
	border: none;
}

#vorstand td {
	padding: 8px 0 8px 7px;
	border-bottom: 1px solid #dddddd;
}

#vorstand td.stand {
	text-align: right;
	font-size: 9px;
	padding: 1px 0;
	color: #666666;
}

.spartenl {
	display: block;
	font: 11px Arial, Helvetica, sans-serif;
}
/**/


/*
	#12 - Termine
*/
#caltain {
	width: 620px;
	float: left;
	padding: 20px 0 0 0;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
}

.calbox {
	width: 544px;
	background: url(/images/cal_bg.gif) repeat-y right top;
	margin: 0 0 25px 0;
	padding: 0;
}

.cal_info {
	width: 460px;
	float: left;
	background: url(/images/cal_infotop.png) no-repeat left top;
	padding: 0;
}

.cal_in {
	padding: 10px 0 0 26px;
}

.cal_info img {
	padding: 0;
	margin: 0;
}

.cal_title {
	font: 14px Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold; 
	padding: 0;
	margin: 0;
}

.cal_wann, .cal_wo, .cal_more {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	margin: 10px 0 0 0;
	padding: 0;
}

.cal_more strong {
	display: block;
	padding-bottom: 3px;
}

.cal {
	width: 84px;
	height: 84px;
	margin: 1px 0 0 0;
	float: left;
	background: url(/images/calbg.png) no-repeat top left;
}

.cal_m {
	color: #ffffff;
	font-weight: bold;
	font-size: 10px;
	width: 84px;
	text-align: center;
	padding: 7px 0 0 0;
	margin: 0;
}

.cal_d {
	font-size: 37px;
	font-weight: bold;
	margin: 0;
	padding: 7px 0 0 0;
	width: 84px;
	text-align: center;
}
/**/


/*
	#13 - Impressum
*/
#impressum {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
}

#impressum h2, #haftung h2 {
	font-size: 13px;
	color: #111111;
	margin:0;
	padding: 7px 0 0 0;
}

#impressum p, #haftung p {
	margin: 7px 0;
	padding:0;
}

#impressum p strong, #haftung p strong {
	color: #454545;
}

#haftung {
	width: 600px;
	float: right;
	margin: 0 0 30px 0;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
}
/**/


/*
	#14 - Breadcrumb
*/
#breadcrumb {
	width: 964px;
	height: 26px;
	margin: 15px 0;
	padding: 0;
	background: url(/images/bread_bg.gif) repeat-x left top;
}

#breadcrumb img {
	border: none;
	margin: 0;
	padding: 0;
	vertical-align: middle;
}

a.b_link {
	padding: 5px 8px 5px 4px;
	text-decoration: none;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
}
/**/


/*
	#15 - Kontakt
*/
#kontakt {
	width: 620px;
	float: left;
	padding: 30px 0 0 0;
}

#kontakt legend {
	margin: 0 -1px 0 -3px;
	padding: 5px 498px 6px 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #ffffff;
	font-weight: bold;
	background: url(/images/vthead.png) no-repeat left top;
}

#kontakt fieldset {
	width: 498px;
	padding: 30px 0 0 0;
	margin: 0 0 0 0;
	border-left: 1px solid #dddddd;
	border-right: 1px solid #dddddd;
	border-top: none;
	border-bottom: none;
}

#kontakt .label_left {
	text-align: right;
	width: 180px;
	float: left;
	margin: 0 20px 30px 30px;
}

#kontakt .label_left label, .to, .empf {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #2d2d2d;
}

#kontakt input, textarea {
	border: 1px solid #71c255;
}

#kontakt .smal {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	font-weight: normal;
	padding-right: 6px;
}

#kontakt .ftxt {
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: 2d2d2d;
	margin: 0 0 35px 0;
	_margin: 27px 0 30px 0;
}

#kontakt #submit {
	text-align: center;
	margin: 20px 0;
}

#kontakt .error {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #ff0000;
}

#kontakt .errortxt {
	color: #ff0000;
}

#kontakt #errorhead {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #ff0000;
	margin: 0;
	padding: 0;
	text-align: center;
}

#done {
	margin: 45px 0 0 46px;
}

#done h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #71c255;
}

#done p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333333;
	line-height: 22px;
}
/**/


/*
	#16 - Anfahrt
*/
#anfahrt {
	width: 620px;
	float: left;
	padding: 30px 0 0 0;
}

#map {
	width: 550px;
	height: 350px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	border:1px solid #000000;
	margin: 0 0 25px 25px;
}
/**/


/*
	#17 - Trainingszeiten
*/
#Twahl {
	margin: 35px 0 0 0;
}

#Tsparte {
	float: left;
	width: 212px;
	height: 29px;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-weight: bold;
	padding: 5px 0 0 15px;
	margin-right: 35px;
	background: url(/images/trainingszeiten_sparte.png) no-repeat left top;
}

#Tsparte select, #Tmannschaft select {
	width: 155px;
}

#Tmannschaft {
	float: left;
	width: 244px;
	height: 29px;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-weight: bold;
	padding: 5px 0 0 15px;
	margin-right: 35px;
	background: url(/images/trainingszeiten_mannschaft.png) no-repeat left top;
}
/**/


/*
	#17 - Trainingszeiten
*/
#alben img {
	border: none;
}

#alben h3 {
	width: 298px;
	height: 21px;
	font: 11px Verdana, Geneva, sans-serif;
	color: #fff;
	margin: 0;
	overflow: hidden;
	padding: 5px 0 0 10px;
	font-weight: bold;
	background: url(/images/table_head.png) no-repeat left top
	
}

.album {
	margin: 10px 5px;
	float: left;
}

.album a {
	display: block;
	float: left;
	color: #fff;
	margin: 0 5px;
	border: 1px dotted #000;
}

.pic {
	width: 292px;
	margin: 0 auto;
}
/**/