/* CSS Layout Luemmel */

html {
	min-height: 100%; /* erzwingt vertikalen Scrollbalken-Platzhalter im Firefox, um ein Hüpfen zu vermeiden (zusammen mit margin-bottom: 0.1px;) */
	margin-bottom: 0.1px;
	border-bottom: 1px solid #363a3d; /* dann funktionierts auch mit Safari und Opera, allerdings mit immer mit aktivem Scrollbalken, auch im FF */
}

body {
	font-size: 100.01%;
	font-family: Arial, sans-serif;
	color: #cccccc;
	background-color: #363A3D;
	margin:0 auto;
	padding: 0;
	text-align: center;
}

/* PopUp-Fenster */
body#popup  {
width:auto;
margin:10px;
background-color:#FFFFFF;
color:#000000;
font-size: 90%;
text-align:left;
}



/*********************************************************************
Formate allgemeim
**********************************************************************/

h1 {
color: #000000;
font-size: 1.3em;
font-weight:bold;
margin: 22px 0 10px 0;
}
h2 {
color: #000000;
font-size: 1.15em;
margin: 20px 0 8px 0;
}
h3 {
color: #000000;
font-size: 1.05em;
margin: 16px 0 6px 0;
}
h4 {
color: #333333;
font-size: 1em;
margin: 14px 0 4px 0;
}
h5 {
color: #666666;
font-size: 0.9em;
margin: 14px 0 4px 0;
letter-spacing: 0.05em;
}
h6 {
color: #000000;
font-size: 0.9em;
margin: 14px 0 4px 0;
letter-spacing: 0.03em;
font-weight: normal;
}

p {
margin: 0 0 6px 0;
line-height: 1.3em;
}

ul {
margin: 0 0 18px 0px;
padding: 0;
line-height: 1.2em;
}
ol {
margin: 0 0 18px 0px;
padding: 0;
line-height: 1.2em;
}
li {
margin: 8px 0 8px 15px;
}
ol li {
margin: 8px 0 8px 28px;
}

a {
color: #333333;
text-decoration: none;
}
a:hover {
color: #666666;
}
body#popup a {
text-decoration: underline;
}
body#popup a:hover {
text-decoration: none;
}

hr {
height: 1px;
background-color: #000000;
color: #000000;
border: none;
margin: 3px 0 5px 0;
}

table {
border-collapse: collapse;
margin: 0;
padding: 0;
line-height: 1em;
font-size: 1em; /* für IE 5.5 */
}

th {
border: none;
border-bottom: 2px dotted #cccccc;
padding: 5px 0 5px 5px;
text-align: left;
vertical-align: top;
color: #333333;
}
td {
border: none;
border-top: 1px solid #cccccc;
padding: 5px 0 5px 5px;
text-align: left;
vertical-align: top;
}

img {
border: none;
}

form {
border: none;
margin:0;
padding:0;
}

fieldset {
margin: 0;
padding: 0;
border: 0;
}

legend {
font-weight: bold;
margin: 0 0 10px 0;
padding: 0 3px 2px 0;
background-color:#FFFFFF;
}

label {
}

input,
select,
textarea {
border: 1px solid #BBBBBB;
}

input.radio,
input.checkbox {
width: auto;
border: none;
}
input.send {
width: auto;
font-size: 0.95em;
background: #e6e7e8;
padding: 2px;
font-family:Arial,sans-serif;
font-weight:bold;
}

.klein {
font-size: 0.9em;
}

.left {
float:left;
margin-right: 5px;
}
.right {
float:right;
margin-left: 5px;
}

.clear {
clear: both;
}


/************************************************************************* 
Container 
**************************************************************************/

#container {
width: 895px;
background: #76797b url(../en_img_layout/hg-foot-en.gif) bottom left repeat-x;
text-align:left;
padding-bottom:52px;
margin:0 auto;
}

/************************************************************************* 
Titel 
**************************************************************************/

#title {
height: 6.1em;
background: #111617 url(../en_img_layout/hg-titel-en.gif) bottom left no-repeat;
position:relative;
}
#title h1,
#title h2 {
position: absolute;
top: -4000px;
left: -4000px;
margin: 0;
padding: 0;
}

/* 
METANAVIGATION
**************************************************************************/

#metanavigation  {
position: absolute;
top: 0;
right: 90px;
text-align: right;
margin: 0;
z-index:20;
}

#metanavigation ul {
font-size: 0.7em;
list-style: none;
margin: 3px 0 0 0;
padding: 0;
}
#metanavigation li {
display: inline;
margin: 0;
padding: 5px 7px 0 8px;
}

#metanavigation ul li a {
color: #333333;
background-color:#d2d3d5;
text-decoration: none;
}
#metanavigation ul li a:hover {
color: #7F7E7B;
}

#lang {
position: absolute;
top: 0px;
right: 35px;
}
#lang img {
border: none;
margin: 0 0 0 3px;
}

/* 
WARENKORB
**************************************************************************/

#cart {
width: 8.5em;
position: absolute;
background: #111617 url(../de_img_layout/hg-cart.gif) bottom right repeat-x;
bottom: 0;
border-bottom:2px dotted #505455;
x right: 30px;
right: 80px;
font-size: 0.7em;
z-index:5;
color:#b8b8b8;
padding: 5px 12px;
}
#cart a {
color:#b8b8b8;
padding: 4px 18px 4px 0;
font-weight: bold;
}
#cart p {
margin: 0;
}
#cart h4 {
margin: 10px 0 5px 0;
font-size: 1em;
}


/************************************************************************* 
NAVIGATION
**************************************************************************/

#navigation {
min-height: 19px;
background: #020a0e url(../de_img_layout/hg-nav.gif) 0 0 repeat-x;
font-size: 0.86em;
padding: 7px 0 5px 0;
text-align:center;
}

#navigation ul {
margin: 0 10px;
padding: 0;
list-style: none;
}
#navigation ul li {
margin: 0;
padding: 0 0 0 5px;
display: inline;

}
#navigation ul li a {
color: #cecece;
font-family: Geneva, Arial, sans-serif;
text-decoration: none;
padding: 0 12px 0 0;
}
#navigation ul li a:hover {
color: #92918e;
}
#navigation ul li.aktiv a {
color: #7F7E7B;
}

/************************************************************************* 
INHALT
**************************************************************************/

#content {
margin: 30px 15px 0 15px;
flaot:left;
clear:both;
position:relative;
font-size:0.8em;
}
*+ html #content /* IE 7 */ {
margin-bottom:-30px;
}

/* links */
#content-main {
float:left;
width: 540px;
background: #ffffff url(../de_img_layout/hg-content-li-u.gif) bottom left no-repeat;
min-height:400px;
color:#000000;
position:relative;
z-index:1;
padding-bottom:17px;
}
#content-main-o {
background: #ffffff url(../de_img_layout/hg-content-li-o.gif) 0 0 no-repeat;
height:17px;
}

/* Landingpages ganze Breite ohne rechte Spalte */
body#landing #content-main {
width:865px;
}

#content-main p,
#content-main h1,
#content-main h2,
#content-main h3,
#content-main h4,
#content-main h5,
#content-main h6,
#content-main ul,
#content-main ol,
#content-main hr {
padding: 0 15px;
}
body#landing #content-main p,
body#landing #content-main h1,
body#landing #content-main h2,
body#landing #content-main h3,
body#landing #content-main h4,
body#landing #content-main h5,
body#landing #content-main h6,
body#landing #content-main ul,
body#landing #content-main ol,
body#landing #content-main hr {
padding: 0 15px;
}
body#landing #content-main table {
margin: 0 15px;
}

#content-main a {
border-bottom:1px dotted #333333;
}
#content-main a:hover {
border-bottom:1px solid #333333;
}
#content-main a.pic, #content-main a:hover.pic {
border: none;
}

.sef {
position:absolute;
top: -5000px;
left: -5000px;
}

#content-main h1 {
padding: 0;
position:relative;
z-index:5;
}
#content-main h1 span {
position:absolute;
top: -5000px;
left: -5000px;
}
#content-main #bestellen,
#content-main #star {
position:absolute;
left: 14px;
top:-27px;
z-index:20;
border:none;
}


#content-main .pdf-print {
margin-top:20px;
}
#content-main .pdf-print a {
color: #000000;
font-weight:bold;
margin-right:10px;
}
#content-main .pdf-print a:hover {
color: #6ab900;
}


/* rechts */
#content-sub {
color:#000000;
width:315px;
float:right;
}

.infobox,
.infobox2 {
background: transparent url(../de_img_layout/hg-infobox.gif) 0 0 repeat-x;
border-top: 2px dotted #e9e9e9;
padding: 8px 9px 13px 9px;
width:297px;
float:right;
position:relative;
z-index:2px;
}

*html .infobox {
	width:315px;
}

.infobox h2,
.infobox2 h2 {
margin:0 0 2px 0;
font-weight:normal;
font-size:1.3em;
color:#000000;
}
.infobox p,
.infobox2 p {
line-height:1.2em;
margin-top:5px;
}
.infobox a {
text-decoration: none;
color:#000000;
}
.infobox a:hover {
color:#444444;
border-bottom:1px dotted #444444;
}
.infobox a.pic, .infobox a:hover.pic {
border: none;
}
#shop-news img,
#video img,
#neuefarben img {
margin-left:-5px;
}
#pyp img {
margin-left:5px;
float:right;
}

#shop-news .col1 {
width: 150px;
float:left;
}
#shop-news .col2 {
width: 144px;
float:left;
}

#video {
position: relative;
}
#video img.play {
position:absolute;
top: 6em;
right: 20px;
width:56px;
}

*html #video img.play {
right: 40px;
}

.infobox2 {
/* dunkler Hintergrund, helle Schrift*/
border-top: 2px dotted #000000;
background: transparent url(../de_img_layout/hg-infobox2.gif) 0 0 repeat-x;
padding-bottom: 20px;
}
.infobox2 h2 {
color:#ffffff;
margin-top:5px;
margin-left:3px;
}
.infobox2 ul {
margin: 8px 0;
}
.infobox2 li {
background: transparent url(../de_img_layout/listpfeil_hgrau.gif) left center no-repeat;
margin:5px 0 3px 0;
padding-left: 17px;
list-style:none;
}
.infobox2 a {
color:#ffffff;
letter-spacing:0.03em;
font-weight:bold;
font-size:1em;
}
.infobox2 a:hover {
color:#cccccc;
}


/* STARTSEITE 
*************************************************************************/

body#home #content-main h1 {
background: #ffffff url(../en_img/ue_luemmel-lieben-en.gif) 0 0 no-repeat;
width:340px;
height:85px;
left: 175px;
margin: 0;
}

#content-main #flashgalerie {
margin: 0 15px;
height:340px;
}
#content-main object {
position:static;
z-index:1;
}

/* Shop > ausgelagert shop.css
*************************************************************************/



/* Seite 10 Gründe 
*************************************************************************/

body#gruende #content-main h1 {
background: #ffffff url(../en_img/gruende/ue_10gruende-en.gif) 0 0 no-repeat;
width:330px;
height:80px;
left: 175px;
margin: 0;
}

body#gruende #content-main h2 {
font-weight: bold;
color: #e54d4c;
/*color:#000000;*/
margin: 15px 0 0 0;
font-size:1.2em;
}
body#gruende #content-main .col1 {
width:245px;
margin-top:35px;
}
body#gruende #content-main .col2 {
width:295px;
float:right;
}
body#gruende #content-main .col2 p,
body#gruende #content-main .col2 h2 {
margin-right: 15px;
margin-left: 28px;
}
body#gruende #content-main p {
line-height:1.15em;
}

/* Seite Produktinfo 
*************************************************************************/

body#produktinfo #content-main h1 {
background: #ffffff url(../en_img/produktinfo/ue_info-en.gif) 0 0 no-repeat;
width:190px;
height:60px;
left: 175px;
margin: 15px 0 0 0;
}

body#produktinfo #content-main .col1 {
width:250px;
margin-top:55px;
float:left;
}
body#produktinfo #content-main .col2 {
width:265px;
padding-right:20px;
float:right;
}
#colorslider {
margin-bottom:25px;
}

#sliderbar {
	background: url(../de_img/produktinfo/slidebar.gif) no-repeat; 
	width:266px;
	height:22px;
}

#sliderbar ul {
	list-style:none;
	margin:0px;
	padding:0px;
	width:266px;
	height:22px;
}

#sliderbar ul li {
	float:left; 
	margin:0px;
	width:19px;
}

body#produktinfo #content-main .col2 p,
body#produktinfo #content-main .col2 h2 {
padding-left: 0;
padding-right: 25px;
}
body#produktinfo #content-main p {
margin-bottom: 10px;
line-height:1.25em;
}
body#produktinfo #content-main p.info {
margin-bottom: 4px;
line-height:1.15em;
}
body#produktinfo #content-main .col1 p {
padding-left:22px;
padding-right:35px;
}
body#produktinfo #content-main .pic {
width: 70px;
float:left;
}
body#produktinfo #content-main .pic img {
margin-bottom:4px;
}

body#produktinfo #content-main .col1 a {
padding: 0 2px;
line-height:1.4em;
}
body#produktinfo #content-main .col1 .pic a {
padding: 0;
border:none;
}
a:hover.s {
background-color: #000000;
color: #FFFFFF;
}
a:hover.r {
background-color: #C80021;
color: #FFFFFF;
}
a:hover.b {
background-color: #1B3066;
color: #FFFFFF;
}
a:hover.g {
background-color: #D6D6D6;
color: #000000;
}
a:hover.og {
background-color: #827D60;
color: #FFFFFF;
}
a:hover.o {
background-color: #EC5916;
color: #FFFFFF;
}
a:hover.by {
background-color: #FFCF01;
color: #000000;
}
a:hover.fg {
background-color: #99C151;
color: #000000;
}
a:hover.pm {
background-color: #8DD3CC;
color: #000000;
}
a:hover.sb {
background-color: #2A6FC1;
color: #FFFFFF;
}
a:hover.pp {
background-color: #DB4590;
color: #FFFFFF;
}
a:hover.mp {
background-color: #684E95;
color: #FFFFFF;
}
a:hover.cb {
background-color: #69412E;
color: #FFFFFF;
}
a:hover.ds {
background-color: #CFB896;
color: #000000;
}
/* Infobox Award */
#designaward img {
margin-left:5px;
float:right;
}


/* Seiten Pimp Your Party 
*************************************************************************/

body#pimpyourparty #content-main h1 {
background: #ffffff url(../de_img/pimpyp/ue_partyforyou.gif) 0 0 no-repeat;
width:310px;
height:75px;
left: 175px;
position:relative;
margin-top:10px;
}
body#pimpyourparty #content-main .col1 {
width:270px;
margin-top:30px;
float:left;
}
body#pimpyourparty #content-main .col2 {
width:270px;
float:right;
}
body#pimpyourparty #content-main p,
body#pimpyourparty #content-main h3 {
padding-left: 45px;
margin-bottom: 10px;
line-height:1.25em;
}
body#pimpyourparty #content-main .col2 p,
body#pimpyourparty #content-main .col2 h2 {
padding-left: 25px;
padding-right: 15px;
line-height:1.1em;
margin-bottom: 4px;
}
body#pimpyourparty #content-main .col2 h2,
body#pimpyourparty #content-main h3 {
font-family: "Courier New", Courier, mono;
text-transform:uppercase;
color: #e77800;
letter-spacing:0.1em;
margin-top: 15px;
margin-bottom: 2px;
font-size:1.1em;
}
body#pimpyourparty #content-main h3 {
color: #000000;
font-size:1.25em;
}
body#pimpyourparty #content-main .col2 a {
border:none;
}

/* Seiten Bewerbung, Gewinnen */
body#pimpyourparty #content-main #kontakt {
margin-left:25px;
}
body#pimpyourparty.bewerbung #content-main p,
body#pimpyourparty.bewerbung #content-main h2,
body#pimpyourparty.weitersagen #content-main p,
body#pimpyourparty.weitersagen #content-main h2,
body#pimpyourparty.gewinnen #content-main p,
body#pimpyourparty.gewinnen #content-main h2,
body#pimpyourparty.gewinnen #content-main h3,
body#pimpyourparty.gewinnen #content-main ul {
padding:0 25px;
}
body#pimpyourparty.bewerbung #content-main h2,
body#pimpyourparty.gewinnen #content-main h2,
body#pimpyourparty.weitersagen #content-main h2 {
margin:0 0 20px 0;
font-size:1.35em;
padding-left:195px;
}
body#pimpyourparty.bewerbung #content-main #kontakt p,
body#pimpyourparty.weitersagen #content-main #kontakt p {
padding-left: 0;
}
body#pimpyourparty #content-main #kontakt fieldset {
border-top:2px dotted #e54c4e;
padding-bottom:20px;
}

body#pimpyourparty #content-main #kontakt fieldset label {
margin-right:5px;
}
#kontakt fieldset label.xl {
width: auto;
}
#kontakt fieldset label.xxl {
width: 450px;
}
body#pimpyourparty #content-main #kontakt input.send {
margin-left:0;
}

div.sogehts {
background-color: #e76e65;
margin: 5px 25px;
padding: 4px 0;
}
div.sogehts a.banner {
color: #000000;
font-weight:bold;
background:none;
padding:0;
margin:0;
}
a.banner {
background: #ffffff url(../de_img_layout/pfeil-re_rot.gif) left center no-repeat;
padding-left:12px;
margin-left:5px;
color: #e54c4e;
}

/* Nav rechte Spalte */
body#pimpyourparty .infobox2 h2 {
/*color:#ffb452;*/
}
body#pimpyourparty .infobox2 a {
color:#ffb452;
font-size:1.2em;
}
body#pimpyourparty .infobox2 a.mitmachen {
color:#f75e5d;
}
body#pimpyourparty .infobox2 a.gewinnen {
color:#f9ac47;
}
body#pimpyourparty .infobox2 a.weitersagen {
color:#f9d68b;
}
body#pimpyourparty .infobox2 a.mitmachen:hover,
body#pimpyourparty .infobox2 a.gewinnen:hover,
body#pimpyourparty .infobox2 a.weitersagen:hover {
color:#ffffff;
}

/* Seite Lümmel live (ABC) 
*************************************************************************/
body#live #content-main h1 {
background: #ffffff url(../en_img/live/ue_live-en.gif) 0 0 no-repeat;
width:343px;
height:75px;
left: 175px;
position:relative;
margin: 5px 0 0 0;
}

#live-galerie {
min-height: 350px;
margin-top:20px;
background: #ffffff url(../de_img_layout/hg-navgalerie.gif) 70px 0 no-repeat;
position:relative;
}
body#live #content-main a.zufall {
color:#ffffff;
background:#e54c4e url(../de_img_layout/pfeil-re_weiss.gif) left center no-repeat;
padding-left:12px;
width:4em;
display:block;
border:none;
position:relative;
top:18px;
left:73px;
font-size:0.88em;
letter-spacing:0.05em;
line-height:1em;
}
body#live #content-main a.zufall:hover {
text-decoration:underline;
}

body#live #content-main .col1 {
width:195px;
margin-top:30px;
float:left;
}
body#live #content-main .col1 h2 {
font-family: "Courier New", Courier, mono;
text-transform:uppercase;
letter-spacing:0.05em;
margin-top: 15px;
font-size:1.2em;
}

body#live #content-main #slideshow {
position:absolute;
top:30px;
left:200px;
height:335px;
width:325px;
z-index:5;
}
body#live #content-main #slideshow a {
border:none;
}
body#live #content-main #slideshow img {
border:2px solid #ffffff;
border-left:3px solid #ffffff;
}
#controls {
height:1.6em;
width:75px;
position:absolute;
top:-20px;
right:95px;
}
#controls a {
display:block;
float:left;
width:25px;
height:15px;
overflow:hidden;
text-indent:-1000em;
}
#slideBack {
background: #e54c4e url(../de_img_layout/pfeil-offen-li_weiss.gif) 0 0 no-repeat;
}
#slideNext {
background: #e54c4e url(../de_img_layout/pfeil-offen-re_weiss.gif) 0 0 no-repeat;
}
#slidePlayPause {
background: #e54c4e url(../de_img_layout/pause.gif) 0 0 no-repeat;
}
#slidePlayPause.play {
background: #e54c4e url(../de_img_layout/pfeil-re_weiss.gif) 0 0 no-repeat;
}
body#live #content-main #nav-slideshow img {
border:none;
margin:0 4px;
background-color:#e54c4e;
}
.bildContainer {
background-color:#ffffff;
width:320px;
position:relative;
}

/* Infobox rechts */
.infobox#live-abc {
padding-bottom:25px;
background: transparent url(../de_img_layout/hg-infobox3.gif) 0 0 repeat-x;
border-top: 2px dotted #000000;
}
.infobox#live-abc a {
line-height: 24px;
margin-right:8px;
color:#ffffff;
}
.infobox#live-abc a.aabc:hover {
color:#cccccc;
border-bottom:1px dotted #cccccc;
}
/* Tag-Cloud */
.infobox#live-abc a.selected {
	color: #dd3a3c;
	font-weight: bold;
}
.fontprio6 {
	font-size:1.25em;
}
.fontprio5 {
	font-size:1.15em;
	font-weight: bold;
}
.fontprio4 {
	font-size:1em;
}
.fontprio3 {
	font-size:0.8em;
}
.fontprio2 {
	font-size:0.65em;
}
.fontprio1 {
	font-size:0.6em;
}


/* Seite Haendlerliste 
*************************************************************************/

body#haendler #content-main {
min-height:420px;
}

body#haendler #content-main h1 {
background: #ffffff url(../de_img/haendler/ue_haendler-de.gif) 0 0 no-repeat;
width:240px;
height:60px;
left: 35px;
margin: 0 0 10px 0;
}
body.at#haendler #content-main h1 {
background: #ffffff url(../de_img/haendler/ue_haendler-at.gif) 0 0 no-repeat;
}
body.ch#haendler #content-main h1 {
background: #ffffff url(../de_img/haendler/ue_haendler-ch.gif) 0 0 no-repeat;
}
body.nl#haendler #content-main h1 {
background: #ffffff url(../de_img/haendler/ue_haendler-blank.gif) 0 0 no-repeat;
}
body.hu#haendler #content-main h1 {
background: #ffffff url(../de_img/haendler/ue_haendler-blank.gif) 0 0 no-repeat;
}
body.dk#haendler #content-main h1 {
background: #ffffff url(../de_img/haendler/ue_haendler-blank.gif) 0 0 no-repeat;
}
body.be#haendler #content-main h1 {
background: #ffffff url(../de_img/haendler/ue_haendler-blank.gif) 0 0 no-repeat;
}
body.lu#haendler #content-main h1 {
background: #ffffff url(../de_img/haendler/ue_haendler-blank.gif) 0 0 no-repeat;
}
body.es#haendler #content-main h1 {
background: #ffffff url(../de_img/haendler/ue_haendler-blank.gif) 0 0 no-repeat;
}
body.pt#haendler #content-main h1 {
background: #ffffff url(../de_img/haendler/ue_haendler-blank.gif) 0 0 no-repeat;
}

body.it#haendler #content-main h1 {
background: #ffffff url(../de_img/haendler/ue_haendler-blank.gif) 0 0 no-repeat;
}

body#haendler #content-main .first {
margin-left:35px;
font-size: 1.05em;
}
body#haendler #content-main h2 {
font-family: "Courier New", Courier, mono;
text-transform:uppercase;
letter-spacing:0.1em;
margin: 25px 0 2px 35px;
font-size:1.15em;
color:#7c7d80;
}
ul#plz {
list-style:none;
padding:0;
font-size:1.1em;
margin-left:35px;
}
ul#plz li {
display:inline;
}
ul#plz li a {
font-weight:bold;
}
ul#plz li a:hover {
color:#e54d4c;
}

div.premiumhaendler,
div.haendler {
margin: 0 10px 20px 15px;
padding:8px;
border:2px solid #cccccc;
}
div.premiumhaendler {
border:2px solid #e54d4c;
}
body#haendler #content-main h3 {
margin:35px 0 15px 0;
}
body#haendler #content-main table {
width:100%;
font-size:0.85em;
}
body#haendler #content-main td {
padding-left:0;
padding-right:4px;
}
div.premiumhaendler td {
vertical-align:middle;
}
body#haendler #content-main td {

}
body#haendler #content-main a.mehr {
color:#e54d4c;
font-weight:bold;
}

/* Detailseiten Premiumhaendler */
body.premium#haendler #content-main h1 {
background: #ffffff url(../de_img/haendler/ue_premiumhaendler.gif) 0 0 no-repeat;
width: 510px;
height:40px;
left:15px;
text-indent:275px;
font-size:1em;
padding-top:10px;
}
body.premium#haendler #content-main h2 {
color:#000000;
margin-bottom:15px;
font-family:Arial,sans-serif;
text-transform:none;
letter-spacing:0;
margin-left:0;
}
body.premium#haendler #content-main p.back {
float:right;
}

/* Infobox Subnavi rechts */
.infobox2#nav-haendler {
}


/* Seite Kontakt 
*************************************************************************/


body#contakt #content-main h1 {
background: #ffffff url(../en_img/ue_kontakt.gif) 0 0 no-repeat;
width:240px;
height:60px;
left: 175px;
margin: 20px 0 0 0;
}
body#contakt #content-main p {
margin-left:160px;
}
body#contakt #content-main form p {
margin-left:0px;
padding-left:0;
}
body#contakt #content-main p.form {
margin-left:50px;
margin-top:30px;
}

/* KONTAKTFORMULAR */

body#contakt #content-main #kontakt {
margin: 5px 0 0 65px;
padding:0;
}
#kontakt fieldset {
border-top:2px dotted #e54c4e;
margin:0;
padding: 10px 10px 0 0;
}

#kontakt fieldset label {
width: 110px;
float: left;
margin: 0;
}

#kontakt fieldset p.options label,
#kontakt fieldset p.options input,
#kontakt fieldset p.check label,
#kontakt fieldset p.check input {
width: auto;
float: none;
}

#kontakt fieldset input,
#kontakt fieldset textarea {
width: 203px;
}
#kontakt fieldset textarea {
height: 140px;
width: 300px;
}

#kontakt fieldset input.ort {
width: 135px;
}
#kontakt fieldset input.plz {
width: 60px;
margin-right: 5px;
}
#kontakt fieldset input.stk {
width: 30px;
margin-left: 110px;
margin-right: 5px;
text-align:center;
}

#kontakt input.send {
margin-left:110px;
width: 205px;
background-color:#e54d4c;
border:none;
font-size:1.1em;
color:#ffffff;
}
body#contakt #content-main p.tip {
margin-left:110px;
font-size:0.95em;
}
.mussfeld {
color: #FF0000;
}

/* Seite Impressum 
*************************************************************************/

body#impressum #content-main h1 {
background: #ffffff url(../en_img/ue_impressum.gif) 0 0 no-repeat;
width:190px;
height:50px;
left: 170px;
margin: 10px 0 30px 0;
}
body#impressum #content-main p {
margin-left:155px;
}


/* Seiten AGB und Datenschutz, Infoboxen (Shop)
*************************************************************************/

body#agb #content-main h1 {
background: #ffffff url(../de_img/ue_agb.gif) 0 0 no-repeat;
width:354px;
height:55px;
left: 175px;
margin: 30px 0 40px 0;
}
body#datenschutz #content-main h1 {
background: #ffffff url(../de_img/ue_datenschutz.gif) 0 0 no-repeat;
width:200px;
height:50px;
left: 175px;
margin: 30px 0 40px 0;
}

body#kundenmeinungen #content-main h1 {
background: #ffffff url(../de_img/ue_kundenmeinungen.gif) 0 0 no-repeat;
width:356px;
height:80px;
left: 175px;
margin: 10px 0 40px 0;
}

body#umfrage #content-main h1 {
background: #ffffff url(../de_img/ue_umfrage.gif) 0 0 no-repeat;
width:304px;
height:68px;
left: 195px;
position:relative;
margin-top:10px;
}

div#widerruf {
padding: 5px 0;
margin: 5px 15px;
background-color:#e6e6e6;
}

/* Infobox rechts */
#datensicherheit img,
#vorteile img,
#thawte img {
float:right;
margin: 0 0 5px 5px;
}
#datensicherheit span,
#vorteile span,
#thawte span {
float:right;
}
#thawte img {
margin-top: 5px;
}
#datensicherheit h2,
#vorteile h2,
#thawte h2,
#kundenmeinungen h2 {
font-weight:bold;
}

#kundenmeinungen h3 {
font-family: "Courier New", Courier, mono;
text-transform:uppercase;
color: #e77800;
letter-spacing:0.1em;
margin-top: 15px;
margin-bottom: 2px;
font-size:1.1em;
}

#datensicherheit.infobox,
#vorteile.infobox {
background: transparent url(../de_img_layout/hg-infobox5.gif) 0 0 repeat-x;
padding: 8px 9px 20px 9px;
}
#datensicherheit.infobox a {
text-decoration: none;
border-bottom:1px dotted #000000;
}
#datensicherheit.infobox a:hover {
border-bottom:1px solid #444444;
}
#vorteile.infobox li {
font-size:1.1em;
}

/* PopUps */
body#popup.doc {
font-size:85%;
}
body#popup.doc div#widerruf {
padding: 5px 10px;
margin: 5px 0;
}


/************************************************************************* 
INFO
**************************************************************************/
#info {
clear: both;
font-size: 0.65em;
color: #B7B7B7;
margin: 0;
padding: 10px 15px;
}

#info ul {
margin: 0;
padding: 0;
list-style: none;
}
#info ul li {
margin: 0;
padding: 0 6px 0 0;
display: inline;
}
#info ul li a {
color: #aaaaaa;
padding: 0 8px 0 0;
text-decoration: none;
}
#info ul li a:hover {
color: #cccccc;
}


/************************************************************************* 
LANDINGPAGES
**************************************************************************/

/* XMAS FOCUS-AKTION 2007 */

body#landing.focus07 div.hg {
background: #ffffff url(../de_img/lp/lpfocus07_hg.jpg) 15px 0 no-repeat; 
min-height:450px;
}

body#landing.focus07 h1 {
background: transparent url(../de_img/lp/lpfocus07_ue1.gif) 0 0 no-repeat; 
width:228px; 
height:53px; 
left: 45px; 
margin: 0 0 20px 0;
}
body#landing.focus07 #content-main p,
body#landing.focus07 #content-main form {
padding-left:45px;
}
body#landing.focus07 #content-main form p {
padding-left:0;
}
body#landing.focus07 #content-main form#code input {
width:3em;
margin:5px 3px 0 0;
vertical-align:middle;
border:1px solid #333333;
height:17px;
padding:2px 5px;
}
body#landing.focus07 #content-main form#code input.send {
width:auto;
height:auto;
padding:0;
}
body#landing.focus07 #content-main img.img1 {
margin:73px 0 0 45px;
}
body#landing.focus07 #content-main h2 span {
position:absolute;
left:-5000em;
right:-5000em;
}
body#landing.focus07 #content-main h2.ja {
background: transparent url(../de_img/lp/lpfocus07_ue-ja.gif) 0 0 no-repeat; 
width:417px; 
height:61px; 
margin: 0 0 20px 20px;
}
body#landing.focus07 #content-main form#kontakt {
margin-top:50px;
}
body#landing.focus07 #content-main form#kontakt fieldset {
border:none;
}
body#landing.focus07 #content-main h2.nein {
background: transparent url(../de_img/lp/lpfocus07_ue-nein.gif) 0 0 no-repeat; 
width:300px; 
height:70px; 
margin: 0 0 20px 27px;
}
body#landing.focus07 #content-main p.spartarif {
width: 380px;
margin:50px 0 0 0;
}

.kundenmeinungName {
	margin-top:4px;
	font-style:italic;
	text-align:right;
}

/* neue Farben 05/2008 */

body#neuefarben0508 #content-main h1 {
background:#FFFFFF url(../de_img/neue-farben0508/ue_neueFarben.gif) no-repeat scroll 0pt;
height:60px;
left:175px;
margin:15px 0 0 0;
width:320px;
}
body#neuefarben0508 #content-main .col1 {
margin-top:45px;
}
body#neuefarben0508 #content-main .col2 {
margin-top:15px;
}
body#neuefarben0508 #content-main .col2 p {
margin-left:149px;
padding-left:0;
}
body#neuefarben0508 #content-main .nFimg1 {
float:right;
margin-bottom:3px;
}
body#neuefarben0508 #content-main .nFimg2,
body#neuefarben0508 #content-main .nFimg3 {
margin-right:3px;
margin-bottom:3px;
}
body#neuefarben0508 #content-main .nFimg4 {
clear:both;
}
body#neuefarben0508 #content-main .nFimg5 {
float:left;
margin-top:3px;
}
*+ html body#neuefarben0508 #content-main .nFimg5 /* IE7 */ {
margin-top:0;
}


/* Produktinfo */
#ProdInfoTextAktFarbe {
	position:absolute; 
	left:440px;
	top:288px;
	width:100px;
	height:20px;
}

*.horizontal_track {
	width: 265px;
	line-height: 0px;
	font-size: 0px;
	text-align: left;
}
*.horizontal_slider {
	width: 18px;
	height: 22px;
	position: relative;
	z-index: 2;
	line-height: 0;
	margin: 0;
	background: url(../de_img/produktinfo/slider.gif) no-repeat;
}
*.horizontal_slit {
	width: 265px;
	height: 22px;
	margin: 0px 0px 2px 0px;
	line-height: 0;
	position: absolute;
	z-index: 1;
}


#sliderbarVert {
	background: url(../de_img/produktinfo/slidebar-vert.gif) no-repeat; 
	width: 22px;
	height: 265px;
}

*.vertical_track {
	height: 265px;
	line-height: 0px;
	font-size: 0px;
	text-align: left;
}
*.vertical_slider {
	width: 22px;
	height: 18px;
	position: relative;
	z-index: 2;
	line-height: 0;
	margin: 0;
	background: url(../de_img/produktinfo/slider-vert.gif) no-repeat;
}
*.vertical_slit {
	width: 22px;
	height: 265px;
	margin: 0px 0px 0px 0px;
	line-height: 0;
	position: absolute;
	z-index: 1;
}
#produktInfoBilder {
	width:840px;
	margin:25px 0px 0px 10px;
}

#produktInfoGreenBox {
	position:absolute;
	left:451px;
	top:32px;
	width:392px;
	height:101px;
	background: url('../de_img/produktinfo/bg-box-gruen.gif') no-repeat;
}
#produktInfoGreenBox ul {
	list-style: none;
	padding:10px 0px 10px 5px;
	margin:0px;
}
#produktInfoGreenBox ul li{
	margin:0px;
	padding:0px;
}
.greenboxl {
	float:left;
	width:30px;
}

.greenboxr {
	float:left;
	padding-top:8px;
	padding-left: 5px;
	width:350px;
	font-family: Courier;
	font-size:16px;
	font-weight:bold;
	color:#FFF;
}

#InfoBilder .top {
	background-image:url(../de_img/produktinfo/bg-bilderconttop.gif); height:20px;
}
#InfoBilder .middle {
	background-image:url(../de_img/produktinfo/bg-bildercontline.gif); height:270px; padding:10px 20px 10px 30px;
}
#InfoBilder .bottom {
 	background-image:url(../de_img/produktinfo/bg-bildercontbottom.gif); height:20px;
}
#mainimageLeft {
	float:left; width:245px; cursor:pointer; padding-top: 4px;
}
#mainimageRight {
	float:left; width:245px; cursor:pointer; margin-left:30px; padding-top: 4px;
}
#mainslider {
	float:left; width:60px; margin-left:50px; cursor: pointer;
}
#produktinfotext {
	float:left; width:500px;
}
#produktinfofacts {
	float:right; width:290px; padding-right:20px;
}



/* Seite Farbmuster 
*************************************************************************/
body#farbmuster #content-main h1 {
background: #ffffff url(../de_img/ue_kontakt.gif) 0 0 no-repeat;
width:240px;
height:60px;
left: 175px;
margin: 20px 0 0 0;
}
body#farbmuster #content-main p {
margin-left:160px;
}
body#farbmuster #content-main form p {
margin-left:0px;
padding-left:0;
}
body#farbmuster #content-main p.form {
margin-left:50px;
margin-top:30px;
}

/* FARBMUSTERFORMULAR */
body#farbmuster #content-main #farbmuster {
margin: 5px 0 0 65px;
padding:0;
}
#farbmuster fieldset {
border-top:2px dotted #e54c4e;
margin:0;
padding: 10px 10px 0 0;
}

#farbmuster fieldset label {
width: 110px;
float: left;
margin: 0;
}

#farbmuster fieldset p.options label,
#farbmuster fieldset p.options input,
#farbmuster fieldset p.check label,
#farbmuster fieldset p.check input {
width: auto;
float: none;
}

#farbmuster fieldset input,
#farbmuster fieldset textarea {
width: 203px;
}
#farbmuster fieldset textarea {
height: 50px;
width: 300px;
}

#farbmuster fieldset input.ort {
width: 135px;
}
#farbmuster fieldset input.plz {
width: 60px;
margin-right: 5px;
}
#farbmuster fieldset input.stk {
width: 30px;
margin-left: 110px;
margin-right: 5px;
text-align:center;
}

#farbmuster input.send {
margin-left:110px;
width: 205px;
background-color:#e54d4c;
border:none;
font-size:1.1em;
color:#ffffff;
}
body#farbmuster #content-main p.tip {
margin-left:110px;
font-size:0.95em;
}
.mussfeld {
color: #FF0000;
}