/* Standard-CSS for VfL Bad Schwartau */

/* Important coloring
	Blue=#01325d
	Black=#000000
	Gray=#5e636c

	Textfarben:
	Blue=#01325d
	Black=#000000
	Gray=#5e636c
*/



/* General information */

body, div, p, h1, h2, h3,
span, a, td, table, tr, img {
	margin:0px;
	padding:0px;
}

html, body {
	background-color:#fafafa;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	text-align:left;
	
/*	scrollbar-base-color:#fafafa;
	scrollbar-face-color:#fafafa;
	scrollbar-arrow-color:#000000;
  	scrollbar-3dlight-color:#fafafa;
  	scrollbar-darkshadow-color:#fafafa;
  	scrollbar-highlight-color:#fafafa;
  	scrollbar-shadow-color:#fafafa;
  	scrollbar-track-color:#fafafa;
*/
	
}

html {
	height:100%;
}

/* General information End */



/* Maintable (Hauptgerüst) */

.br {
	font-size:0px;
	line-height:0px;
}

.maintable {
	width:1000px;
	height:100%;
	border:0px;
	background-color:#ffffff;
}

.maintable td {
	vertical-align:top;
	text-align:left;
}

/* Maintable - End */






/* General styles */

.maincolorbold {
	color:#01325d;
	font-weight:bold;
}

.maincolorboldlight {
	color:#000000;
	font-weight:100;
}

.maincolorlight {
	color:#01325d;
	font-weight:100;
}

/* General styles - End */




/* Headarea */

.headarea {
	width:1000px;
	height:253px;
}

.tableheadarea {
	width:1000px;
	height:253px;
	border:0px;
}

.tableheadarea td {
	vertical-align:top;
	text-align:left;
}

	/* Headarea logo */
	
	.headlogoarea {
		width:454px;
		height:175px;
	}
	
	.vfllogo {
		width:454px;
		height:175px;
		background-image:url(img/vfllogoblue.gif);
		background-repeat:no-repeat;
	}
	
	.headmenu {
/*		position: relative;
		color:#5e636c;
		text-align:right;
		margin: 16px 0px 7px 0px;
		height:24px;
		width: 370px;*/
		color:#5e636c;
		text-align:right;
		margin:16px 8px 7px 0px;
		height:24px;

	}
	
	/* Headarea sponsorbanner */
	
/*	.headsponsorbannerarea {
		width:363px;
		height:175px;
	}
	
	.boxheadsponsoring {
		width:355px;
		height:100px;
		margin:0px 0px 12px 0px;
	}*/

	.headsponsorbannerarea {
		width:363px;
		height:175px;
	}
	
	.boxheadsponsoring {
		width:355px;
		height:100px;
		margin:0px 0px 12px 0px;
	}	
	/*Diese Bildauswahlleiste ist für die Bannerbox im Header und für die Bildgalerie*/
	
	.picbarchoice {
		/* width:550px; */ /* 252 */
		height:16px;
	}
	
	.picbarchoice .picbarchoicebeg  {
		width:14px;
		height:16px;
		float:left;
		margin-right:2px;
		background-image:url(img/picbarchoicebegblue.gif);
	}
	
	.picbarchoice .picbarchoiceend  {
		width:14px;
		height:16px;
		float:left;
		margin-right:0px;
		background-image:url(img/picbarchoiceendblue.gif);
	}
	
	.picbarchoice div, .picbarchoice .picbarchoiceitem {
		width:35px;
		height:16px;
		float:left;
		margin-right:2px;
		background-color:#eaeaea;
	}

	/*.picbarchoice div:hover {*/
	.picbarchoice .picbarchoiceitem:hover {
		width:35px;
		height:16px;
		float:left;
		margin-right:2px;
		background-image:url(img/picbarchoicepicblue.gif);
	}
	
	/* Headarea logo-hbl */
	
	.headhblarea {
		width:183px;
		height:253px;
	}
	
	.hbllogo {
		width:133px;
		height:215px;
		margin:19px 0px 0px 25px;
	}
	
/* Headbereich - End */



/* Menuarea */
	
.menuarea {
		width:817px;
		height:78px;
}

/* Menuarea - End */



/* Contents */

.contentarea {
	width:539px;
}

	/* Contents index */
	
	.boxmainpicindex {
		width:528px;
		height:357px;
		border:1px solid #eaeaea;
		margin:0px 0px 0px 9px;
	}
	
	h1 {
		width:508px;
		color:#000000;
		font-weight:bold;
		font-size:18px;
		margin:6px 0px 0px 10px;
	}
	
	.mainpicindex {
		width:508px;
		height:314px;
		margin:6px 0px 0px 10px;
	}
	
	h2 {
		width:508px;
		color:#000000;
		font-weight:100;
		font-size:14px;
		margin:32px 0px 0px 20px;
	}
	
	.boxtablenewsindex {
		width:508px;
		margin:13px 0px 0px 20px;
		padding:0px 0px 10px 0px;
		min-height:145px;
		height:auto !important;  /* for modern browser */
		height:145px;
	}
	
	.tablenewsindex {
		width:508px;
		border:0px;
	}
	
	.tablenewsindex td {
		vertical-align:top;
		text-align:left;
		color:#5e636c;
	}
	
	.linenewsboxindex {
		width:23px;
		background-image:url(img/linenewsbox.gif);
		background-repeat:repeat-y;
	}
	
	.tablenewsindex div {
		width:154px;
		margin-bottom:16px;
	}
	
	/* Contents Subsite */
	
	.boxpicband {
		width:528px;
		height:176px;
		border:1px solid #eaeaea;
		margin:0px 0px 0px 9px;
	}
	
	.tableboxpicband {
		width:508px;
		height:156px;
		border:0px;
		margin:10px 0px 0px 7px;
	}
	
	.boxbigpic {
		width:528px;
		height:356px;
		border:1px solid #eaeaea;
		margin:0px 0px 0px 9px;
	}	
	
	.bigpic {
		width:508px;
		height:336px;
		margin:10px 0px 0px 10px;
	}
	
	.tableboxpicband td {
		text-align:left;
		vertical-align:top;
		height:156px;
	}
	
	.dartpicbandleft {
		background-image:url(img/dartpicbandleft.gif);
		width:15px;
		height:156px;
	}
	
	.dartpicbandright {
		background-image:url(img/dartpicbandright.gif);
		width:14px;
		height:156px;
	}
	
	h3 {
		width:508px;
		color:#000000;
		font-weight:bold;
		font-size:18px;
		margin:28px 0px 0px 20px;
	}
	
	
	.continuoustext a, .continuoustextbicpic a, .continuoustextbildleiste a {
		color:#000000;
		text-decoration:underline;
	}
	
	.continuoustext p, continuoustextbicpic p, .continuoustextbildleiste p {
		margin-bottom:15px;
	}
	
	.continuoustext li, .continuoustextbicpic li, .continuoustextbildleiste li {
		list-style-image:url(img/list.gif);
		margin:0px 0px 7px -23px;
	}


	.continuoustext {
		width:508px;
		margin:23px 0px 0px 20px;
		color:#5e636c;
		min-height:145px;
		height:auto !important;  /* for modern browser */
		height:145px;
	}
	
	.continuoustextbicpic {
		width:508px;
		margin:23px 0px 0px 20px;
		color:#5e636c;
		min-height:195px;
		height:auto !important;  /* for modern browser */
		height:195px;
	}
	
	.continuoustextbildleiste {
		width:508px;
		margin:23px 0px 0px 20px;
		color:#5e636c;
		min-height:325px;
		height:auto !important;  /* for modern browser */
		height:325px;
	}
	
	
		
	/* Contents News */
	
	.newsdate {
		color:#000000;
	}
	
	.newstitle {
		color:#01325d;

		font-weight:bold;
		margin:0px 0px 16px 0px;
	}
	
	.newstext {
		margin:0px 0px 16px 0px;
	}
	
	.newsmore {
		margin:0px 0px 32px 0px;
	}
	
	/* Contents Galerie */
	
	.boxpicgalerie {
		width:528px;
		height:176px;
		border:1px solid #eaeaea;
		margin:0px 0px 21px 9px;
	}
	
	.tableboxpicgalerie {
		width:508px;
		height:157px;
		border:0px;
		margin:10px 0px 0px 10px;
	}
	
	.tableboxpicgalerie td {
		text-align:left;
		vertical-align:top;
	}
	
	.tableboxpicgalerie img {
		width:78px;
		height:74px;
		border:0px;
	}
	
	.tableboxpicgalerie img:hover {
		width:78px;
		height:74px;
		border:0px;
	}
	
	.boxmainpicgalerie {
		width:347px;
		height:337px;
		border:1px solid #eaeaea;
		margin:21px 0px 0px 100px;
	}
	
	.mainpicgalerie {
		width:327px;
		height:317px;
		margin:10px 0px 0px 10px;
	}
	
	.mainpicgalerie img {
		width:327px;
		height:317px;
		border:0px;
	}
	
	/* Contents Kader */
	
	.boxmannschaftsperson {
		width:528px;
		/*height:356px;*/
		border:1px solid #eaeaea;
		margin:0px 0px 0px 9px;
	}	
	
	.mannschaftsperson {
		width:508px;
		/*height:336px;*/
		margin:10px 0px 10px 10px;
	}
	
	.mannschaftsperson div {
		float:left;
		margin:0px;
		/*height:336px;*/
		width:254px;
	}
	
	.mannschaftsperson img {
		height:336px;
		width:254px;
		border:0px;
	}
	
	h5 {
		width:230px;
		color:#000000;
		font-weight:bold;
		font-size:18px;
		margin:2px 0px 0px 20px;
		text-transform:uppercase;
	}
	
	.tableplayer {
		width:230px;
		border:0px;
		margin:20px 0px 0px 20px;
		color:#000000;
	}
	
	.tableplayer td, .tableplayertable td {
		text-align:left;
		vertical-align:top;
	}
	
	.playertablertd {
		border-bottom: 1px #000 solid;
		font-weight: bold;
		font-size: 12px;
	}
/* Contents - End */



/* Frame "Next Play" "eventim" "Ranking" */

.contentsright {
	width:461px;
}

.tableboxesandbanner {
	width:461px;
	border:0px;

}

.tableboxesandbanner td {
	text-align:left;
	vertical-align:top;
}

.boxarea {
	width:270px;
	height:605px;
}

	/* Next Play */
	
	/*.boxnextplay {
		width:250px;
		height:183px;
		background-image:url(img/boxnextplay.gif);
		background-repeat:no-repeat;
		margin:0px 0px 0px 20px;
	}
	
	.nextplayhome {
		width:224px;
		margin:0px 0px 0px 13px;
		padding:55px 0px 0px 0px;
	}
	
	.nextplayout {
		width:224px;
		margin:0px 0px 0px 13px;
		padding:27px 0px 0px 0px;
	}
	
	.toscore {
		width:224px;
		margin:0px 0px 0px 13px;
		padding:20px 0px 0px 0px;
	}*/
	
	/* Next Play */
	
	.boxnextplay {
		width:250px;
		height:183px;
		background-image:url(img/boxnextplay.gif);
		background-repeat:no-repeat;
		margin:0px 0px 0px 20px;
	}
	
	.nextplayhead {
		width: 250px;
		height: 43px;
	}
	
	.nextplayhome {
		width:224px;
		height: 42px;
		margin:0px 0px 0px 13px;
		padding:10px 0px 0px 0px;
	}
	
	.nextplayout {
		width:224px;
		height: 42px;
		margin:0px 0px 0px 13px;
		padding:10px 0px 0px 0px;
	}
	
	.toscore {
		width:224px;
		height: 17px;
		margin:0px 0px 0px 13px;
		padding:10px 0px 0px 0px;
	}

	/* eventim */
	
	.boxeventim {
		width:250px;
		height:159px;
		background-image:url(img/eventim.gif);
		background-repeat:no-repeat;	
		margin:16px 0px 0px 20px;
		padding:0px 0px 0px 0px;
	}
	
	.eventimorder {
		width:224px;
		margin:0px 0px 0px 13px;
		padding:126px 0px 0px 0px;
	}

	/* Ranking */
	
	.boxranking {
		width:250px;
		height:227px;
		background-image:url(img/boxranking.gif);
		background-repeat:no-repeat;
		margin:20px 0px 0px 20px;
	}
	
	.rankinghead {
		width: 250px;
		height: 43px;
	}
	
	.ranking {
		width:224px;
		height: 132px;
		margin:10px 0px 0px 13px;
	}
	
	.ranking td {
		/*text-align:left;*/
		vertical-align:top;
		height:22px;
	}
	
	.rankinglist {
		width:224px;
		margin:0px 0px 0px 13px;
		padding:17px 0px 0px 0px;
	}

/* Frame "Next Play" "eventim" "Ranking" - End */



/* Frame Mainbanner */

.mainbannerarea {
	width:191px;
	height:605px;
}

.mainbanner {
	width:160px;
	height:600px;
	margin:0px 0px 0px 21px;
}

/* Frame Mainbanner - End */



/* Box sponsor */

.boxsponsorarea {
	width:191px;
	padding-left:24px;
	padding-top:15px;
	padding-bottom:15px;
}

.boxsponsor {
	width:347px;
	height:107px;
	background-image:url(img/boxsponsoring.gif);
	margin:19px 0px 0px 8px;
}

/* Box sponsor - End */



/* Footer */

.boxfooter {
	width:530px;
	height:124px;
	background-image:url(img/boxfooter.gif);
	background-repeat:no-repeat;
	margin:24px 0px 0px 10px;
}

.boxfooter_spacer {
	height: 24px;
}

.tablefooter {
	width: 508px;
	height: 124px;
	color: #5e636c;
	border: 0px;
	/*padding: 24px 0px 0px 0px;*/
	margin: 0px 0px 0px 10px;
}

.tablefooter td {
	vertical-align:top;
	text-align:left;
}

.tablefooter ul {
	margin-top:0px;
}

.tablefooter li {
	list-style-image:url(img/listfooterblue.gif);
	margin:0px 0px 4px -23px;
}

.copyright {
	color:#c1bfbf;
	padding:0px 0px 0px 0px;
}

/* Footer - Ende */


/*Footerbannerarea*/

.footerbannerarea {
	width:1000px;
	height:100px;
	background-color:#ffffff;
}

	.footerbannercontain {
		width:1000px;
		height:100px;
	}
	
	.footerbannercontain div {
		float:left;
		margin:0px 0px 0px 0px;
	}

/*Footerbannerarea - Ende */


/* Links */

.link1:link, .link1:visited { 
	color:#5e636c;
	text-decoration:none;
	font-size:11px;
	font-weight:100;
}

.link1:hover, .link1:active { 
	color:#5e636c;
	text-decoration:underline;
	font-size:11px;
	font-weight:100;
}

.link2:link, .link2:visited { 
	color:#000000;
	text-decoration:underline;
	font-size:11px;
	font-weight:bold;
}

.link2:hover, .link2:active { 
	color:#000000;
	text-decoration:underline;
	font-size:11px;
	font-weight:bold;
}

.link3:link, .link3:visited { 
	color:#ffffff;
	text-decoration:underline;
	font-size:11px;
	font-weight:bold;
}

.link3:hover, .link3:active { 
	color:#ffffff;
	text-decoration:underline;
	font-size:11px;
	font-weight:bold;
}

.link4:link, .link4:visited { 
	color:#000000;
	text-decoration:underline;
	font-size:11px;
	font-weight:100;
}

.link4:hover, .link4:active { 
	color:#000000;
	text-decoration:underline;
	font-size:11px;
	font-weight:100;
}

.link5:link, .link5:visited { 
	color:#01325d;
	text-decoration:underline;
	font-size:11px;
	font-weight:100;
}

.link5:hover, .link5:active { 
	color:#5e636c;
	text-decoration:none;
	font-size:11px;
	font-weight:100;
}

.link6:link, .link6:visited { 
	color:#01325d;
	text-decoration:underline;
	font-size:11px;
	font-weight:100;
}

.link6:hover, .link6:active { 
	color:#01325d;
	text-decoration:none;
	font-size:11px;
	font-weight:100;
}

/* Links - Ende */

/* searchbar */

.kontaktformular {
	border:0px;
	width:500px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	text-align:left;
}

#searchbox {
	position:absolute;
	top: 25px;
	left: 850px; /* 275 */
	list-style:none;
	margin:8px 0px 0px 0px;
	padding:10px 8px 5px 8px;
	z-index:2500;
	border:1px solid #eaeaea;
	background-image:url(img/hgsubmenue.gif);
	background-repeat:repeat-x;
	display: none;
}

.form_button {
	background-color:#01325D;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#ffffff;
	font-weight:bold;
	cursor:pointer;
	width:60px;
	height:22px;
	border: 1px #5E636C solid;
	margin:0px 0px 0px 0px;
}

.textfeld {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:11px;
	color:#5E636C;
	height:17px;
	width:370px;
	border:1px solid #5E636C;
	background-color:#ffffff;
}

.textbereich {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:11px;
	color:#5E636C;
	width:370px;
	border:1px solid #5E636C;
	background-color:#ffffff;
	height:50px;
}

.kontakttext {
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:11px;
	line-height:12px;
	color:#5E636C;
}

/* searchbar - Ende */