* {margin:0; padding:0; outline:none; border:0;}

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

body, html {
  background: #00b4ff;
  width: 100%;
  height: 100%;
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 11px;
  line-height: 20px;
}

div#page {
  position: relative;
  width: 980px;
  height: 100%;
  height: auto !important;
  min-height: 100%;
  /* margin: 0 auto; */
  background: url(../gfx/back.jpg) repeat-y;
}


/* Header */
div#page div#header {
  position: relative;
  width: 980px;
  height: 270px;
  background: url(../gfx/header.jpg) no-repeat;
}
div#page div#header div#header_headline {
  position: absolute;
  top: 196px;
  left: 44px;
  text-align: right;
}
div#page div#header div#header_nav {
  position: absolute;
  top: 160px;
  right: 40px;
  text-align: right;
  color: #fff;
}
div#page div#header div#header_nav a {
  color: #fff;
  text-decoration: none;
  padding: 0 3px;
  font-size: 11px;
}
div#page div#header div#header_nav a:hover {text-decoration: underline;}
div#page div#header div#header_suche {
  position: absolute;
  top: 203px;
  right: 20px;
  width: 380px;
  text-align: left;
}
div#page div#header div#header_suche input#suchfeld {
  background: transparent;
  font-size: 18px;
  font-weight: bold;
  color: #464543;
  width: 270px;
}
div#page div#header div#header_suche input#suchbutton {
  background: transparent;
  font-size: 18px;
  font-weight: bold;
  color: #fff;
  margin: 0 0 0 15px;
}


/* Left */
div#page div#left {
  float: left;
  width: 550px;
}
div#page div#left hr {
  width: 100%;
  border: 1px solid #bcbbbb;
  margin: 20px 0;
  padding: 0;
  float: left;
}
/* IE Hack */
*+html div#page div#left hr {
  width: 100%;
  border: 1px solid #bcbbbb;
  margin: 20px 0 0 0;
  padding: 0;
  float: left;
}


/* Special - große News */
div#page div#left div#special {
  position: relative;
  width: 512px;
  margin: 15px 0 10px 38px;
}
div#page div#left div#special div#bild_gross {text-align: center;}
div#page div#left div#special div#bild_gross img {border: 5px solid #fff;}
div#page div#left div#special div#news_gross {padding: 10px 20px 0 20px; }
div#page div#left div#special div#news_gross span.datum {
  color: #757575;
  padding: 0 10px 0 0;
}
div#page div#left div#special div#news_gross span.kategorie {color: #b7b5b5;}
div#page div#left div#special div#news_gross h1 {
  color: #00519c;
  padding: 11px 0;
  font-size: 22px;
  font-weight: bold;
}
div#page div#left div#special div#def-sportart {
  background: #f3f2f2 url('http://www.funsportler.de/_css/back_def-sportarten.jpg') repeat-x;
  margin: 15px;
  padding: 20px;
  border: 1px solid #666;
}
div#page div#left div#special div#def-sportart h1 {
  color: #444444;
  margin: 0 0 10px 0;
  padding: 0 0 5px 0;
  font-size: 22px;
  font-weight: bold;
  border-bottom: 1px dotted #666;
}

div#page div#left div#news div.news_klein span.text {
  color: #757575;
  line-height: 140%;
}
div#page div#left div#news h1 {
  color: #444444;
  padding: 11px 25px;
  font-size: 20px;
  font-weight: bold;
}
div#page div#left div#news div.news_klein div#head_lf {
  background:url(head_lftipp.jpg) no-repeat top left;
  float: left;
  width:465px;
  height:50px;
  color:#fff;
  font-size: 12px;
  padding:0 0 0 5px;
  line-height: 22px;
  font-weight:bold;
  border-left:1px solid #ccc;
  border-right:1px solid #ccc;
  border-top:1px solid #ccc;
  border-bottom:1px solid #ccc;
}


/* News - kleine News */
div#page div#left div#news {
  width: 512px;
  margin: 0 0 10px 38px;
}
div#page div#left div#news div.news_klein {padding: 5px 20px 5px 20px;}
div#page div#left div#news div.news_klein img {
  float: left;
  border: 5px solid #fff;
  margin: 0 10px 0 0;
  padding: 0;
}
div#page div#left div#news div.news_klein span.datum {color: #0b3760; font-weight: bold;}
div#page div#left div#news div.news_klein h1 {
  color: #00519c;
  padding: 8px 0;
  font-size: 18px;
  font-weight: bold;
}
div#page div#left div#news div.news_klein span.text {
  color: #757575;
  line-height: 140%;
}
div#page div#left div#news div.news_klein ul#anlagen {list-style: disc;}
div#page div#left div#news div.news_klein ul#anlagen li {
  float: left;
  margin-left: 20px;
  padding: 0 5px 0 0;
}

/* Fitnesscenter */
div#page div#left div#fitnesscenter {
  position: relative;
  width: 490px;
  margin: 15px 0 10px 38px;
  padding: 0 11px;
}
div#page div#left div#fitnesscenter h1 {
  color: #444444;
  padding: 11px 0 22px 0;
  font-size: 22px;
  font-weight: bold;
}
div#page div#left div#fitnesscenter div.alist_logo {
  float: left;
  width: 180px;
  margin: 10px 0;
}
div#page div#left div#fitnesscenter div.alist_logo img {
  border: 1px solid #bcbbbb;
  padding: 4px;
  background: #fff;
}
div#page div#left div#fitnesscenter div.alist_infos {margin: 10px 0;}
div#page div#left div#fitnesscenter div.alist_infos h1 {
  color: #444444;
  padding: 0 0 10px 0;
  font-size: 16px;
  font-weight: bold;
}



/* Right */
div#page div#right {
  float: left;
  width: 400px;
  margin: 0 15px;
}
div#page div#right div#karte {
  float: left;
  width: 400px;
  margin: 0 0 20px 0;
}
div#page div#right .sportarten {
  float: left;
  width: 391px;
  background: url('http://www.funsportler.de/gfx/kasten-back.jpg') repeat-y;
  margin-bottom: 20px;
}
div#page div#right .sportarten h1 {
  font-size: 18px;
  font-weight: bold;
  text-transform: uppercase;
  padding: 6px 0 8px 15px;
  color: #3a5664;
}
div#page div#right .sportarten .liste {
  padding: 10px;
  padding-top: 0;
}
.box {
  float: left;
  width: 360px;
  margin-bottom: 20px;
  padding: 10px 15px;
  background: #ededed;
  border: 1px solid #bfbfbf;
  /* runde ecken */
  -moz-border-radius: 8px;
  -khtml-border-radius: 8px;
  -webkit-border-radius: 8px;
}
.box h1 {
  font: bold 20px/140% Verdana, Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  color: #00519c;
  margin: 0 0 10px 0;
  border-bottom: 1px solid #105290;
}



/* Accordion Javascript */
.applemenu {
  float: left;
  margin: 20px 15px;
  padding: 0;
  width: 391px; /*width of menu*/
}
.applemenu div.submenu {
  padding: 20px 10px;
  color: #000;
}


/* Footer */
div#page div#footer {
  height: 100px;
  padding: 11px;
  margin: 15px 0 0 38px;
}

/* Clear */
div.clear {clear: both;}

/* TAGCLOUD */
a.tagc1, a.tagc2, a.tagc3,  a.tagc4,  a.tagc5,  a.tagc6 {float: left;}
a.tagc6 {font-size: 10px; padding: 0 4px;}
a.tagc5 {font-size: 11px; padding: 0 4px;}
a.tagc4 {font-size: 13px; padding: 0 4px;}
a.tagc3 {font-size: 14px; padding: 0 4px;}
a.tagc2 {font-size: 16px; padding: 0 4px;}
a.tagc1 {font-size: 18px; padding: 3px 4px;}

/******* banner *******/
#banner_top{
	width: 1000px;
	margin-top: 15px;
	margin-bottom: 15px;
	margin-left: 36px;
	height: 60px;
}
#banner_side{
	height: 468px;
	width: 160px;
	left: 1000px;
	top: 90px;
	position: absolute;
}
#list_orte{
	height: 150px;
	width: 166px;
	left: 790px;
	top: 495px;
	position: absolute;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bolder;
	color: #ccc;
}

#partner{
	width: 200px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding: 4px;
	float: left;
}

/* ANLAGENINFO */
#anlageninfo_img {
	FLOAT: left;
	OVERFLOW: hidden;
	margin-right: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#anlageninfo_img img {
	border: 1px solid #CCCCCC;
	padding: 4px;
	margin-right: 0px;
	margin-top: 0px;
	margin-left: 0px;
}


#anlageninfo_text {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding: 0px;
	float: left;
	width: 240px;
	color: #757575;
}

#anlageninfo_text2 {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding: 0px;
	float: left;
	color: #757575;
	width: 470px;

}

#anlageninfo_text2 img{
	margin-top: 0px;
	margin-right: 7px;
	margin-bottom: 0px;
	padding: 4px;
	float: left;
	border: 1px solid #CCCCCC;
}

#anlageninfo img{
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding: 4px;
	float: left;
	border: 1px solid #CCCCCC;
}

#anlageninfo br{
	clear: both;
}

#anlageninfo{
	75height: 150px;
	color: #444444;
}
#anlageninfo label{
	float: left;
	width: 55px;
	font-weight: bold;
}

