/*
original table based layout by info@memagma.com
css design and developement by andi
*/

* {
	margin: 0;
	padding: 0;
}
body     { font: 0.8em Geneva, Arial, Helvetica, sans-serif; background-color: #f5f8ff; margin: 0 }

/* page main layout */
#page {margin-right: auto; margin-left: auto; width: 750px;}
#top	   { background-image: url("img/bg_top.gif"); background-repeat: no-repeat; margin-top: 40px; width: 748px; height: 20px }
#main          { background-image: url("img/bg_main.gif"); background-repeat: repeat-y; padding: 0 20px 100px; width: 748px }
#bot	 { background-image: url("img/bg_bot.gif"); background-repeat: no-repeat; width: 748px; height: 20px; }

/* helpers */
img    { border-width: 0 }
.clear  { font-size: 1px; height: 1px; clear: both }

/* header */
#header	   { padding: 0; width: 708px; height: 58px }
#header	img    { margin: 0; padding: 0 }
#header h1     { margin-bottom: 20px; margin-left: 0; padding: 0; float: left }

/* footer */
#footer	     { color: #999; font-size: 0.9em; background-image: url(img/bg_footer.gif); background-repeat: repeat-y; padding-top: 0; padding-right: 20px; padding-bottom: 10px; width: 748px }
#footer a	   { color: #999; font-weight: normal; text-decoration: none }
#footer .copyright	  { margin-left: 20px }
#footer .social	 { margin-top: 15px; margin-right: 20px; float: right }
#footer .footer_top	     { background-image: url(img/bg_main.gif); background-position: center; height: 155px }
#footer .footer_top_bg	 { background-image: url(img/footer_border_h.gif); background-repeat: no-repeat; background-position: left top; height: 1px }
#footer	.footer_top_col1	    { background-image: url("img/footer_border_v.gif"); background-repeat: no-repeat; background-position: right 0; text-align: left; margin-top: 10px; margin-left: 20px; padding-top: 40px; width: 230px; height: 110px; float: left }
#footer	.footer_top_col1 p	 { margin-top: 5px; margin-left: 20px; width: 200px }
#footer	.footer_top_col2	     { font-size: 1.1em; margin: 10px; padding-top: 40px; padding-right: 10px; padding-left: 30px; float: left }
#footer	.footer_top_col3	     { background-image: url(img/footer_border_v.gif); background-repeat: no-repeat; background-position: left 0; text-align: center; margin-top: 10px; margin-right: 20px; width: 230px; float: right }


/* topnavigation */
#topnav      { margin-left: 250px; position: relative; height: 58px }
#topnav ul   { position: absolute; right: 0; bottom: 0 }
#topnav  li        { list-style-type: none; padding-right: 5px; padding-left: 10px; float: left }
#topnav  li a  { color: #ccc; font-size: 0.9em; font-weight: bold; text-decoration: none }
#topnav  li a:hover  { color: #999 }

/* subnavigation */
.right_col 	   { padding-right: 10px; padding-left: 10px; width: 200px; float: right;}
.right_col .submenu li   {  list-style-type: none; line-height: 2em;}
.active a	{color: #1e4369;}

/* content */
#content  { padding: 30px }
#content  ul	 { margin-top: 20px }
#content  li  { list-style-type: none; padding-left: 10px;  }
h1, h2, h3      {   text-indent: 0; width: 400px }
h1, span h1      { color: #003366; font-size: 1.7em; font-weight: lighter; text-indent: 0 }
h2      { color: #666666; font-size: 1.5em; font-weight: lighter; text-indent: 0; padding-top: 20px }
p	  { line-height: 1.3em; margin-top: 20px; width: 400px }
a 	  { color: #64a2d0; font-weight: bolder; text-decoration: none }
a:hover 	  { color: #1e4369;  }
.topline 	  {color: #666; font-size: 1em; font-weight: bold; margin: 0; padding: 0 }
.emphasize	{color: #666; font-size: 1em; font-weight: bold; }
.teaser      { color: #666; font-size: 1.4em; font-weight: normal; width: 300px }
.comp	{ color: #666;  font-weight: bold; }
.errors	 { color: #f00 }

/* welcome page font */
.special   { color: #666666; font-size: 18px; line-height: 23px; width: 500px }
.special a	 { font-weight: normal }

/* sitemap */
.sitemap	   { margin: 0; padding: 0 } 
.sitemap ul	   { margin: 0; padding: 0 }
.sitemap li	   { margin: 0; padding: 0 }
.sitemap li a	   { color: #666; font-size: 1em; font-weight: normal; margin: 0; padding: 0 }

/* breadcrump */
#breadcrumb	  { font-size: 0.9em; font-weight: lighter; margin: -20px 20px 20px -20px; border-bottom: 1px #ccc }

/* table schedule */
#schedule   { color: #666666; border-spacing: 5px  }
#schedule tr	{height: 90px}
#schedule   td  { background-color: #f4f4f4; text-align: center; margin: 5px; padding: 5px; width: 95px; vertical-align: middle }
#schedule .firstcol  { width: 7px; background-color: #cccccc; padding: 0px;  }
#schedule .firstrow	{font-size: 1.5em; height: 20px}
#schedule .timecol	{font-size: 1.5em; height: 20px}
#schedule .cross { background-color: #fff0ba}
#schedule .nordic { background-color: #ffff99}
#schedule .back { background-color: #ffcccc}
#schedule .running {  background-color: #e3fffc}
#schedule .gymnastic {  background-color: #ffccff}
#schedule a	 { color: #133a62; font-size: 1.3em; text-decoration: none }
#schedule a:hover  { color: #668bb6 }

/* table price */
#price 	 { margin-top: 10px; font-size: 0.9em; width: 315px  }
#price tr { height: 40px;}
#price td   { padding: 5px; vertical-align: middle }
#price .col1	 { width: 200px;  background-color: #e1edfa}
#price .col2	 {  background-color: #d0d8ea}

/* table price2 */
#price2 	 { margin-top: 10px; font-size: 0.9em; width: 415px  }
#price2 tr { height: 40px;}
#price2 td   { padding: 5px; vertical-align: middle }
#price2 .col1	 {  background-color: #e1edfa}
#price2 .col3	 {  text-align: center; width: 80px;  background-color: #e1edfa}
#price2 .col2	 {  text-align: center; width: 60px;  background-color: #d0d8ea}

/* offering pricelist */
.list_offer	 { color: #133a62; font-size: 1.3em; font-weight: lighter }
.list_offer	li {list-style-type: none;}
.list_offer	li a { color: #133a62; }
.list_offer	li a:hover { color: #668bb6; }


/* google maps */
.maps { margin: 10px;}

/* contact forms */
#EmailForm label	  {margin: 5px; padding: 5px; width: 80px; float: left }
#EmailForm .checkbox   { margin-top: 5px; padding: 5px;  }
#EmailForm .chk	 { width: 20px }

#EmailForm .text   
{
background-color: #eeeeee;
	margin: 5px;
	padding: 5px;
	width: 300px;
}
#EmailForm input:focus, textarea:focus
{
color: #000000;
background-color: #ffffff;
outline-color: red;
outline-style: solid;
outline-width: 1px;
}
.inputbutton {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #666666;
	background-color: #E7E7E7;
	border: solid 1px #ffffff;
	margin: 5px;
	padding: 5px;
	width: 300px;
	height: 35px;
}