/* ######### CSS for Shade Tabs. Remove if not using ######### */


#haupt {
float:left;
position:relative;
width:988px;
height:95px;
z-index:1;
background: url(../picts/artikelreiter/artikel_top_bg.jpg) top left repeat-x;
}

#haupt_faq {
float:left;
position:relative;
width:988px;
height:63px;
z-index:1;
background: url(../picts/artikelreiter/faq_top_bg.jpg) top left repeat-x;
}

#faq_combobox {

}



#start_und_konfig { position:absolute; top:0px; left:800px; width:220px; height:15px;
      	z-index:2; }
#back { position:absolute; top:68px; left:250px; width:96px; height:15px;
      	z-index:2; }
#die_reiter { position:absolute; top:53px; left:15px; width:829px; height:70px;
      	z-index:2; }
#die_reiter_abwicklung { position:absolute; top:54px; left:15px; width:190px; height:70px;
      	z-index:2; }
#forward { position:absolute; top:68px; left:798px; width:16px; height:15px;
		z-index:2; }

#hilfe-symbol {
	position:absolute; top:11px; left:520px; width:90px; height:30px;
	font: bold 16px Verdana;
	color: #ffffff;
	z-index:3;
	text-align: right;
	line-height: 180%;
}

#hilfe-symbol a { color: #ffffff; text-decoration:none }
#hilfe-symbol a:visited { color: #ffffff; text-decoration:none }
#hilfe-symbol a:hover { color: #ffffff; text-decoration:none }

#hilfe-symbol img { vertical-align: middle; }

#artikelname {
		position:absolute;
		top:16px;
		left:18px;
		width:600px;
		height:30px;
		font: bold 12px Verdana;
		color: #333333;
      	z-index:2;
}

.artikel_top_bg{
background: url(../picts/artikelreiter/artikel_top_bg.jpg) top left repeat-x;
width: 822px;
height:96px;
}

#anzeige_combo {
display: none;
}


#shade_start_hell {
text-decoration: none;
position: relative;
top: 1px;
z-index: 1;
padding: 12px 0px;
margin-right: -1px;
color: #ffffff;
background: white url(../picts/artikelreiter/shade_start_hell.gif) no-repeat;
float: left;
width: 14px;
}

#shade_start_gruen {
text-decoration: none;
position: relative;
top: 1px;
z-index: 1;
padding: 12px 0px;
margin-right: -1px;
color: #ffffff;
background: white url(../picts/artikelreiter/shade_start_gruen.gif) no-repeat;
float: left;
width: 14px;
}

#shade_start_grau {
text-decoration: none;
position: relative;
top: 1px;
z-index: 1;
padding: 12px 0px;
margin-right: -1px;
color: #ffffff;
background: white url(../picts/artikelreiter/shade_start_grau.gif) no-repeat;
float: left;
width: 14px;
}


#shade_ende_grau {
text-decoration: none;
position: relative;
top: 1px;
z-index: 1;
padding: 12px 0px;
margin-right: -1px;
color: #ffffff;
background: white url(../picts/artikelreiter/shade_ende_grau.gif) top no-repeat;
float: left;
width: 14px;
}

#shade_ende_hell {
text-decoration: none;
position: relative;
top: 1px;
z-index: 1;
padding: 12px 0px;
margin-right: -1px;
color: #ffffff;
background: white url(../picts/artikelreiter/shade_ende_hell.gif) top no-repeat;
float: left;
width: 14px;
}

#shade_ende_gruen {
text-decoration: none;
position: relative;
top: 1px;
z-index: 1;
padding: 12px 0px;
margin-right: -1px;
color: #ffffff;
background: white url(../picts/artikelreiter/shade_ende_gruen.gif) top no-repeat;
float: left;
width: 14px;
}

.shade_start {
text-decoration: none;
position: relative;
top: 1px;
z-index: 1;
padding: 12px 20px;
margin-right: -1px;
border: 0px solid #778;
color: #ffffff;
background: white url(../picts/artikelreiter/shade_start_active.gif) top left repeat-x;
float: left;
width: 72px;
}



#shade_start_abwicklung_aktiv {
text-decoration: none;
position: relative;
top: 1px;
z-index: 1;
padding: 12px 20px;
margin-right: -1px;
border: 0px solid #778;
color: #ffffff;
background: white url(../picts/artikelreiter/shade_abwicklung_start_aktiv.gif) no-repeat;
float: left;
width: 130px;
}

#shade_start_abwicklung_passiv {
text-decoration: none;
position: relative;
top: 1px;
z-index: 1;
padding: 12px 20px;
margin-right: -1px;
border: 0px solid #778;
color: #ffffff;
background: white url(../picts/artikelreiter/shade_abwicklung_start_passiv.gif) no-repeat;
float: left;
width: 130px;
}

.shade_ende {
text-decoration: none;
position: relative;
top: 1px;
z-index: 1;
padding: 12px 20px;
margin-right: -1px;
border: 0px solid #778;
color: #ffffff;
background: white url(../picts/artikelreiter/shade_ende.gif) top left repeat-x;
float: left;
width: 91px;
}

#shade_ende_abwicklung_aktiv {
text-decoration: none;
position: relative;
top: 1px;
z-index: 1;
padding: 12px 20px;
margin-right: -1px;
border: 0px solid #778;
color: #ffffff;
background: white url(../picts/artikelreiter/shade_abwicklung_ende_aktiv.gif) no-repeat;
float: left;
width: 140px;
}

#shade_ende_abwicklung_passiv {
text-decoration: none;
position: relative;
top: 1px;
z-index: 1;
padding: 12px 20px;
margin-right: -1px;
border: 0px solid #778;
color: #ffffff;
background: white url(../picts/artikelreiter/shade_abwicklung_ende_passiv.gif) no-repeat;
float: left;
width: 140px;
}

.trenner { /*trennt die einzelnen reiter mit einem Balken*/
text-decoration: none;
position: relative;
top: 1px;
z-index: 1;
padding: 0px 0px;
margin-right: 0px;
border: 0px solid #778;
color: #2d8fa0;
float: left;
}

.shadetabs_ob{
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: bold 12px Verdana;
list-style-type: none;
text-align: center; /*set to left, center, or right to align the menu as desired*/
width: 955px;
}

.shadetabs_abwicklung{
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: bold 12px Verdana;
list-style-type: none;
text-align: center; /*set to left, center, or right to align the menu as desired*/
width: 829px;
}

.shadetabs{
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: bold 12px Verdana;
list-style-type: none;
text-align: center; /*set to left, center, or right to align the menu as desired*/
width: 988px;
}

.shadetabs li{
display: inline;
margin: 0;
}

.shadetabs_ob li{
display: inline;
margin: 0;
}

.shadetabs_abwicklung li{
display: inline;
margin: 0;
}

.shadetabs li a{
text-decoration: none;
position: relative;
top: 1px;
z-index: 1;
padding: 12px 20px;
margin-right: -1px;
color: #ffffff;
background: white url(../picts/artikelreiter/shade.gif) top left repeat-x;
float: left;
}

.shadetabs_ob li a{
text-decoration: none;
position: relative;
top: 1px;
z-index: 1;
padding: 12px 15px;
margin-right: -1px;
color: #ffffff;
background: white url(../picts/artikelreiter/shade.gif) top left repeat-x;
float: left;
}

.shadetabs_abwicklung li a{
text-decoration: none;
position: relative;
top: 1px;
z-index: 1;
padding: 12px 20px;
margin-right: -1px;
border: 0px solid #778;
color: #ffffff;
background: white url(../picts/artikelreiter/shade.gif) top left repeat-x;
float: left;
}

.shadetabs li a:visited{
text-decoration: none;
color: #ffffff
}

.shadetabs_ob li a:visited{
text-decoration: none;
color: #ffffff
}

.shadetabs_abwicklung li a:visited{
text-decoration: none;
color: #ffffff
}

.shadetabs li a:hover{
text-decoration: none;
color: #ffffff
}

.shadetabs_ob li a:hover{
text-decoration: none;
color: #ffffff
}

.shadetabs_abwicklung li a:hover{
text-decoration: none;
color: #ffffff
}

.shadetabs li a.selected{ /*selected main tab style */
background-image: url(../picts/artikelreiter/shadeactive.gif);
border-bottom-color: white;
color: #ffffff
}

.shadetabs_ob li a.selected{ /*selected main tab style */
background-image: url(../picts/artikelreiter/shadeactive.gif);
border-bottom-color: white;
color: #ffffff
}

.shadetabs_ob li a.gruen{ /*selected main tab style */
background-image: url(../picts/artikelreiter/shadeactive_gruen.gif);
border-bottom-color: white;
color: #ffffff
}

.shadetabs_abwicklung li a.selected{ /*selected main tab style */
background-image: url(../picts/artikelreiter/shadeactive_abwicklung.gif);
border-bottom-color: white;
color: #ffffff
}

.shadetabs li a.selected:hover{ /*selected main tab style */
text-decoration: none;
color: #ffffff
}

.shadetabs_ob li a.selected:hover{ /*selected main tab style */
text-decoration: none;
color: #ffffff
}

.shadetabs_abwicklung li a.selected:hover{ /*selected main tab style */
text-decoration: none;
color: #ffffff
}

.shadetabs li a.inforeiter{ /*selected main tab style */
background-image: url(../picts/artikelreiter/inforeiter_passiv.jpg);
border-bottom-color: white;
color: #ffffff
}

.shadetabs li a.inforeiter_selected{ /*selected main tab style */
background-image: url(../picts/artikelreiter/shadeactive.gif);
border-bottom-color: white;
color: #ffffff
}


/* ######### CSS für Fusszeile bei jedem Artikel */

#die_fusszeile {
background: url(../picts/bilder_wasserbetten/hintergrund_fusszeile_artik.jpg);
	border-width:0px;
  	border-style:solid;
  	border-color:blue;
  	width:988px;
  	height:105px;
  	border-width:0px;
  	border-style:solid;
  	border-color:blue;
  	clear:both;
}

#die_reiter_fusszeile {
top:50px;
 	border-width:0px;
  	border-style:solid;
  	border-color:blue;
}


.shadetabs_fusszeile{
padding: 1px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: bold 12px Verdana;
list-style-type: none;
text-align: center; /*set to left, center, or right to align the menu as desired*/
width: 822px;
}

.shadetabs_fusszeile li{
display: inline;
margin: 0;
}

.shadetabs_fusszeile li a{
text-decoration: none;
position: relative;
top:61px;
left:4px;
z-index: 1;
padding: 7px 0px;
margin-right: -1px;
border: 0px solid #778;
color: #2d8fa0;
background: white url(../picts/artikelreiter/shade_fusszeile.gif);
float: left;
width: 136px;
}

.shadetabs_fusszeile li a:visited{
color: #2d8fa0
}

.shadetabs_fusszeile li a:hover{
text-decoration: underline;
color: #2d8fa0
}

.shadetabs_fusszeile li a.selected{ /*selected main tab style */
position: relative;
top: 1px;
color: #2d8fa0
}

.shadetabs_fusszeile li a.selected{ /*selected main tab style */
background-image: url(../picts/artikelreiter/shadeactive.gif);
border-bottom-color: white;
color: #2d8fa0
}

.shadetabs_fusszeile li a.selected:hover{ /*selected main tab style */
text-decoration: none;
color: #2d8fa0
}

/* ######### CSS für Start und Konfigurator*/

.konfigurator{
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: bold 12px Verdana;
list-style-type: none;
text-align: center; /*set to left, center, or right to align the menu as desired*/
width: 400px;
}

.konfigurator dd.bestellen img.bestell-icon{
position: relative;
left:-8px;
top:3px;
}

.konfigurator dd{
display: inline;
margin: 0;
width: 80px;
}

.konfigurator dd a{
text-decoration: none;
position: relative;
top: 2px;
z-index: 1;
padding: 12px 5px;
margin-right: -1px;
border: 0px solid #778;
color: #DFB33B;
background: white url(../picts/artikelreiter/start_konfig_passiv.jpg) top left repeat-x;
float: left;
width: 95px;
}

.konfigurator dd.bestellen a{
text-decoration: none;
height: 35px;
padding: 7px 0px 0px 4px;
margin:  0px 0px 0px 0px;
background: white url(../picts/artikelreiter/bestellen_passiv.jpg) top left repeat-x;
width: 118px;
}

.konfigurator dd a:visited{
text-decoration: none;
color: #DFB33B;
}

.konfigurator dd a:hover{
text-decoration: none;
color: #DFB33B;
}

.konfigurator dd a.selected{ /*selected main tab style */
text-decoration: none;
background-image: url(../picts/artikelreiter/start_konfig_aktiv.jpg);
border-bottom-color: white;
}

.konfigurator dd.bestellen a.selected{ /*selected main tab style */
text-decoration: none;
background-image: url(../picts/artikelreiter/bestellen_aktiv.jpg);
border-bottom-color: white;
}

.konfigurator dd a.selected:hover{ /*selected main tab style */
text-decoration: none;
}