/* 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.donauhaendler {

	    color: #e20220;

		font-family: Tahoma, Verdana, sans-serif;

		font-size: 12px;

	}	

a.donauhaendler:hover {

	    color:#4d4e51;

		font-family: Tahoma, Verdana, sans-serif;

		font-size: 12px;

	}


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 <<<-----------------------------------------------------------*/

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