/* ########################################### */
/* ### BC EINTRACHT SÜDRING e.V. BADMINTON ### */
/* ########################################### */

html, body {
  margin: 0;
  padding: 0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 120%;
  color: #000;
  background: #414141;
}

/* LAYOUT */

div#page {
  width: 861px;
  background: url(gfx/back_page.jpg) repeat-y top center;
  margin: 0;
  padding: 0;
}

/* HEADER */

div#head {
  float: left;
  width: 861px;
  height: 188px;
  margin: 0;
  padding: 0;
}

div#head div#header {
  float: left;
  width: 861px;
  height: 155px;
  margin: 0;
  padding: 0;
}

div#head div#header h1 {
  width: 841px;
  color: #000;
  text-align: right;
  line-height: 100%;
  font-size: 26px;
  margin: 0;
  padding: 113px 20px 0 0;
}

/* NAVIGATION */

div#head div.navigation {
  float: left;
  width: 846px;
  height: 24px;
  margin: 0;
  padding: 9px 0 0 15px;
  color: #fff;
  text-transform: uppercase;
  font-weight: bold;
  text-align: left;
}

div#head div.navigation a {
  margin: 0;
  padding: 0 8px 0 8px;
  color: #fff;
  text-decoration: none;
}

div#head div.navigation a:hover {
  margin: 0;
  padding: 0 8px 0 8px;
  color: #ff0000;
  text-decoration: none;
}

/* LINKE SEITE */

div#left {
  float: left;
  width: 217px;
  margin: 10px 0 0 6px;
  padding: 0;
  color: #000;
  text-align: left;
}

div#left .topnews{
padding-left:5px;
padding-right:5px;
}

div#left div#tabellen {
  float: left;
  width: 217px;
  margin: 0;
  padding: 0;
  color: #000;
  text-align: left;
}

div#left div#tabellen div.tabellen_head {
  float: left;
  width: 202px;
  height: 22px;
  margin: 0;
  padding: 9px 0 0 15px;
  color: #fff;
  font-weight: bold;
  text-align: left;
  text-transform: uppercase;
  background: url(gfx/back_head.jpg) no-repeat top left;
}

div#left div#tabellen table.tabellen_content {
  float: left;
  width: 217px;
  margin: 0;
  padding: 0;
  color: #000;
  font-size: 10px;
  text-align: left;
  background: url(gfx/back_tabelle.jpg) repeat-y top left;
}

div#left div#tabellen div.tabellen_end {
  float: left;
  width: 217px;
  height: 5px;
  margin: 0;
  padding: 0;
  color: #fff;
  text-align: left;
  background: url(gfx/end_tabelle.jpg) no-repeat top left;
}

/* RECHTE SEITE */

div#right {
  float: left;
  width: 594px;
  margin: 10px 15px 0 20px;
  padding: 0;
  color: #000;
  text-align: left;
}

/* CONTENT */

div#right div#content {
  float: left;
  margin: 5px 0 0 0;
  padding: 0;
  width: 596px;
}

div#right div#content div.text {
  width: 594px;
  margin: 0;
  padding: 5px 0 0 0;
  line-height: 140%;
  text-align: left;
  background: url(gfx/back_text.jpg) repeat-x top left;
}

div#right div#content div.text2 {
  width: 594px;
  margin: 0 0 20px 0;
  padding: 0;
  line-height: 140%;
  text-align: left;
}

div#right div#content div.text2 img {
  float: left;
  color: #000;
  text-align: left;
  margin: 2px 15px 10px 0;
  padding: 0;
  border: 3px solid #d7d7d7;
}

div#right div#content div.text2 h1 {
  margin: 0 0 5px 0;
  padding: 0;
  line-height: 100%;
  text-align: left;
  font-size: 14px;
}

/* FOOTER */

div#footer {
  float: left;
  font-size: 9px;
  color: #bdbdb9;
  text-align: left;
  margin: 50px 0 10px 245px;
  padding: 0;
  width: 596px;
}

div#footer a {
  margin: 0;
  padding: 0;
  color: #464646;
  text-decoration: none;
}

div#footer a:hover {
  margin: 0;
  padding: 0;
  color: #000;
  text-decoration: none;
}

div#footer img {
  margin: 0;
  padding: 0;
  border: 0;
}

div#footer div#left {
  float: left;
  font-size: 9px;
  color: #494646;
  text-align: left;
  margin: 0;
  padding: 0;
  width: 100px;
}

div#footer div#right {
  float: right;
  font-size: 9px;
  color: #494646;
  text-align: right;
  margin: 0;
  padding: 0;
  width: 496px;
}

/* LINKDEFINITIONEN */

a {
  color: #000;
  text-decoration: none;
  font-weight: bold;
}

a:hover {
  color: #ff0000;
  text-decoration: none;
  font-weight: bold;
}

/* WENN KEIN JAVASCRIPT AKTIVIERT IST */

noscript {
  background: #ff0000;
  color: #fff;
  width: 100%;
  margin: 0;
  padding: 5px;
  border: 3px solid #ff9090;
  font-weight: bold;
}

/* KEINE UMRANDUNG BEIM ANKLICKEN EINES LINKS IM FIREFOX */

a {
  outline: none;
}

/* PARTNERLOGOS */

table.partner {
  width: 100%;
  height: 100%;
}

/* POPDOWNMENU */

.navigation {
	width:100%;
	position:relative;
	z-index:500;
}
/* hack to correct IE5.5 faulty box model */
* html .navigation {width:100%; w\idth:100%;}
/* remove all the bullets, borders and padding from the default list styling */
.navigation ul {
  padding:0;
  margin:0;
  list-style-type:none;
}
.navigation ul ul {}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown navigation positon */
.navigation li.first {
  float: left;
  position: relative;
}
.navigation li.second {
  float: left;
  position: relative;
  top: 7px;
  background-color: #4e4c4d;
  border-left: 1px solid #000;
  border-right: 1px solid #000;
  margin: 0;
  padding: 3px 0 0 0;
  width: 120px;
}
/* style the links for the top level */
.navigation a, .navigation a:visited {
	display: block;
	text-decoration: none;
	width: auto;
	margin: 0;
	padding: 0;
}
/* a hack so that IE5.5 faulty box model is corrected */
* html .navigation a, * html .navigation a:visited {}
/* style the second level background */
.navigation ul ul a.drop, .navigation ul ul a.drop:visited {}
/* style the second level hover */
.navigation ul ul a.drop:hover{}
.navigation ul ul :hover > a.drop {}
/* style the third level background */
.navigation ul ul ul a, .navigation ul ul ul a:visited {}
/* style the third level hover */
.navigation ul ul ul a:hover {}
/* hide the sub levels and give them a positon absolute so that they take up no room */
.navigation ul ul {
	visibility:hidden;
	position:absolute;
	height: 20px;
	z-index: 500;
}
/* another hack for IE5.5 */
* html .navigation ul ul {top:0px;t\op:00px;}
/* position the third level flyout navigation */
.navigation ul ul ul{}
/* position the third level flyout navigation for a left flyout */
.navigation ul ul ul.left {left:-120px;}
/* style the table so that it takes no ppart in the layout - required for IE to work */
.navigation table {
	position:absolute;
	top:0;
	left:0;
	border-collapse:inherit;
}
/* style the second level links */
.navigation ul ul a, .navigation ul ul a:visited {
	padding: 0;
	margin: 0;
	border-bottom: 1px dotted #000;
	height: 18px;
}
/* yet another hack for IE5.5 */
* html .navigation ul ul a, * html .navigation ul ul a:visited {}
/* style the top level hover */
.navigation a:hover, .navigation ul ul a:hover{}
.navigation :hover > a, .navigation ul ul :hover > a {}

/* make the second level visible when hover on first level list OR link */
.navigation ul li:hover ul, .navigation ul a:hover ul {visibility:visible;}
/* keep the third level hidden when you hover on first level list OR link */
.navigation ul :hover ul ul{ visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.navigation ul :hover ul :hover ul{ visibility:visible;}

.clear { clear:both;}

hr{
background-color:#999999;
}