/* YUI Reset */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
	margin: 0;
	padding: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
fieldset, img {
	border: 0;
}
address, caption, cite, code, dfn, em, strong, th, var {
	font-style: normal;
	font-weight: normal;
}
ol, ul {
	list-style: none;
}
caption, th {
	text-align: left;
}
h1 {
	font-family: Tahoma, Verdana, sans-serif;
  	font-size: 20px;
  	font-style: normal;
  	line-height: 18px;
  	font-weight: normal;
  	font-variant: normal;
  	color: #4d4d4d;
  	text-transform: none;
  	text-decoration: none;
	}
}
h2	{
	font-family: Tahoma, Verdana, sans-serif;
  	font-size: 18px;
  	font-style: normal;
  	line-height: 18px;
  	font-weight: normal;
  	font-variant: normal;
  	color: #4d4d4d;
  	text-transform: none;
  	text-decoration: none;
	}
h3	{
	font-family: Tahoma, Verdana, sans-serif;
  	font-size: 18px;
  	font-style: normal;
  	line-height: 18px;
  	font-weight: normal;
  	font-variant: normal;
  	color: #e1021c;
  	text-transform: none;
  	text-decoration: none;
	}
h4	{
	font-family: Tahoma, Verdana, sans-serif;
  	font-size: 14px;
  	font-style: normal;
  	line-height: 18px;
  	font-weight: normal;
  	font-variant: normal;
  	color: #4d4d4d;
  	text-transform: none;
  	text-decoration: none;
	}
h5	{
	font-family: Tahoma, Verdana, sans-serif;
  	font-size: 12px;
  	font-style: normal;
  	line-height: 18px;
  	font-weight: normal;
  	font-variant: normal;
  	color: #4d4d4d;
  	text-transform: none;
  	text-decoration: none;
	}
h6	{
	font-family: Tahoma, Verdana, sans-serif;
  	font-size: 10px;
  	font-style: normal;
  	line-height: 14px;
  	font-weight: normal;
  	font-variant: normal;
  	color: #4d4d4d;
  	text-transform: none;
  	text-decoration: none;
	}
	
q:before, q:after {
	content: '';
}
abbr, acronym {
	border: 0;
}
/**
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE6/7 quirks mode.
 * 
 */
body {
	font: 11px Tahoma, Verdana, Arial, clean, sans-serif; *font-size: small; *font: x-small;
}
table {
	font-size: inherit; font:100%;
}
/**
 * 99% for safari; 100% is too large
 */
select, input, textarea {
	font: 99% tahoma, verdana, arial, clean, sans-serif;
}
/**
 * Bump up !IE to get to 13px equivalent
 */
pre, code {
	font: 115% monospace; *font-size: 100%;
}
/**
 * Default line-height based on font-size rather than "computed-value"
 * see: http://www.w3.org/TR/CSS21/visudet.html#line-height
 */
body * {
	line-height: 1.4em;
}


/* Layout
----------------------------------------------------------------------------------------------------*/
body					{ background: #a4a4a4 url(pics/header_ds.gif) repeat-x; }

#header 				{ position: relative; height: 151px; }
#logo 					{ position: absolute; top:38px; left:66px; width:231px; height:85px; background: url(pics/logo_ds.gif); }
#banner 				{ position: absolute; top:0px; left:317px; width:636px; height:143px; }
#banner_schlittschuhe	{ position: absolute; top:0px; left:317px; width:636px; height:143px; background: url(ds_schlittschuhe.jpg) no-repeat; }
#banner_games		 	{ position: absolute; top:0px; left:317px; width:636px; height:143px; background: url(ds_poker_1.jpg) no-repeat; }
#banner_eisstock	 	{ position: absolute; top:0px; left:317px; width:636px; height:143px; background: url(ds_eisstock.jpg) no-repeat; }
#banner_skater			{ position: absolute; top:0px; left:317px; width:636px; height:143px; background: url(ds_skater_1.jpg) no-repeat; }
#banner_wintersport		{ position: absolute; top:0px; left:317px; width:636px; height:143px; background: url(ds_wintersport.jpg) no-repeat; }
#banner_fitness 		{ position: absolute; top:0px; left:317px; width:636px; height:143px; background: url(ds_fitness.jpg) no-repeat; }
#banner_inliner 		{ position: absolute; top:0px; left:317px; width:636px; height:143px; background: url(ds_inliner.jpg) no-repeat; }
#banner_trampolin 		{ position: absolute; top:0px; left:317px; width:636px; height:143px; background: url(ds_trampolin.jpg) no-repeat; }
#banner_fahrrad 		{ position: absolute; top:0px; left:317px; width:636px; height:143px; background: url(ds_fahrrad.jpg) no-repeat; }
#banner_outdoor			{ position: absolute; top:0px; left:317px; width:636px; height:143px; background: url(ds_outdoor.jpg) no-repeat; }
#banner_games			{ position: absolute; top:0px; left:317px; width:636px; height:143px; background: url(ds_games.jpg) no-repeat; }
#banner_billard			{ position: absolute; top:0px; left:317px; width:636px; height:143px; background: url(ds_billard.jpg) no-repeat; }
#banner_dart			{ position: absolute; top:0px; left:317px; width:636px; height:143px; background: url(ds_dart.jpg) no-repeat; }
#banner_poker			{ position: absolute; top:0px; left:317px; width:636px; height:143px; background: url(ds_poker.jpg) no-repeat; }
#banner_gartenschaukeln	{ position: absolute; top:0px; left:317px; width:636px; height:143px; background: url(ds_gartenschaukeln.jpg) no-repeat; }
#banner_wuzzler			{ position: absolute; top:0px; left:317px; width:636px; height:143px; background: url(ds_wuzzler.jpg) no-repeat; }
#banner_racketsports	{ position: absolute; top:0px; left:317px; width:636px; height:143px; background: url(ds_racketsports.jpg) no-repeat; }
#banner_wassersport		{ position: absolute; top:0px; left:317px; width:636px; height:143px; background: url(ds_wassersport.jpg) no-repeat; }
#banner_tischtennis		{ position: absolute; top:0px; left:317px; width:636px; height:143px; background: url(ds_tischtennis.jpg) no-repeat; }
#menu					{ margin: 0 0 50px 0; }

#verlauf1 				{ position: absolute; top:151px; left:0px; height:380px; width:64px; background: url(pics/splatterlinks_ds.gif) no-repeat; z-index:5; overflow: hidden;}
#verlauf2 				{ position: absolute; top:151px; left:936px; height:380px; width:180px; background-image:url(pics/splatterrechts_ds.gif); background-repeat: no-repeat; z-index:5; }
#footer					{ position: relative; left: 50px; background: #a4a4a4 url(pics/footer_ds.gif) no-repeat; width: 900px; height:260px; text-align: right; font-family: Tahoma, Verdana, sans-serif; font-size: 11px; line-height: 15px; color: #1a171b; padding: 50px 0 0 0; }
#footer p				{ padding:  190px 60px 0 0; }

.left	 			{ width: 270px; background: url(pics/bestellen_ds.jpg) no-repeat; padding: 160px 0 0 0; margin: 0 0 0 14px; float: left; }
.right				{ width: 500px; float: right; margin: 20px 86px 0 0; padding: 0 0 40px 0; }
#inhalt				{ font-family: Tahoma, Verdana, sans-serif; font-size: 12px; font-style: normal; line-height: 18px; font-weight: normal; font-variant: normal; color: #4d4d4d; text-transform: none; text-decoration: none; padding-right: 30px; padding-top: 0px; float:right; width: 558px;}


/* Menü  DONAU SPORTS
-----------------------------------------------------------------------------------------------------*/

/* common styling */
.menu { width: 270px; height:150px;  background-color: #4d4e51; position:relative; margin:0; font-size:12px; border-top: 1px solid #FFF; }
.menu ul li a, .menu ul li a:visited { display:block; text-decoration:none; color:#FFF; width:270px; height:30px; line-height:27px; font-size:12px; background: #4d4e51 url(./pics/norm_ds.gif) no-repeat; }
.menu ul { padding:0; margin:0; list-style-type: none; }
.menu ul li {float:left; margin-right:1px; position:relative;}
.menu ul li ul {display: none;}
.menu span { margin-left: 50px; line-height: 25px; }



/* specific to non IE browsers */
.menu ul li:hover a { color:#fff; background: #4d4e51 url(./pics/over_ds.gif); }
.menu ul li:hover ul {display:block; position:absolute; top:0; left:270px; width:200px; border-left:1px solid #FFF;}
.menu ul li:hover ul li a.hide {background:#4d4e51 url(./pics/norm_ds.gif) no-repeat; color:#FFF; }
.menu ul li:hover ul li:hover a.hide {width:270px;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a { display:block; color:#FFF; width:250px; background: #4D4D4D url(./pics/norm_ds.gif) no-repeat; }
.menu ul li:hover ul li a:hover {color:#fff; background: #4d4e51 url(./pics/over_ds.gif);}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:250px; top:0; color:#000;}
.menu ul li:hover ul li:hover ul li a {display:block; width:250px; background: #4d4e51 url(./pics/norm_ds.gif) no-repeat; color: #FFF;}
.menu ul li:hover ul li:hover ul li a:hover {color:#fff; background: url(./pics/over_ds.gif);}



/* Typo
----------------------------------------------------------------------------*/
.donau {
  	font-family: Tahoma, Verdana, sans-serif;
  	font-size: 12px;
  	font-style: normal;
  	line-height: 18px;
  	font-weight: normal;
  	font-variant: normal;
  	color: #1a171b;
  	text-transform: none;
  	text-decoration: none;
	}
a.donau:link {
	    color:#ec1731;
	}
a.donau:hover {
	    color:#4d4e51;
	}

a.donaufooter {
	    color: #e20220;
		font-family: Tahoma, Verdana, sans-serif;
		font-size: 11px;
	}	
a.donaufooter:hover {
	    color:#4d4e51;
		font-family: Tahoma, Verdana, sans-serif;
		font-size: 11px;
	}
a.donaumenu {
	    color: #4d4e51;
		font-family: Tahoma, Verdana, sans-serif;
		font-size: 10px;
	}	
a.donaumenu {
	    color:#ec1731;
		font-family: Tahoma, Verdana, sans-serif;
		font-size: 10px;
	}		


/* Clear
----------------------------------------------------------------------------------*/
.clear { clear: both; height: 0px; line-height: 0px; font-size: 0px; }   


/*/////////////////////////////////////////////////////////////////////////////
Formular Generator für Redaxo 4.x 


/* Div das das Formular umschließt */
.formgen {
	background: url(./pics/back_anfrage.jpg) no repeat;
	
}

label,
select,
input[type=checkbox],
input[type=radio],
input[type=button],
input[type=submit]
{
cursor : pointer;
}



.formgen form
{
line-height : 18px;
width: 200px;
}


/* 
Wie sehen die einzelnen Blöcke aus? 
Jedes Feld wird von einem DIV umschlossen, das hier definiert werden kann
*/


.formgen .formblock
{
	margin-bottom: 5px;
	padding-bottom: 0px;
	padding-right: 0px;
}


/*
Verhalten von br-Tags
*/
.formgen br
{
clear : both;
}


/* 
--------- FORMULAR-OBJEKTE ------------ 
*/


/* Mehrzeiliges Eingabefeld */
.formgen .formtextfield
{
	width: 400px;
	height: 200px;
	background-color: #F2F2F2;
	border: 1px solid #1a171b;
	color: #4d4d4d;
	padding-left: 5px;
	padding-top: 5px;
}

/* Textfeld */
.formgen .formtext
{
	height: 22px;
    width: 400px;
	background-color: #F2F2F2;
	border: 1px solid #1a171b;
	color: #4d4d4d;
	padding-left: 5px;
	padding-top: 5px;
}
input:focus.formtext,  textarea:focus.formtextfield {
	background-color: #ffffff;
	border: 1px solid #1a171b;
	color: #4d4d4d;
}

/* Trennelement , Abstand */
.formgen .formtrenn
{
	display: block;
	height: 20px;	
}
/* Hinweistext */
.formgen .formhinweis
{
	font-weight: normal;
	color: #e1021c;
	font-size: 1.2em;
}
/* Überschrift */
.formgen .formheadline
{
	color: #4d4d4d;
}


/* Passwortfeld */
.formgen .formpassword
{
	width: 200px;
	background-color: #CCCCCC;
	margin-left: 4px;
}
/*Captcha-Bild*/
.formgen .formcaptcha {
	border: 0px solid #ffffff;
}

/* Label */
.formgen label {
width: 450px;
clear: left;
float: left;
height: 20px;
padding: 0px;
}


/* Aussehen der Select-Ausgabe */
.formgen .formselect
{
	width: 406px;
	background-color: #ffffff;
	border: 1px solid #1a171b;
}


/* Sende-Button */
.formgen .formsubmit
{
	width: 120px;
	background-color: #4d4d4d;
	color: #ffffff;
	border: 1px solid #1a171b;
	float:right;
}
input:focus.formsubmit {
	background-color: #F2F2F2;
	color: #1a171b;
	border: 1px solid #e1021c;
}


/* Definition des Fieldsets, das das ganze Formular umschließt */
.formgen fieldset {
width: 407px;
margin-top:20px;
padding-top: 0px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 30px;
border: 0px solid #fff;
}


/* Fieldsetbeschriftung */
.formgen legend {
color: #ffffff;
font-family: Tahoma, Verdana, sans-serif;
font-size: 12px;
}

/* -------------- AUSGABEN / Fehlermeldungen --------*/

/* Fehlermeldung nach Versand */

.formgen .forminfo {
	color: #e1021c;
	margin: 5px;
	padding: 5px;
}


/* Markierung der Labels bei Fehler */
.formgen .formerror {
	color: #e1021c;
}

/*//////////////////////////////////////////////////////////////////////////////*
/* Ende der Formulardefinition */

/* - hier alle Änderungen vom 25 Januar 2008
------------------------------------------------------------------------------------------------------------------*/
#container 			{ position: relative; left: 50px; background: #FFF url(pics/background_ds.gif) repeat-y; width:900px; padding-bottom:150px;}
#inhalt a:link		{ font-family: Tahoma, Verdana, sans-serif; font-size: 11px; font-style: normal; line-height: 18px; font-weight: normal; font-variant: normal; color: #e1021c; text-transform: none; text-decoration: none;}
#inhalt a:hover		{ font-family: Tahoma, Verdana, sans-serif; font-size: 11px; font-style: normal; line-height: 18px; font-weight: normal; font-variant: normal; color: #b5b6b7; text-transform: none; text-decoration: none;}
#inhalt a:active	{ font-family: Tahoma, Verdana, sans-serif; font-size: 11px; font-style: normal; line-height: 18px; font-weight: normal; font-variant: normal; color: #e1021c; text-transform: none; text-decoration: none;}
#inhalt a:visited	{ font-family: Tahoma, Verdana, sans-serif; font-size: 11px; font-style: normal; line-height: 18px; font-weight: normal; font-variant: normal; color: #b5b6b7; text-transform: none; text-decoration: none;}
.txt-img 			{ width: 500px; padding: 20px; background: #ffffff url(./pics/verlauf_text.gif) no-repeat;}
.verlauf_headline 	{ width: 500px; height:35px; padding-left: 20px; padding-right: 20px; background: #ffffff url(./pics/verlauf_headline.gif) no-repeat;}
.produkt_donau		{ width: 500px; padding: 20px; background: #ffffff url(./pics/verlauf_text.gif) no-repeat;}
#produktmittig		{ width: 500px; padding-left: 20px;}
.linie_produkt		{ border-bottom: 1px solid #ff0000; width:542px; }
.textbild			{ float:right; padding:2px; margin-left:10px; border: 1px solid #4d4d4d;}
.textbild2			{ float:left; padding:2px; margin-right:10px; border: 1px solid #4d4d4d;}
.rahmen				{ padding:2px; border: 1px solid #4d4d4d;}
.rahmen2			{ padding:2px; margin-left:24px; border: 1px solid #4d4d4d;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
  font: 12px Arial, Helvetica, sans-serif;
  color: #333333;
}
#TB_secondLine {
  font: 10px Arial, Helvetica, sans-serif;
  color:#666666;
}
#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
  position: fixed;
  z-index:100;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}
.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG {
  background-color:#000;
  filter:alpha(opacity=75);
  -moz-opacity: 0.75;
  opacity: 0.75;
}
* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_window {
  position: fixed;
  background: #ffffff;
  z-index: 102;
  color:#000000;
  display:none;
  border: 4px solid #525252;
  text-align:left;
  top:50%;
  left:50%;
}
* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_window img#TB_Image {
  display:block;
  margin: 15px 0 0 15px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #666;
  border-left: 1px solid #666;
}
#TB_caption{
  height:25px;
  padding:7px 30px 10px 25px;
  float:left;
}
#TB_closeWindow{
  height:25px;
  padding:11px 25px 10px 0;
  float:right;
}
#TB_closeAjaxWindow{
  padding:7px 10px 5px 0;
  margin-bottom:1px;
  text-align:right;
  float:right;
}
#TB_ajaxWindowTitle{
  float:left;
  padding:7px 0 5px 10px;
  margin-bottom:1px;
}
#TB_title{
  background-color:#e8e8e8;
  height:27px;
}
#TB_ajaxContent{
  clear:both;
  padding:2px 15px 15px 15px;
  overflow:auto;
  text-align:left;
  line-height:1.4em;
}
#TB_ajaxContent.TB_modal{
  padding:15px;
}
#TB_ajaxContent p{
  padding:5px 0px 5px 0px;
}
#TB_load{
  position: fixed;
  display:none;
  height:13px;
  width:208px;
  z-index:103;
  top: 50%;
  left: 50%;
  margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}
* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_HideSelect{
  z-index:99;
  position:fixed;
  top: 0;
  left: 0;
  background-color:#fff;
  border:none;
  filter:alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  height:100%;
  width:100%;
}
* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_iframeContent{
  clear:both;
  border:none;
  margin-bottom:-1px;
  margin-top:1px;
  _margin-bottom:1px;
}


/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox end <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/