@charset "utf-8";
/**
 * basic stylesheet
 *
 * @package Freilauf-Filder
 * @link http://www.freilauf-filder.de
 * @author uwe ruscheweyh
 * @copyright 2010 - uwe ruscheweyh
 * @date 2010-08-31
 * @lastmodified 2010-08-31
 * @version 2.0.0
 */

/*--------------------------------------------------------------------------------------------*/

/**
 * @section content
 *
 * global settings and bugfixes
 * styles for common elements
 * styles for particular divisions
 * styles for particular pages
 * styles for special classes
 */

/*--------------------------------------------------------------------------------------------*/

/**
 * global settings and bugfixes
 *
 * @section browser reset, basic typography
 */

* {
  margin: 0px;
  padding: 0px;
  border: 0px;
}

html {font-size: 62.5%;}

body {
  text-align: center;
  font-family: Verdana, 'Bitstream Vera Sans', Tahoma, sans-serif;
  color: #474745;
  background-color: #E1E1E1;
  font-size: 1.1em;
  line-height: 1.6em;
}

/*--------------------------------------------------------------------------------------------*/

/**
 * styles for common elements
 *
 * @section headlines
 */

h1, h2, h3, h4, h5, h6 {
  margin: 0em 0em 0.6em 0em;
  color: #777;
}

h1 {font-size: 2.2em;}
h2 {font-size: 2.0em;}
h3 {font-size: 1.8em;}
h4 {font-size: 1.6em;}
h5 {font-size: 1.4em;}
h6 {font-size: 1.2em;}

/**
 * @section anchors
 */

a {text-decoration: none;}

a:link {
  color: #3296ED;
  background-color: transparent;
}
a:visited {
  color: #999;
  background-color: transparent;
}
a:hover, a:focus, a:active {
  color: #FF7700;
  background-color: transparent;
}

/**
 * @section tables
 */

table {
  table-layout: fixed;
  border-collapse: collapse;
  text-align: left;
}

/*--------------------------------------------------------------------------------------------*/

/**
 * styles for particular divisions
 *
 * @section wrapper
 */

div#wrapper {
  width: 980px;
  margin: 0px auto;
  padding: 10px 0px;      /* to compensate the collapsing margins with div#nav and div#footer */
  1background: #CDCD92;        /* ++++++ FOR TESTING ONLY ++++++ */
  text-align: left;
}

/**
 * @section nav
 */

div#nav {
  height: 50px;
  margin: 0px 10px 0px 10px;
  background: #B1B1AA url(mainNavBox.gif) no-repeat;
}

div#nav ul {
  padding-left: 60px;
  list-style-type: none;
}

div#nav li {
  display: inline;
  line-height: 46px;      /* center link text vertical in div#nav */
}

div#nav a {
  display: block;
  float: left;
  padding: 0px 26px;
  font-weight: bold;
  text-transform: uppercase;
  color: #333;
  background: #B1B1AA url(mainNavBg.gif) no-repeat 0px -100px;
}

div#nav a.devider {              /* ++++++ FOR TESTING ONLY ++++++ */
  display: block;
  float: left;
  padding: 0px;
  background: #B1B1AA url(mainNavBg.gif) no-repeat 0px -100px;
  width: 2px;
  cursor: default;
}

div#nav a:link {}

div#nav a:visited {}

div#nav a:hover {
  color: #FFF;
  background: #7E7E7E url(mainNavBg.gif) no-repeat 0px -50px;
}

div#nav a:focus, div#nav a:active {
  color: #FFF;
  background: #3C3C3C url(mainNavBg.gif) no-repeat 0px 0px;
}

/* anchors for current site in main navigation */
body#home a.home, body#home a.home:hover, body#products a.products, body#products a.products:hover,
body#service a.service, body#service a.service:hover, body#shop a.shop, body#shop a.shop:hover,
body#contact a.contact, body#contact a.contact:hover, body#events a.events, body#events a.events:hover {
  color: #FFF;
  background: #3C3C3C url(mainNavBg.gif) no-repeat 0px 0px;
  cursor: default;
}

/**
 * @section header
 */

div#header {
  height: 200px;
  margin: 0px 10px 0px 10px;
}

body#home div#header {background: transparent url(header_shoes.jpg) no-repeat;}

body#products div#header {background: transparent url(header_runrace.jpg) no-repeat;}

body#service div#header {background: transparent url(header_fishes.jpg) no-repeat;}

body#events div#header {background: transparent url(header_swimrace.jpg) no-repeat;}

body#shop div#header {background: transparent url(header_beach.jpg) no-repeat;}

body#contact div#header {background: transparent url(header_flamingos.jpg) no-repeat;}

body#rungroup div#header {background: transparent url(header_rungroup.jpg) no-repeat;}

body#reports div#header {background: transparent url(header_sky.jpg) no-repeat;}

body#links div#header {background: transparent url(header_grass.jpg) no-repeat;}

body#impressum div#header {background: transparent url(header_flamingos.jpg) no-repeat;}

/**
 * @section wrapContent
 */

div#wrapContent a:hover, div#wrapContent a:focus, div#wrapContent a:active {text-decoration: underline;}

/**
 * @section side
 */

div#side {
  float: left;
  width: 280px;
  margin: 0px;
  border: none;
  padding: 0px;
  background: #E1E1E1;
}

/**
 * @section sideContent
 */

div#sideContent {
  margin: 0px 0px 0px 10px;
  background: #E1E1E1;
}

div#sideContent div.box {background: #E1E1E1 url(sideBoxB.gif) no-repeat left bottom;}

div#sideContent div.box-outer {
  background: url(sideBoxT.gif) no-repeat left top;
  padding-top: 30px;
  padding-bottom: 14px;
}

div#sideContent div.box-outer-news {
  background: url(sideBoxT_blue.gif) no-repeat left top;
  padding-top: 30px;
  padding-bottom: 14px;
}

div#sideContent div.box-outer-news2 {
  background: url(sideBoxT_green.gif) no-repeat left top;
  padding-top: 30px;
  padding-bottom: 14px;
}

div#sideContent div.box p, div#sideContent div.box h6 {padding: 0px 24px 6px 20px;}

div#sideContent ul.sidemenu {
  padding: 0px 8px 10px 4px;      /* adjust to sidebox */
  list-style-type: none;
}

div#sideContent ul.sidemenu a {
  display: block;
  line-height: 28px;      /* vertical align */
  height: 28px;           /* to enable bg-color in IE */
  padding-left: 16px;
  border-top: 1px solid #DFDFDF;
  text-decoration: none !important;
  color: #474745;
  background-color: transparent;
}

div#sideContent ul.sidemenu a.last {
  border-bottom: 1px solid #DFDFDF;
}

div#sideContent ul.sidemenu a:link, div#sideContent ul.sidemenu a:visited {
  color: #474745;
  background-color: transparent;
}

div#sideContent ul.sidemenu a:hover, div#sideContent ul.sidemenu a:focus, div#sideContent ul.sidemenu a:active {
  color: #3296ED;
  background-color: #EBEBE1;
}

/**
 * @section main
 */

div#main {
  float: left;
  width: 700px;
  margin: 0px;
  border: none;
  padding: 0px;
  background: #E1E1E1;
}

/**
 * @section mainContent
 */

div#mainContent {
  margin:  0px 10px 0px 0px;
  background: #E1E1E1;
}

div#mainContent div.box {background: #E1E1E1 url(mainBoxBL.gif) no-repeat left bottom;}

div#mainContent div.box-outer {
  background: url(mainBoxBR.gif) no-repeat right bottom;
  padding-bottom: 14px;
}

div#mainContent div.box-inner {background: url(mainBoxTL.gif) no-repeat left top;}

div#mainContent div.box-center {
  background: url(mainBoxTR.gif) no-repeat right top;
  padding: 20px 24px 0px 0px;
  margin-left: 20px;
}

div#mainContent .stripes_blue {
  padding: 6px 24px 8px 0px;
  border-top: 4px solid #6FA9FF;
}

div#mainContent .stripes_green {
  padding: 6px 24px 8px 0px;
  border-top: 4px solid #B9DF4B;
}

div#mainContent div.box p {
  1padding: 0px 24px 6px 0px;     /* Testweise rechter Rand auf 14 zur sym. Darstellung der reports */
  padding: 0px 14px 6px 0px;
}

div#mainContent div.box ul {
  padding: 0px 24px 6px 44px;
  list-style-type: circle;
}

div#mainContent img.leftfloat {
  margin: 0px 8px 0px 0px;
  float: left;
}

div#mainContent img.rightfloat {
  margin: 0px 0px 0px 8px;
  float: right;
}

/**
 * @section footer
 */

div#footer {
  margin: 0px 10px 0px 10px;
  background: #B1B1AA;
}

div#footer div.box {background: #B1B1AA url(footBoxBL.gif) no-repeat left bottom;}

div#footer div.box-outer {
  background: url(footBoxBR.gif) no-repeat right bottom;
  padding-bottom: 14px;
}

div#footer div.box-inner {background: url(footBoxTL.gif) no-repeat left top;}

div#footer div.box-center {
  background: url(footBoxTR.gif) no-repeat right top;
  height: 36px;
}

div#footer p {
  padding: 12px 24px 0px 20px;
  line-height: 20px;      /* vertical align */
}

div#footer a {font-weight: bold;}

div#footer a:link, div#footer a:visited {
  color: #3296ED;
  background-color: transparent;
}
div#footer a:hover, div#footer a:focus, div#footer a:active {
  color: #FF7700;
  background-color: transparent;
}

/*--------------------------------------------------------------------------------------------*/

/**
 * styles for particular pages
 *
 * @section table on impressum
 */

body#impressum table {
  width: 400px;
  margin-bottom: 2px;
}

body#impressum td {
  vertical-align: top;
}

body#impressum td.col1 {
  width: 150px;
  padding: 4px 0px;
}

body#impressum td.col2 {
  width: 250px;
  padding: 4px 8px;
  letter-spacing: 0.01em;
}

/**
 * @section iframe on shop
 */

body#shop iframe {
  margin: 6px 0px 6px 0px;
}

/**
 * @section table on shop
 */

body#shop table {
  width: 500px;
  margin-bottom: 6px;
}

body#shop td {
  vertical-align: top;
  padding: 4px 0px 0px 0px;
}

body#shop td.col1 {width: 150px;}

body#shop td.col2 {width: 350px;}

/**
 * @section list on contact
 */

body#contact ul.success li {
  margin-bottom: 4px;
}

/**
 * @section list on links
 */
body#links div#mainContent div.box ul {
  list-style-type: none;
}

/**
 * @section products on index
 */

p.products img {
  margin: 0px 10px 10px 0px;
}

/**
 * @section reports on reports
 */

p.report img.portrait_shadow {
  padding: 10px;
  background: url(shadow_portrait.png) no-repeat 5px 5px;
}

p.report img.landscape_shadow {
  padding: 10px;
  background: url(shadow_landscape.png) no-repeat 5px 5px;
}

p.report img.left {
  float: left;
  margin: 0px 10px 10px 0px;
}

p.report img.right {
  float: right;
  margin: 0px 0px 10px 10px;
}

p.report img.hidden {
  display: none;
}

p.rep_footer {
  clear: both;
  color: #999995;
}

/*--------------------------------------------------------------------------------------------*/

/**
 * styles for special classes
 *
 * @section alignments
 */

.float-right {float: right;}

.float-left {float: left;}

.defloat {clear: both;}

/**
 * @section citation
 */

.cite {
  font-style: italic;
  letter-spacing: 0.04em;
}

/**
 * @section Freilauf Filder logo
 */

.ff {
  font-weight: bold;
  color: #777;
}

/**
 * @section Horizontal line
 */

span.hr {
  display: block;
  background-color: #DFDFD9;
  padding-top: 1px;
  margin-top: 16px;
  margin-bottom: 10px;
}

/**
 * @section FF colors
 */

span.ff-blue {
  color: #6FA9FF;
}

span.ff-green {
  color: #B9DF4B;
}