html, body, div, p, h1, h2, h3, h4, h5, h6, ul, ol, span, a, form, img, li { font-family: Arial, sans-serif; color: #CCCCCC; }
html, body {font-size: 100.01%; }
body {text-align: center; margin: 0; padding: 0; top: 0; left: 0; background: #fdf0b8 url(graphik/hntgrd.jpg) center center; }
/* Allgemein gueltige Formatierungen */
a:link { color: #CCCCCC; text-decoration: none; font-weight: bold; }
a:visited { color: #CCCCCC; text-decoration: none; font-weight: bold; }
a:hover { color: #ff0000; text-decoration: none; font-weight: bold; }
a:focus { color: #ff0000; text-decoration: none; font-weight: bold; }
a:active { color: #ff0000; text-decoration: none; font-weight: bold; }
h1 { visibility: hidden; width: 0px; height: 0px; margin: 0; padding: 0; overflow: hidden;}
h2 {color: #ffffff; font-size: 24px; text-align: left; font-weight: bold; margin: 0; padding: 84px 5px 0px 5px; background: none; }
h2.alsBild {visibility:hidden; margin: 0; padding: 10px 5px 0px 5px; background: none; }
h3 {color: #CCCCCC; font-size: 14px; text-align: left; font-weight: bold; margin: 0; padding: 5px 0 5px 10px;}
h4 {color: #CCCCCC; font-size: 13px; text-align: left; font-weight: bold; margin: 0; padding: 5px 0 5px 10px;}
h5 {color: #CCCCCC; font-size: 12px; text-align: left; font-weight: bold; margin: 0; padding: 5px 0 5px 10px;}
div#ProdSuche h2 {visibility: hidden;}
div#ProdSuche {width:100%; height:40px;}
div#hauptmenue {width:180px; position:absolute; top:30px;}
ul#menue {margin:0px;}
li.menueTasteExtra {width:350px; height:44px; list-style:none; margin:0 0 8px 0;}
li.menueTasteExtra a {color: #CC0000; padding:0px 5px 9px 0px; font-size: 36px; text-align:center; }
li.menueTasteExtra a:hover {color: #CC0000; }
li.menueTasteExtra img {border: none;}
li.menueTaste {width:180px; height: 58px; list-style:none; margin:0 0 20px 0;}
li.menueTaste a {color: #FBFF2B; padding:18px 9px; font-size: 16px; text-align:left; border: 1px solid #733D28; display:block; background: url(graphik/hntgrdS33.png) center;}
li.menueTaste a:hover, li.menueTaste a:active, li.menueTaste a.aktiv {color: #CC0000; border-color: #CC0000;}
div.textFeld {background: url(graphik/hntgrdS33.png) center; border: 1px solid #999999;}
div.textFeld p {margin:0; padding:5px;}
div.textFeldExtra {background: none; border: none;}
div#tab_0 {background: url(graphik/BeiBild_0.png) no-repeat top right;}
div#text_0_0 {width:290px; height:134px; margin: 52px auto 0 10px;}
div#text_0_1 {width:134px; height:134px; margin: -58px auto 0 472px;}
div#text_0_1 img {width:122px; height:122px; margin: 0px; border:none;}
div#text_0_2 {width:368px; height:211px; margin: -136px auto 0 241px;}
div#text_0_3 {width:600px; height:445px; margin: 52px auto 0 87px;}
div#text_0_3 img {width:600px; height:445px; margin: 0px; border:none;}
div#tab_1 {background: url(graphik/BeiBild_1.png) no-repeat top right;}
div#text_1_0 {width:520px; height:445px; margin: 52px auto 0 20px;}
div#tab_2 {background: none;}
div#tab_2 div.textFeld {cursor:pointer;}
div#text_2_0 {width:134px; height:134px; margin: 52px auto 0 10px;}
div#text_2_1 {width:134px; height:134px; margin: -136px auto 0 164px;}
div#text_2_2 {width:134px; height:134px; margin: -136px auto 0 318px;}
div#text_2_3 {width:134px; height:134px; margin: -136px auto 0 472px;}
div#text_2_4 {width:134px; height:134px; margin: -136px auto 0 626px;}
div#text_2_5 {width:134px; height:134px; margin: 20px auto 0 10px;}
div#text_2_6 {width:134px; height:134px; margin: -136px auto 0 164px;}
div#text_2_7 {width:134px; height:134px; margin: -136px auto 0 318px;}
div#text_2_8 {width:134px; height:134px; margin: -136px auto 0 472px;}
div#text_2_9 {width:134px; height:134px; margin: -136px auto 0 626px;}
div#text_2_10 {width:290px; height:134px; margin: 20px auto 0 10px;}
div#text_2_11 {width:134px; height:134px; margin: -136px auto 0 164px;}
div#text_2_12 {width:134px; height:134px; margin: -136px auto 0 318px;}
div#text_2_13 {width:134px; height:134px; margin: -136px auto 0 472px;}
div#text_2_14 {width:134px; height:134px; margin: -136px auto 0 626px;}
div#text_2_0 img, div#text_2_1 img, div#text_2_2 img, div#text_2_3 img, div#text_2_4 img,
div#text_2_5 img, div#text_2_6 img, div#text_2_7 img, div#text_2_8 img, div#text_2_9 img,
div#text_2_10 img, div#text_2_11 img, div#text_2_12 img, div#text_2_13 img, div#text_2_14 img
{width:122px; height:122px; margin: 0px; border:none;cursor:pointer;}
div#tab_3 {background: url(graphik/BeiBild_3.png) no-repeat top right;}
div#text_3_0 {width:600px; height:368px; margin: 51px auto 0 30px; border: none; background: none;}
div#tab_4 {background: url(graphik/BeiBild_2.png) no-repeat top right;}
div#text_4_0 {width:480px; height:134px; margin: 52px auto 0 20px;}
div#text_4_1 {width:510px; height:290px; margin: 20px auto 0 10px;}
div#tab_5 {background: url(graphik/BeiBild_0k.png) no-repeat top right;}
div#text_5_0 {width:500px; height:445px; margin: 52px auto 0 30px; }
div#tab_6 {background: url(graphik/BeiBild_3g.png) no-repeat top right;}
div#text_6_0 {width:300px; height:134px; margin: 52px auto 0 30px;}
div#text_6_1 {width:250px; height:134px; margin: -193px auto 0 370px;}
div#text_6_2 {width:650px; height:134px; margin: 20px auto 0 10px;}
div#tab_7 {background: url(graphik/BeiBild_3gt.png) no-repeat top right;}
div#text_7_0 {width:300px; height:134px; margin: 52px auto 0 30px;}
div#text_7_1 {width:250px; height:134px; margin: -193px auto 0 370px;}
div#text_7_2 {width:650px; height:134px; margin: 20px auto 0 10px;}
div#tab_6000 {background: url(graphik/BeiBild_1.png) no-repeat top right;}
div#text_6000_0 {width:250px; height:134px; margin: 52px auto 0 20px;}
div#text_6000_1 {width:250px; height:134px; margin: -58px auto 0 310px;}
div#text_6000_2 {width:620px; height:290px; margin: 20px auto 0 10px;}
div#tab_7000 {background: url(graphik/BeiBild_3bi.png) no-repeat top right;}
div#text_7000_0 {width:220px; height:134px; margin: 52px auto 0 30px;}
div#text_7000_1 {width:260px; height:134px; margin: -58px auto 0 280px;}
div#text_7000_2 {width:540px; height:211px; margin: 20px auto 0 20px;}
div#tab_8000 {background: url(graphik/BeiBild_3bi.png) no-repeat top right;}
div#text_8000_0 {width:250px; height:211px; margin: 52px auto 0 30px;}
div#text_8000_1 {width:260px; height:211px; margin: -134px auto 0 310px;}
div#text_8000_2 {width:450px; height:134px; margin: 20px auto 0 50px;}
div#tab_9000 {background: url(graphik/BeiBild_3gi.png) no-repeat top right;}
div#text_9000_0 {width:250px; height:134px; margin: 52px auto 0 30px;}
div#text_9000_1 {width:250px; height:134px; margin: 20px auto 0 330px;}
div#text_9000_2 {width:450px; height:134px; margin: 20px auto 0 60px;}
div#tabs *, div#FilterSlider * {color:#333333;}
div#tabs td.inRot {color:#CC3333;}
table {font-size: 12px; }
p{font-size: 12px; margin: 6px 0 0 0;}
hr {margin: 5px 10px;}
strong { font-weight: bold; }
ol { font-size: 12px; text-align: left; list-style: decimal; margin: 0 0 0 6px; padding-left: 0; text-indent: 0px; }
ul { font-size: 12px; text-align: left; list-style: circle; margin: 0 0 0 6px; padding-left: 2px; text-indent: 0px; }
li {margin-left: 10px;}
label {cursor: pointer;}
form {margin: 0; padding: 0;}
select {font-size: 10px; margin: 6px 0 0 0;}
textarea, input[type=text] {font-size: 12px; font-family: Arial, sans-serif; border: 1px solid #fdf0b8; background-color: #FFFFFF;}
textarea.halb, input[type=text].halb {width: 350px; }
textarea.drittel, input[type=text].drittel {width: 190px; }
textarea.halb-50, input[type=text].halb-50 {width: 135px; }
textarea:focus, input[type=text]:focus {border: 1px solid #888888; border-bottom-color: #E0E0EE; border-right-color: #E0E0EE; background-color: #FFFFFF;}
textarea {vertical-align: text-top;}
textarea.fXinha {width: 802px; height: 430px; left: 25px !important;}
textarea.fXinha:focus {border: none;}
input[type=radio], input[type=checkbox], input[type=checkbox].JaNein, input[type=checkbox].AnAus {vertical-align: middle;}
input[type=file] {height: 24px; padding: 1px; font-size: 12px; font-family: Arial, sans-serif;}
input[type=text] {height: 14px; padding: 1px;}
input[type=text].bisslKurz { width: 144px; height: 14px;}
input[type=text].ganzKurz { width: 78px; height: 14px;}
input[type=text].supaKurz { width: 35px; height: 14px;}
input[type=text].megaKurz { width: 20px; height: 14px;}
input[type=submit], input[type=reset] {margin: 0; padding: 0; border: none;}
.taste {border: 1px solid silver; background-image: url(graphik/glas_balken.png) repeat-x center center; cursor: pointer; margin: 0; padding: 0;}
.taste:hover {border-color: gray;}
.fs_fieldset {text-align: center; margin: 2px 5px 0 5px; height: 180px; overflow: auto;}
.fs_legend {font-size: 14px; font-weight: bold; color: #CCCCCC; margin-top: 0px;}
.cms_fieldset, .cms_fieldset2, .cms_fieldset1i, .cms_fieldset2i {text-align: center; margin: 2px 5px 0 5px; height: 263px; }
.cms_fieldset {background: url(graphik/hntgrd_fieldset1.png) no-repeat top left;}
.cms_fieldset2 {background: url(graphik/hntgrd_fieldset2.png) no-repeat top left; text-align: left;}
.cms_fieldset1i {background: url(graphik/hntgrd_fieldset1i.png) no-repeat top left;}
.cms_fieldset2i {background: url(graphik/hntgrd_fieldset2i.png) no-repeat top left;}
.datei_fieldset {text-align: center; margin: 0 2px 2px 2px; height: 100px; border: 1px solid #CCCCCC;}
.cms_legend {font-size: 16px; font-weight: bold; color: #CCCCCC; margin-top: 0px; text-align: right !important; }
.vorschaubild {margin: 0 0 5px 0; padding: 0; }
.VorschauIcon {float: right; vertical-align: text-top;}
.acenter {text-align: center;}
.aright {text-align: right;}
.aleft {text-align: left;}
.ablock {text-align: justify;}
.mitAbstandOben8 { margin-top: 8px;}
.mitAbstandOben15 { margin-top: 15px;}
.mitAbstandOben25 { margin-top: 25px;}
.mitAbstandOben50 { margin-top: 50px;}
.mitAbstandOben75 { margin-top: 75px;}
.mitAbstandOben100 { margin-top: 100px;}
.gleicheBreite12 {width: 12px; display: inline-block;}
.gleicheBreite25 {width: 25px; display: inline-block;}
.gleicheBreite40 {width: 40px; display: inline-block;}
.gleicheBreite50 {width: 50px; display: inline-block;}
.gleicheBreite75 {width: 75px; display: inline-block;}
.gleicheBreite90 {width: 90px; display: inline-block;}
.gleicheBreite100 {width: 100px; display: inline-block;}
.gleicheBreite125 {width: 125px; display: inline-block;}
.gleicheBreite150 {width: 150px; display: inline-block;}
.gleicheBreite175 {width: 150px; display: inline-block;}
.gleicheBreite200 {width: 200px; display: inline-block;}
.versteckt {margin-top:0px; margin-left:0px; padding:0; width:0px; height:0px; overflow:hidden;}
/*.sichtbar {margin-top:0px; margin-left:0px; padding:0; overflow:auto; }*/
/*.versteckt {margin-top:0px; margin-left:0px; padding:0; width:0px; overflow:hidden; position:absolute; }*/
.sichtbar {margin-top:0px; margin-left:0px; padding:0; height:100%; overflow:auto; }
.druckKnopp {width:96px; height:96px; background:url(navi/DruckKnopp.png) no-repeat center; border:none;}
.druckKnopp:hover {background-image:url(navi/DruckKnopp_hover.png); cursor:pointer;}
/* Tasten am unteren Ende der Karteikarte */
.KnoppZeile {text-align: left; width: 425px; height: 24px; padding: 0px 7px; position: absolute; bottom: 22px; cursor: pointer;}
input#subReset, input#subWeiter, input#subUpload, input#subZu {font-size: 12px; font-family: Arial, sans-serif; font-weight: normal; width: 90px; height: 24px; margin: 0 4px; padding: 0 2px; cursor: pointer;}
input#subReset {text-align: right; background: url(graphik/ResetLink.png) no-repeat center center;}
input#subReset:hover, input#subReset:focus, input#subReset:active {text-align: right; background: url(graphik/ResetHover.png) no-repeat center center;}
input#subWeiter {text-align: left; background: url(graphik/SubmitLink.png) no-repeat center center;}
input#subWeiter:hover, input#subWeiter:focus, input#subWeiter:active {text-align: left; background: url(graphik/SubmitHover.png) no-repeat center center;}
input#subLoesch {height: 24px; cursor: pointer; text-align: center; background: url(graphik/LoeschLink.png) no-repeat center center;}
input#subLoesch:hover, input#subLoesch:focus, input#subLoesch:active {text-align: center; background: url(graphik/LoeschHover.png) no-repeat center center;}
input.subDown {font-size: 13px; width: 120px; padding-left: 5px; height: 40px; cursor: pointer; text-align: left; background: #CCCCCC url(graphik/downloadKnopp.png) no-repeat right center; border: 1px solid #999999;}
input.subDown:hover {border-color: #666666; background-color: #DDDDDD;}
.infotext {height: 50px; padding-left: 40px; background: url(symbole/label/info.png) no-repeat top left; }
.warntext {height: 50px; padding-left: 40px; background: url(symbole/label/warn.png) no-repeat top left; }
div.Spalte1v1 {width: 98%; display: inline-block; position: absolute; left: 1%; vertical-align: top; }
div.Spalte1v2 {width: 48%; display: inline-block; position: absolute; left: 1%; vertical-align: top; }
div.Spalte2v2 {width: 48%; display: inline-block; position: absolute; right: 1%; }
div.Spalte1v2a {width: 66%; display: inline-block; position: absolute; left: 1%; vertical-align: top; }
div.Spalte2v2a {width: 30%; display: inline-block; position: absolute; right: 1%; }
div.Spalte1v3 {width: 32%; display: inline-block; position: absolute; left: 1%; vertical-align: top; }
div.Spalte2v3 {width: 32%; display: inline-block; position: absolute; left: 34%; vertical-align: top; }
div.Spalte3v3 {width: 32%; display: inline-block; position: absolute; right: 1%; }
fieldset.kfFieldset {height:155px;}
div.Sp1v3 {width: 34%; display: inline-block; margin-left: 1%; vertical-align: top; }
div.Sp2v3 {width: 45%; display: inline-block; margin-left: 1%; vertical-align: top; }
div.Sp3v3 {width: 20%; display: inline-block; margin-right: 1%; }
div.Sp1v3 input[type=text] {width:100%;}
div.Sp2v3 textarea {width:100%; height:135px;}
div.Sp3v3 input[type=submit] {width:100%; padding:15px 5px; border: 1px solid #999999; cursor:pointer;}
#submitKoFo {width:15%; margin:25px 1% 0 1%; padding:15px 5px; border: 1px solid #999999; cursor:pointer; }
#ajaxInhalt {color:#000000; position:absolute; top:300px; width:480px; padding:20px; margin-left:50px; border: 1px solid silver;}
table.UebersichtTabelle, table.LiquiTabelle {width:98%; padding:1%;}
td.kopfZelle {padding:2px 10px;}
table.LiquiTabelle td {font-size:8px;}
td.textSpalte {text-align:left;}
td.preisSpalte {text-align:right;}
.galerieFader {width:420px; height:312px; padding:0px; margin:0; overflow:hidden;}
#portfolio {list-style: none; margin:0; padding:0; text-align:right; overflow:hidden;}
#portfolio li {margin:0; padding:0; }
#portfolio li img {margin:0; padding:0;}
#ui-dialog-title-artikelDialog {color: #FBFF2B;}
/*#artikelDialog p, #artikelDialog table, #artikelDialog span {color: #CCCCCC;}*/
iframe#komplett {width:800px; height:290px; margin:0px auto; padding:0px;}
/* Graphische Zentrale */
.menueZentrale {margin-top: 20px;}
.menueZentrale li { list-style: none; width: 96px; height: 96px; margin: 20px; padding: 0; display: inline-block; }
.menueZentrale li a, .menueZentrale li a:link, .menueZentrale li a:visited {width: 96px; height: 96px; display: inline-block; background: url(navi/Knopp96.png) no-repeat center center;}
.menueZentrale li a:hover, .menueZentrale li a:focus, .menueZentrale li a:active { background: url(navi/Knopp96Hover.png) no-repeat center center;}
img.menZen {margin: 24px; border: none;}
.vorauswahl {margin: 0px; text-align: center; padding:0; }
.vorauswahl li { list-style: none; width: 68px; height: 68px; margin: 2px -34px; padding: 0; display:inline-block;}
.vorauswahl li a, .vorauswahl li a:link, .vorauswahl li a:visited {width: 48px; height: 48px; padding:10px; display: block; background: url(navi/Knopp48_link.png) no-repeat center center;}
.vorauswahl li a:hover, .vorauswahl li a:focus, .vorauswahl li a:active { background: url(navi/Knopp48_hover.png) no-repeat center center;}
.vorauswahl img {margin: 0px; border: none;}
#MerkZettel {border: 1px solid #999999; border-right: none; float:right; margin:7px 0; padding:0;background: url(graphik/manipulator.png) no-repeat top right;}
.MzAuf { width:-5px; min-height:510px;}
.MzZu { width: 16px; height: 16px; overflow:hidden;}
#MerkZettel form {}
#MerkZettel h2 {visibility:hidden; height:24px; padding:0;}
#MerkZettel h3 {font-size:14px; }
#MerkZettel .ui-accordion-content {padding-left:0; padding-right:0;}
.sliderFeld {width: 27%; margin: 0 3% 0 3%; float:left; text-align:left;}
.sliderFeldB {width: 42%; margin: 0 3% 0 3%; display: inline-block; text-align:left;}
.sliderTitel {width: 90%; margin: 0 0 10px 0; height: 16px; padding:0px 5%; text-align:left; display:inline-block; background-color:#DDDDDD;}
.sliderAnzeige {height:30px; text-align:right; font-size:8px;}
.vertSliderL {height:290px!important; }
.vertSlider {height:260px!important; float:left;}
.vertSliderK {height:240px!important; float:left; margin-top:20px; margin-left:15px;}
.vertSliderT {height:220px!important; float:right; margin-top:40px; margin-right:10px;}
#ErgebListe {}
#ErgebListe li { list-style: none; border:1px solid silver; margin: 2px 8px 2px 0px;}
#ErgebListe li a {display:block; font-weight:normal; padding:1px 5px;}
#ErgebListe li a:hover {color:silver;}
.MzWegKnopp {width:16px; height:16px; float:right; padding-left:10px; cursor:pointer; background:url(graphik/loeschen.png) no-repeat top right;}
.MzWegKnopp:hover {background:url(graphik/abbruch.png) no-repeat top right;}
#ErgebnisListe {}
#ErgebnisListe li { list-style: none; border:1px solid silver; margin: 2px 8px 2px 0px;}
#ErgebnisListe li a {display:block; font-weight:normal; padding:1px 5px;}
#ErgebnisListe li a:hover {color:silver;}
#anzeige { bottom:0px; right:0; margin-top:0px; height:500px; display:block; position:relative; top:0px;}
.AnzgSchmal {right:5px;}
.AnzgBreit {right:26px;}
div#volleSeite { width:980px; height:500px; margin:30px auto 0 auto; padding: 0; }
div.seitenKopf { margin: 0; padding: 0; width:100%; height:0px; position:absolute; top: 28px; visibility:hidden; overflow:hidden; }
div.seitenInhalt { margin: 0 0 0 190px; padding: 0; width:790px; min-height:450px; position:relative; top: 0px; right:0px;}
div#kopfZeile { margin: 0; padding: 0px 0; min-height:px; background: #666666 url(graphik/fav.png) repeat-x center center;}
ul.kopfMenue {color: #FBFF2B; margin: 0px; padding: 0px; font-size:14px; height:auto; line-height:16px; }
ul#menueLinks { text-align:left; float:left; width: 50%;}
ul#menueRechts { text-align:right; float:right; width: 30%;}
ul.kopfMenue li { padding: 0px; list-style: none; display: inline-block; vertical-align:text-top;
*display: inline; /* IE 7 und drunter */
position: relative; margin-right: 0px; margin-bottom: 0px; width: 36px; height:px; }
ul#menueLinks li { border-right: 1px solid #999999;}
li.LiNeu { margin-left: 60%;}
li.LiNormal { margin-left: 0px;}
ul#menueRechts li { border-left: 1px solid #999999; text-align:left; margin-left: 0px;}
ul#menueRechts li#user { width: -38px; height:px; text-align:right; overflow:hidden;}
.SchriftHell {color:#CCCCCC;}
.SchriftDunkel {color:#666666;}
ul.kopfMenue li img { width: 24px; padding: 0px; margin: 0; border: none; vertical-align:text-top; position: relative; left:6px;}
ul.kopfMenue li a { font-weight:normal; padding: 0px; display:block; width: 36px;}
ul.kopfMenue li a:link, ul.kopfMenue li a:visited { color: #FBFF2B; }
ul.kopfMenue li a:hover { color: #CC0000; }
ul.kopfMenue li span { font-weight:normal; padding: 4px 6px 0px 6px; display:block;}
div#fussZeile { margin: 0; padding: 0; width:980px; position:absolute; top: 530px;}
div#fussZeile p { color:#999999; font-size:9px; text-align:right;}
div#fussZeile span { color:#666666; text-align:right; cursor:pointer;}
div#fussZeile span:hover { color:#999999; }