/*
* FILE NAME:        main.css
* FILE DESCRIPTION: central css file
* FILE AUTHOR:      Achim Rosenhagen
*/

/* ----------------------------------- */
/* ---------->>> CSS-HACKS <<<----------- */
/* ----------------------------------- */
/*

* html  for IE6
*:first-child+html  for IE7

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

/* ---------------------------------- */
/* ---------->>> RESET <<<----------- */
/* ---------------------------------- */

/* http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */
/* http://meyerweb.com/eric/thoughts/2008/01/15/resetting-again/ */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
/* remember to define focus styles! */
:focus {outline: 0;}
/* remember to highlight inserts somehow! */
ins {text-decoration:none;}
del {text-decoration:line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse:collapse;border-spacing:0;}
/* own additions */
img {border:0;}
input {font-size:12px;}
a { outline: none; color: #292929; }

/* ----------------------------------- */
/* ---------->>> HELPER <<<----------- */
/* ----------------------------------- */

/* http://code.google.com/p/blueprintcss/ */
/* http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix {display:inline-block;}
* html .clearfix {height:1%;}
.clearfix {display:block;}
.clear {clear:both;}

/* http://sonspring.com/journal/clearing-floats */
html body * span.clear, html body * div.clear, html body * li.clear, html body * dd.clear {background:none;border:0;clear:both;display:block;float:none;font-size:0;list-style:none;margin:0;padding:0;overflow:hidden;visibility:hidden;width:0;height:0;}

/* IE (PC) only :hover behaviour helper */
/* @see http://www.xs4all.nl/~peterned/ */
/** html body { behavior:url("/htc/csshover2.htc");}*/

/* TwinHelix png-fix */
/* http://www.twinhelix.com/css/iepngfix/ */
* html .png {behavior:url("/htc/iepngfix.htc");}

/* ----------------------------------- */
/* ---------->>> QUICKTIME EMBED <<<----------- */
/* ----------------------------------- */
/* Standards Compliant method to add Quicktime movies to pages */
/* http://realdev1.realise.com/rossa/rendertest/quicktime.html */
/*
<object classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" codebase="http://www.apple.com/qtactivex/qtplugin.cab" width="320" height="260">
<param name="src" value="/FILE.mov" />
<param name="controller" value="true" />
<object type="video/quicktime" data="/FILE.mov" width="320" height="260" class="mov">
<param name="controller" value="true" />
Error text.
</object>
</object>
/* -----------------------------------*/
* html object.mov {display: none;}
* html object.mov/**/ {display: inline;}
* html object.mov {display/**/: none;}


div.spacer {font-size:0.08em;background:transparent;clear:both;width: 0;height: 0;}
.invisible {position:absolute;left:-5000px;}
.no-margin {margin:0;}
.no-padding {padding:0;}
.text-left {text-align:left;}
.text-right {text-align:right;}
.text-center {text-align:center;}
.text-justify {text-align:justify;}

/* -----------------------------------*/
/* ---------->>> GLOBAL <<<-----------*/
/* -----------------------------------*/

body {font-size:70.00%;font-family:arial, sans-serif;margin:0;padding:0;}

h1, h2, h3, h4, h5, h6 {}
a {text-decoration:none;}
a:link {}
a:visited {}
a:active {}
a:hover {}
p {font: 1.1em/1.6em arial; margin:0 0 5px 0}

ul, ol, dl {line-height:1.5em;margin:0 0 1em 0em;}
li {margin-left:0em;line-height:1.5em;list-style-type:none;}
dt {font-weight:bold;}
dd {margin:0 0 1em 2em;}
cite, blockquote {font-style:italic;}
blockquote {margin:0 0 1em 1.5em;}
strong, b {font-weight:bold;}
em, i {font-style:italic;}
pre, code {font-family:monospace;font-size:1.1em;}
acronym, abbr {letter-spacing:.07em;border-bottom:.1em dashed #ffcd00;cursor:help;}

/* -----------------------------------*/
/* ---------->>> LAYOUT <<<-----------*/
/* -----------------------------------*/

body {
  background: #7C7C7E;
}
div.container {
  width: 950px;
  margin: 0 auto;
}

div.header {
  position: relative;
  height: 110px;
  width: 950px;
  background: url(../images/logo.png) no-repeat 0 0;
}
div.header div#logofade {
  position: absolute;
  left: 830px;
  top: 33px;
  width: 70px;
  height: 70px;
}

ul.pnav {
  height: 44px;
  width: 890px;
  margin: 0 30px;
  padding: 0;
  position: absolute;
  z-index: 1;
}
* html ul.pnav {
  height: 44px;
  width: 890px;
  margin: 0 0 0 -2px;
  padding: 0;
  position: absolute;
  z-index: 1;
}

/* friss das, IE7! */
*:first-child+html ul.pnav {
  margin: 0 0 0 -2px;
}

ul.pnav li {
  float: left;
}
ul.pnav li a {
	display: block;
	text-indent: -5000px;
	height: 44px;
}
ul.pnav li ul.subnav {
	list-style: none;
	position: absolute;
	background: #1A171B;
	margin: 0;
	display: none;
	float: left;
	font: bold 11px arial, sans-serif;
}
ul.pnav li ul.subnav li {
	margin: 0;
	clear: both;
	white-space: nowrap;
	width: 100%;
	border-bottom: #333333 1px solid;
}
* html ul.pnav li ul.subnav li {
	width: 135px;
}
html ul.pnav li ul.subnav li a {
	display: block;
	background-color: #1A171B;
	color: #fff;
	text-indent: 0;
	height: 20px;
	width: auto;
	padding: 5px 22px 0 22px;
}
html ul.pnav li ul.subnav li a:hover {
	background: url(../images/arrow05.png) no-repeat 8px center;
	color: #B3B2B3;
}

ul.pnav li a.pnav-home {
  width: 70px;
  background: url(../images/pnav.png) no-repeat 0 0;
}
ul.pnav li a.pnav-home:hover {
  background: url(../images/pnav.png) no-repeat 0 -44px;
}
ul.pnav li a.pnav-home-active {
  width: 70px;
  background: url(../images/pnav.png) no-repeat 0 -88px;
}
ul.pnav li a.pnav-sportler {
  width: 102px;
  background: url(../images/pnav.png) no-repeat -72px 0;
}
ul.pnav li a.pnav-sportler:hover {
  background: url(../images/pnav.png) no-repeat -72px -44px;
}
ul.pnav li a.pnav-sportler-active {
  width: 102px;
  background: url(../images/pnav.png) no-repeat -72px -88px;
}
ul.pnav li a.pnav-reisen {
  width: 84px;
  background: url(../images/pnav.png) no-repeat -174px 0;
}
ul.pnav li a.pnav-reisen:hover {
  background: url(../images/pnav.png) no-repeat -174px -44px;
}
ul.pnav li a.pnav-reisen-active {
  width: 84px;
  background: url(../images/pnav.png) no-repeat -174px -88px;
}
ul.pnav li a.pnav-events {
  width: 75px;
  background: url(../images/pnav.png) no-repeat -258px 0;
}
ul.pnav li a.pnav-events:hover {
  background: url(../images/pnav.png) no-repeat -258px -44px;
}
ul.pnav li a.pnav-events-active {
  width: 75px;
  background: url(../images/pnav.png) no-repeat -258px -88px;
}
ul.pnav li a.pnav-tools {
  width: 81px;
  background: url(../images/pnav.png) no-repeat -346px 0;
}
ul.pnav li a.pnav-tools:hover {
  background: url(../images/pnav.png) no-repeat -346px -44px;
}
ul.pnav li a.pnav-tools-active {
  width: 81px;
  background: url(../images/pnav.png) no-repeat -346px -88px;
}
ul.pnav li a.pnav-shop {
  width: 88px;
  background: url(../images/pnav.png) no-repeat -427px 0;
}
ul.pnav li a.pnav-shop:hover {
  background: url(../images/pnav.png) no-repeat -427px -44px;
}
ul.pnav li a.pnav-shop-active {
  width: 88px;
  background: url(../images/pnav.png) no-repeat -427px -88px;
}
ul.pnav li a.pnav-links {
  width: 76px;
  background: url(../images/pnav.png) no-repeat -502px 0;
}
ul.pnav li a.pnav-links:hover {
  background: url(../images/pnav.png) no-repeat -502px -44px;
}
ul.pnav li a.pnav-links-active {
  width: 76px;
  background: url(../images/pnav.png) no-repeat -502px -88px;
}
ul.pnav li a.pnav-kontakt {
  width: 98px;
  background: url(../images/pnav.png) no-repeat -578px 0;
}
ul.pnav li a.pnav-kontakt:hover {
  background: url(../images/pnav.png) no-repeat -578px -44px;
}
ul.pnav li a.pnav-kontakt-active {
  width: 98px;
  background: url(../images/pnav.png) no-repeat -578px -88px;
}
ul.pnav li a.pnav-impressum {
  width: 216px;
  background: url(../images/pnav.png) no-repeat -676px 0;
}
ul.pnav li a.pnav-impressum:hover {
  background: url(../images/pnav.png) no-repeat -676px -44px;
}
ul.pnav li a.pnav-impressum-active {
  width: 216px;
  background: url(../images/pnav.png) no-repeat -676px -88px;
}


div.content {
  margin: 2px 30px 0 32px;
}

div.home-box1 {
	border: #1B1A1D 1px solid;
	border-bottom: #464646 1px solid;
	border-top: none;
	padding: 36px 0 0 0;
	margin: 0 0 5px 0;
	background: url(../images/home-box1-bg.png) no-repeat 0 bottom;
}
div.home-box1 h2 {
	font: bold 14px arial, sans-serif;
	color: #292929;
	text-transform: uppercase;
	margin: 0 0 10px 0;
}
div.home-box1 div.first {
  float: left;
  padding: 32px 32px 18px 32px;
  /*min-height: 167px;*/
  width: 496px;
}
div.home-box1 div.first div.lc {
  float: left;
  width: 50px;
  height: 50px;
  /*background: url(../images/arrow06.png) no-repeat 0 25px;*/
  text-indent: -5000px;
}
div.home-box1 div.first div.rc {
  float: left;
  width: 446px;
  /*margin: 0 0 20px 0;*/
}
div.home-box1 div.first div.rc p {
 margin-bottom:10px; 
}

div.home-box2 {
	border: #1B1A1D 1px solid;
	border-bottom: #1B1A1D 1px solid;
	border-top: #1B1A1D 1px solid;
	margin: 0 0 5px 0;
	background-color: #DBDBDB;
	position: relative;
}
div.home-box2 ul {
	position: absolute;
	display: block;
	background-color: #494949;
	width: 886px;
	height: 44px;
}
div.home-box2 ul li.snav-shop {
	left: 128px;
}
div.home-box2 ul li {
	position: absolute;
	top: 0;
	width: 127px;
}
div.home-box2 ul li a {
	display: block;
	font: bold 14px arial, sans-serif;
	color: #a1a1a1;
}
div.home-box2 ul li.active a {
  color: #fff;
  height: 19px;
  border: none;
}
div.home-box2 ul li a:hover {
	color: #fff;
}

div.home-box2 div.box-shop {
	margin: 0;
	padding: 42px 0 0 0;
}
div.home-box2 div.box-shop img {
	float: left;
}
div.home-box2 div.box-shop div.link {
	width: 826px;
	font: bold 12px/140% arial, sans-serif;
	background: url(../images/transparent01.png) 0 0;
	padding: 3px 0 2px 60px;
	position: absolute;
	left: 0;
	top: 210px;
}
div.home-box2 div.box-shop div.link a {
  font: 11px arial, sans-serif;
  text-align: right;
  color: #000;
  padding: 0 18px 3px 0;
  background: url(../images/arrow01.png) no-repeat right 0;
  position: absolute;
  left: 300px;
  top: 5px;	
}
div.home-box2 div.box-auktionen a.more {
  font: 11px arial, sans-serif;
  text-align: right;
  color: #000;
  padding: 0 18px 3px 0;
  background: url(../images/arrow01.png) no-repeat right 0;
}

div.home-box2 div.box-auktionen h1 { 
	font-size:1.5em; 
	margin-bottom:10px;
}

div.home-box2 div.box-auktionen {
	margin: 0;
	padding: 42px 0 0 0;
}
div.home-box2 div.box-auktionen img {
	float: left;
	width: 320px;
	margin: 0 10px 0 0;
}
div.home-box2 div.box-auktionen div.text {
	float: left;
	width: 446px;
	padding: 20px 30px 0 0;
}
div.home-box2 div.box-auktionen div.text h2 {
	font: bold 14px arial, sans-serif;
	color: #292929;
	text-transform: uppercase;
	margin: 0 0 10px 0;
}
div.home-box2 div.box-auktionen div.text p a.more {
  font: 11px arial, sans-serif;
  text-align: right;
  color: #636363;
  padding: 0 18px 3px 0;
  background: url(../images/arrow01.png) no-repeat right 0px;
}



div.home-box3 {
  background: #C4C4C4;
  border: #1B1A1D 1px solid;
  border-bottom: #464646 1px solid;
  border-top: #464646 1px solid;
  padding: 0;
  margin: 0 0 5px 0;
}
div.home-box3 div.cleft {
	float: left;
	width: 400px;
	padding: 20px 0 20px 25px;
	border-right: #b1b1b1 1px solid;
}
div.home-box3 div.cleft h2 {
	font: bold 14px arial, sans-serif;
	color: #292929;
	text-transform: uppercase;
	margin: 0 0 10px 0;
}
div.home-box3 div.cleft a.allnews {
  font: 11px arial, sans-serif;
  color: #636363;
  margin: 0 0 0 60px;
  padding: 0 18px 3px 0;
  display: block;
  text-align: right;
  width: 300px;
  background: url(../images/arrow01.png) no-repeat right 0;
}

div.home-box3 div.cright {
	float: left;
	width: 420px;
	padding: 20px 0 0 20px;
}
div.home-box3 div.cright h2 {
	font: bold 14px arial, sans-serif;
	color: #292929;
	text-transform: uppercase;
	margin: 0 0 10px 0;
}
div.home-box3 div.cright div {
  display: block;
  float: left;
	margin: 0 10px 10px 0;
}

div.home-box3 div.article {
  width: 380px;
  padding: 0;
  margin: 20px 0 10px 0;
  border-bottom: #b1b1b1 1px solid;
}
div.article div.date {
  line-height: 0;
  width: 40px;
  float: left;
  margin: 0 20px 0 0
}
* html div.article div.date {
  width: 40px;
  margin: 0 20px 0 0
}
div.article div.text {
  float: left;
  width: 320px;
  padding: 0 0 5px 0;
}
* html div.article div.text {
  width: 300px;
}
div.article div.text a.more {
  display: block;
  width: 40px;
  text-align: right;
  font: 11px arial, sans-serif;
  color: #636363;
  padding: 0 18px 3px 0;
  margin: 0 0 0 260px;
  background: url(../images/arrow01.png) no-repeat right 0;
}
* html div.article div.text a.more {
  padding: 0 18px 3px 0;
  margin: 0 0 0 240px;
}

div.rc div.text a.more {
  display: block;
  width: 40px;
  text-align: right;
  font: 11px arial, sans-serif;
  color: #636363;
  padding: 0 18px 3px 0;
  margin: 0 0 0 360px;
  background: url(../images/arrow01.png) no-repeat right 0;
}
* html div.rc div.text a.more {
  padding: 0 18px 3px 0;
  margin: 0 0 0 340px;
}

div.home-box1 div.last {
  float: left;
  padding: 32px 32px 18px 32px;
  /*min-height: 167px;*/
  width: 261px;
}
div.home-box1 div.last a.more {
  display: block;
  font: 11px arial, sans-serif;
  color: #636363;
  padding: 0 18px 3px 0;
  margin: 5px 0 0 0;
  background: url(../images/arrow01.png) no-repeat 101px 0;
}
div.home-box1 div.last div.month {
  height: 15px;
  margin: 0 0 1px 0;
}



/* ---------->>> UEBERSICHT <<<-----------*/
div.content div.overview-box1 {
  	border: #1B1A1D 1px solid;
	border-bottom: #464646 1px solid;
	border-top: none;
	padding: 36px 0 0 0;
	background: url(../images/overview-box1-bg.png) repeat-y 0 0;
}
div.content div.overview-box1 h2 {
	font: bold 14px arial, sans-serif;
	color: #292929;
	text-transform: uppercase;
	margin: 32px 0 10px 0;
}
div.content div.overview-box1 div.first {
  float: left;
  padding: 0 0 8px 32px;
  width: 588px;
}

div.content div.overview-box1 div.last {
  float: left;
  padding: 0 32px 8px 20px;
  width: 213px;
}
* html div.content div.overview-box1 div.last {
  padding: 0 32px 8px 20px;
  width: 173px;
}
div.content div.overview-box1 div.last div.friends h3 {
  float: left;
  width: 173px;
  background: url(../images/arrow02.png) no-repeat 0 bottom;
  padding: 20px 30px 10px 10px;
  margin: 0;
  font:  bold 12px arial,sans-serif;
  text-transform: uppercase;
  position: relative;
}
* html div.content div.overview-box1 div.last div.friends h3 {
  width: 202px;
  padding: 20px 0 10px 10px;
  margin: 0;
  background-color: #D4D5D6;
}
div.content div.overview-box1 div.last div.friends h3.ui-state-default {
  margin: 0 0 10px 0;
}
* html div.content div.overview-box1 div.last div.friends h3.ui-state-default {

}
div.content div.overview-box1 div.last div.friends h3.ui-state-active {
  background: #DEDEDE;
}
div.content div.overview-box1 div.last div.friends h3 a {
  color: #292929;
}
div.content div.overview-box1 div.last div.friends h3 div.symbol2 {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 7px;
  right: 5px;
  background-color: transparent;
  text-indent: -5000px;
}

div.content div.overview-box1 div.last div.friends .kanu {
  background: url(../images/sports-symbols2.png) no-repeat 0 0;
}
* html div.content div.overview-box1 div.last div.friends .kanu {
  background: url(../images/sports-symbols2.gif) no-repeat 0 0;
}
div.content div.overview-box1 div.last div.friends .rudern {
  background: url(../images/sports-symbols2.png) no-repeat -30px 0;
}
* html div.content div.overview-box1 div.last div.friends .rudern {
  background: url(../images/sports-symbols2.gif) no-repeat -30px 0;
}
div.content div.overview-box1 div.last div.friends .skifliegen {
  background: url(../images/sports-symbols2.png) no-repeat -60px 0;
}
* html div.content div.overview-box1 div.last div.friends .skifliegen {
  background: url(../images/sports-symbols2.gif) no-repeat -60px 0;
}
div.content div.overview-box1 div.last div.friends .radsport {
  background: url(../images/sports-symbols2.png) no-repeat -90px 0;
}
* html div.content div.overview-box1 div.last div.friends .radsport {
  background: url(../images/sports-symbols2.gif) no-repeat -90px 0;
}
div.content div.overview-box1 div.last div.friends .skeleton {
  background: url(../images/sports-symbols2.png) no-repeat -120px 0;
}
* html div.content div.overview-box1 div.last div.friends .skeleton {
  background: url(../images/sports-symbols2.gif) no-repeat -120px 0;
}
div.content div.overview-box1 div.last div.friends .cycling2 {
  background: url(../images/sports-symbols2.png) no-repeat -150px 0;
}
* html div.content div.overview-box1 div.last div.friends .cycling2 {
  background: url(../images/sports-symbols2.gif) no-repeat -150px 0;
}
div.content div.overview-box1 div.last div.friends .segeln {
  background: url(../images/sports-symbols2.png) no-repeat -510px 0;
}
* html div.content div.overview-box1 div.last div.friends .segeln {
  background: url(../images/sports-symbols2.gif) no-repeat -510px 0;
}
div.content div.overview-box1 div.last div.friends .bobsport {
  background: url(../images/sports-symbols2.png) no-repeat -210px 0;
}
* html div.content div.overview-box1 div.last div.friends .bobsport {
  background: url(../images/sports-symbols2.gif) no-repeat -210px 0;
}
div.content div.overview-box1 div.last div.friends .athletics {
  background: url(../images/sports-symbols2.png) no-repeat -240px 0;
}
* html div.content div.overview-box1 div.last div.friends .athletics {
  background: url(../images/sports-symbols2.gif) no-repeat -240px 0;
}
div.content div.overview-box1 div.last div.friends .eisschnelllauf {
  background: url(../images/sports-symbols2.png) no-repeat -270px 0;
}
* html div.content div.overview-box1 div.last div.friends .eisschnelllauf {
  background: url(../images/sports-symbols2.gif) no-repeat -270px 0;
}
div.content div.overview-box1 div.last div.friends .biathlon {
  background: url(../images/sports-symbols2.png) no-repeat -300px 0;
}
* html div.content div.overview-box1 div.last div.friends .biathlon {
  background: url(../images/sports-symbols2.gif) no-repeat -300px 0;
}
div.content div.overview-box1 div.last div.friends .canoeing2 {
  background: url(../images/sports-symbols2.png) no-repeat -330px 0;
}
* html div.content div.overview-box1 div.last div.friends .canoeing2 {
  background: url(../images/sports-symbols2.gif) no-repeat -330px 0;
}
div.content div.overview-box1 div.last div.friends .boxen {
  background: url(../images/sports-symbols2.png) no-repeat -360px 0;
}
* html div.content div.overview-box1 div.last div.friends .boxen {
  background: url(../images/sports-symbols2.gif) no-repeat -360px 0;
}
div.content div.overview-box1 div.last div.friends .turnen {
  background: url(../images/sports-symbols2.png) no-repeat -390px 0;
}
* html div.content div.overview-box1 div.last div.friends .turnen {
  background: url(../images/sports-symbols2.gif) no-repeat -390px 0;
}
div.content div.overview-box1 div.last div.friends .speedskating2 {
  background: url(../images/sports-symbols2.png) no-repeat -420px 0;
}
* html div.content div.overview-box1 div.last div.friends .speedskating2 {
  background: url(../images/sports-symbols2.gif) no-repeat -420px 0;
}
div.content div.overview-box1 div.last div.friends .schwimmen {
  background: url(../images/sports-symbols2.png) no-repeat -450px 0;
}
* html div.content div.overview-box1 div.last div.friends .schwimmen {
  background: url(../images/sports-symbols2.gif) no-repeat -450px 0;
}
div.content div.overview-box1 div.last div.friends .triathlon {
  background: url(../images/sports-symbols2.png) no-repeat -480px 0;
}
* html div.content div.overview-box1 div.last div.friends .triathlon {
  background: url(../images/sports-symbols2.gif) no-repeat -480px 0;
}
div.content div.overview-box1 div.last div.friends .rodeln {
  background: url(../images/sports-symbols2.png) no-repeat -540px 0;
}
* html div.content div.overview-box1 div.last div.friends .rodeln {
  background: url(../images/sports-symbols2.gif) no-repeat -540px 0;
}



div.content div.overview-box1 div.last div.friends div {
  float: left;
  width: 213px;
  margin: 0;
  padding: 0 0 2px 0;
  background: #DEDEDE url(../images/arrow03.png) no-repeat 0 bottom;
}
* html div.content div.overview-box1 div.last div.friends div.morecontent {
  width: 212px;
  overflow: hidden;
}
div.content div.overview-box1 div.last div.friends div.morecontent a {
  margin: 0 0 5px 0;
}
div.content div.overview-box1 div.last div.friends div.morecontent p {
  padding: 0 5px 0 10px;
}
div.content div.overview-box1 div.last div.friends div.morecontent span.text {
  font: 11px/160% arial, sans-serif;
  margin: 0;
}
div.content div.overview-box1 div.last div.friends div.morecontent span.more {
  display: block;
  font:  11px/160% arial, sans-serif;
  color: #636363;
  padding: 0 0 3px 18px;
  margin: 5px 10px 10px 10px;
  background: url(../images/arrow01.png) no-repeat 0 3px;
}
* html div.content div.overview-box1 div.last div.friends div.morecontent span.more {
  padding:0;
  background: none;
}
div.content div.overview-box1 div.last div.friends div.morecontent span.more a {
  font:  11px/160% arial, sans-serif;
  color: #636363;
}
div.content div.overview-box1 div.last div.friends img {
  margin: 0 6px 6px 6px;
}

/* ---------->>> CARD1 <<<-----------*/
div.card1 {
  position: relative;
  float: left;
  width: 280px;
  margin: 0 10px 10px 0;
  background-color: #EAEAEA;
}
div.card1 div.left {
  float: left;
  width: 100px;
  padding: 3px 3px 1px 3px;
  margin: 0 10px 0 0;
  background: #1A171B url(../images/gradient_bg3.png) no-repeat 0 0;
}
div.symbol {
  width: 50px;
  height: 50px;
  text-indent: -5000px;
  position: absolute;
  bottom: 5px;
  right: 5px;
  background-color: #EAEAEA
}
.kanu {
  background: url(../images/sports-symbols.png) no-repeat 0 0;
}
.rudern {
  background: url(../images/sports-symbols.png) no-repeat -50px 0;
}
.skifliegen {
  background: url(../images/sports-symbols.png) no-repeat -100px 0;
}
.radsport {
  background: url(../images/sports-symbols.png) no-repeat -150px 0;
}
.skeleton {
  background: url(../images/sports-symbols.png) no-repeat -200px 0;
}
.cycling2 {
  background: url(../images/sports-symbols.png) no-repeat -250px 0;
}
.segeln {
  background: url(../images/sports-symbols.png) no-repeat -850px 0;
}
.bobsport {
  background: url(../images/sports-symbols.png) no-repeat -350px 0;
}
.athletics {
  background: url(../images/sports-symbols.png) no-repeat -400px 0;
}
.eisschnelllauf {
  background: url(../images/sports-symbols.png) no-repeat -450px 0;
}
.biathlon {
  background: url(../images/sports-symbols.png) no-repeat -500px 0;
}
.canoeing2 {
  background: url(../images/sports-symbols.png) no-repeat -550px 0;
}
.boxen {
  background: url(../images/sports-symbols.png) no-repeat -600px 0;
}
.turnen {
  background: url(../images/sports-symbols.png) no-repeat -650px 0;
}
.speedskating2 {
  background: url(../images/sports-symbols.png) no-repeat -700px 0;
}
.schwimmen {
  background: url(../images/sports-symbols.png) no-repeat -750px 0;
}
.triathlon {
  background: url(../images/sports-symbols.png) no-repeat -800px 0;
}
.rodeln {
  background: url(../images/sports-symbols.png) no-repeat -900px 0;
}

div.card1 h3 {
  font: bold 12px arial, sans-serif;
  color: #292929;
  text-transform: uppercase;
  margin: 10px 0 10px 0;
  position: absolute;
  left: 115px;
  width: 160px;
  z-index: 100;
}
div.card1 a.more {
  font: 11px arial, sans-serif;
  text-align: right;
  color: #636363;
  padding: 0 18px 3px 0;
  background: url(../images/arrow01.png) no-repeat right 0;
  position: absolute;
  left: 116px;
  bottom: 5px;
}

/* ---------->>> CARD2 <<<-----------*/
div.card2 {
  position: relative;
  float: left;
  width: 570px;
  margin: 0 10px 10px 0;
  padding: 0 0 5px 0;
  background-color: #EAEAEA;
}
div.card2 div.left {
  float: left;
  width: 100px;
  padding: 3px 3px 1px 3px;
  margin: 0 10px 0 0;
  background: url(../images/gradient_bg3.png) no-repeat 0 0;
}
div.card2 div.right {
  float: left;
  width: 439px;
}
div.card2 a {
  font: bold 12px arial, sans-serif;
  color: #292929;
  padding: 0 0 0 10px;
  background: url(../images/arrow05.png) no-repeat 0 0;
}
div.card2 a:hover {
  text-decoration: underline;
}
div.card2 a.more {
  font: 11px arial, sans-serif;
  text-align: right;
  color: #636363;
  padding: 0 18px 3px 0;
  background: url(../images/arrow01.png) no-repeat right 0;
}
div.card2 h3 {
  font: bold 12px arial, sans-serif;
  color: #292929;
  text-transform: uppercase;
  margin: 10px 0 10px 0;
}

/* ---------->>> DETAIL <<<-----------*/
div.content div.detail-box1 {
  	border: #1B1A1D 1px solid;
	border-bottom: #464646 1px solid;
	border-top: none;
	padding: 36px 0 0 0;
	background: url(../images/detail-box-bg.png) repeat-y 0 0;
}
div.content div.detail-box1 div.first {
  position: relative;
  float: left;
  padding: 32px 0 8px 0;
  width: 385px;
  border-right:  #1B1A1D 1px solid;
}
div.content div.detail-box1 div.first a.back {
  position: absolute;
  top: 34px;
  left: 10px;
  font: 10px arial, sans-serif;
  color: #292929;
  padding: 0 0 0 10px;
  background: url(../images/arrow04.png) no-repeat 0 3px;
}
div.content div.detail-box1 div.first a.back:hover {
  text-decoration: underline;
}
div.content div.detail-box1 div.first h2 {
  font: bold 14px arial, sans-serif;
  color: #292929;
  text-transform: uppercase;
  margin: 0 15px 10px 0;
  text-align: right;
}
div.content div.detail-box1 div.first div.gallery {
  background: #1A171B url(../images/gradient_bg4.png) no-repeat 0 0;
}
div.content div.detail-box1 div.first div.gallery div#gallerybig {
  padding: 17px 17px 0 17px;
}

div.content div.detail-box1 div.last {
  font: 12px/140% arial, sans-serif;
  float: left;
  padding: 28px 32px 8px 20px;
  width: 448px;
  min-height: 480px;
}
div.content div.detail-box1 div.last h3 {
  font: bold 13px arial, sans-serif;
  color: #292929;
  text-transform: uppercase;
  margin: 15px 15px 10px 0;
  border-bottom: #E6E5E6 1px solid;
}
div.content div.detail-box1 div.last div.accordion h3 {
  padding: 0 0 0 12px;
  cursor: pointer;
  background: url(../images/arrow05.png) no-repeat 0 2px;
}

* html div.content div.detail-box1 div.last div.accordion h3 {
  background: url(../images/arrow05-ie.png) no-repeat 0 4px;
}
div.content div.detail-box1 div.last div.accordion h3.ui-state-active {
  padding: 0 0 0 12px;
  cursor: pointer;
  background: url(../images/arrow07.png) no-repeat 0 4px;
}
* html div.content div.detail-box1 div.last div.accordion h3.ui-state-active {
  background: url(../images/arrow07-ie.png) no-repeat 0 6px;
}

div.content div.detail-box1 div.last ul li {
  font: 12px/140% arial, sans-serif;
  list-style: disc outside;
  margin: 3px 0 0 20px;
}

div.content div.detail-box1 div.last dl {
  margin: 25px 0 0 0;
}
div.content div.detail-box1 div.last dl dt {
  font: bold 12px/160% arial, sans-serif;
  display: block;
  width: 120px;
  float: left;
  margin: 3px 0 0 0;
}
div.content div.detail-box1 div.last dl dd {
  display: block;
  float: left;
  width: 300px
}
* html div.content div.detail-box1 div.last dl dd {
  width: 290px
}

div.content div.detail-box1 div.last a.more {
  font: 12px arial, sans-serif;
  text-align: right;
  color: #636363;
  padding: 0 18px 3px 0;
  background: url(../images/arrow01.png) no-repeat 212px 0;
}
/* ---------->>> DETAIL2 <<<-----------*/
div.content div.detail-box2 {
  border: #1B1A1D 1px solid;
  border-bottom: #464646 1px solid;
  border-top: none;
  padding: 0;
  background: url(../images/detail-box-bg.png) repeat-y -386px 0;
}

div.content div.detail-box2 div.first {
  float: left;
  padding: 28px 32px 8px 20px;
  width: 448px;
  min-height: 480px;
}
* html div.content div.detail-box2 div.first {
  padding: 58px 32px 8px 20px;
  width:300px;
  margin:0;
}
/* friss das, IE7! */
*:first-child+html div.content div.detail-box2 div.first {
  margin: 28px 32px 8px 20px;
  padding:0;
}

div.content div.detail-box2 div.first h2 {
  font: bold 14px arial, sans-serif;
  color: #292929;
  text-transform: uppercase;
  margin: 36px 15px 10px 0;
}
div.content div.detail-box2 div.first ul li {
  font: 12px/140% arial, sans-serif;
  list-style: disc outside;
  margin: 3px 0 0 20px;
}
div.content div.detail-box2 div.last {
  position: relative;
  float: left;
  padding: 32px 0 8px 25px;
  width: 360px;
}
* html div.content div.detail-box2 div.last {
  margin:0;
  padding:0;
  width: 320px;

}
/* friss das, IE7! */
*:first-child+html div.content div.detail-box2 div.last {
  margin:32px 0 8px 25px;
  padding:0;
}

/* ---------->>> CARD2 <<<-----------*/
div.content div.detail-box2 div.card2 {
  position: relative;
  float: left;
  width: 470px;
  margin: 0 10px 10px 0;
  padding: 0 0 5px 0;
  background-color: #EAEAEA;
}
* html div.content div.detail-box2 div.card2 {
  width: 470px;

}
div.content div.detail-box2 div.card2 div.left {
  float: left;
  width: 100px;
  padding: 3px 3px 1px 3px;
  margin: 0 10px 0 0;
  background: url(../images/gradient_bg3.png) no-repeat 0 0;
}
* html div.content div.detail-box2 div.card2 div.left {
  padding: 3px;
}
div.content div.detail-box2 div.card2 div.right {
  float: left;
  width: 354px;
}
div.content div.detail-box2 div.card2 a {
  font: bold 12px arial, sans-serif;
  color: #292929;
  padding: 0 0 0 10px;
  background: url(../images/arrow05.png) no-repeat 0 0;
}
div.content div.detail-box2 div.card2 a:hover {
  text-decoration: underline;
}
div.content div.detail-box2 div.card2 h3 {
  font: bold 12px arial, sans-serif;
  color: #292929;
  text-transform: uppercase;
  margin: 10px 0 10px 0;
}

div.content div.detail-box2 div.last h2 {
  font: bold 14px arial, sans-serif;
  color: #292929;
  text-transform: uppercase;
  margin: 32px 15px 10px 0;
}
* html div.content div.detail-box2 div.last h2 {
  margin: 58px 15px 10px 0;
}

/* ---------->>> LINKS <<<-----------*/
div.content div.links {
  border: #1B1A1D 1px solid;
  border-bottom: #464646 1px solid;
  border-top: none;
  padding: 36px 0 0 0;
  background-color: #fff;
}
* html div.content div.links {
  padding: 36px 0 25px 0;
}
div.content div.links ul li {
  width: 200px;
  height: 100px;
  margin: 20px 47px;
  display: block;
  float: left;
}
* html div.content div.links ul li {
  margin: 20px 27px;
}
div.content div.links ul li a {
  display: block;
  width: 200px;
  height: 100px;
  text-indent: -5000px;
}
div.content div.links ul li a.erdgas {
	background: url(../images/links.png) no-repeat 0 0;
}
div.content div.links ul li a.gasversorgung {
	background: url(../images/links.png) no-repeat -200px 0;
}
div.content div.links ul li a.vodafone {
	background: url(../images/links.png) no-repeat -400px 0;
}
div.content div.links ul li a.vfds {
	background: url(../images/links.png) no-repeat -600px 0;
}
div.content div.links ul li a.casco {
	background: url(../images/links.png) no-repeat -800px 0;
}
div.content div.links ul li a.bsvd {
	background: url(../images/links.png) no-repeat -1000px 0;
}
div.content div.links ul li a.dkb {
	background: url(../images/links.png) no-repeat -1200px 0;
}
div.content div.links ul li a.flog {
	background: url(../images/links.png) no-repeat -1400px 0;
}
div.content div.links ul li a.andrelange {
	background: url(../images/links.png) no-repeat -1600px 0;
}
div.content div.links ul li a.verbundgas {
	background: url(../images/links.png) no-repeat -1800px 0;
}
div.content div.links ul li a.sev {
	background: url(../images/links.png) no-repeat -2000px 0;
}
div.content div.links ul li a.pixeleis {
	background: url(../images/links.png) no-repeat -2200px 0;
}
div.content div.links ul li a.xxltravelteam {
	background: url(../images/links.png) no-repeat -2400px 0;
}
div.content div.links ul li a.ford {
	background: url(../images/links.png) no-repeat -2600px 0;
}
div.content div.links ul li a.skins {
	background: url(../images/links.png) no-repeat -2800px 0;
}
div.content div.links ul li a.autovogel {
	background: url(../images/links.png) no-repeat -3000px 0;
}
div.content div.links ul li a.weissflog {
	background: url(../images/links.png) no-repeat -3200px 0;
}
div.content div.links ul li a.prinzregent {
	background: url(../images/links.png) no-repeat -3400px 0;
}
div.content div.links ul li a.weinstr {
	background: url(../images/links.png) no-repeat -3600px 0;
}
div.content div.links ul li a.baeren {
	background: url(../images/links.png) no-repeat -3799px 0;
}
div.content div.links ul li a.oberwiesenthal {
	background: url(../images/links.png) no-repeat -4000px 0;
}
div.content div.links ul li a.svenhilft {
	background: url(../images/links.png) no-repeat -4200px 0;
}
div.content div.links ul li a.deutscherruderverband {
	background: url(../images/links.png) no-repeat -4400px 0;
}
div.content div.links ul li a.goodyear {
	background: url(../images/links.png) no-repeat -4600px 0;
}

/* ---------->>> IMPRESSUM <<<-----------*/
div.content div.card2 p.contact {
	margin: 20px 0 10px 0;
	padding: 0 0 3px 0;
	font: 11px/140% arial, sans-serif;
	border-bottom: #A0A0A1 1px solid;
}
div.xxl,
div.travel,
div.communication,
div.coaching,
div.cycling {
  position: relative;
}
div.communication img,
div.coaching img,
div.cycling img {
  position: absolute;
  right: 45px;
  top: 28px;
}
div.xxl img,
div.travel img {
  position: absolute;
  right: 10px;
  top: 28px;
}

/* ---------->>> KONTAKT <<<-----------*/
div.card3 {
  position: relative;
  float: left;
  width: 450px;
  margin: 0 10px 10px 0;
  padding: 0 0 5px 0;
}
div.card3 h3 {
  font: bold 13px arial, sans-serif;
  margin: 20px 0 15px 0;
}
div.card3 h4 {
  font: bold 12px arial, sans-serif;
  margin: 15px 0 10px 0;
}
.detail-box2 .last form.contact {
  margin: 58px 0 0 0;
}
form.contact input,
form.contact textarea {
  border: #333 1px solid;
  padding: 3px;
  margin: 0 0 5px 0;
  width: 325px;
}
form.contact select {
  border: #333 1px solid;
  background-color: #AEADAE;
  padding: 3px;
  margin: 0 0 5px 0;
  width: 330px;
}
form.contact input.submit {
  border: none;
  padding: 0;
  margin: -10px 0 0 0;
  width: 333px;
  height: 25px;
}

/* ---------->>> FOOTER <<<-----------*/
div.footer {
  position: relative;
  margin: 8px 0 0 0;
  padding: 0 30px 0 32px;
  width: 860px;
  color: #383839;
  font: 10px arial, sans-serif;
}
div.footer ul.fnav {
  position: absolute;
  right: 0;
  top: 3px;
}
div.footer ul.fnav li {
  float: left;
  background: #7C7C7E;
}
div.footer ul.fnav li a {
  display: block;
  height: 10px;
}
div.footer ul.fnav li a.fnav-kontakt {
  width: 60px;
  background: url(../images/pnav.png) no-repeat 0 -133px;
}
div.footer ul.fnav li a.fnav-impressum {
  width: 77px;
  background: url(../images/pnav.png) no-repeat -60px -133px;
}
div.footer ul.fnav li a.fnav-disclaimer {
  width: 135px;
  background: url(../images/pnav.png) no-repeat -137px -133px;
}





/* ---------->>> TERMINE <<<-----------*/
ol.termine,
ol.termine-more {
  margin: 0;
}
ol.termine li div.var2,
ol.termine-more li div.var2 {
  margin: 0 10px 0 0;
  float: left;
}
ol.termine li p,
ol.termine-more li p {
  display: block;
  padding: 1px 0 0 0;
  margin: 0;
  width: 205px;
  float: left;
}


/* ---------->>> DATE <<<-----------*/
div.date {
	width: 38px;
}
div.date div.day {
  width: 46px;
  height: 15px;
  text-indent: -5000px;
  line-height: 13px;
}
div.date div.d1 {
  background: url(../images/date_sprite.png) no-repeat -202px -134px;
}
div.date div.d2 {
  background: url(../images/date_sprite.png) no-repeat -249px -134px;
}
div.date div.d3 {
  background: url(../images/date_sprite.png) no-repeat -296px -134px;
}
div.date div.d4 {
  background: url(../images/date_sprite.png) no-repeat -343px -134px;
}
div.date div.d5 {
  background: url(../images/date_sprite.png) no-repeat -202px -150px;
}
div.date div.d6 {
  background: url(../images/date_sprite.png) no-repeat -249px -150px;
}
div.date div.d0 {
  background: url(../images/date_sprite.png) no-repeat -296px -150px;
}
div.date div.month {
  line-height: 13px;
  width: 46px;
  height: 13px;
  text-indent: -5000px;
}
div.date div.m1 {
  background: url(../images/date_sprite.png) no-repeat 0 -166px;
}
div.date div.m2 {
  background: url(../images/date_sprite.png) no-repeat -46px -166px;
}
div.date div.m3 {
  background: url(../images/date_sprite.png) no-repeat -92px -166px;
}
div.date div.m4 {
  background: url(../images/date_sprite.png) no-repeat -138px -166px;
}
div.date div.m5 {
  background: url(../images/date_sprite.png) no-repeat -184px -166px;
}
div.date div.m6 {
  background: url(../images/date_sprite.png) no-repeat -230px -166px;
}
div.date div.m7 {
  background: url(../images/date_sprite.png) no-repeat -276px -166px;
}
div.date div.m8 {
  background: url(../images/date_sprite.png) no-repeat -322px -166px;
}
div.date div.m9 {
  background: url(../images/date_sprite.png) no-repeat -368px -166px;
}
div.date div.m10 {
  background: url(../images/date_sprite.png) no-repeat -414px -166px;
}
div.date div.m11 {
  background: url(../images/date_sprite.png) no-repeat 0 -179px;
}
div.date div.m12 {
  background: url(../images/date_sprite.png) no-repeat -46px -179px;
}
div.date div.num {
  width: 46px;
  height: 38px;
  text-indent: -5000px;
}
div.date div.n1 {
  background: url(../images/date_sprite.png) no-repeat 0 0;
}
div.date div.n2 {
  background: url(../images/date_sprite.png) no-repeat -46px 0;
}
div.date div.n3 {
  background: url(../images/date_sprite.png) no-repeat -92px 0;
}
div.date div.n4 {
  background: url(../images/date_sprite.png) no-repeat -138px 0;
}
div.date div.n5 {
  background: url(../images/date_sprite.png) no-repeat -184px 0;
}
div.date div.n6 {
  background: url(../images/date_sprite.png) no-repeat -230px 0;
}
div.date div.n7 {
  background: url(../images/date_sprite.png) no-repeat -276px 0;
}
div.date div.n8 {
  background: url(../images/date_sprite.png) no-repeat -322px 0;
}
div.date div.n9 {
  background: url(../images/date_sprite.png) no-repeat -368px 0;
}
div.date div.n10 {
  background: url(../images/date_sprite.png) no-repeat -414px 0;
}
div.date div.n11 {
  background: url(../images/date_sprite.png) no-repeat 0 -38px;
}
div.date div.n12 {
  background: url(../images/date_sprite.png) no-repeat -46px -38px;
}
div.date div.n13 {
  background: url(../images/date_sprite.png) no-repeat -92px -38px;
}
div.date div.n14 {
  background: url(../images/date_sprite.png) no-repeat -138px -38px;
}
div.date div.n15 {
  background: url(../images/date_sprite.png) no-repeat -184px -38px;
}
div.date div.n16 {
  background: url(../images/date_sprite.png) no-repeat -230px -38px;
}
div.date div.n17 {
  background: url(../images/date_sprite.png) no-repeat -276px -38px;
}
div.date div.n18 {
  background: url(../images/date_sprite.png) no-repeat -322px -38px;
}
div.date div.n19 {
  background: url(../images/date_sprite.png) no-repeat -368px -38px;
}
div.date div.n20 {
  background: url(../images/date_sprite.png) no-repeat -414px -38px;
}
div.date div.n21 {
  background: url(../images/date_sprite.png) no-repeat 0 -76px;
}
div.date div.n22 {
  background: url(../images/date_sprite.png) no-repeat -46px -76px;
}
div.date div.n23 {
  background: url(../images/date_sprite.png) no-repeat -92px -76px;
}
div.date div.n24 {
  background: url(../images/date_sprite.png) no-repeat -138px -76px;
}
div.date div.n25 {
  background: url(../images/date_sprite.png) no-repeat -184px -76px;
}
div.date div.n26 {
  background: url(../images/date_sprite.png) no-repeat -230px -76px;
}
div.date div.n27 {
  background: url(../images/date_sprite.png) no-repeat -276px -76px;
}
div.date div.n28 {
  background: url(../images/date_sprite.png) no-repeat -322px -76px;
}
div.date div.n29 {
  background: url(../images/date_sprite.png) no-repeat -368px -76px;
}
div.date div.n30 {
  background: url(../images/date_sprite.png) no-repeat -414px -76px;
}
div.date div.n31 {
  background: url(../images/date_sprite.png) no-repeat 0 -114px;
}

/* ---------->>> DATE VAR2 <<<-----------*/
div.var2 {
  width: 46px;
}
div.var2 div.spanning div.num {
  float: left;
  margin: 0;
}
div.var2 div.span {
  width: 10px;
  height: 18px;
  text-indent: -5000px;
  background: url(../images/date_sprite.png) no-repeat -191px -132px;
  float: left;
}
div.var2 div.num {
  width: 18px;
  height: 18px;
  text-indent: -5000px;
  margin: 0 0 0 28px;
  padding: 0;
}
div.var2 div.n1 {
  background: url(../images/date_sprite.png) no-repeat -46px -114px;
}
div.var2 div.n2 {
  background: url(../images/date_sprite.png) no-repeat -64px -114px;
}
div.var2 div.n3 {
  background: url(../images/date_sprite.png) no-repeat -82px -114px;
}
div.var2 div.n4 {
  background: url(../images/date_sprite.png) no-repeat -100px -114px;
}
div.var2 div.n5 {
  background: url(../images/date_sprite.png) no-repeat -118px -114px;
}
div.var2 div.n6 {
  background: url(../images/date_sprite.png) no-repeat -136px -114px;
}
div.var2 div.n7 {
  background: url(../images/date_sprite.png) no-repeat -154px -114px;
}
div.var2 div.n8 {
  background: url(../images/date_sprite.png) no-repeat -172px -114px;
}
div.var2 div.n9 {
  background: url(../images/date_sprite.png) no-repeat -190px -114px;
}
div.var2 div.n10 {
  background: url(../images/date_sprite.png) no-repeat -208px -114px;
}
div.var2 div.n11 {
  background: url(../images/date_sprite.png) no-repeat -226px -114px;
}
div.var2 div.n12 {
  background: url(../images/date_sprite.png) no-repeat -244px -114px;
}
div.var2 div.n13 {
  background: url(../images/date_sprite.png) no-repeat -262px -114px;
}
div.var2 div.n14 {
  background: url(../images/date_sprite.png) no-repeat -280px -114px;
}
div.var2 div.n15 {
  background: url(../images/date_sprite.png) no-repeat -298px -114px;
}
div.var2 div.n16 {
  background: url(../images/date_sprite.png) no-repeat -316px -114px;
}
div.var2 div.n17 {
  background: url(../images/date_sprite.png) no-repeat -334px -114px;
}
div.var2 div.n18 {
  background: url(../images/date_sprite.png) no-repeat -352px -114px;
}
div.var2 div.n19 {
  background: url(../images/date_sprite.png) no-repeat -370px -114px;
}
div.var2 div.n20 {
  background: url(../images/date_sprite.png) no-repeat -388px -114px;
}
div.var2 div.n21 {
  background: url(../images/date_sprite.png) no-repeat -406px -114px;
}
div.var2 div.n22 {
  background: url(../images/date_sprite.png) no-repeat -424px -114px;
}
div.var2 div.n23 {
  background: url(../images/date_sprite.png) no-repeat -442px -114px;
}
div.var2 div.n24 {
  background: url(../images/date_sprite.png) no-repeat -46px -132px;
}
div.var2 div.n25 {
  background: url(../images/date_sprite.png) no-repeat -64px -132px;
}
div.var2 div.n26 {
  background: url(../images/date_sprite.png) no-repeat -82px -132px;
}
div.var2 div.n27 {
  background: url(../images/date_sprite.png) no-repeat -100px -132px;
}
div.var2 div.n28 {
  background: url(../images/date_sprite.png) no-repeat -118px -132px;
}
div.var2 div.n29 {
  background: url(../images/date_sprite.png) no-repeat -136px -132px;
}
div.var2 div.n30 {
  background: url(../images/date_sprite.png) no-repeat -154px -132px;
}
div.var2 div.n31 {
  background: url(../images/date_sprite.png) no-repeat -172px -132px;
}


#counter { position:relative; width:470px; margin-top:5px; margin-bottom:20px;}

#counter div.num {
	width:26px;
	height:38px;
	margin:0;
	padding:0;
	text-indent:-5000px;
	float:left;
}
#counter div.n0 { background: url(../images/counter_sprite.png) -0px -0px no-repeat; }
#counter div.n1 { background: url(../images/counter_sprite.png) -29px -0px no-repeat; }
#counter div.n2 { background: url(../images/counter_sprite.png) -57px -0px no-repeat; }
#counter div.n3 { background: url(../images/counter_sprite.png) -86px -0px no-repeat; }
#counter div.n4 { background: url(../images/counter_sprite.png) -114px -0px no-repeat; }
#counter div.n5 { background: url(../images/counter_sprite.png) -143px -0px no-repeat; }
#counter div.n6 { background: url(../images/counter_sprite.png) -171px -0px no-repeat; }
#counter div.n7 { background: url(../images/counter_sprite.png) -200px -0px no-repeat; }
#counter div.n8 { background: url(../images/counter_sprite.png) -228px -0px no-repeat; }
#counter div.n9 { background: url(../images/counter_sprite.png) -257px -0px no-repeat; }
#counter div.leer { background: transparent; width:0 !important; }

div.days, div.hours, div.mins { float:left; }
#counter span { display:block; float:left; font-size:18px; margin-right:6px; margin-left:6px; height:38px; margin-top:13px; }

#counter span.first {margin-left:0;} 



form.generator input,
form.generator textarea {
  border: #333 1px solid;
  padding: 3px;
  margin: 0 0 5px 0;
}
form.generator select {
  border: #333 1px solid;
  background-color: #AEADAE;
  padding: 3px;
  margin: 0 0 5px 0;
  width: 330px;
}
form.generator input.submit {
  border: none;
  padding: 0;
  margin: -10px 0 0 0;
  width: 333px;
  height: 25px;
}

form.generator {
  width: 430px;
}
form.generator fieldset {
  margin: 15px 0 0 0;
  border: #808080 1px solid;
  padding: 10px;
  background-color: #efefef;
}
form.generator fieldset legend {
  font: bold 12px arial, sans-serif;
  font-weight: bold;
  padding: 0 5px;
  text-transform: uppercase;
}
form.generator fieldset p {
  float: left;
  display: block;
  margin: 0 0 10px 0;
  width: 100%;
}
form.generator fieldset p input {
  float: left;
  margin: 4px 10px 0 0;
  /*display: block;*/
}
form.generator fieldset p input.textinput {
  border: #333 1px solid;
  padding: 3px;
  margin: 0 0 5px 0;
  width: 90%;
}

form.generator fieldset p label {
  display: block;
  float: left;
  width: 90%;
}
form.generator .error {
  color: red;
}

div.qfrow div.qfelement label {
  display: block;
  float: left;
  width: 90%;
}
div.qfrow div.qfelement input.textinput {
  border: #333 1px solid;
  padding: 3px;
  margin: 0 0 5px 0;
  width: 50%;
}

form.generator input.submit {
  display: block;
  margin: 25px auto 0 auto;
  width: 430px;
}


form.generator fieldset p.halfsize {
  display: block;
  width: 50%;
  float: left;
  margin: 0 0 5px 0;
}
form.generator fieldset p.halfsize label {
  display: block;
  float: left;
  width: 80%;
}
span.org a.ffuenf {
	display:block;
	background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEoAAAAQCAYAAAHGwtl2AAACd0lEQVRYw81YsXHDMAzUCOpyl0ojaAQ2qdK4T6MNoglyzAQaQV1ajYARPIJG0AgM6QN1LxikaVnxhXc4yyANPV4g+HL18/qyeHPBKj8+Pr/GSgzvc1Vc5K3xRt5peHJeF4WB0eLn1eBFJ7xFiOit5e8Wb+lEVOJFproxLoEQVi5YzIGvrSQhF4zYP27IyCPrc6i6yGxBIJKBeggk0wppdJCSSwUy/LlkAk2bIskgShqURB9vFoguTb+AnuaqODO2IHXR//327iJdIbtYr1i7fH2GdTXSzDZKXwrUmGGKAjjl5lfXANbh8xaPywHrlGNqxoYRQdwAZfn7WQE4s9EjoFSWeH3NgG2sg5KuUVhXc3GhK70Pa6M+CNC6tXeB0rbyEaBk5inrRZGvc4XF2+IOZd+k/XbT+DJtoGE7lzCVAKX5SLQLW8qUuffxpUAJMwIU3QOKjgKlHWx7QTV7QCm1MmLHfxTULkvIp9DXzuIpBMlQe1sY9MIA2+ofDI9jAIJD3Q/PIGri+UEpLXcRYf9oeDynSJAmmA8niivJQDWFNmy84DEg8y5ECYEe52uRgOqH5Cybyag1A+t6WcE8P0IlmTXeTlJC8gP3jXVrCaLCnGUNFAWa9URZ0DiOgVkpsmXC0s9bd4Z+07HNqBxF9U685iTOuha1E2gtm30hyliokE4c1suNrUdSJN5DSIaoCRIiYXItJWLS5oVuK1Rp79brNNle0KP+iigqFbzPJqrnrZSanw4i6mrrJIjq4MQ0Wq85mqjlDrJCRbVCaM3474lC1MDrWwWkKgm40RLIh7i9Qj9r5J8q4k13kev4uCeleUd/B76OfZtT+hfrMiE5zClLkAAAAABJRU5ErkJggg%3D%3D) no-repeat 0 0;
	width:74px;
	height:16px;
	margin:0 0 10px 0;
	text-indent:-9999px;
}
span.org {
	font: 1.1em/1.6em arial;
	margin: 0 0 5px 0;
}