@charset "utf-8";
/*	-------------------------------------------------------------------------------------------------------------------------------------------------	*/
/*		Author: Thomas Christes
/*	-------------------------------------------------------------------------------------------------------------------------------------------------	*/


/*	-------------------------------------------------------------------------------------------------------------------------------------------------	*/
/*	                                           Resets  
/*	-------------------------------------------------------------------------------------------------------------------------------------------------	*/

html, body, div, span, applet, object, input, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, button
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size:100%;
	font-family: inherit;
	vertical-align: baseline;
}

html {height:101%;}

em {font-style:italic;}

:focus {outline: 0;}

body
{
	line-height: 1.4;
}

ul, ol {list-style: none;}

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

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

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

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

.clear
{
	clear:both;
	font-size:0;
}

.cleardiv
{
	clear:both;
	font-size:0;
	height:0;
}

strong
{
	font-weight:bold;
}

/*	--------------------------------------------------------------------------------------------------------------------------------------------	*/
/*	                                           Generic Styles  
/*	--------------------------------------------------------------------------------------------------------------------------------------------	*/

body
{
	background:#e4e4e4 url(img/hg.png) repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	color:black;
}

#wrapper
{
	max-width:1000px;
	margin:20px auto 0 auto;
	padding:3%;
}

#head
{
	max-width:1000px;
	height:64px;
	border-bottom:1px solid black;
	position:relative;
	margin:0 0 60px 0;
}

#head h1
{
	position:absolute;
	left:0;
	top:0;
	font-size:18px;
	font-weight:bold;
	line-height:40px;
	float:left;
}

.bds_logo_default, .bds_logo_hd
{
	position:absolute;
	left:400px;
	width:36px;
	height:40px;
	background:url(img/bds.png);
	display:block;
}

.bds_logo_hd
{
	display:none;
}
 
@media only screen and (-webkit-min-device-pixel-ratio: 2)
{
	.bds_logo_default
	{
		display:none;
	}	
	.bds_logo_hd
	{
		background:url(img/bds_hd.png); 
		background-size:36px 40px;
		display:block;
	}
}

#head h2
{
	position:absolute;
	top:0;
	line-height:40px;
	right:0;
	font-size:16px;
}

#footer
{
	height:300px;
	background:#ababab;
}

#footer_inner
{
	max-width:1000px;
	padding:1.5% 3% 3% 3%;
	margin:0 auto;
}

#footer ul
{
	float:left;
	margin-right:70px;
}

#footer li
{
	margin:0 0 4px 0;
}

#footer li a, #footer li span
{
	color:white;
	text-decoration:none;
	font-size:14px;
}

#footer li a:hover
{
	text-decoration:underline;
}

#content
{
	min-height:700px;
	padding-bottom:70px;
}

#content h2
{
	font-size:30px;
	font-weight:bold;
	margin:0 0 60px 0;
	color:#000000;
}

#content h3
{
	font-size:20px;
	font-weight:normal;
	margin:0 0 22px 0;
	color:#666666;
}

label
{
	display:block;	
	font-size:16px;
	font-weight:normal;
	margin:0 0 6px 0;
	color:#454545;
}

label.kleiner
{
	font-size:11px;
}

input.textfeld
{
	border:1px solid #cdcdcd;
	background:white;
	width:500px;
	padding:8px;
	font-size:18px;
	color:#000000;
}

input.textfeld.vereinsnummer
{
	font-size:50px;
	font-weight:bold;
	width:240px;
	height:80px;
	text-align:center;
	color:#898989;
}

input[disabled]
{
	background:white;
	color:#cccccc;
}

textarea
{
	border:1px solid #cdcdcd;
	background:white;
	width:700px;
	height:90px;
	padding:12px;
	font-size:16px;
	line-height:140%;
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
}

select
{
	border:1px solid #cdcdcd;
	padding:2px;
	font-size:16px;
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
}

select.bundesland
{
	border:1px solid #cdcdcd;
	padding:6px 20px 6px 6px;
	font-size:18px;
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	height:38px;
}

form
{
	margin:0 0 50px 0;
}

form li
{
	margin:0 0 24px 0;
}

input.button
{
	padding:12px 20px 12px 20px;
	border:1px solid #898989;
	background:#efefef;
	margin:20px 0 0 0;
}

input.button:hover
{
	background:#e7e7e7;
	cursor:pointer;
}

a.pfeillink
{
	color:#4d4d4d;
	padding-left:12px;
	background:url(img/pfeil.gif) no-repeat 0 5px;
	text-decoration:none;
	font-size:14px;
	font-weight:normal;
}

a:hover.pfeillink
{
	color:#000000;
	text-decoration:underline;
}

a.pfeillink_gross
{
	color:#4d4d4d;
	padding-left:12px;
	background:url(img/pfeil.gif) no-repeat 0 6px;
	text-decoration:none;
	font-size:16px;
	line-height:170%;
	font-weight:normal;
}

a:hover.pfeillink_gross
{
	color:#000000;
	text-decoration:underline;
}

p.zv
{
	margin:6px 0 0 0;
}

p.zv a.pfeillink
{
	font-size:12px;
	background:url(img/pfeil.gif) no-repeat 0 4px;
}

ul#hauptmenue_admin li
{
	display:block;
	margin:0 0 40px 0;
}

ul#hauptmenue_admin li a
{
	display:block;
	width:300px;
	height:40px;
	padding:20px;
	border:1px solid #000000;
	text-align:center;
	text-decoration:none;
	line-height:40px;
	fonts-size:30px;
	font-weight:bold;
	color:#000000;
	background:#efefef;
}

ul#hauptmenue_admin li span
{
	display:block;
	width:300px;
	height:40px;
	padding:20px;
	border:1px solid #000000;
	text-align:center;
	text-decoration:none;
	line-height:40px;
	fonts-size:30px;
	font-weight:bold;
	color:green;
	background:#efefef;
}

ul#hauptmenue_admin li a.einige{color:red;}

ul#hauptmenue_admin li a:hover
{
	background:#e1e0e0;
}

p.hinweis
{
	color:#000000;
	font-weight:bold;
	margin:0 0 40px 0;
}

p.fehlerhinweis
{
	color:#df012a;
	font-weight:bold;
	margin:0 0 40px 0;
}

#filter
{
	margin:0 0 40px 0;
}

#filter li
{
	float:left;
	margin:0 12px 0 0;
}

#filter label
{
	font-size:14px;
	font-weight:bold;
	margin:0 0 4px 0;
}

#filter select
{
	font-size:14px;
	width:260px;
	height:24px;
	font-family:Arial, Helvetica, sans-serif;
}

#filter input.filterangabe
{
	font-size:14px;
	line-height:24px;
	width:250px;
	height:24px;
	padding:4px;
	position:relative;
	top:19px;
}

#filter input.filter_anwenden
{
	padding:4px;
	font-size:13px;
	margin: 2px 0 0 0;
	position:relative;
	top:19px;	
}

table
{
	border-left:1px solid #cdcdcd;
	border-top:1px solid #cdcdcd;
	margin:0 0 20px 0;
}

table td
{
	border-right:1px solid #cdcdcd;
	border-bottom:1px solid #cdcdcd;
	padding:10px 50px 16px 10px;
	font-size:14px;
	line-height:22px;
	font-weight:normal;
}

table tr.head td.optionen
{
	text-align:center;
}

table td.optionen
{
	padding:10px 20px 16px 20px;
}

table.vereinsliste td.optionen ul
{
	height:24px;
	width:60px;
	margin:0 auto;
	position:relative;
	top:12px;
	left:0px;
}

table td.optionen li a, table td.optionen li span
{
	float:left;
	display:block;
	width:24px;
	height:24px;
	text-indent:-10000em;
	margin-right:3px;
	margin-left:3px;
}

table td.optionen li a.edit { background:url(img/edit.png) 0 -24px no-repeat; }
table td.optionen li a:hover.edit { background:url(img/edit.png) no-repeat; }
table td.optionen li span.edit { background:url(img/edit.png) 0 -48px no-repeat; }

table td.optionen li span.delete { background:url(img/delete.png) no-repeat;}
table td.optionen li a.delete { background:url(img/delete.png) 0 -24px no-repeat; }
table td.optionen li a:hover.delete { background:url(img/delete.png) 0 -48px no-repeat;}

table td.optionen li span.add { background:url(img/add.png) 0 -48px no-repeat;}
table td.optionen li a.add { background:url(img/add.png) no-repeat; }
table td.optionen li a:hover.add { background:url(img/add.png) 0 -24px no-repeat;}

table td a.mailto
{
	text-decoration:none;
	color:#000000;
}

table td a:hover.mailto
{
	text-decoration:underline;
	color:#000000;
}

p.anzahlgesamt
{
	font-size:12px;
	margin:0 0 4px 0;
}

.blaettern
{
	width:600px;
	text-align:left;
	height:20px;
	margin:26px 0 40px 0;
	position:relative;
	left:-4px;
}

.blaettern_oben
{
	margin:12px auto 22px auto;
}

.blaettern li
{
	display:inline;
	line-height:100%;
	padding:0 3px 0 3px;
	color:#343434;
	font-size:14px;
}

.blaettern li.aktiv
{
	color:#343434;
	text-decoration:underline;
}

.blaettern li a
{
	text-decoration:none;
	color:#343434;
}

.blaettern li a:hover
{
	color:#000000;
	text-decoration:underline;
}

.blaettern ul
{
	display:inline;
	text-align:center;
}

.blaettern li.zurueck
{
	padding-right:20px;
}

.blaettern li.weiter
{
	padding-left:20px;
}

.blaettern li.inaktiv
{
	color:#989898;
}

li#weitere_vereine h5
{
	font-weight:bold;
	font-size:16px;
	margin:0 0 10px 0;
}

li#weitere_vereine p
{
	font-weight:normal;
	font-size:14px;
	margin:0 0 2px 0;
}

iframe.sendmail
{
	width:0;
	height:0;
	border:none;
	display:none;
	margin:0;
	padding:0;
}

div.container_vor_hilfe
{
	float:left;
}

p.hilfe
{
	font-size:12px;
	color:#888888;
	font-style:italic;
	width:400px;
	line-height:17px;
	float:left;
	margin:26px 0 0 20px;
}

span.streiche
{
	color:#df012a;
	font-weight:normal;
	text-decoration:line-through;
}

span.setze
{
	color:green;
	font-weight:normal;
	text-decoration:none;
}

#lauftext p
{
		margin:0 0 30px 0;
}

#lauftext p a
{
	color:#000000;
	text-decoration:underline;
}

#lauftext h3
{
		margin:0 0 20px 0;
		font-weight:bold;
		font-size:18px;
}

.zahlungen
{
	padding:3%;
	background-color:#ffffff;
	border:1px solid #565656;
}

.zahlungen table
{
	border-top:1px solid black;
	border-left:1px solid black;
}

.zahlungen table tr
{
	height:44px;
}

.zahlungen table td
{
	border-right:1px solid black;
	border-bottom:1px solid black;
	line-height:100%;
	padding:10px 10px 20px 10px;
}

.zahlungen table td p
{
	line-height:130%;
	margin:0;
	width:auto;
	position:relative;
	top:4px;
}

.zahlungen td.pos1
{
	width:360px;
	text-align:left;
}

.zahlungen td.berechnung
{
	text-align:center;
	padding-left:30px;
	padding-right:30px;
}

.zahlungen td.zeilensumme
{
	text-align:right;
	font-weight:bold;
	padding-right:16px;
	padding-left:30px;
}

.zahlungen h5
{
	font-weight:bold;
	font-size:20px;
	margin:0 0 20px 0;
}

.zahlungen h4
{
	font-weight:bold;
	font-size:20px;
}

a.csv_button
{
	position:relative;
	left:0;
	display:block;
	width:38px;
	height:38px;
    background:url(img/csv_button.png) no-repeat 0 -38px;
    text-decoration:none !important;
	margin:10px 0 28px 0;
}

a:hover.csv_button
{
    background:url(img/csv_button.png) no-repeat;
	text-decoration:underline !important;
}

a.csv_button span
{
 	position:absolute;
	left:51px;
	top:10px;
    font-size:11px;
    color:#4d4d4d;
	white-space:nowrap;
	font-style:italic;
	text-decoration:none !important;
	line-height:28px;
}

a:hover.csv_button span
{
	text-decoration:underline !important;
}

#adminmenue
{
	width:100%;
	height:40px;
	background:#efefef;
	position:relative;
	top:-40px;
	border:1px solid #898989;
}

#adminmenue li
{
	position:relative;
	top:4px;
}

#adminmenue li a
{
	float:left;
	margin-left:12px;
	padding:0 14px 0 14px;
	border:1px solid black;
	position:relative;
	top:6px;
	height:20px;	
	width:auto;
	text-decoration:none;
	font-size:12px;
	line-height:20px;
	color:black;
}

#adminmenue li a:hover
{
	background:#fafafa;
}

table tr td p.hinweis_doublette
{
	margin-top:12px;
	font-weight:bold;
	color:#df012a;
	width:400px;
}

#stichtagsstatistik h3
{
	color:#000000;
	text-decoration:underline;
	font-weight:bold;
	font-size:26px;
}

#stichtagsstatistik ul li
{
	font-size:20px;
	color:#000000;
	line-height:30px;
}

#stichtagsstatistik ul li span
{
	font-weight:bold;
}

#stichtagsstatistik ul li p
{
	font-size:14px;
	margin:0;
	line-height:140%;
}