/*
------------------------------------------------
 Html Tags
------------------------------------------------
*/

html, body { font-size: 14px; font: 100.1% Trebuchet MS,arial,helvetica,clean,sans-serif; color: #333; margin: 0px; padding: 0; text-align: center; height: 100%; width: 100%; font-family: 'Source Sans Pro', sans-serif; }

img { border: 0px;}
.imgBorder { float: left; border:1px dotted #d4d4d4; padding: 5px; margin: 0 10px 10px 0; background-color: #fff; }
.imgBorderLeft { float: left; border:1px solid #d4d4d4; padding: 5px; margin: 0 0 10px 0; background-color: #FFF; }
.imgBorderLeft100 { float: left; border:1px dotted #d4d4d4; padding: 5px; margin: 0 5px 10px 0; background-color: #f1f1f1; width: 100px; }
.imgBorderRight { float: right; border:1px dotted #d4d4d4; padding: 5px; margin-bottom: 10px;}

h1 { display: none; }
h1, h2 { clear: both; font-size: 150%; font-weight: normal; padding-bottom: 10px; margin-top: 0px; text-transform: uppercase; font-family: 'Source Sans Pro', sans-serif; }
h3 { clear: both; font-size: 110%; margin: 7px 0 7px 0; font-weight: bold;}
h3.aktuelles { font: 1.0em Times, Verdana, sans-serif; color: #000; margin: 7px 0 2px 0;}
h3.ohneAbstand { margin-bottom: 0;}
h3.left200 { text-indent: 200px; padding: 0px 0 0px 0 !important; color: #ff0000; }
h4 { clear: both; font-size: 90%; margin: 5px 0 5px 0; }
h5 { clear: both; font-size: 90%; margin: 5px 0 2px 0; font-weight: normal; color: #ff0000; }

p { padding: 0; margin: 5px 0 15px 0; width: 100%; }
hr { float: left; clear: left; width: 100%; margin: 10px 0 10px 0; border: 0px; border-top: 1px dotted #d4d4d4; border-bottom: transparent; height:1px; }
ul, li { margin: 0; padding: 0px; }
#content ul { margin: 10px 0 10px 20px; padding: 0; }
#content ul li { margin: 0; padding: 2px; }

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

a, a:link, a:visited, a:hover, a.color {color: #333; text-decoration: none; }
a:hover {text-decoration: none; }
a.more, a.more:link, a.more:visited, a.more:hover { float: right; }
a.color {color: #ff0000; }
a.button, a.button:link, a.button:visited { float: left; text-decoration: none; }
a.button span { padding: 4px 10px 4px 10px; background-image: url('/grafik/layout/hg_button.png'); color: #FFF; text-transform: uppercase; }
a.link { float: left; width: 100%; background-image: url('/grafik/layout/link.png'); background-repeat: no-repeat; background-position: 0px 5px; padding: 1px 25px 2px 25px; font-weight: bold !important; color: #ff0000; }
a.link span { float: right; width: 200px; color: #999; }

/*
------------------------------------------------
 Grundgerüst
------------------------------------------------
*/
#hg { position: fixed; top: 0px; left: 0px; right: 0px; height: 100%; width: 100%; }
#hg img { position: absolute; left: 0px; top: 0px; height: 100%; width: 100%; }
#hgWhite { position: absolute; left: 0px; top: 0px; background-color: #fff; height: 293px; width: 100%; }
#balken { position: absolute; top: 32px; left: 0px; right: 0px; text-align: left; height: 260px; background-color: #FF0000; background-image: url('/grafik/layout/hg.gif'); }
#balken2 { position: absolute; top: 293px; left: 0px; right: 0px; text-align: left; height: 35px; background-image: url('/grafik/layout/hg2.png'); }
#main { position: relative; text-align: left; margin: 0 auto 0 auto; height: auto; width: 1180px; font-size: 80%; }

/*
------------------------------------------------
 DesignLayer
------------------------------------------------
*/

#header { position: absolute; top: 32px; left: 190px; width: 990px; background-color: #ebebeb; height: 260px; text-align: center; }
#header img { width: 988px; height: 260px; }
#header #dfb { position:absolute; z-index: 100; bottom: 0px; left: 1px; }
#header #trusted-siegel { position:absolute; z-index: 100; top: 200px; right: 10px; }
#header #trusted-siegel img { width: 50px; height: 50px; }
#header #logo { position:absolute; z-index: 100; top: 65px; left: 50px; }
#header #logo img { width: 400px; height: 115px; }
#header #gewerb { position:absolute; z-index: 100; top: 20px; right: 0px; background-color: #fff; padding: 5px 30px 5px 30px; filter:alpha(opacity=80); -moz-opacity: 0.80; opacity: 0.80; }
#whereiam { font-size: 90%; padding: 10px 0 0 190px; color: #d4d4d4; }

#contentMiddle { float: left; width: 990px; margin: 303px 0 0 190px; padding-top: 15px; font-size: 105%; background-color: #fff; }
#contentLeft { float:left; /*position: absolute;*/ width: 175px; min-height: 300px; margin-left: -190px; }
#contentLeft h3 { float:left; width: 100%; margin: 10px 0 5px 0; padding-top: 0px; }
#content { float:left; width: 950px; text-align: left; min-height: 600px; padding: 0 0 50px 20px; line-height: 140%; background-color: #fff; }
#content a { font-weight: bold; }
#content a:hover { color: #ff0000; }
#content img { /*width: 595px;*/ }
#contentRight { display: none; float:right; width: 160px; min-height: 300px; }

#footer { display: none; float: left; font-size: 70%; width: 100%; height: auto; padding: 21px 0 10px 0; /*border-top: 1px solid #fff; background-color: #ff0000;*/ background-image: url('/grafik/layout/hg_footer.png'); }
#footer a, #footer a:hover, #footer a.activ { margin: 0 5px 0 5px; padding: 0 0 0 5px; text-decoration: none; font-weight: normal; color: #f1f1f1; }
#footer a:hover, #footer a.activ {  text-decoration: underline; }
#footer a.shop { background-image: url('/grafik/layout/shop_button.png'); background-repeat: no-repeat; padding: 5px 0 5px 25px; font-size: 115%; }

/*
------------------------------------------------
 First Navigation platzieren
------------------------------------------------
*/
#topmenue { position: absolute; top: 289px; left: 189px; width: 990px; }
#topmenue img { position: absolute; left: 20px; top: 7px; width: 22px; height: 22px; }

/* Erste Navigation */
#firstNavigation { float: left; margin: 4px 0 0 0; width: 990px; z-index: 3000; text-align: left; }

#firstNavigation > ul { display: table; width: 100%; }
#firstNavigation > ul > li { display: table-cell; text-align:center; font-size: 98%; }

#firstNavigation ul { padding: 0; margin: 0px; }
#firstNavigation ul li { margin-left: 0px; list-style-type: none; }
#firstNavigation ul li.cart { float: right; }
#firstNavigation ul a { display: block; color: #fff; line-height: 29px; 

/*padding: 0 6px 0 6px; padding: 0 16px 0 16px;*/ text-decoration: none; text-transform: uppercase; }

#firstNavigation ul li:hover a, #firstNavigation ul a.activ { color: #ff0000; }
#firstNavigation ul li:hover, #firstNavigation ul li.activ { background-color: #fff; }

#firstNavigation ul li ul { display:none; position: absolute; z-index: 3000; margin-left: 0px; top: 33px; background-color: #FFF; filter:alpha(opacity=90); -moz-opacity: 0.90; opacity: 0.90;padding: 2px 0; width: 220px; -moz-box-shadow: 0px 0px 3px #000; border: 1px solid #fff; border-width: 0 1px 1px 1px; -webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.3); -moz-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.3); box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.3); }
#firstNavigation ul ul.eb1 { -webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.3); -moz-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.3); box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.3); border: 0px; }
#firstNavigation ul li:hover > ul { display: block; }
#firstNavigation ul ul li { float: left; text-align: left; display: block; padding: 5px 20px 5px 13px; margin: 0; width: 185px; }
#firstNavigation ul ul a { float: left; line-height: 15px; display: block; width: 100%; border: 0; color: #333 !important; padding: 0px; border: 0px; text-transform: none; }
#firstNavigation ul ul li:hover a, #firstNavigation ul ul a.activ { color: #FF0000 !important; }

#firstNavigation ul ul li:hover ul { display: block; }
#firstNavigation ul ul li ul { position: absolute; width: 170px Important; top: 0px; margin: 0; background-color: #fff; left: 150px; }
#firstNavigation ul ul ul li { width: 150px !important; text-indent: 10px; padding: 2px 0 2px 0; }
#firstNavigation ul ul ul a, #firstNavigation ul ul li:hover ul a { line-height: 20px; display: block; width: 100%; border: 0; color: #333 !important; font-size: 90%; }
#firstNavigation ul ul ul li:hover a, #firstNavigation ul ul ul a.activ { color: #FF0000 !important; }

#firstNavigation ul li.p2 ul li ul { -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0); -moz-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0); box-shadow: 0px 0px 0px rgba(0, 0, 0, 0); border: 0px; }
#firstNavigation ul li.p2 ul li ul { display: block; position: relative; width: 170px Important; border: 0px !important; top: 0px; margin: 0; background-color: transparent; left: 0px;  }
#firstNavigation ul li.p2 ul ul li { width: 150px !important; text-indent: 10px; padding: 2px 0 2px 0; }
#firstNavigation ul li.p2 ul ul a, #firstNavigation ul li.p2 ul li:hover ul a { display: block; width: 100%; border: 0; color: #333 !important; font-size: 90%; }
#firstNavigation ul li.p2 ul ul li:hover a, #firstNavigation ul li.p2 ul ul a.activ { color: #FF0000 !important; }
/*
------------------------------------------------
 Impressum Navigation platzieren
------------------------------------------------
*/
#impressummenue { position: absolute; top: 10px; right: 0px; text-align: right; font-size: 90%; }
#impressummenue ul { padding: 0; margin: 0px; }
#impressummenue ul li { float: left; list-style-type: none; }
#impressummenue ul a { float: left; margin-left: 7px; display: block; color: #333; text-decoration: none; }
#impressummenue ul li:hover a, #impressummenue ul a.activ { color: #ff0000; }

/*
------------------------------------------------
 smfood für Suchmaschinen
------------------------------------------------
*/

.smfood { display: none;}

/*
======================================================================
 gestaltete Layer
======================================================================
*/
.red, .err { float: left; display: block; clear: all; width: 98%; padding: 1%; color: #f1f1f1; background-color: #ff0000; margin-bottom: 5px;}
.green { float: left; display: block; clear: all; width: 98%; padding: 1%; background-color: #007700; color: #f1f1f1; margin-bottom: 5px;}
.left { float: left; padding: 0 2px 0 0;}

/* Tabelle */

  table  { float: left; width: 100%; border-collapse: collapse; border-spacing: 0px; border: 1px solid #d4d4d4; margin-bottom: 10px; }
  table th, table td { text-align: left; padding: 6px; border: 1px solid #d4d4d4;  }
  table a { text-decoration: none !Important; color: #ff0000 !Important; }
  table a.activ, table a:hover { color: #333; text-decoration: underline !Important; }
  table thead td a { text-decoration: none !important; }
  table thead td a.activ, table thead td a:hover { color: #333 !important; text-decoration: underline !important; }
  table thead td, table tfoot td { background-color:#f9f9f9; }

  table thead td span#rows { float: left; width: auto !important; font-weight: bold; text-indent: 5px; padding: 0; }
  table thead td span#cols { float: right; width: auto !important; font-size: 110%; padding: 5px 20px 0 0; }
  table tr.bg1 { background-color:#f6f6f6 !important; }
  table tr.bg2 { background-color:#f9f9f9 !important; }
  table tr:hover { background-color: #f1f1f1 !important; filter:alpha(opacity=100); -moz-opacity:1.0; -khtml-opacity: 0.5; opacity: 1.0; }
  table tbody tr:hover td { color: #ff0000 !important; }

  table td.label { width: 150px; }
  table th.label { width: 250px; }
  table td.title { }
  table td.choice  { width: 5%; }
  table td.choiceText  { width: 45%; }
  table td.date  { width: 130px; }
  table td.date span.delete a  { color: #ff0000; }
  table td.price input[type=text] { width: 50px; text-align: right; border: 1px solid #d4d4d4; }
  table td.quantity input { width: 30px; text-align: right; border: 1px solid #dcdcdc; }

  table tr.offline { color: #000; background-color: #EED9D9; filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8; }
  table tr.noSee { filter:alpha(opacity=20); -moz-opacity:0.2; -khtml-opacity: 0.2; opacity: 0.2; }
  table tr.yesSee { background-color: #FFF; filter:alpha(opacity=100); -moz-opacity:1.0; -khtml-opacity: 1.0; opacity: 1.0; }

/*
------------------------------------------
 Formulare Allgemein
------------------------------------------
*/
fieldset { float: left; border: 0px; margin: 0 0 0 0; padding: 10px 0 10px 0; width: 100%; }
fieldset h3 { text-indent: 200px; padding: 0px 0 0px 0 !important; color: #ff0000; }
legend { display: none; font-weight:  bold; padding: 10px 0 5px 0;}
form     { float: left; margin: 0; padding: 0; width: 100%; }
label { float: left; width: 190px; }
.noDisplay { display: none;}
input { padding: 2px; border: 1px solid #333; }
textarea { font-family: Trebuchet MS,arial,helvetica,clean,sans-serif; }

/********** Formular-Builder **********/

.fType { float: left; width: 100%; padding: 5px 0 5px 0; }
.fName { float: left; text-align: right; width: 190px; padding-right: 10px; }
.fName label { font-weight: bold; padding-top: 5px; }
.fValue { float: left; width: 70%; }
.fValue input[type=text], .fValue input[type=password], .fValue input[type=file], .fValue textarea, .fValue select { width: 390px; padding: 2px; border: 1px solid #333; }
.fValue textarea { height: 75px; }
.fValue ul { float: left; width: 100%; padding: 0px !important; margin: 0px !important; }
.fValue label { clear: left; font-size: 90%; font-style: italic; }
.fValue ul li { float: left; padding: 0px !important; margin: 0 10px 0 0 !important; list-style-type: none; }
.fValue ul li label { float: left; }
.fValue ul li input, .fValue ul li select { float: left; padding: 2px; }
.fValue ul li ul { float: left; width: 100%; }
.fValue ul li ul li { float: left; width: 150px; }
.fValue ul li ul li.first { margin-right: 10px; }
.fValue ul li ul li input[type=text], .fValue ul li ul li input[type=password] { width: 152px; }

.fType .marked  { border: 1px solid #89b557; }
.fType .day { width: 55px; margin-right: 5px; }
.fType .month { width: auto; margin-right: 5px; }
.fType .year { width: 70px; }
.falseData label { color: #ce1414; }
.falseData input, .falseData select, .falseData textarea { border: 1px solid #ce1414; }

.falseData { background-color: #fee9e8; }

fieldset.button button { margin: 10px 0 0 200px; padding: 5px 10px 5px 10px; background-image: url('/grafik/layout/hg_button.png'); color: #FFF; text-transform: uppercase; border: 0;  }
form input[type=submit], input[type=button] { padding: 3px 10px 3px 10px; background-image: url('/grafik/layout/hg_button.png'); color: #FFF; text-transform: uppercase; border: 0; }
form input.button { float: left !Important; clear: left; padding: 5px 15px 5px 15px;  }
#formBuild input.button, #gotocheckout input.button { float: right !Important; }

ul.option li { width: 50%; padding: 5px 0 5px 0; }
ul.option li label { clear: none; padding-left: 10px; font-size: 100%; font-style: normal; }
ul.option li input { padding: 5px; border: 1px solid #dcdcdc; }
ul.radio li { width: 100%; }
img#fCap { border: 1px solid #333; padding: 2px; }

/* Fehlermeldungen und Hinweise */
.errorTxt, .hinweis, .msg { float: left; position: relative; padding: 1%; margin: 0 0 10px 0; background-color: #ff0000; border: 1px solid #fff; color: #FFF; font-weight: bold; width: 98%; }
.hinweis { background-color: #f1e2ac/*99df73*/; color: #a38825/*3b3b3b*/; border: 1px solid #a38825; font-weight: normal; }
form p.hinweis { width: 658px; background-color: #fbf0b4; color: #3b3b3b; border-color: #e4dba6; margin: 5px 0 0 0; }

/*
------------------------------------------------
 Aktuelles/News
------------------------------------------------
*/

#angebot { float: left; width: 167px; height: auto; margin-top: -15px; }
#angebot img { float: left; width: 167px; height: 167px; padding: 5px; margin-bottom: 5px; border: 1px solid #d4d4d4; background-color: #fff; }

#news { float: left; font-size: 90%; border: 1px solid #d4d4d4; padding: 5px; width: 167px; background-color: #FFF; filter:alpha(opacity=80); -moz-opacity: 0.80; opacity: 0.80; }
#news h3  { padding: 5px 5px 0 0; margin: 0px; border: 0px !important;  }
#news div { border-bottom: 1px solid #d4d4d4; padding: 5px 10px 5px 0; }
#news div.p3 { border: 0px; }
#news a { display: block; }
.newsDatum{ float: left; width: 100%; font-size: 80%; }
.newsHead { float: left; width: 100%; font-size: 90%; color: #ff0000;}
.newsText { float: left; width: 100%; font-size: 90%; margin-top: 5px;}

#facebook { float: left; margin-bottom: 10px; font-size: 80%; padding: 5px; width: 157px; }
#lexikon { float: left; font-size: 90%; border: 1px solid #d4d4d4; background-color: #FFF; filter:alpha(opacity=80); -moz-opacity: 0.80; opacity: 0.80; padding: 5px; width: 167px; text-align: center; }
#beratung { float: left; width: 176px; }
#beratung img { padding: 1px; background-color: #fff; width: 176px; border: 1px solid #d4d4d4; }
#trusted { float: left; font-size: 90%; margin-top: 10px; }
#trusted img { /*width: 178px;*/ }
#trusted img.siegel { width: 50px; padding: 5px 64px 5px 64px; }

#newsletterSmall { float: left; margin-bottom: 5px; font-size: 80%; border: 1px solid #d4d4d4; padding: 5px; width: 150px; }
#newsletterSmall h3 span { float: left; margin: 3px 0 0 10px; font-size: 140%; }
#newsletterSmall h3 img { float: left; }
#newsletterSmall fieldset { padding: 10px 0 10px 0; }
#newsletterSmall input[type=text] { float: left; width: 100px; border: 1px solid #333; }
#newsletterSmall button { float: left; width: 40px; margin-left: 5px; border: 1px solid #333; background-color: #333; color: #FFF; }

/*
------------------------------------------------
 Aktuelles/News
------------------------------------------------
*/

.newsBig { float: left; clear: left; width: 100%; height: auto; margin-bottom: 1px; padding: 0; }
.newsBigOhne { float: left; width: 100%; height: auto; margin-bottom: 1px; padding: 0px 0 10px 0;}
.newsBig .innen { float: left; width: 205px; margin: 5px;}

.newsBig img{ width: 100px; margin: 0 10px 10px 0; }

.newsBigDatum{ float: left; width: 100%; font-size: 60%; color: #ff0000; }
.newsBigHead { float: left; width: 100%; font-size: 110%; font-weight: bold; }
.newsBigText { float: left; width: 100%; margin-top: 10px;}

.newsBigOhne .formularzeile {background-color: #f1f1f1; padding: 5px 0 5px 0;}
.newsBigOhne .label { text-align: right; padding-right: 10px;}

/* Content */

.listing { float: left; padding: 5px; border: 1px solid #d4d4d4; background-color: #fff; margin: 0 5px 5px 0; }
.listing img { width: 141px; }
.listingTxt { float: left; padding: 5px 0 5px 0; width: 153px; background-color: #fff; margin: 0 5px 0 0; }

.listingTeam { float: left; padding: 0px; border: 0px solid #d4d4d4; background-color: #fff; margin: 0 55px 20px 0; }
.listingTeam.last { margin: 0 0 20px 0; }
.listingTeam img { width: 280px; }
.listingTeamTxt { float: left; padding: 5px 0 5px 0; width: 330px; background-color: #fff; font-size: 125%; font-weight: bold; }
.listingTeamTxt.last { width: 200px; }

/*
------------------------------------------
 Sonstige Formatierungen
------------------------------------------
*/
.inhalt_red { color: #ff0000;}
.textForm1 { font-size: 100%; }
.textForm2 { font-size: 105%;}
.textForm3 { font-size: 110%;}
.textForm4 { font-size: 115%;}
.abstandOben { margin-top: 20px; }
.noPaddingTop { padding-top: 0px !important; }
.noPad { padding: 0px !important; }
.grey { color: #dcdcdc; }
.darkgrey { color: #888; }

/*
------------------------------
 Galerie
------------------------------
*/

.gallery { clear: left; float: left; margin-left: -5px; padding: 0; }
.gallery .text { display: none; float: left; width: 100%; font-size: 120%; color: #ff0000; text-transform: uppercase; font-weight: bold;}
.gallery .navi { display: none; float: left; width: 100%; padding: 5px 0 5px 0; color: #000; font-size: 90%; text-transform: none; font-weight: normal;}

a.gal, a.gal:link, a.gal:visited {color: #333; text-decoration: none; font-weight: normal;}
a.gal:hover, a.galon { color: #ff0000; font-weight: normal;}

.gallery .pic { float: left; padding: 5px; border: 1px solid #d4d4d4; background-color: #fff; }
.gallery .pic img { width: 141px !important; }

.gallery .viewList { float: left; width: 99%; padding: 3px; margin-bottom: 10px; border: 1px solid #999; }
.gallery .viewList .pic { padding: 0px; border: none; }
.gallery .viewBlock { float: left; /*height: 200px;*/ margin: 0 0 5px 5px; }

.gallery .textList { float: left; padding: 2px 2px 2px 10px;}
.gallery .info { clear: both; position: relative; padding: 2% 2% 2% 0; font-size: 90%;}

#bilderstapel {}
#bilderstapel img {position: absolute !Important; z-index:1; left: 1px; }
#bilderstapel img.obersteebene {z-index:3;}
#bilderstapel img.mittlereebene { z-index:2;}

/* Social */
div#social { width: 100% ; text-align: center; }
div#social a, div#social a:hover { padding: 0 2px 0 2px; }

/* Tabellen */
table.size { width: 100%; border: 1px solid #333; padding: 5px; }
table.size td { width: 30px; height: 30px; text-align: center; color: #f1f1f1; background-color: #333; }
table.size td.name { width: auto; height: 30px; text-align: left; color: #333; background-color: #f1f1f1; }

/* Startseite */
.startseite { float: left; /*width: 950px;*/ }
.angebot { float: left; margin-left: 10px; width: 260px; }
.angebot img { float: left; width: 250px; height: 250px; padding: 5px; border: 1px solid #d4d4d4; background-color: #fff; }
.startseite h2, h2.link { float: left; width: 100%; padding-top: 0 !important; margin: 10px 0 0 0 !important; font-size: 180%; }
.startseite h2 span, h2.link span { float: right; font-size: 75%; }
.startseite h2 span a, h2.link span a { color: #ff0000; }
.news { display: none; float: right; height: 248px; width: 190px; line-height: 100%; border-bottom: 1px dotted #d4d4d4; }
.news h3  { padding: 10px 0 0 0; margin: 0px; }
.news div { float: left; width: 100%; border-bottom: 1px dotted #d4d4d4; padding: 5px 0 10px 0; }
.news div.p3 { border: 0px; }

.info1 { float: left; width: 350px; height: 180px; border: 1px solid #d4d4d4; padding: 5px; background-color: #FFF; }
.info2 { float: left; margin-left: 10px; width: 350px; height: 180px; border: 1px solid #d4d4d4; padding: 5px; background-color: #FFF; }
.info3 { float: right; width: 195px; height: 180px; border: 1px solid #d4d4d4; padding: 5px; background-color: #FFF; }
.info1 div.head, .info2 div.head, .info3 div.head { float left; background-color: #d4d4d4; text-transform: uppercase; text-align: center; padding: 5px 0 5px 0; width: 100%; height: auto; }
.info1 p, .info2 p, .info3 p { clear: left; margin: 5px 0 5px 0; padding: 0 0 5px 0; } 

/* Social */
.info3 div.head { clear: left; }
.info3 p { padding: 0; } 
.info3 span { float: left; padding: 4px; height: 30px; text-align: center; }
.info3 span a { display: block; width: 30px; height: 30px; background-image: url('/grafik/bookmark/social.png');}
.info3 span a span { display: none; }
.info3 span a.social-fb { background-size: 30px; }
.info3 span a.social-tw { background-position: 0 -39px; background-size: 30px; }
.info3 span a.social-go { background-position: 0 -79px; background-size: 30px; }
.info3 span a.social-nl { background-position: 0 -117px; background-size: 30px; }
.info3 span a.social-yt { background-image: url('/grafik/bookmark/youtube.png'); background-size: 30px; }
.info3 div.liefer { margin: 10px 0 10px 0 !important; }
.info3 span.liefer { float: left; padding: 4px 0 4px 0; height: 22px; text-align: center; }
.info3 span.liefer a { display: block; width: 52px; height: 22px; background-image: url('/grafik/layout/liefermit.gif'); }
.info3 span.liefer a span { display: none; }
.info3 span.liefer a.liefer-gls { }
.info3 span.liefer a.liefer-dhl { background-position: -50px 0; width: 77px; }
.info3 span.liefer a.liefer-ups { background-position: -127px 0; width: 19px; }
.info3 span.liefer a.liefer-dachser { background-position: -147px 0; width: 47px; }

.rubrik { float: left; width: 715px; height: 200px; border: 1px solid #d4d4d4; padding: 5px; background-color: #d4d4d4; font-size: 90%; }
.rubrik a, .service a { display: block; font-weight: normal !important; }
.rubrik ul { float: left; margin: 0px !important; padding: 0px !important; width: 100%;  }
.rubrik ul.eb1 li { width: 160px; list-style-type: none; margin-top: 1px; line-height: 100%; padding: 0px 1% 0 0 !important; }
.rubrik ul.eb1 li a { display: block; font-weight: bold !important; width:}
.rubrik ul.eb1 li a:hover, .rubrik ul.eb1 li a.activ { color: #ff0000; }
.rubrik ul li ul { padding: 5px 0 10px 0 !important; }
.rubrik ul.eb1 ul.eb2 li a { font-weight: normal !important; text-transform: none; }
.rubrik ul.eb1 ul.eb2 li a:hover, .rubrik ul.eb1 ul.eb2 li a.activ { color: #ff0000 !important; }

.service { float: left; margin-left: 10px; width: 200px; height: 200px; border: 1px solid #d4d4d4; padding: 5px; background-color: #d4d4d4; }

.text { float: left; width: 100%; }
.clear { clear: left; }

/* Product-Slider */

.slides { float: left; position: relative; }
.slides_container { float: left; width: 950px; height: 330px; }
.slides .pagination { position: absolute !important; top: -50px; left: 400px; margin: 0 !important; padding: 0px !important; }
.slides .pagination li { float: left; margin:0 1px; list-style:none; }
.slides .pagination li a { display:block; padding: 0 5px 0 5px; }
.slides .pagination li.current a { color: #ff0000; }
.slides a.prev, .slides a.next  { position: absolute !important; top: -49px; left: 390px; font-size: 150%; }
.slides a.next { left: 500px; }

/* Bildershow */
/*
.picShow { float: left; position: relative; z-index: 3; background-color: #FFF; width: 527px; height: 250px; }
.picShow .slidesPic { float: left; position: relative; }
.picShow .slides_container, .picShow img { float: left; width: 527px; height: 212px; }
.picShow span.text { position: absolute; display: block !Important; z-index: 5; top: 120px; left: 30px; width: 427px; height: 50px; background-image: url('/grafik/layout/hg_transparent.png'); padding: 5px 20px 5px 20px;  color: #FFF; font-size: 115%; }
.picShow .pagination { display: none; position: absolute !important; top: -50px; left: 400px; margin: 0 !important; padding: 0px !important; z-index: 4; }
.picShow .slidesPic .pagination li { float: left; margin:0 1px; list-style:none; }
.picShow .slidesPic .pagination li a { display:block; padding: 0 5px 0 5px; }
.picShow .slidesPic .pagination li.current a { color: #ff0000; }
.picShow .slidesPic a.prev, .picShow .slidesPic a.next { position: absolute !important; z-index: 6; top: 120px; left: 0px; width: 30px; height: 60px; background-image: url('/grafik/layout/slider_scroll_left.png');}
.picShow .slidesPic a.next { left: 497px; background-image: url('/grafik/layout/slider_scroll_right.png'); }
.picShow .slidesPic a.prev span, .picShow .slidesPic a.next span { display: none; }
.picShow .slidesPic a.prev:hover, .picShow .slidesPic a.next { background-position: 0px 0px; }
.picShow .slidesPic a.prev, .picShow .slidesPic a.next:hover { background-position: 0px 60px; }
*/
.picShow { float: left; position: relative; z-index: 3; background-color: #FFF; width: 677px; height: 250px; }
.picShow .slidesPic { float: left; position: relative; }
.picShow .slides_container, .picShow img { float: left; width: 677px; height: 262px; }
.picShow span.text { position: absolute; display: block !Important; z-index: 5; top: 140px; left: 30px; width: 577px; height: 50px; background-image: url('/grafik/layout/hg_transparent.png'); padding: 5px 20px 5px 20px;  color: #FFF; font-size: 115%; }
.picShow .pagination { display: none; position: absolute !important; top: -50px; left: 550px; margin: 0 !important; padding: 0px !important; z-index: 4; }
.picShow .slidesPic .pagination li { float: left; margin:0 1px; list-style:none; }
.picShow .slidesPic .pagination li a { display:block; padding: 0 5px 0 5px; }
.picShow .slidesPic .pagination li.current a { color: #ff0000; }
.picShow .slidesPic a.prev, .picShow .slidesPic a.next { position: absolute !important; z-index: 6; top: 140px; left: 0px; width: 30px; height: 60px; background-image: url('/grafik/layout/slider_scroll_left.png'); display: block !Important; }
.picShow .slidesPic a.next { left: 647px; background-image: url('/grafik/layout/slider_scroll_right.png'); }
.picShow .slidesPic a.prev span, .picShow .slidesPic a.next span { display: none; }
.picShow .slidesPic a.prev:hover, .picShow .slidesPic a.next { background-position: 0px 0px; }
.picShow .slidesPic a.prev, .picShow .slidesPic a.next:hover { background-position: 0px 60px; }

/*
------------------------------------------------
Suche on the Fly
------------------------------------------------
*/
#searchSmall { margin-left: 190px; padding-top: 5px; }
#jquery-live-search { background-color: #FFF; filter:alpha(opacity=90); -moz-opacity: 0.90; opacity: 0.90; font-size: 70%; padding: 1% 0 1% 1%; max-height: 500px; overflow: auto; width: 500px !Important; position: absolute; margin-left: 0px !Important; margin-top: 7px !Important; z-index: 1000; border: 1px solid #d4d4d4; border-width: 0 1px 1px 1px; -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3); -moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3); box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3); }
#jquery-live-search ul, #jquery-live-search li { float: left; padding: 0px !important; margin: 0px !important; list-style-type: none; text-align: left; }
#jquery-live-search ul { float: left; width: 470px !Important; padding-bottom: 1% !important;}
#jquery-live-search li { float: left; width: 100% !Important; }
#jquery-live-search h2 { float: left; padding: 5px 0 5px 0 !Important; margin: 0px !Important; }
#jquery-live-search h3 { float: left; color: #ff0000; padding: 5px 0 5px 0 !Important; width: 100%; margin: 0 !Important; }
#jquery-live-search h5 { padding: 0 0 5px 0 !Important; margin: 0px !Important; }
#jquery-live-search span { width: 99%; float: left; padding: 0 1% 0 0; margin-bottom: 1px; background-color: #f1f1f1; }
#jquery-live-search span img { float: left; width: 40px; height: 40px; margin: 0 5px 0 0 !important; border-right: 1px solid #FFF; }
#jquery-live-search span.noImg { width: 98%; float: left; padding: 1%; margin-bottom: 1px; background-color: #f1f1f1; }
#jquery-live-search span.quantity { width: auto !important; float: none !important; padding: 0 !important; margin-bottom: 0 !important; color: #ff0000; }
#jquery-live-search a.close span { background-color: #transparent; display: none; }
#jquery-live-search a.close { float: right; display: block; background-image: url(/grafik/layout/pos_delete.gif); width: 19px; height: 19px; margin-right: 10px;  }

/* Galleryshow */
.divSlide { float: left; height: 158px; width: 100%; position: relative; }
.divSlide div.gallery { height: 158px; }
.divSlide div {position: relative; float: left; }

div.scrollingHotSpotLeft, div.scrollingHotSpotLeftVisible { width: 30px; height: 60px; background-image: url(/grafik/layout/slider_scroll_left.png); background-repeat: repeat; background-position: 0px 60px; position: absolute; z-index: 200; left: 0; top: 40px; }
div.scrollingHotSpotLeftVisible { background-position: 0px 0px; }
div.scrollingHotSpotRight, div.scrollingHotSpotRightVisible { width: 30px; height: 60px; background-image: url(/grafik/layout/slider_scroll_right.png); background-repeat: repeat; background-position: 0px 0px; position: absolute; z-index: 200; right: 0; top: 40px; }
div.scrollingHotSpotRightVisible{	background-position: 0px 60px; }
div.scrollWrapper { position: relative; overflow: hidden; width: 100%; height: 100%; }
div.scrollableArea {	position: relative;	width: auto; height: 100%;}

.hidden { display: none; }