/* 
	(c) Ralf Hottmeyer und Daniel Hottmeyer
	03.04.2010 02:27

1px = 0,0625em
html, body {
	margin:0;
	padding:0;
	text-align:center;
	font-family:"Trebuchet MS", Arial, sans-serif;
	color:#C00;
} 
 
*/

html {
	margin:0em;
	padding:0em;
	height:100%;
	width:100%;
}
body {
	margin:0em;
	padding:0em;
	font:normal 1em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
/*	font:normal 1em Arial, Helvetica, sans-serif; */
/*	font:normal 1em Times, Arial, sans-serif;*/
/*	font-family:Georgia, Times, Arial, serif;*/
/*	font-size:16px;*/
	color:#C00;
	height:100%;
	width:100%;
	background-image:url(bilder/hg.jpg);
	background-repeat:no-repeat;
	background-position:center;
	background-color:#FFF;
}
#pagewidth { 
	width:1000px;
	text-align:left; 
	margin-left:auto;
	margin-right:auto; 
} 
#header {
	position:relative;
	height:180px;
	width:100%;
} 
#Head {
	font-family:Georgia, "Times New Roman", Times, serif;
	position:absolute;
	font-size:46.4px;
	font-weight:600;
	top:35px;
	left:200px;
	width:770px;
}
#Head2 {
	position:absolute;
	font-size:1.8em;
	font-weight:600;
	top:90px;
	left:220px;
	width:750px;
}
#Head3 {
	position:absolute;
	font-size:1.2em;
	font-weight:300;
	top:120px;
	left:220px;
	width:750px;
}
#Logo {
	position:relative;
	background:url(bilder/hg.png) no-repeat;
	width:150px;
	height:170px;
}
#leftcol {
	width:180px;
	float:left;
	position:relative;
}
#twocols {
	width:805px;
	float:right;
	position:relative;
}

#box-menue, #box-termine, #box-werbung, #box-abt {
	position:relative;
	display:block-inline;
	font-weight:300;
}
div.box {
	background:url(../../bilder/hp_box_red.gif) repeat-y;
	background-color:transparent;
	font-size:0.9em;
}
div.box-titel {
	background:url(../../bilder/hp_box_red_top.gif) no-repeat;
	font-weight:600;
	text-align:center;
	padding:5px 0px 0px 0px;
}
div.box-bottom {
	background:url(../../bilder/hp_box_red_bottom.gif) no-repeat;
}
.box-termine {
	padding-top:2px;
}
.box-termine-titel {
	padding-left:0.4em;
}
.box-abt img {
	float:right;
	margin-top:0.73em;
	margin-right:0.73em;
}
.box-abt {
	margin-top:2px;
}
.box-abt-info {
	clear:left;
	padding-left:4px;
	font-size:0.73em;
	display:block;
	min-height:20px;
}
.box-abt-info .box-abt-leiter {
	margin:0.2em 0 0 1em;
	display:block;
}
.box-abt-info1, .gruppe1 {
	margin:0 0 0 0.2em;
	font-size:0.9em;
	display:block;
}
.box-abt-info2, .gruppe2 {
	padding:0 0 0 1.2em;
	font-size:0.73em;
	display:block;
}
.box-werbung img {
	display:block;
	padding-top:0.73em;
	margin:0px auto 0px auto;
}
.box-werbung-link {
	display:block;
	text-align:center;
	font-size:0.73em;
	padding-bottom:1em;
}
.box-menueEbene1, .box-termine, .box-termine-titel, .box-abt {
	font-size:0.9em;
	display:block;
	margin:0 0.4em 0 1em;
}
.box-menueEbene2 {
	display:block;
	font-size:0.8em;
	margin:0.2em 0 0 3em;
}
.box-menueEbene3 {
	display:block;
	font-size:0.73em;
	margin:0 0 0 4em;
}
.box-menueEbene1-aktiv {
	font-weight:600;
	font-size:0.9em;
	margin:0 0.4em 0 1em;
}
.box-menueEbene2-aktiv {
	font-weight:600;
	display:block;
	font-size:0.8em;
	margin:0.2em 0 0 3em;
}
.box-menueEbene3-aktiv {
	font-weight:600;
	display:block;
	font-size:0.73em;
	margin:0 0 0 4em;
}
img.menueIcon {
	position:relative;
	top:2px;
	margin:0 0.4em 0 0;
}
div.box-menue {
	display:block-inline;
	font-size:0.9em;
}
#maincol {
	width:605px;
	/*	border-width:0.1em 0.1em 0.1em 0.1em;border-color:#C00;border-style:dashed;padding:0px;
	*/
	float:left;
	display:inline;
	position:relative;
	margin:0px 2px 2px 2px;
}
div.border-top {
	background:url(../../bilder/hp_main_red_top.gif) no-repeat;
}
div.border-top h2 {
	font-size:1.1em;
	font-weight:600;
/*	margin:0.53em 0 0 0.53em; */
	padding:10px 0 0 0;
}
.border-middle {
	background:url(../../bilder/hp_main_red_middle.gif) repeat-y;
}
div.border-bottom {
	background:url(../../bilder/hp_main_red_bottom.gif) no-repeat;
}
div.border-top-highlight {
	background:url(../../bilder/hp_highlight_red_top.gif) no-repeat;
}
div.border-middle-highlight {
	background:url(../../bilder/hp_highlight_red_middle.gif) repeat-y;
}
div.border-bottom-highlight {
	background:url(../../bilder/hp_highlight_red_bottom.gif) no-repeat;
}
div.SiteInfo, #Table, #Table table, table, .TableBerichteAlt, #TableTerminkasten, .TableBerichteKurz table, .TableInfo, .TableInfoTop, #Bericht {
	width:100%;
}
#Table table {
	padding:0 3px 0 3px;
}
caption {
	font:italic 1.2em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	padding:0 0 0 0.5em;
	width:100%;
	text-align:left;
}
hr {
	width:100%;
	height:1px;
	background-color:#C00;
	border:none;
}
div.Highlight {
	margin:0em;
	font-size:0.9em;
}
div.Highlight h1 {
	font-size:1.4em;
	font-weight:600;
	color:#191970;
	margin:0 0 0 0.53em;
	padding:0.93em 0 0 0.73em;
}
div.Highlight h2 {
	font-size:1em;
	color:#191970;
	font-weight:300;
	margin:0em;
	min-height:100px;
	padding:0.4em 0.9em 0em 1.73em;
}
div.Highlight h1 img {
	margin:0.73em 1.73em 0 0;
	max-width:150px;
}
div.Highlight h2 img {
	margin:1em 1em 1em 1em;
	float:both;
}
div.Highlight h2 img.text {
	margin:0em;
	float:both;
}
#SiteInfo {
}
div.SiteInfo {
	font-size:0.9em;
}
div.SiteInfo h1 {
	font-size:1.4em;
	font-weight:600;
	margin:0 0 0 0.53em;
	padding:5px 0 0 0;
}
div.SiteInfo h2 {
	font-size:1em;
	font-weight:300;
	margin:0em;
	padding:0.4em 0.9em 0em 0.73em;
}
div.SiteInfo h1 img {
	margin:-50px -15px 0 0.5em;
	max-width:200px;
}
div.SiteInfo h2 img {
	margin:1em 1em 1em 1em;
	float:both;
}
div.SiteInfo h2 img.text {
	margin:0em;
	float:both;
}
span.AbtInfo h2 img {
	margin:0em 0em 0em 0em;
}
span.klein {
	font-size:0.73em;
}
span.info {
	font-size:0.9em;
}
li {
	margin:0em 0em 0em 1.4em;
}
p.Abtleitung {
	margin:0em 0.9em 0em 14em;
}
p.Abtleitung-left {
	margin:0 0 -1.2em 0;
}
table.Mannschaften {
	font-size:0.73em;
	padding:0em 2em 0 2em;
	text-align:center;
	margin:0 0.73em 0 0.43em;
}
table.Mannschaften img {
	padding:0em 2em 0 2em;
/*	margin:auto 1.875em; */
}
table.Mannschaften td {
	padding-top:2em;
}

table.Gruppen {
	font-size:0.9em;
	text-align:left;
	margin:0 0.73em 0 0.43em;
}
table.Gruppen img {
	padding:0em 1em 0 2em;
}
table.Gruppen td {
	vertical-align:text-top;
}

table div.TableBerichteKurz, table div.TableTerminkastenKurz {
	padding-right:0.2em;
	padding-left:0.2em;
}
div.TableBerichteKurz, div.TableTerminkastenKurz {
	font-size:0.9em;
	padding-right:0.4em;
	padding-left:0.4em;
}
div.TableTerminkastenKurz h1{
	text-align:center;
}
div.TableBerichteKurz h1, div.TableTerminkastenKurz h1 {
	margin:0;
	padding:4px;
	font-size:1em;
	font-weight:600;
	background-color:#C00;
	color:#FFF;
}
div.TableBerichteKurz h1 img {
float:right;
	margin:0 0 0 0.5em;	
}
tr.TableBerichteKurzInfo, tr.TableTerminkastenKurzInfo {
	font-size:0.73em;
}
td.TableBerichteKurzInfo1 {
	text-align:left;
	width:10%;
}
td.TableBerichteKurzInfo2 {
	text-align:left;
	width:55%;
}
td.TableBerichteKurzInfo3 {
	text-align:right;
	width:35%;
}
td.TableBerichteKurzInfo4 {
	font-size:0.9em;
}
td.TableBerichteKurzInfo4 img {
	float:right;
	padding-left:0.5em;
}
td.TableBerichteKurzInfo4 a {
}
a.KurzInfoWeiter {
	margin-top:1em;
	float:left;
}
.TableInfoTop {
	margin:1em 0em 1em 0em;
	padding-right:0.73em;
	text-align:right;
	font-size:0.83em;
}
tr.TableInfo img {
	margin-right:1em;
	border:0px;
	float:right;
}
td.TableInfo {
	font-size:0.73em;
	width:85%;
}
table.Image {
	font-size:0.73em;
	float:right;
	text-align:center;
}
td.Image img {
	float:none;
}
.blau-rot {
	color:#191970;
}
.th_header {
	border-right:1px solid #FFF7F7;
	border-bottom:2px solid #FFF7F7;
	padding-left:4px;
	background-color:#C00;
	font-size:0.9em;
	color:#FFF;
	text-align:left;
}
tr.TableList:hover td.TableList1, tr.TableList:hover td.TableList1, tr.TableList:hover td.TableList2, tr.TableList:hover td.TableList2 {
	background-color:#F0F0F0;
/*	font-style: italic; */
	color:#C00;
}
tr.TableList img {
	float:right;
	margin:0 0 0.1em 0;
}
tr.TableList td img.Anfahrt {
	float:none;
	margin:0 0 0 0;
}
td.TableList {
	font-size:0.8em;
}
td.TableList1 {
	font-size:13px;
	border:2px 2px 2px 2px;
	padding:0px 2px 0px 4px;
	background:#FFF7F7;
}
td.TableList2 {
	font-size:13px;
	border:2px 2px 2px 2px;
	padding:0px 2px 0px 4px;
	background:transparent;
}
td.TableList1 img, td.TableList2 img {
	border:0px;
}
td.TableList1 a img, td.TableList2 a img {
	margin-right:0.7em;
}
.nobg:hover {
	background-color:transparent;
}
.rechts {
	text-align:right;
}
.center {
	text-align:center;
}
.links {
	text-align:left;
}
#rightcol {
	width:180px;
	float:right;
	position:relative;
}
#footer {
	background:url(/bilder/hp_footer_red.gif) no-repeat;
	font-size:11.2px;
} 
#footer-info {
	padding-top:16px;
	margin-left:19.2px;
	float:left;
}
#footer-copyright {
	padding-top:8px;
	text-align:center;
	float:none;
}
#footer-counter {
	padding-top:16px;
	margin-right:19.2px;
	float:right;
}
#extraDiv {
	background-image:url(/bilder/hg_bottom2.png);
	background-repeat:repeat-x;
	background-position:center;
	height:16px;
	width:100%;
	position:fixed;
	bottom:0px;
	z-index:5;
}
#extraDiv1 {
	background-image:url(/bilder/hg_gerissen.png);
	background-repeat:repeat-y;
	background-position:right;
	height:100%;
	width:20px;
	position:fixed;
	top:0px;
	right:0px;
	z-index:6;
}

a {
	text-decoration:underline;
}
a:link, a:visited, a:active	{
	color:#C00;
}
a:hover	{
	color:#FFF;
	background-color:#C00;
}
h1 {
	font-size:1.4em;
	margin:0 0 0 0;
}
h2 {
	font-size:1.2em;
	margin-top:0em;
	margin-bottom:0.1em;
	margin-left:0;
}
 
/* *** Float containers fix:
http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
 
.clearfix {
	display:inline-block;
}

/* Hides from IE-mac */
* html .clearfix {
	height:1%;
}
.clearfix {
	display:block;
}
/* End hide from IE-mac */	


 
/* printer styles */ 
@media print{ 
	/* hide the left column when printing */
	#leftcol {
		display:none;
	} 
	/* hide the right column when printing */
	#rightcol {
		display:none;
	} 
	#twocols, #maincol {
		font-size:1em;
		width:100%;
		float:none;
	}
	#Head, #Head2, #Head3 {
		font-size:1.6em;
	} 
	#footer {
		height:50px;
		font-size:0.7em;
		clear:both;
	 } 
	#footer-info {
		display:none;
	}
	#footer-copyright {
		text-align:center;
	}
	#footer-counter {
		display:none;
	}
	#extraDiv, #extraDiv1 {
		display:none;
	}
	.border-middle {
		background: transparent;
	}
	.border-top, .border-bottom {
		visibility:hidden;
	}
	.border-top h1 {
		visibility:visible ;
	}
}
