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

body
{
  background-color:black;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:11px;
}

p
{
  margin-bottom:5px;
}

a img
{
  border:none;
}

a.mehr
{
  text-transform:uppercase;
  font-weight:bold;
  color:black;
  text-decoration:none;
  border:none;
}

a.mehr-news
{
  text-transform:uppercase;
  font-weight:bold;
  color:white;
  text-decoration:none;
  border:none;
}

.uppercase
{
  text-transform:uppercase;
}

div.page-home
{
  background-image:url(/images/layout/bg_home_top.jpg);
  background-repeat:no-repeat;
  position:relative;
  min-height:826px;
  height:auto !important;
  height:826px;
  width:1000px;
}

div.main
{
  position:relativ;
  background-image:url(/images/layout/bg_bottom.jpg);
  background-repeat:no-repeat;
  background-position:0% 100%;
  min-height:680px;
  height:auto !important;
  height:680px;
  margin-left:86px;
  padding-bottom:140px;
  padding-left:204px;
  padding-top:186px;
}

input
{
  text-align:left;
}

img.logo
{
  position:absolute;
  top:26px;
  left:146px;
}

img.logo-klein
{
  position:absolute;
  bottom:70px;
  left:160px;
}

img.impressum
{
  position:absolute;
  bottom:70px;
  right:110px;
}

div.sprachauswahl
{
	position:absolute;
  top:72px;
  right:74px;
}

div.suche
{
  position:absolute;
  background-image:url(/images/layout/bg_suche.jpg);
  background-repeat:no-repeat;
  height:40px;
  top:68px;
  right:100px;
  width:200px;
}

div.suche input
{
  background:none;
  border:none;
  margin:10px;
  margin-top:5px;
  font-size:12px;
  font-weight:bold;
  width:35px;
  vertical-align:middle;
}

div.suche input.suche
{
  font-weight:normal;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:9px;
  width:115px;
}

div.suchergebnis
{
  background-image:url(/images/layout/bg_suchergebnis-suche.gif);
  background-repeat:no-repeat;
  height:40px;
  width:400px;
  position:inherit;
}

div.suchergebnis input
{
  background:none;
  border:none;
  margin:4px 10px;
}

div.suchergebnis input.suche
{
  font-weight:normal;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:9px;
  width:310px;
  margin-top:11px;
}

div.kleinebox
{
  background-image:url(/images/layout/bg_kleinebox.jpg);
  width:180px;
  height:130px;
  float:left;
  margin-right:15px;
  margin-top:15px;
  padding:5px;
  overflow:hidden;
}

div.content div.kleinebox p
{
  color:black;
  width:170px;
}

div.contentbox-home-gross
{
  background-image:url(/images/layout/bg_contentbox-home-gross.jpg);
  width:389px;
  height:130px;
  float:left;
  margin-right:15px;
  margin-top:15px;
  padding:5px;
  padding-left:6px;
  overflow:hidden;
}

div.content div.kleinebox a,
div.kleinebox a,
div.contentbox-home-gross a {
  color:black;
  text-transform:uppercase;
  font-weight:bold;
  text-decoration:none;
  border:none;
}

div.contentbox-home-gross img,
div.kleinebox img
{
  vertical-align:bottom;
}

div.contentbox-home-gross img
{
  float:left;
  margin-right:8px;
}

div.contentbox-home-gross h2,
div.kleinebox h2,
div.contentbox-home-gross h1,
div.kleinebox h1,
div.contentbox-home-gross p,
div.kleinebox p
{
  margin-left:8px;
}

div.contentbox-home-gross h2,
div.contentbox-home-gross h1,
div.kleinebox h1,
div.kleinebox h2
{
  padding-top:5px;
}

p.abstimmen
{
  font-weight:bold;
  float:left;
  font-size: 12px;
}

table.abstimmen
{
  margin-left:8px;
  margin-right:5px;
}

p.abstimmen label
{
  text-transform: uppercase;
  padding-right: 20px;
}

input.abstimmen
{
  background:none;
  border:none;
  margin-left:8px;
  font-weight:bold;
}

/* Flamme */

div.page-home img.flamme
{
  position:absolute;
  top:210px;
  left:176px;
}

div.page img.flamme,
div.page-rot img.flamme
{
  position:absolute;
  top:210px;
  left:81px;
}


/* PRODUKTUEBERSICHT */

div.page
{
  background-image:url(/images/layout/bg_top.jpg);
  background-repeat:no-repeat;
  position:relative;
  min-height:826px;
  height:auto !important;
  height:826px;
  width:1000px;
}

div.page-rot
{
  background-image:url(/images/layout/bg_rot.jpg);
  background-repeat:no-repeat;
  position:relative;
  min-height:826px;
  height:auto !important;
  height:826px;
  width:1000px;
}

div.content
{
  /*margin-top:25px;*/
}

div.content p,
div.content .introtext
{
  color:#FFFFFF;
  width:395px;
}

div.clear
{
  clear:both;
  height:0px;
}

div.clear-noheight
{
  clear:both;
  height:0px;
  line-height:0px;
  font-size:0px;
}

div.piktolist
{
  width:412px;
  float:left;
}

div.piktobox
{
  width:90px;
  margin-right:13px;
  float:left;
  margin-bottom:10px;
  overflow:hidden;
}

div.piktobox p
{
  width:90px;
  font-size:10px;
  margin-top:6px;
  text-align:center;
  overflow:hidden;
}

div.newsbox
{
  width:190px;
  margin-right:15px;
  margin-bottom:15px;
  font-size:11px;
  float:left;
}

div.newsbox p
{
  padding:5px;
  width:180px;
}

div.gelbebox
{
  height:140px;
  background-image:url(/images/layout/bg_kleinebox.jpg);
  background-repeat:no-repeat;
  text-align:center;
  padding:5px;
  overflow:hidden;
  background-position:middle;
}

div.gelbebox img
{
  vertical-align:middle;
}

div.newskategorie
{
  /*width:372px;*/
  width:405px;
  height:88px;
  overflow:hidden;
  margin-top:15px;
  position:relative;
}

div.newskategorie h2
{
  font-size:11px;
}

div.newskategorie p
{
  color:black;
  font-size:11px;
  width:250px;
}

p.datum
{
  font-weight:bold;
}

div.newskategorie div.bildbox
{
  background-image:url(/images/layout/bg_newskategorie_bildbox.jpg);
  background-repeat:no-repeat;
  text-align:center;
  padding: 6px 0 7px 6px;
  background-position:middle;
  width:115px;
  float:left;
  height:75px;
}

div.newskategorie div.liststoerer
{
  position: absolute; 
  left: 0px; 
  top: 5px;
  text-align: right; 
  width: 121px; 
  z-index: 2;
}

div.newskategorie div.ohnebild
{
  text-align:center;
  padding: 6px 0 7px 6px;
  background-position:middle;
  width:115px;
  float:left;
  height:75px;
}

div.newskategorie div.textbox
{
  vertical-align:middle;
  background-image:url(/images/layout/bg_newskategorie_textbox.jpg);
  background-repeat:no-repeat;
  padding: 8px 10px;
  /*float:right;*/
  float:left;
  width:260px;
  overflow:hidden;
  background-position:middle;
  height:72px;
}

/*
div.pressebox
{
  background-image:url(/images/layout/bg_pressebox.jpg);
  background-repeat:no-repeat;
  height:182px;
  overflow:hidden;
  padding:15px;
  width:370px;
  margin-top:15px;
  padding:15px 15px 2px 15px;
}
*/

div.pressebox
{
  margin-top:10px;
  width:395px;
  background-image:url(/images/layout/bg_pressebox_mitte.jpg);
  background-repeat:repeat-y;
  background-position:0 0;
}

div.presseboxtop
{
  background-image:url(/images/layout/bg_pressebox_oben.jpg);
  background-repeat:no-repeat;
  background-position:0 0;
}

div.presseboxtext
{
  width:365px;
  padding:25px 15px 15px 15px;
  min-height: 182px;
  height: auto !important;
  height: 182px;
  background-image:url(/images/layout/bg_pressebox_unten.jpg);
  background-repeat:no-repeat;
  background-position: 0 100%;
}

div.presseboxtext a
{
  color: #000;
}

div.pressebox p
{
  width:360px;
  color:black;
  font-size:11px;
  margin: 0;
  padding-bottom:13px;
}

div.pressebox p.datum
{
  margin-bottom:5px;
  padding:0;
}

div.pressebox-bild
{
  background-image:url(/images/layout/bg_pressebox.jpg);
  background-repeat:no-repeat;
  overflow:hidden;
  padding:15px;
  margin-top:15px;
  width:385px;
  height:200px;
  padding:5px;
}

img.headbild
{
  /*margin-top:-32px;*/
  margin-top:-7px;
  margin-left:-87px;
  padding:5px;
}

div.support
{
  width:400px;
  background-repeat:repeat-y;
  margin-top:15px;
  position:relative;
}

div.support a
{
  color: #FFFFFF;
  text-decoration: none;
}

div.supporttop
{
  background-repeat:no-repeat;
  background-position:0 0;
}

div.supporttext
{
  background-repeat:no-repeat;
  background-position:0 100%;
  padding:15px;
}

div.support-multi
{
  background-image:url(/images/layout/bg_textbox_mult_mitte.jpg);
}

div.supporttop-multi
{
  background-image:url(/images/layout/bg_textbox_mult_oben.jpg);
}

div.supporttext-multi
{
  background-image:url(/images/layout/bg_textbox_mult_unten.jpg);
}

div.support-handy
{
  background-image:url(/images/layout/bg_textbox_handy_mitte.jpg);
}

div.supporttop-handy
{
  background-image:url(/images/layout/bg_textbox_handy_oben.jpg);
}

div.supporttext-handy
{
  background-image:url(/images/layout/bg_textbox_handy_unten.jpg);
}

div.support-tastaturen
{
  background-image:url(/images/layout/bg_textbox_tastaturen_mitte.jpg);
}

div.supporttop-tastaturen
{
  background-image:url(/images/layout/bg_textbox_tastaturen_oben.jpg);
}

div.supporttext-tastaturen
{
  background-image:url(/images/layout/bg_textbox_tastaturen_unten.jpg);
}

div.support-sound
{
  background-image:url(/images/layout/bg_textbox_sound_mitte.jpg);
}

div.supporttop-sound
{
  background-image:url(/images/layout/bg_textbox_sound_oben.jpg);
}

div.supporttext-sound
{
  background-image:url(/images/layout/bg_textbox_sound_unten.jpg);
}

div.supporttext p
{
  font-size:10px;
  color:white;
}

div.supporttext img
{
  float:right;
  margin:15px;
}

div.supporttext ul
{
  color:white;
  list-style-type:none;
  font-size:10px;
}

ul.anker
{
  margin-top:10px;
  margin-bottom:10px;
  list-style:none;
}

ul.anker li a
{
  color:white;
  text-transform:uppercase;
  list-style-type:none;
  font-size:12px;
  text-decoration:none;
  font-weight:bold;
}

ul.anker li a:hover,
ul.anker li a:active,
ul.anker li a:focus
{
  color:red;
}

div.support .linie
{
  height:1px;
  width:360px;
  border-top:solid 1px #333333;
  margin-top:15px;
  margin-bottom:15px;
}

p.top a
{
  color:red;
  font-size:10px;
  position:absolute;
  bottom:10px;
  left:-50px;
  text-decoration:none;
  padding-left:10px;
  background-image:url(/images/layout/arrow-top.jpg);
  background-position:0 50%;
  background-repeat:no-repeat;
}

/* KONTAKTFORMULAR */

form.kontakt
{
  background-image:url(/images/layout/bg_kontaktformular.jpg);
  background-repeat:no-repeat;
  width:380px;
  height:340px;
  margin-top:15px;
  margin-left:-5px;
  padding:15px;
}

form.kontakt table
{
  width:350px;
}

form.kontakt table td
{
  padding:0;
  padding-bottom:3px;
}

form.kontakt table input,
form.kontakt table textarea
{
  width:100%;
  border:none;
}

form.kontakt p.pflichtfelder
{
  float:right;
  font-size:10px;
  color:black;
  width:110px;
}

form.kontakt input.button
{
  font-size:12px;
  color:black;
  border:none;
  background:none;
  font-weight:bold;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  text-transform:uppercase;
  cursor: pointer;
}

form.kontakt label
{
  font-weight:bold;
}


form.kontakt .error
{
  color: #DB0C26;
}

form.kontakt input.button
{
  font-size:11px;
  color:black;
  border:none;
  background:none;
  font-weight:bold;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  text-transform:uppercase;
}

form.kontakt table.nachricht tr td input
{
  width:353px;
  height:170px;
}

.datenschutz
{
  font-size:10px;
}

.datenschutz a
{
  color: #FFF;
}

/* FARBVARIANTEN */

h1
{
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:20px;
}

h2
{
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:12px;
  margin-bottom:5px;
}

h3
{
  font-size:11px;
}

h4
{
  color:white;
  text-transform:uppercase;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:11px;
  padding-top:5px;
  padding-bottom:5px;
}

h5
{
  color:white;
  text-transform:uppercase;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  padding-left:5px;
  font-size:11px;
}

h2.support
{
  text-transform:uppercase;
}

h3.support
{
  font-size:10px;
  margin-top:30px;
}

h4.support
{
  font-size:10px;
  font-weight:bold;
}


/* produktliste */

div.produktbox
{
  width:190px;
  float:left;
  margin:15px 15px 0px 0px;
  min-height:140px;
  height:auto !important;
  height:140px;
  position:relative;
}

div.produktbox div.liststoerer
{
  position: absolute; 
  right: 2px; 
  top: 2px;
  text-align: right; 
  width: 40px; 
  z-index: 2;
}

p.produktlistintro 
{
  font-size:12px;
  line-height:15px;
}

div.produktbox div.bildbox
{
  border:solid 1px #13a024;
  height:104px;
  text-align:center;
}

div.illustration
{
  width:190px;
  height:140px;
  float:left;
  margin:15px 15px 0px 0px;
  text-align:center;
}

div.produktbox h3
{
  font-weight:normal;
  padding-top:5px;
}

div.produktbox h3 a
{
  font-weight:normal;
  padding-top:5px;
  text-decoration:none;
}

div.produktbox p
{
  font-size:11px;
  /*padding:3px;*/
  width:190px;
  padding-top: 2px;
  margin:0;
}

div.produktbox div.bildbox-multi
{
  border:1px solid #e74c13;
}

div.produktbox div.bildbox-handy
{
  border:1px solid #009FE1;
}

div.produktbox div.bildbox-tastatur
{
  border:1px solid #13A024;
}

div.produktbox div.bildbox-sound
{
  border:1px solid #df1582;
}

h2.multi,
div.content p.multi
{
  color:#e74c13;
}

h3.multi,
h3.multi a
{
  color:#9d3c19;
}

h2.handy,
div.content p.handy
{
  color:#019FE0;
}

h3.handy,
h3.handy a
{
  color:#006490;
}

h2.tastaturen,
div.content p.tastaturen
{
  color:#0dd525;
}

h3.tastaturen,
h3.tastaturen a
{
  color:#358640;
}

h2.sound,
div.content p.sound
{
  color:#df1582;
}

h3.sound,
h3.sound a
{
  color:#961058;
}

div.produktauswahl
{
  position:absolute;
  top:415px;
  right:113px;
  padding-bottom: 10px;
  background-color: black;
}

div.produktauswahl form
{
   display: inline;
}

div.produktauswahl select
{
   width: 185px;
   text-transform: uppercase;
   font-size: 10px;
}

/* produktdetail */

a.mehr-details
{
  text-transform:uppercase;
  font-weight:bold;
  text-decoration:none;
  font-size:12px;
  line-height:15px;  
}

div.zusatzinfo-produkt
{
  width: 400px;
  clear:both;
  padding-top:10px;
  border-top:1px solid;
  font-size:12px;
}

div.zusatzinfo-produkt .preis
{
  font-size:10px;
}

div.auszeichnungen img
{
  margin: 10px 13px 10px 0;
  float: left;
}

/* thumbs */

#navi-thumbnails 
{
  position:absolute;
  top:190px;
  left:187px;
  width:90px;
}

#thumbnail-slideshow 
{
  overflow:hidden;
  width:90px;
  height:191px;
}

#thumbnail-slideshow ul
{
  list-style:none;
  height:3900px;
}

#thumbnail-slideshow ul li
{
  margin: 0;
  padding: 0;
  width: 90px;
  height: 55px;
  text-align: center;
  cursor:pointer;
}

#thumbnail-slideshow ul li div
{
  border: 1px solid;
  width: 88px;
  height: 48px;
}

#thumbnail-slideshow ul li div img
{
  vertical-align: bottom;
}

.thumbnail-button 
{
  text-align: center;
  width: 8px;
  height: 7px;
  margin: 0 auto;	
}

.thumbnail-button a
{
  text-decoration: none;
}


/* navi */

ul.navi-produktdetails
{
  position:absolute;
  top:448px;
  left:190px;
}

ul.navi-produktdetails li
{
  list-style-type:none;
  text-align:right;
  padding-bottom:5px;
}

ul.navi-produktdetails li a
{
  text-decoration:none;
  font-size:10px;
  text-transform:uppercase;
}

.beschreibung-produkt
{
  color:#FFFFFF;
  font-size:12px;
  line-height:15px;
  margin-bottom:0px;
  width:395px;
}

div.page div.flash
{
  width: 400px; 
  height: 255px;
/*height: 225px;*/
  overflow: hidden;
  text-align: center;
  position: relative;
}

div.stoerer
{
  position: absolute; 
  left: 0; 
  text-align: right; 
  width: 400px; 
  z-index: 2;
}

div.mouseoverimg
{
  position: absolute; 
  left: 0; 
  width: 400px; 
  background-color: black; 
  z-index: 1;
}

div.bildunterschrift
{
  width: 400px; 
  height: 13px;
}

div.bildunterschrift p
{
  margin: 0; 
  color: #FFF; 
  text-align: right;
}


/* seitenspezifisch */

div.produktdetail-multi h2
{
  color:#e74c13;
  margin-bottom:10px;
}

div.produktdetail-handy h2
{
  color:#009EDF;
  margin-bottom:10px;
}

div.produktdetail-tastaturen h2
{
  color:#0dd525;
  margin-bottom:10px;
}

div.produktdetail-sound h2
{
  color:#df1582;
  margin-bottom:10px;
}

div.produktdetail-multi a.mehr-details,
div.produktdetail-multi div.zusatzinfo-produkt,
div.produktdetail-multi div.zusatzinfo-produkt p
{
  color:#E74C13;
  border-color: #E74C13;
}

div.produktdetail-multi div.zusatzinfo-produkt .preis,
div.produktdetail-multi ul.navi-produktdetails li a,
div.produktdetail-multi #navi-thumbnails ul li div,
div.produktdetail-multi #navi-thumbnails a
{
  color:#9d3c19;
  border-color: #9d3c19;
}

div.produktdetail-multi .thumbnail-button 
{
  background-color: #9d3c19;
}

div.produktdetail-handy a.mehr-details,
div.produktdetail-handy div.zusatzinfo-produkt,
div.produktdetail-handy div.zusatzinfo-produkt p
{
  color:#009EDF;
  border-color: #009EDF;
}

div.produktdetail-handy div.zusatzinfo-produkt .preis,
div.produktdetail-handy ul.navi-produktdetails li a,
div.produktdetail-handy #navi-thumbnails ul li div,
div.produktdetail-handy #navi-thumbnails a
{
  color:#006490;
  border-color: #006490;
}

div.produktdetail-handy .thumbnail-button 
{
  background-color: #9ca2a1;
}

div.produktdetail-tastaturen a.mehr-details,
div.produktdetail-tastaturen div.zusatzinfo-produkt,
div.produktdetail-tastaturen div.zusatzinfo-produkt p
{
  color:#4bee0b;
  border-color: #4bee0b;
}

div.produktdetail-tastaturen div.zusatzinfo-produkt .preis,
div.produktdetail-tastaturen ul.navi-produktdetails li a,
div.produktdetail-tastaturen #navi-thumbnails ul li div,
div.produktdetail-tastaturen #navi-thumbnails a
{
  color:#10761e;
  border-color: #10761e;
}

div.produktdetail-tastaturen .thumbnail-button 
{
  background-color: #10761e;
}

div.produktdetail-sound a.mehr-details,
div.produktdetail-sound div.zusatzinfo-produkt,
div.produktdetail-sound div.zusatzinfo-produkt p
{
  color:#DF1582;
  border-color: #DF1582;
}

div.produktdetail-sound div.zusatzinfo-produkt .preis,
div.produktdetail-sound ul.navi-produktdetails li a,
div.produktdetail-sound #navi-thumbnails ul li div,
div.produktdetail-sound #navi-thumbnails a
{
  color:#961058;
  border-color: #961058;
}

div.produktdetail-sound .thumbnail-button 
{
  background-color: #961058;
}