/* Stylesheets (c) SportDates.de
   DATE: Feb 2006
*/

/* Algm. Einstellung */

ul#bn_bookmarks
{	width:90%;
	list-style-type:none;
	list-style-position:outside;
	overflow:hidden;
	margin:6px auto 0px auto;
	position:relative;
	z-index:100;
}

ul#bn_bookmarks li
{	width:20px;
	height:20px;
	padding:2px;
	overflow:hidden;
	text-align:center;
	display:inline;
	float:right;

}

ul#bn_bookmarks li img
{	cursor:pointer;
	margin:0px;
	padding:0px;
}




*
{ margin:0px;
  padding:0px;
  font-family:verdana, sans-serif, arial;
  text-decoration:none;
	font-size:11px;
	color:#232323;
}

strong
{ font-size:12px;
}

html,body
{ height:100%;
  width:100%;
  background-color:#809996;
}

.my_center
{	text-align:center;
}

.my_clear
{	font-size:1px;
	clear:both;
	height:1px;
}

.big_clear
{	font-size:1px;
	clear:both;
	height:1px;
	margin-bottom:5px;
}

.error_line
{	text-align:center;
	width:100%;
}

.error
{	color:#ffffff;
	font-weight:bold;
	text-align:center;
	background-color:#ff9801;
	font-size:12px;
}


img
{  border-width:0px;
}

.sp_box
{ background-color:#ced7d6;
  width:100%;
	min-width:900px;
	position:relative;
	z-index:100;
}

/* Logo bereich */
.logo
{ width:100%;
  background-image:url(image/logo/hintergrund_logo_test.jpg);
  overflow:hidden;
  height:110px;
  background-repeat:repeat-x;
	position:relative;
	z-index:100;
}

.hinweis_box
{	position:absolute;
	left:565px;
	top:0px;
	width:200px;
	height:110px;
	background-image:url(/template/image/logo/hinweisschild.gif);
	display:none;
	font-weight:bold;
	overflow:hidden;
}

#hinweis_p
{	margin:20px;
}

/* menüleiste im header bereich */

.menu_leiste
{ width:100%;
  background-image:url(image/hori_menu/leiste.jpg);
  overflow:hidden;
  height:25px;
  background-repeat:repeat-x;
  list-style-type:none;
  list-style-position:outside;
	position:relative;
	z-index:100;
}

.menu_leiste li
{ background-image:url(image/hori_menu/trenner.gif);
  overflow:hidden;
  height:25px;
  line-height:25px;
  padding:0px 10px 0px 10px;
  background-position: 0% 150%;
  background-repeat:no-repeat;
	float:left;
  font-weight:bold;
  font-size:12px;
  color:#535353;
}

.menu_leiste li.bn_first
{	 background-image:none;
}


.menu_leiste li a,.menu_leiste li a:link, .menu_leiste li a:visited,.menu_leiste li a:active
{ color:#1e3431;
}
.menu_leiste li a:hover
{ color:#809996;
}

/* linker/rechter Container */

.links
{ float:left;
  width:20%;
	min-width:160px;
  background-color:#a7beb8;
	overflow:hidden;
  font-size:12px;
	position:relative;
	z-index:100;
}
/*
.links *
{ position:relative;
	z-index:100;
}
*/

.rechts
{ float:right;
	width:80%;
	min-width:700px;
	background-color:#ced7d6;
	padding-bottom:110px;
	overflow:hidden;
}

.spacer
{	position:absolute;
	bottom:0px;
	left:0px;
	width:20%;
	min-width:160px;
  background-color:#a7beb8;
	height:30000px;
	z-index:1;
	margin-bottom:25px;
}


/* Footer bereich und Links im footer */
.footer
{ clear:both;
  overflow:hidden;
  background-repeat:repeat-x;
  list-style-type:none;
  list-style-position:outside;
  background-image:url(image/footer/hintergrund_unten.jpg);
  background-image:url(image/footer/hintergrund_footer.jpg);
  color:#f9f9f9;
  font-size:10px;
  font-weight:bold;
  text-align:center;
  height:25px;
	position:relative;
	z-index:100;
	padding:3px 0px 0px 0px;

}



.footer li
{ overflow:hidden;
  line-height:25px;
  height:25px;
  padding:0px 10px 0px 20px;
	margin:0px;
  background-image:url(image/footer/hintergrund_li.jpg);
  background-position:center left;
  background-repeat:no-repeat;
  display:inline;
  font-weight:bold;
  font-size:10px;
}

.footer li.first
{  background-image:none;
}



.footer li a, .footer li a:link, .footer li a:visited, .footer li a:active
{ color:#535353;
 	color:#f9f9f9;
}
.footer li a:hover
{	color:#809996;
 color:#ced7d6;
}

/* menu bereich */

.link_h1
{	background-image:url(image/container_links/h1_hintergrund.gif);
	background-repeat:repeat-x;
	height:22px;
	font-size:12px;
	color:#f9f9f9;
	line-height:22px;
	overflow:hidden;
	position:relative;
	z-index:100;
}

.links ul
{ list-style-position:outside;
	list-style-type:none;
	margin:12px 0px 10px 8%;
	display:block;
}

.links li
{ clear:left;
	overflow:hidden;
	height:13px;
	line-height:12px;
  font-weight:bold;
  font-size:11px;
	position:relative;
	z-index:100;
}

.links li a, .links li a:visited, .links li a:active
{ display:block;
	color:#f9f9f9;
	background-image:url(image/container_links/a_bull.gif);
	background-repeat:no-repeat;
	background-position:top left;
	padding-left:15px;
}
.links li a:hover
{ display:block;
	color:#FFe9d4;
	background-image:url(image/container_links/a_hover_bull.gif);
}


/* content bereich */

.proz_content
{	width:80%;
	text-align:justify;
	margin:0px 0px 20px 0px;
	font-size:12px;
	padding-left:5%;
}

#start_float
{ width:auto;
  padding-right:5%;
}


.rechts	ul
{	list-style-position:inside;
	margin:10px 10px 10px 20px;
}

.rechts	ul li
{	padding:3px 0px 3px 0px;
}


.sp_h1
{	background-image:url(image/content/content_h1.gif);
	background-repeat:no-repeat;
	height:28px;
	font-size:14px;
	color:#f9f9f9;
	padding-left:30px;
	line-height:24px;
	margin:-1px 0px 20px -1px;
	overflow:hidden;
	border-width:1px 0px 0px 0px;
	border-style:solid;
	border-color:#c3c3c3;
	clear:both;
}


.bn_long_h1
{	background-image:url(image/content/content_long_h1.png);
	background-repeat:no-repeat;
	height:28px;
	font-size:14px;
	color:#f9f9f9;
	padding-left:30px;
	line-height:24px;
	margin:-1px 0px 20px -1px;
	overflow:hidden;
	border-width:1px 0px 0px 0px;
	border-style:solid;
	border-color:#c3c3c3;
	clear:both;
}

/* kontakt formular */
.submit
{	width:140px;
  font-size:12px;
  color:#606060;
	background-color:#f9f9f9;
	border-width:2px;
	border-style:outset;
	border-color:#ced7e6;
	display:block;
	float:right;
}



.kn_text
{	width:550px;
	height:100px;
	overflow:auto;
	line-height:20px;
	background-color:#f4f8f7;
}


.kn_line
{	height:15px;
	line-height:10px;
	position:relative;
	left:105px;
	width:350px;
}

.kn_quest
{	position:absolute;
	left:50px;
	top:5px;
}

.kn_check
{	margin-right:60px;
}


.kn_ask
{	position:absolute;
	right:0px;
	width:200px;
	height:16px;
	background-color:#f4f8f7;
}

.text_content
{	width:600px;
	border:0px solid #f90000;
	padding:10px;
	color:#636363;
	font-size:12px;
	text-align:justify;
}



/* agb inhalte */

h4.ueber
{	font-size:12px;
	font-weight:bold;
	margin:20px 0px 5px 0px;
	text-decoration:underline;
}

.google_code
{	text-align:center;
	border-width:0px 0px 0px 0px;
	border-color:#d6d3ad;
	border-style:solid;
	margin-top:50px;
/*	position:absolute;
	height:90px;
	bottom:30px;
*/
}

/* Spielbörse linklisten spiele usw.*/

.spiele_box
{	width:600px;
	height:123px;
	overflow:hidden;
	list-style-type:none;
	list-style-position:inside;
	background-image:url(image/sportdates/visite.jpg);
	font-size:11px;
	padding:10px 5px 0px 12px;
}

.spiele_box li
{	float:left;
	height:18px;
	border-width:0px 0px 0px 0px;
	border-color:#c3c3c3;
	border-style:inset;
	overflow:hidden;
	border-width:0px;
}

.spiele_box li.name
{ width:250px;

}

.spiele_box li.alter
{ width:348px;
	position:relative;
}

.spiele_box li.alter img
{ position:absolute;
	right:10px;
	top:0px;
}



.spiele_box li.ort
{ width:147px;
	height:50px;
	margin-right:6px;
	border-width:0px 0px 0px 0px;
	border-color:#c3c3c3;
	border-style:inset;
}


.spiele_box li.comment
{ width:445px;
	height:50px;
	overflow:hidden;
	border-width:0px;
}

.spiele_box li.termin
{	overflow:hidden;
	height:36px;
	border-width:0px 0px 0px 0px;
	border-color:#808080;
	border-style:groove;
	width:470px;
	float:left;
	padding:5px 0px;
}

.spiele_box li.weiter
{	overflow:hidden;
	height:50px;
	border-width:0px 0px 0px 0px;
	border-color:#808080;
	border-style:groove;
	width:130px;
	float:left;
	text-align:right;
	padding-top:20px;
}



.proz_content a,.proz_content a:link, .proz_content a:visited, .proz_content a:active, .content_link:link, .content_link:hover,.content_link:visited
{	color:#0000ee;
	font-weight:bold;
	color:#6D7D7A;
	font-size:12px;
}

.proz_content a:hover, .content_link:hover
{	color:#566A68;
	color:#4F5D5A;
	font-weight:bold;
}




/*thumbnail links */

a.normal_link:link, a.normal_link:visited, a.normal_link:active
{	color:#0000ee;
	font-weight:bold;
	color:#6D7D7A;
	font-size:10px;
}

a.normal_link:hover
{	color:#0000ee;
	font-weight:bold;
	color:#636363;
	font-size:10px;
}

a.marked_link
{	color:#0000ee;
	font-weight:bold;
	color:#6D7D7A;
	background-color:#ff9801;
	font-size:11px;
	padding:0px 2px 0px 2px;
}

