/* @override 
	http://localhost:3000/sites/alive-perg/stylesheets/style.css
*/

/* @group General */

* {
    list-style: none;
    margin: 0;
    padding: 0;
    text-decoration: none;
}
em {
    font-style: normal;
}

html, body {
  margin: 0px;
  border: 0px;
  padding: 0px;
  height: 100%;
  font-family:"Lucida Grande",Verdana,Tahoma,Arial,Helvetica,Sans;  
  font-size: 12px;
  color: #0076ad;
  background-color: #f0fcff;
}
select, 
input, 
textarea {
	font-family: "Lucida Grande",Verdana,Tahoma,Arial,Helvetica,Sans;
	font-size: 13px;
}
p, .article .body ol{
	line-height: 22px;
}
img {
    border: none;
}
a {
    color: #0076ad;
}
h1 a{
	color: #0076ad;
}
h1 a:hover{
	text-decoration: underline;
}
h1{
	font-size: 18px;
}
h2{
	font-size: 16px;
}
h5{
	font-size: 12px;
}
.article .body ol{
	list-style: decimal;
	margin: 0 0 10px 20px;
	padding: 0;
}
.article .body ol li{
	list-style: decimal;
	padding: 0;
}



/* @end */

/* @group Layout */


#top{
	background: url(../images/bg_top.gif) #0076ad;
	height: 212px;
	font-size: 0;
	line-height: 0;
}
#top_container{
	background: url(../images/top_bg_logo.jpg) #0076ad;
	height: 212px;
	margin: 0 auto;
	width: 870px;
}
#top_contact{
	float: left;
	padding-top: 10px;
}
#top_training{
	float: right;
	padding-top: 10px;
}

.mainnavi{
	clear: both;
	overflow: hidden;
	padding-top: 141px;
}
.navi_big{
	display: block;
	width: 120px;
	overflow: hidden;
	padding: 0;
	height: 34px;
	background-image: url(../images/menu_bg.gif);
	float: left;
	margin-right: 5px;
}
* html .navi_big{
	width: 98px;
}
.navi_big span{
	display: none;
	font-size: 0;
	line-height: 0;
}

#navi_home-13{
	
}
#navi_home-13:hover{
	background-position: 0 -34px;
}

#navi_angebote-14 {
	background-position: 0 -68px;
}
#navi_angebote-14:hover{
	background-position: 0 -102px;
}

#navi_kurse-15 {
	background-position: 0 -136px;
}
#navi_kurse-15:hover{
	background-position: 0 -170px;
}

#navi_preise-16 {
	background-position: 0 -204px;
}
#navi_preise-16:hover{
	background-position: 0 -238px;
}

#navi_rundgang-17 {
	background-position: 0 -272px;
}
#navi_rundgang-17:hover{
	background-position: 0 -306px;
}

#navi_events-18 {
	background-position: 0 -340px;
}
#navi_events-18:hover{
	background-position: 0 -374px;
}

#navi_kontakt-19 {
	background-position: 0 -408px;
	margin-right: 0;
}
#navi_kontakt-19:hover{
	background-position: 0 -442px;
}

#middle{
	background: url(../images/middle_bg.gif);
}
#middle_container{
	width: 870px;
	margin: 0 auto;
	overflow: auto;
	padding: 28px 0 10px 0;
}
#left_box{
	float: left;
	width: 235px;
}
#left_box h1{
	display: block;
	height: 39px;
	background: url(../images/left_box_bg.gif);
	padding: 12px 15px 0 15px;
	overflow: hidden;
}
#left_box p{
	color: #FFF;
	padding: 10px 15px;
}
#left_box a{
	float: right;
	margin: 0 15px 10px 0;
}
#main_box{
	float: right;
	width: 620px;
	background: url(../images/main_box_bg.gif);
}
#main_box_container{
	background: url(../images/main_box_bottom.gif) bottom left no-repeat;
	padding-bottom: 20px;
}
#main_box_container .headline_image{
	margin: 15px 20px 0px 20px;
}
#main_box_container .bubble{
	padding: 0px 20px 9px 20px;
	width: 440px;
	background: url(../images/bubble_bottom.gif) bottom no-repeat;
}
#main_box_container .wo_headline{
	padding-top: 10px;
}
#main_box_container .bubble h2{
	text-align: right;
	color: #0076ad;
	font-size: 13px;
	line-height: 28px;
}
#main_box_container .bubble p{
	color: #0076ad;
	padding: 20px 15px 0px 15px;
	background: url(../images/bubble_top.gif);
}
#bottom{
	background: url(../images/bg_bottom.gif) repeat-x #f0fcff;
}
#bottom_container{
	width: 870px;
	margin: 0 auto;
	padding: 20px 0;
	overflow: hidden;
}
.blue_box{
	float: left;
	width: 300px;
	background: url(../images/blue_box_bg.gif);
}
#fitness_news{
	margin-right: 20px;
}
.blue_box .container{
	background: url(../images/blue_box_bottom.gif) bottom left no-repeat;
	padding: 10px;
}
#highlights{
	float: left;
	width: 235px;
	margin-right: 15px;
	padding: 10px 0 0 0;
}
.highlight{
	margin-bottom: 5px;
}
.blue_box .news{
	padding: 0 10px 10px 10px;
	line-height: 22px;
}
.blue_box .news h2, .blue_box .news h2 a{
	font-size: 13px;
	color: #0076ad;
}
.blue_box .news a.read_more{
	color: #FFF;
	background-color: #0076ad;
	padding: 2px;	
}
#footer{
	padding: 10px 0 30px 0;
	border-top: 1px solid #ccf4fe;
	background-color: #f0fcff;
}
.long_box{
	width: 620px;
	float: right;
	background: url(../images/long_box_bg.gif);
}
.long_box h1{
	background: url(../images/long_box_top.gif) top left no-repeat;
	height: 44px;
	padding: 25px 0 0 20px;
}
.long_box .container{
	background: url(../images/long_box_bottom.gif) bottom left no-repeat;
	padding: 0 20px 20px 20px;
	line-height: 22px;
}
.long_box p{
	margin-bottom: 10px;
}
a.back_btn{
	margin: 20px 0 0 0;
	display: block;
}
#footer .container{
	margin: 0 auto;
	width: 870px;
	text-align: right;
}
#footer .float_left{
	float: left;
}
dl.legend{
	line-height: 20px;
}
dl.legend dt{
	float: left;
	display: block;
	width: 30px;
	color: white;
	padding: 0 5px;
	text-align: center;
	margin: 0 5px 5px 0;
}
dl.legend dd{
	margin: 0 5px 5px 0;
}
dl.legend dt.green{
	background-color: #58cc24;
}
dl.legend dt.blue{
	background-color: #67d4ed;
}

/* @end */

/* @group Content */

.news_long{
	margin-top: 10px;
	background: url(../images/news_bg.gif) no-repeat;
	padding: 8px 15px;
}
.news_long p{
	margin-left: 76px;
}
.events p{
	margin-left: 0;
}
.news_long .icon{
	float: left;
	margin-right: 10px;
}
.news_long h2{
	margin: 5px 0;
}
.news_long .read_more{
	float: right;
}
.news_long a:hover{
	text-decoration: underline;
}
.body table, table.open{
	border-collapse: collapse;
	width: 100%;
	margin-bottom: 20px;
}
.body table caption{
	text-align: left;
	font-size: 14px;
	font-weight: bold;
	border-bottom: 1px solid #ccf4fe;
	padding-bottom: 5px;
}
.body table td, table.open td{
	width: 50%;
	border-bottom: 1px solid #ccf4fe;
	padding: 6px 0;
}

.short_box{
	width: 235px;
	float: left;
	background: url(../images/short_box_bg.gif);
}
.short_box h1{
	background: url(../images/short_box_top.gif) top left no-repeat;
	height: 44px;
	padding: 25px 0 0 20px;
}
.short_box .container{
	background: url(../images/short_box_bottom.gif) bottom left no-repeat;
	padding: 0 20px 30px 20px;
}
#openhours_box.short_box .container{
	background: url(../images/short_box_bottom.gif) bottom left no-repeat;
	padding: 0 20px 5px 20px;
}
#openhours_box.short_box h1{
	background: url(../images/short_box_top_clean.gif) top left no-repeat;
	height: 34px;
	padding: 15px 0 0 20px;
}
.intro{
	padding: 5px 0 15px 0;
	font-size: 13px;
	font-weight: bold;
}

/* @end */

/* @group Calendar */

.calendar {
  width: 100%;
  border-collapse: collapse;
  border-left: 2px solid #f0fcff;
  margin-bottom: 10px;
}

.monthName th {
  font-weight: normal;
  text-align: right;
  padding-top: 1em;
  padding-bottom: 0.7em;
}
h2.calendar_month_name{
	font-size: 14px;
	text-align: center;
	line-height: 26px;
}

.calendar_header th {
  font-size: 9px;
  padding-top: 3px;
  padding-bottom: 3px;
  background-color: #0076ad;
  color: white;
  border-right: 2px solid #f0fcff;
}

.calendar tr td {
  padding: 3px 5px;
  border-right: 2px solid #f0fcff;
}

.calendar tr td {
  text-align: center;
  border-bottom: 2px solid #b3ecfa;
  background-color: #f0fcff;
}
.calendar tr td.inactive{
	border-bottom: 2px solid #f0fcff;
}
.calendar tr td.courses {
  background-color: #67d4ed;
  color: white;
}
.calendar tr td#today{
	background-color: #58cc24;
}
.calendar tr td.courses a, .calendar tr td.courses a:visited, .calendar tr td.courses a:hover, .calendar tr td#today a {
  color: white;
  text-decoration: none;
}
.calendar tr td.courses a:hover {
  color: white;
  background-color: #67d4ed;
}
.weekendDay {
  background-color: #ffffdd;
}
.gallery_preview{
	padding: 10px 0;
}
.gallery_preview a.lytebox{
	margin: 3px;
}
.gallery_preview a.lytebox img{
	border: 3px solid #a7daed;
}
.gallery_preview a.lytebox:hover img{
	border: 3px solid #4682b4;
}

/* @end */

/* @group IE 6 */



/* @end */

/* @group Errors */


#errorExplanation {
	border: 1px solid #f2dfb6;
	padding: 7px;
	padding-bottom: 12px;
	margin-bottom: 10px;
	background-color: #fff3da;
}

#errorExplanation h2 {
	text-align: left;
	line-height: 18px;
	font-weight: bold;
	padding: 5px;
	font-size: 18px;
	color: #ffae00;
	margin: 0;
}

#errorExplanation p {
	color: #333;
	padding: 5px;
}

#errorExplanation ul {
	padding: 0 25px;
}

#errorExplanation ul li {
	list-style: disc;
}

/* @end */



/* @group Edit */

.editbtn{
	float: right;
	color: white;
	background-color: #ffae00;
	padding: 0 5px;
	font-size: 11px;
	line-height: 16px;
}
.flash_messages{
	background-color: #0076ad;
	color: #FFF;
	border-top: 1px solid #FFF;
	padding: 8px 6px;
	text-align: center;
}
#flash_notice{
	
}

/* @end */