/*
	SuMa Wasserbetten
	27.04.2008

	Grundaufbau der Website

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


/* Basic-01 | Rahmen
------------------------------------------------------------------------------------------------------------------------------------*/


#artikel_container {
	width:666px;
  	margin:0px 0px 0px 0px;
}

#kopf_artikelliste {
background: url(../picts/artikel_vorschau/rahmen_oben_artikelliste.jpg) no-repeat left top;
float:left;
width:666px;
height:56px;
}

#kopf_text a {
position:relative;
width:666px;
height:50px;
font: 16px Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
color:#ffffff;
left:21px;
top:10px;
text-decoration: none;
}

#EINLEITUNGSTITEL h2{
position:relative;
width:666px;
height:50px;
font: 16px Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
color:#ffffff;
left:21px;
top:10px;
}

#fuss_artikelliste {
background: url(../picts/artikel_vorschau/rahmen_unten_artikelliste.jpg) no-repeat left top;
float:left;
width:666px;
height:39px;
}

.artikelliste {
float:left;
background: url(../picts/artikel_vorschau/hg_kachel.jpg);
width:666px;
}

.artikel_name a{
float:left;
width:600px;
margin:0px 0px 10px 20px;
font: bold 16px Verdana, Arial, Helvetica, sans-serif;
color:#003366;
text-decoration: none;
}


.artikel_bild_vorschau {
float:left;
width:190px;
height:169px;
margin:0px 0px 0px 15px;
}


.artikel_text {
	float:left;
	width:190px;
	height:169px;
	overflow:hidden;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	line-height: 16px;
	color:#333333;
	margin:0px 5px 0px 10px;
}


.text_oben_auf_kategorieseiten {
	float:left;
	width:620px;
	overflow:hidden;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	line-height: 16px;
	color:#333333;
	text-align: justify;
	margin:0px 20px 0px 20px;
}

.text_oben_auf_kategorieseiten a{
	font-weight:bold;
	color:#333333;
	text-decoration:none;
}


.kachel_hinter_preis {
float:left;
background: url(../picts/artikel_vorschau/kachel_hinter_preis.jpg) no-repeat;
width:207px;
height:169px;
z-index:4;
margin:0px 0px 0px 15px;
}

.artikeltrenner {
background: url(../picts/artikel_vorschau/linie.jpg) no-repeat left top;
float:left;
width:666px;
height:41px;
}

.eur {
	position:relative;
	top: 26px;
	left: 14px;
	z-index:5;
}

.eur_text{
	position:relative;
	top: 5px;
	left: 44px;
	z-index:5;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color:#003366;
}

.lieferzeit {
position:relative;
width:26px;
height:28px;
top: 20px;
left: 14px;
z-index:5;
}

.lieferzeit_text {
position:relative;
top: 0px;
left: 44px;
z-index:5;
font: 12px Verdana, Arial, Helvetica, sans-serif;
color:#003366;
}

.zum_artikel {
position:relative;
top: 35px;
left: 13px;
z-index:5;
}

.zum_artikel_text a{
position:relative;
top: 10px;
left: 44px;
z-index:5;
font: 12px Verdana, Arial, Helvetica, sans-serif;
color:#003366;
text-decoration: none;
}

#kachelcontainer {
	position:relative;
	width:654px;
}

#kategorie_container {
	position:relative;
	width:666px;
  	margin:0px auto 10px auto;
}

.ktg_anzeige {
	float:left;
	width:329px;
	height:540px;
	margin:0px 0px 0px 2px;
	padding:0px 0px 0px 0px;
	background: url(../picts/kategorien/ktg_bg.jpg) no-repeat;
}

.ktg_anzeige_ohne_text {
	float:left;
	width:324px;
	height:241px;
	margin:0px 2px 9px 2px;
	padding:0px 0px 0px 0px;
	background: url(../picts/kategorien/ktg_bg_ohne_text.jpg) no-repeat;
}

.ktg_ueberschrift a{
	position:relative;
	top: 10px;
	left: 20px;
	width:250px;
	margin:0px 0px 9px 0px;
	padding:0px 0px 0px 0px;
  	font: bold 16px Verdana, Arial, Helvetica, sans-serif;
	color:#ffffff;
	text-decoration: none;
}

.ktg_bild {
	position:relative;
	top: 18px;
	left: 5px;
	width:315px;
	height:179px;
	margin:0px 0px 9px 0px;
	padding:0px 0px 0px 0px;
	text-decoration: none;
}

.ktg_bild_ohne_text {
	position:relative;
	top: 43px;
	left: 22px;
	width:131px;
	height:132px;
	margin:0px 0px 9px 0px;
	padding:0px 0px 0px 0px;
	text-decoration: none;
}

.ktg_text {
	position:relative;
	top: 20px;
	left: 15px;
	width:290px;
	height:247px;
	overflow:hidden;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	line-height: 16px;
	color:#333333;
	text-align: justify;
}

.ktg_text_dunkelblau {
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	line-height: 16px;
	color:#003366;
}

.ktg_guenstigster_artikelpreis {
	float:left;
	width:160px;
	overflow:hidden;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	line-height: 16px;
	color:#333333;
	margin:20px 0px 0px 15px;
}

.ktg-link {
	float:left;
	width:140px;
	margin:40px 0px 0px 10px;
	padding:0px 0px 0px 0px;
}

.ktg-link a{
	text-decoration: none;
	color:#003366;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
}

.ktg-link img{
	vertical-align:middle;
}

.ktg-link_ohne_text {
	position:relative;
	top: 20px;
	left: 180px;
	width:140px;
	margin:0px 0px 9px 0px;
	padding:0px 0px 0px 0px;
}

.ktg-link_ohne_text a{
	text-decoration: none;
	color:#003366;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
}

.ktg-link_ohne_text img{
	vertical-align:middle;
}

html {
	/* overflow-y:scroll; */
}

html, body, div, h1, h2, h3, h4, ul, ol, li, span, a, table, td, form, fieldset, img {
    border: 0;
    margin: 0;
    padding: 0;
}

body#suma{
	margin: 0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font: 62.5%/140% Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	letter-spacing: normal;
}

.fixfloat {
	clear: both;
	margin:0;
	padding:0;
	height:0px;
	clear: both;
	line-height: 0px;
	font-size: 0px;
}

.hidden {
	display: none;
}


/* Basic-02 | Struktur
------------------------------------------------------------------------------------------------------------------------------------*/

#suma_wrap {
	position:relative;
	margin:0px auto 0px auto;
	width:988px;
	font-size:1.1em;
	line-height:1.4em;
	color:#7b868f;
	border:0px solid red;
clear:both;
}


#link_startseite_wasserbetten {
	position:relative;
	top:-29px;
	left:5px;
	width:127px;
	height:20px;
	z-index:5;
	text-align:center;
	vertical-align: middle;
}

#link_startseite_zubehoer {
	position:relative;
	top:-49px;
	left:135px;
	width:129px;
	height:20px;
	z-index:5;
	text-align:center;
	vertical-align: middle;
}

#link_startseite_kopfteile {
	position:relative;
	top:-69px;
	left:266px;
	width:128px;
	height:20px;
	z-index:5;
	text-align:center;
	vertical-align: middle;
}

#link_startseite_bettrahmen{
	position:relative;
	top:-89px;
	left:594px;
	width:129px;
	height:20px;
	z-index:5;
	text-align:center;
	vertical-align: middle;
}

#link_startseite_accessoires {
	position:relative;
	top:-109px;
	left:724px;
	width:130px;
	height:20px;
	z-index:5;
	text-align:center;
	vertical-align: middle;
}

#link_startseite_suma {
	position:relative;
	top:-129px;
	left:855px;
	width:130px;
	height:20px;
	z-index:5;
	text-align:center;
	vertical-align: middle;
}

.links_startseite a:link {color:#ffffff; font-weight:normal; text-decoration:none;}
.links_startseite a:visited {color:#ffffff; font-weight:normal; text-decoration:none;}
.links_startseite a:hover {color:#ffffff; font-weight:normal; text-decoration:none;}





#header{
	position:relative;
	width:988px;
	background: url(../picts/bg/bg_header.jpg) no-repeat;
  	height:150px;
}



#logo {
	position:relative;
	left:393px;
	width:204px;
	height:144px;
}

#mainmenu {
	margin:0px 0px 0px 0px;
	height:57px;
	padding:0px 0px 0px 0px;
	overflow:hidden;
}

#navi_deluxe_links {
	position:absolute;
	top:110px;
	left:0px;
	width:393px;
	height:38px;
	z-index:10;
}

#navi_deluxe_rechts {
	position:absolute;
	top:110px;
	left:596px;
	width:393px;
	height:38px;
	z-index:10;
}

#submenu {
	margin:0px 0px 10px 0px;
	padding:0px 0px 29px 0px;
	width:158px;
	background:url(../picts/nav_submenu/bg_submenu_footer-2.gif) no-repeat left bottom;
}



/* Basic-03 | Content
------------------------------------------------------------------------------------------------------------------------------------*/

#col-1-1 { /* Spalte 1 */
	float:left;
	width:162px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	border:0px solid green;
}

#col-1-2 { /* Spalte 2 */
	float:left;
	width:668px;
	margin:0px auto 0px auto;
	padding:0px 0px 0px 0px;
}

#col-1-3 { /* Spalte 3 */
	float:left;
	width:158px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}


#col-2-1 {
	float:left;
	width:658px;
	margin:0px 7px 0px 0px;
	padding:0px 0px 0px 0px;
}

#col-2-2 {
	float:none;
	width:158px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	overflow:hidden;
}

.box-0-1 {
	float:left;
	width:826px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	border:0px solid green;
}

.box-1-1 {
	float:left;
	width:658px;
	margin:4px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background:url(../picts/bg/bg_box-1-1.jpg) repeat-y;
}

.box-1-1_content {
	padding:10px 0px 20px 19px;
}

.box-2-1 {
	float:left;
	width:324px;
	margin:0px 8px 5px 2px;
	padding:0px 0px 0px 0px;
	background:url(../picts/bg/bg_home-2-verlauf.gif) repeat-y;
}

.box-2-2 {
	float:left;
	width:324px;
	margin:0px 0px 5px 0px;
	padding:0px 0px 0px 0px;
	background:url(../picts/bg/bg_home-2-verlauf.gif) repeat-y;
}

.box-2-1-content {
	width:294px;
	height:335px;
	margin:190px 0px 0px 0px;
	padding:0px 15px 0px 15px;
	background:url(../picts/bg/bg_home-2-1.jpg) no-repeat left bottom;
}

.box-2-2-content {
	width:294px;
	height:335px;
	margin:190px 0px 0px 0px;
	padding:0px 15px 0px 15px;
	background:url(../picts/bg/bg_home-2-2.jpg) no-repeat left bottom;
}

.box-3-1 {
	float:left;
	width:214px;
	margin:0px 8px 5px 0px;
	padding:0px 0px 0px 0px;
	background:url(../picts/bg/bg_home-3-verlauf.gif) repeat-y;
}

.box-3-2 {
	float:left;
	width:214px;
	margin:0px 8px 5px 0px;
	padding:0px 0px 0px 0px;
	background:url(../picts/bg/bg_home-3-verlauf.gif) repeat-y;
}

.box-3-3 {
	float:left;
	width:214px;
	margin:0px 0px 5px 0px;
	padding:0px 0px 0px 0px;
	background:url(../picts/bg/bg_home-3-verlauf.gif) repeat-y;
}

.box-3-1-content {
	width:184px;
	height:495px;
	margin:0px 0px 0px 0px;
	padding:0px 15px 0px 15px;
	background:url(../picts/bg/bg_home-3-1.jpg) no-repeat left bottom;
}

.box-3-2-content {
	width:184px;
	height:495px;
	margin:0px 0px 0px 0px;
	padding:0px 15px 0px 15px;
	background:url(../picts/bg/bg_home-3-2.jpg) no-repeat left bottom;
}

.box-3-3-content {
	width:184px;
	height:495px;
	margin:0px 0px 0px 0px;
	padding:0px 15px 0px 15px;
	background:url(../picts/bg/bg_home-3-3.jpg) no-repeat left bottom;
}


.topseller_kopf {
	background: url(../picts/topseller/topseller_kopf.jpg) no-repeat;
}

.topseller_kopf h3 {
	color:#ffffff;
	font-size:1.2em;
	line-height:35px;
	text-align:center;
}

.topseller-flexx {
	background: url(../picts/topseller/topseller-suma-flexx-passiv.jpg) no-repeat;
	height:104px;
}

.topseller-flexx:hover {
	background: url(../picts/topseller/topseller-suma-flexx-aktiv.jpg) no-repeat;
}

.topseller-flexx-link {
position:relative;
left:32px;
top:86px;
}

.topseller-flexx-link a{
color:#000000;
text-decoration:none;
font: bold 10px Verdana, Arial, Helvetica, sans-serif;
padding:0px 0px 5px 0px;
line-height:15px;
}

.topseller-bettrahmen-woodline {
	background: url(../picts/topseller/topseller-bettrahmen-woodline-passiv.jpg) no-repeat;
	height:99px;
}

.topseller-bettrahmen-woodline:hover {
	background: url(../picts/topseller/topseller-bettrahmen-woodline-aktiv.jpg) no-repeat;
	height:99px;
}

.topseller-bettrahmen-woodline-link {
position:relative;
left:23px;
top:84px;
}

.topseller-bettrahmen-woodline-link a{
color:#000000;
text-decoration:none;
font: bold 10px Verdana, Arial, Helvetica, sans-serif;
padding:0px 0px 5px 0px;
line-height:15px;
}


.topseller-wandpaneel-sogno {
	background: url(../picts/topseller/topseller-wandpaneel-sogno-passiv.jpg) no-repeat;
	height:88px;
}

.topseller-wandpaneel-sogno:hover {
	background: url(../picts/topseller/topseller-wandpaneel-sogno-aktiv.jpg) no-repeat;
	height:88px;
}


.topseller-wandpaneel-sogno-link {
position:relative;
left:15px;
top:74px;
}

.topseller-wandpaneel-sogno-link a{
color:#000000;
text-decoration:none;
font: bold 10px Verdana, Arial, Helvetica, sans-serif;
padding:0px 0px 5px 0px;
line-height:15px;
}


.topseller-topliner {
	background: url(../picts/topseller/topseller-topliner-passiv.jpg) no-repeat;
	height:103px;
}

.topseller-topliner:hover {
	background: url(../picts/topseller/topseller-topliner-aktiv.jpg) no-repeat;
	height:103px;
}

.topseller-topliner-link {
position:relative;
left:40px;
top:74px;
}

.topseller-topliner-link a{
color:#000000;
text-decoration:none;
font: bold 10px Verdana, Arial, Helvetica, sans-serif;
padding:0px 0px 5px 0px;
line-height:15px;
}



.teaser {
	margin:0px 0px 10px 0px;
	padding:0px 0px 0px 0px;
	background:url(../picts/bg/bg_teaser-verlauf.gif) repeat-y;
}

.teaser-katalog h3 {
	color:#ffffff;
	font-size:1.2em;
	line-height:1.4em;
	height:40px;
	margin:0px 0px 0px 0px;
	padding:10px 0px 0px 15px;
	background: url(../picts/header/col-teaser-katalog.gif) no-repeat;
}

.teaser-katalog {
	color:#333333;
	width:154px;
	height:291px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background:url(../picts/bg/bg_teaser-verlauf.gif) repeat-y;
}

.teaser-lga h1 {
	color:#ffffff;
	font-size:1.2em;
	line-height:1.4em;
	height:40px;
	margin:0px 0px 0px 0px;
	padding:10px 0px 0px 15px;
	background: url(../picts/header/col-teaser-katalog.gif) no-repeat;
}

.teaser-lga {
	color:#333333;
	width:158px;
	height:291px;
	margin:10px 0px 10px 0px;
	padding:0px 0px 0px 0px;
	background:url(../picts/bg/bg_teaser-verlauf.gif) repeat-y;
}


.teaser-content-lga {
	width:128px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 15px;
}

.teaser-content {
	width:128px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 30px;
}

div.box h2, div.box2 h2, div.box3 h2, div.box4 h2 { text-indent: -9999px; overflow: hidden; position: relative; margin-bottom: 0; }


.spruchblase_content {
	color:#000000;
}

.spruchblase_content a{
	color:#DFB33B;
	font-weight:bold;
	text-decoration:none;
}

.spruchblase_content_ausblenden {
display:none;
}


#footer {
	position: relative;
	margin:9px 0px 0px 0px;
	background:url(../picts/bg/bg_footer.jpg) repeat-x left top;
	height:256px;
	width:100%;
	top:0px;
	left:0px;
}

#footer_content {
	position: relative;
	margin:0 auto;
	padding:0px 0px 0px 10px;
	width:978px;
	height:160px;
	background:url(../picts/bg/bg_footer_box.jpg) no-repeat left top;
}

.footer_box {
	margin:0px 27px 0px 0px;
	padding:15px 0px 0px 0px;
	float:left;
	width:138px;
	height:145px;
	text-align:left;
}

.footer_box h4{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	color:#7b868f;
	font-size:12px;
	font-weight:bold;
}

.footer_box_rechts {
	margin:0px 0px 0px 30px;
	padding:0px 0px 0px 0px;
	float:left;
	width:240px;
	height:145px;
	text-align:left;
}

.footer_box_rechts h3 {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	color:#7b868f;
	font-size:16px;
	font-weight:bold;
}

.footer_text {
	margin:0px 0px 0px 3px;
	padding:0px 0px 0px 0px;
	color:#7b868f;
	font-size:1.1em;
}

#ebay_powerseller_logo {
	margin:0px 0px 0px 0px;
	padding:20px 30px 0px 0px;
	float:right;
}



#konfigurator {
	position:absolute;
	width:160px;
	left:804px;
	top:286px;
	text-align:center;
	font: 16px Verdana, Arial, Helvetica, sans-serif;
	color:#ffffff;
}



#bild_bei_trennwand {
background: url(../picts/bilder_wasserbetten/trennwand/frau_mit_tasse_bei_trennwand.jpg) no-repeat;
background-position: 181px 57px;
width:495px;
height:238px;
margin:0px 176px 0px 0px;
}

#linie_bei_trennwand {
	background: url(../picts/abwicklung/wk_artikel_trenner.gif) no-repeat;
	background-position: 0px 0px;
	width:495px;
	height:40px;
	clear:both;
}

#ob_artikel_container {
	width:504px;
  	margin:0px 0px 0px 0px;
}

#ob_kopf_artikelliste {
background: url(../picts/artikel_vorschau/ob_rahmen_oben_artikelliste.jpg) no-repeat left top;
float:left;
width:504px;
height:37px;
}

#ob_kopf_text {
position:relative;
width:504px;
height:31px;
font: 16px Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
align:center;
color:#ffffff;
top:10px;
text-decoration: none;
}

#ob_EINLEITUNGSTITEL h2{
position:relative;
width:504px;
height:50px;
font: 16px Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
color:#ffffff;
left:21px;
top:10px;
}

#ob_fuss_artikelliste {
background: url(../picts/artikel_vorschau/ob_rahmen_unten_artikelliste.jpg) no-repeat left top;
float:left;
width:504px;
height:238px;
}

.ob_artikelliste {
float:left;
background: url(../picts/artikel_vorschau/ob_hg_kachel.jpg);
width:504px;
}