/*
	SuMa Wasserbetten
	11.05.2008

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

/*	Farben
------------------------------------------------------------------------------------------------------------------------------------*/

.dunkelgrau {color:#7b868f;}
.orangegold {color:#dfb33b;}

/*	Headlines
------------------------------------------------------------------------------------------------------------------------------------*/

h1 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 1.7em;
	line-height:1.1em;
}

h2 {
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 1.6em;
	line-height:1.2em;
}

h3 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 1.7em;
	line-height:1.1em;
}

h4 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 1.7em;
	line-height:1.1em;
}

h5 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 1.0em;
	line-height:1.1em;
}

#footer h1 {
	color:#003366;
	font-size:1.3em;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

/*
#submenu h1 {
	color:#dfb33b;
	font-size:1.3em;
	height:33px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 11px;
}
*/

#submenu li.h1 {
	color:#ffffff;
	font-size:1.3em;
	font-weight:bold;
	height:33px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 11px;
	background:url(.);
}

/*Home*/

.box-1-1 h1 {
	color:#dfb33b;
	font-size:1.3em;
	height:40px;
	margin:0px 0px 0px 0px;
	padding:10px 0px 0px 15px;
	background: url(../picts/header/col-1-1-orange.gif) no-repeat;
}

.box-2-1 h1, .box-2-2 h1 {
	color:#ffffff;
	font-size:1.3em;
	height:40px;
	margin:0px 0px 0px 0px;
	padding:10px 0px 0px 15px;
	background: url(../picts/header/col-2-1-blue.gif) no-repeat;
}

.box-2-1 h1.suma-blue {
	height:40px;
	margin:0px 0px 0px 0px;
	padding:10px 0px 0px 15px;
	background: url(../picts/header/col-2-1-suma-blue.gif) no-repeat;
}

.box-2-2 h1.suma-flexx {
	height:40px;
	margin:0px 0px 0px 0px;
	padding:10px 0px 0px 15px;
	background: url(../picts/header/col-2-1-suma-flexx.gif) no-repeat;
}

.box-3-1 h1, .box-3-2 h1, .box-3-3 h1 {
	color:#ffffff;
	font-size:1.3em;
	height:40px;
	margin:0px 0px 0px 0px;
	padding:10px 0px 0px 15px;
	background: url(../picts/header/col-3-1-blue.gif) no-repeat;
}

h3.price-home {
	z-index:90;
	position:absolute;
	color:#ffcc44;
	font-size:1.7em;
	font-weight:bold;
	margin:170px 0px 15px 175px;
	padding:0px 0px 0px 0px;
}

.teaser-158-orange h1 {
	color:#dfb33b;
	font-size:1.3em;
	height:40px;
	margin:0px 0px 0px 0px;
	padding:10px 0px 0px 15px;
	background: url(../picts/header/col-teaser-158-orange.gif) no-repeat;
}

.bg_home-blue {
	position:absolute;
	width:324px;
	height:172px;
	margin:0px 0px 0px 0px;
	padding:60px 0px 0px 15px;
	background: url(../picts/bg/bg_home-blue.jpg) 3px 50px no-repeat;
}

.bg_home-flexx {
	position:absolute;
	width:324px;
	height:172px;
	margin:0px 0px 0px 0px;
	padding:60px 0px 0px 15px;
	background: url(../picts/bg/bg_home-flexx.jpg) 3px 50px no-repeat;
}

.home-trenner {
	background: url(../picts/abwicklung/wk_artikel_trenner.gif) no-repeat;
	background-position: 0px 9px;
	width:294px;
	height:20px;
}

.bg_home-teaser {background:url(../picts/bg/bg_home-teaser.jpg) no-repeat bottom; padding-bottom:160px;}

.home-ueberschrift a{
	position:relative;
  	font: 16px Verdana, Arial, Helvetica, sans-serif;
  	font-weight:bold;
	color:#ffffff;
	text-decoration: none;
}



/*	Absätze
------------------------------------------------------------------------------------------------------------------------------------*/

p {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

p.p-05 {
	margin:0px 0px 5px 0px;
	padding:0px 0px 0px 0px;
}

p.p-10 {
	margin:0px 0px 10px 0px;
	padding:0px 0px 0px 0px;
}

p.p-20 {
	margin:0px 0px 20px 0px;
	padding:0px 0px 0px 0px;
}

p.p-30 {
	margin:0px 0px 30px 0px;
	padding:0px 0px 0px 0px;
}

/*	Listen
------------------------------------------------------------------*/

#col-2-1 ul{
	list-style:disc;
	padding:0px 0px 0px 20px;
}

#col-2-1 ul li {
	margin:0px 0px 3px 0px;
}

ul.home-ul {
	height:160px;
	margin:10px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

/*	Figuren
------------------------------------------------------------------*/
.figur-home-blue {
	position:absolute;
	top:435px;
	left:366px;
}

.figur-home-flexx {
	position:absolute;
	top:435px;
	left:700px;
}

/*	Icons auf Home
------------------------------------------------------------------*/

.arrow-22-blue {
	margin:0px 0px 5px 0px;
	padding:4px 0px 0px 0px;
	height:21px;
	font-weight:normal;
	color:#003366;
}

h5.arrow-22-blue img {
	vertical-align:middle;
}

.arrow-22-orange {
	margin:0px 0px 5px 0px;
	padding:4px 0px 0px 0px;
	height:21px;
	font-weight:normal;
	color:#ffcc44;
}

h5.arrow-22-orange img {
	vertical-align:middle;
}

/* Links
------------------------------------------------------------------*/

.titel-home-flexx {
	position:relative;
	top:20px;
	left:-14px;
	width:145px;
	height:50px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background: url(../picts/buttons/apfel-pfeil-home-sumaflexx.gif) no-repeat;
}

.titel-home-flexx a {
	position:relative;
	top:17px;
	left:30px;
	margin:0px 0px 0px 0px;
	padding:0px 40px 0px 20px;
	color:#BFD362;
	font-size:1.7em;
	font-weight:bold;
	text-decoration:none;
}

.titel-home-blue {
	position:relative;
	top:20px;
	left:-14px;
	width:145px;
	height:50px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background: url(../picts/buttons/apfel-pfeil-home-sumablue.gif) no-repeat;
}

.titel-home-blue a {
	position:relative;
	top:17px;
	left:30px;
	margin:0px 0px 0px 0px;
	padding:0px 40px 0px 20px;
	color:#006AB3;
	font-size:1.7em;
	font-weight:bold;
	text-decoration:none;
}

h5.arrow-22-blue a:link {color:#003366; font-weight:normal; text-decoration:none;}
h5.arrow-22-blue a:visited {color:#003366; font-weight:normal; text-decoration:none;}
h5.arrow-22-blue a:hover {color:#003366; font-weight:normal; text-decoration:none;}

h5.arrow-22-orange a:link {color:#ffcc44; font-weight:normal; text-decoration:none;}
h5.arrow-22-orange a:visited {color:#ffcc44; font-weight:normal; text-decoration:none;}
h5.arrow-22-orange a:hover {color:#ffcc44; font-weight:normal; text-decoration:none;}