* { margin:0; padding:0; }
body { font-Family:Verdana,Arial,sans-serif; font-size:14px; line-height:18px; color:#444; background:#fff url('../bilder/bg1600.jpg') no-repeat top center; background-size:100%; padding:12px 0 0; text-align:center; }
.menue * , .menue2 * { font-size:13px; }
a:link, a:active, a:visited { font-Family:Verdana,Arial,sans-serif; font-weight:bold; color:#0E53A7; }
a:hover { font-weight:bold; color:#00E0FF; }
.bildlink { text-decoration:none; vertical-align:top; }
p, ul, div, span {  }
img { border:0; }
h1 { padding:15px 0; font-size:26px; line-height:32px; font-weight:normal; border-bottom:1px solid #cfcfcf; margin:0 0 15px 0; }
h2 { padding:15px 0px 5px 0px; font-size:20px; line-height:24px; font-weight:normal; text-transform:uppercase; }
h3 { padding:8px 0 6px; font-size:16px; line-height:22px; }
h4 { padding:6px 0px 2px 0px; font-size:12px; }
ul, ol { padding:5px 10px 10px 30px; }
p { padding:2px 0 10px; text-align:left; }
li { margin:2px 0px; padding:2px 0px; }
td { vertical-align:top; }
form {  }
input, select, label { margin:2px 0px; }
input.ingr { width:400px; }
.klein { font-size:12px; }
.fett { font-weight:bold; }
.zentriert { text-align:center; }
.zentriert img { margin:5px auto; }
.zentriert .beispielflash { margin:5px auto; }
.bild-ra { border:1px solid #ccc; }
.clear { clear:both; }
.l { width:55%; position:relative; float:left; }
.r { width:42%; position:relative; float:right; }
.box-bg { background:#ddd; padding:5px; margin:5px; }
.linkdummy { cursor:pointer; color:#0E53A7; }
.bg-u { margin:15px 0 0; }
.seite { width:980px; position:relative; margin:0 auto; border-top:1px solid #888; }
.schatten { width:980px; padding:0 0px 10px 0; margin:0 auto; text-align:left; }
.kopfzeile { height:196px; position:relative; background:url('../bilder/bg-transp.png') repeat; }
.logo { display:block; width:152px; height:87px; position:absolute; top:40px; left:40px; }
.menue { width:980px; height:36px; position:absolute; top:160px; background:url('../bilder/menue-bg.png') repeat-x; }
.menue span { display:block; float:left; width:1px; height:36px; background:url('../bilder/menue-linie.jpg') no-repeat; }
.menue span.erster { margin-left:15px; }
.menue a:link, .menue a:active, .menue a:visited { position:relative; font-weight:bold; display:block; float:left; line-height:36px; text-decoration:none; padding:0 10px; }
.menue a:hover { position:relative; color:#333; background:url('../bilder/menue-mo.png') repeat-x; }
.menue2 { height:26px; position:absolute; top:0px; right:0px; background:#fff; border-left:3px solid #FFCC00; border-bottom:3px solid #FFCC00; }
.menue2 * { line-height:26px; font-weight:bold; }
.menue2 span { display:block; float:left; width:1px; height:26px; background:url('../bilder/menue-linie.jpg') no-repeat; }
.menue2 a:link, .menue2 a:active, .menue2 a:visited { position:relative; font-weight:bold; display:block; float:left; line-height:26px; text-decoration:none; padding:0 10px; }
.menue2 a:hover { position:relative; color:#333; background:url('../bilder/menue2-mo.jpg') repeat-x; }
.menue2 .menue-name { display:block; float:left; color:#990000; background:#FFCC00; padding:0 10px; }

.menue .neu { position:absolute; top:-10px; right:5px; }
.menue2 .neu { position:absolute; bottom:-18px; right:5px; }

.brotkruemel { padding:8px 15px 8px 0px; font-size:10px; }
.brotkruemel a:link, .brotkruemel a:active, .brotkruemel a:visited { color:#333; font-size:11px; text-decoration:underline; }
.brotkruemel a:hover { color:#333; text-decoration:underline; }
.inhalt { padding:10px 15px; min-height:240px; background:#fff; }
.block { border-top:1px solid #ddd; border-left:1px solid #ddd; border-right:1px solid #bbb; border-bottom:1px solid #bbb; padding:10px; margin:10px 0; border-radius:5px; }
.bg { background:#dfdfdf url("../bilder/bt-bgverlauf.jpg") repeat-x 0 -15px; }
.fusszeile { position:relative; background:#444; padding:10px 0px; font-size:12px; line-height:18px; box-shadow:0 5px 15px #555; }
.fusszeile * { color:#fff; }
.fusszeile a:link, .fusszeile a:active, .fusszeile a:visited  { color:#fff; font-weight:normal; }
.fusszeile a:hover { color:#fff; }
.fusszeile ul { position:relative; float:left; padding:0 20px 0 10px; list-style-type:none; }
/* Suche */
.suche { width:310px; /* height:32px; */ height:52px; position:absolute; top:100px; /* top:120px; */ right:10px; background:#fff; border:1px solid #000; }
.suche-titel { font-size:10px; line-height:14px; padding:2px 5px; }
/* verschiedene Strukturen für den Inhalt: */
.l-70 { position:relative; float:left; width:585px; padding:0 15px 0 0; }
.r-30 { width:340px; margin-left:605px; }
.l-50 { position:relative; float:left; width:460px; }
.r-50 { width:460px; margin-left:485px; }
.l-50p { position:relative; float:left; width:50%; }
.r-50p { width:45%; margin-left:52%; }
.l-40p { position:relative; float:left; width:40%; }
.r-60p { width:55%; margin-left:42%; }
.l-60p { position:relative; float:left; width:60%; }
.r-40p { width:35%; margin-left:62%; }
.l-700px { position:relative; float:left; width:700px; }
.r-245px { width:230px; margin-left:715px; }
.float-l { position:relative; float:left; margin:2px 10px 2px 0; }
.l30p { position:relative; float:left; width:30%; }
.r70p { position:relative; float:left; width:68%; }
.s30p { position:relative; float:left; width:30%; }
.dw-ueb .s30p { padding:0 14px; }
.vorlagen-ueb a:link, .vorlagen-ueb a:visited, .vorlagen-ueb a:active { display:block; border:1px solid #ccc; padding:5px 2px; text-align:center; }
.vorlagen-ueb a:hover { border-color:#00E0FF; }
.vorlagen-ueb img { margin:0 auto; }
.dw-ueb ul { padding:5px 10px 10px 20px; }
.box-r { margin:20px 0; padding:10px; border:1px solid #999; border-radius:8px 20px; }
.box-r h2, .box-r h3, .box-r h4 { padding:5px 0px 5px 0px; }
.hinweise { font-size:8pt; padding:3px 0px 0px 0px; }
.vorteile { list-style-type:none; line-height:14px; }
.vorteile li { padding:0 0 18px 60px; }
.vorteile li ul { padding:3px 5px 0 30px; }
.vorteile li ul li { padding:3px 0; }
/* Vorlagen */
.s-vorlagen { margin:10px 0px; }
.s-vorlagen a:link, .s-vorlagen a:active, .s-vorlagen a:visited { display:block; text-align:center; display:block; width:188px; height:240px; margin-right:1px; padding:3px 0px; position:relative; float:left; font-weight:bold; color:#0E53A7; text-decoration:underline; }
.s-vorlagen a:hover { font-weight:bold; color:#00E0FF; background-color:#cfcfcf; }
.vthumb { display:block; margin:5px auto 0px auto; }
.bausteininfo { height:200px; padding:10px 10px 0px; }
.bausteininfo p { float:left; padding:0px 15px; text-align:center; }
.bausteininfo span { font-size:14px; line-height:20px; font-weight:bold; }
/* Tools-Hauptseite */
.to_block { border:1px solid #CFCFCF; padding:10px; margin:10px 0; }
.to_block img { float:left; margin:0px 10px 3px 0px; }
.to_block p { min-height:150px; }
/* X-Galerie */
.bildimtext { position:relative; float:left; margin:4px 10px 2px 0; }
label { margin:2px; vertical-align:top; }
fieldset { border:1px solid #0E53A7; margin:15px 0px 0px 0px; padding:10px 10px 5px 10px; }
legend { font-size:20px; color:#9F0000; font-weight:normal; padding:0px 3px; }
/* Formulare */
.flinks { display:block; float:left; width:140px; margin-right:8px; text-align:right; }
.flinksbreit { display:block; float:left; width:180px; margin-right:5px; text-align:right; }
.submit { text-align:right; }
.radio { vertical-align:middle; margin:2px 5px; }
.haken { vertical-align:middle; margin:2px 5px; }
.formzurueck { float:left; }
.fehler { color:#DF0000; }
.l-70 textarea { width:550px; }
.bt { font-weight:bold; color:#0E53A7; background:url('../bilder/menue2-bg.jpg') repeat-x bottom; border:2px outset #BFBFBF; margin:5px 0px 0px; padding:2px 5px; }
.bt:hover { border:2px inset #BFBFBF; }
.zentrieren { text-align:center; }
.gruen { color:#00BF00; }
.rot { color:#DF0000; }
.gruenfett { color:#00BF00; font-weight:bold; }
.rotfett { color:#DF0000; font-weight:bold; }
.kursiv { font-style:italic; }
.ra { border:1px solid #0E53A7; padding:0px 10px 5px; margin:5px 0px; }
.nachoben { font-size:0.7em; background:url('../bilder/nachoben.jpg') no-repeat; padding-left:12px; }
.keinumbruch { white-space:nowrap; }
.tipp { background-color:#EFEFEF; padding:3px; margin-bottom:3px; }
.bookmarks { position:absolute; top:5px; right:130px; }
.he-menue { position:absolute; top:5px; right:5px; height:100px; padding:10px; padding-top:2px; text-align:center; }
.w3 { position:absolute; top:30px; right:125px; }
.copy { text-align:center; font-size:12px; color:#777; }
.copy a:link, .copy a:active, .copy a:visited, .copy a:hover { color:#777; }
.angebote { width:320px; overflow:hidden; }
.angebote a { font-weight:normal; }
.angebote table, .angebote td { width:auto !important; }
.angebote table > tbody > tr > td > img { display:none; }
.angebote .ebayText { padding:0px 5px; }
.angebote i { display:none; }
.benebayartikel i { display:none; }
.bannerbox { border-bottom:1px solid #cfcfcf; padding:5px 0px; margin:5px 0px; }
.banner { width:200px; text-align:center; float:left; margin:5px; }
.banner img { margin:0px auto; border:1px solid #fff; }
.banner img:hover { border:1px solid #0E53A7; }
.bannercode { width:500px; height:100px; padding:2px; margin:5px; }
.liste-menue ul { float:left; }
.nurlesen { background-color:#efefef; border:2px solid #bfbfbf; }
.kl { width:50px; font-size:11px; }
.rechts { text-align:right; }
/* Referenzen */
.ref_liste .box { width:220px; margin:10px 5px 0px 0px; padding:5px; text-align:center; }
.ref_horizontal .box { float:left; }
.ref_liste img { box-shadow:2px 2px 5px #222222; }
.ref_liste h3 span, .ref_liste .box div { padding:2px 0 5px 0; }
#ref_seite h3 { text-align:center; }
#ref_seite p { margin:5px 10px; }
.umbruch { clear:both; }
.ref_vertikal .umbruch { clear:none; }
.hlinie { border-top:1px solid #000000; margin:5px 0px; }
.ref_liste .box p { text-align:center; }
/* Pakete-Tabelle */
.tabpakete { width:946px; margin:10px 0 30px; border:1px solid #000; }
.tabpakete table { width:946px; table-layout:fixed; }
.tabpakete td { width:104px; text-align:center; padding:5px 3px; border:1px solid #ddd; }
.tabpakete th { width:104px; text-align:center; vertical-align:top; padding:8px 3px 5px 3px; border:1px solid #ddd; font-weight:normal; }
.tabpakete .ou { font-size:20px; font-weight:bold; color:#333; }
.tabpakete td.tabpaketeueb { font-weight:bold; }
.tabpakete .bg0 { background:#ddd url('../bilder/verlauf-weiss.png') repeat-x; }
.tabpakete .bg1 { background:#FFFF66 url('../bilder/verlauf-weiss.png') repeat-x; }
.tabpakete .bg2 { background:#CCFF66 url('../bilder/verlauf-weiss.png') repeat-x; }
.tabpakete .bg3 { background:#B9F73E url('../bilder/verlauf-weiss.png') repeat-x; }
.tabpakete .bg4 { background:#FF6699 url('../bilder/verlauf-weiss.png') repeat-x; }
.tabpakete .bg5 { background:#6699CC url('../bilder/verlauf-weiss.png') repeat-x; }
.tabpakete .bg0u { background:#ddd; }
.tabpakete .bg1u { background:#FFFF66; }
.tabpakete .bg2u { background:#CCFF66; }
.tabpakete .bg3u { background:#B9F73E; }
.tabpakete .bg4u { background:#FF6699; }
.tabpakete .bg5u { background:#6699CC; }
.tabpakete td.tabpakete0 { border:1px solid #ddd; }
.tabpakete td.tabpakete1 { border:1px solid #FFFF66; }
.tabpakete td.tabpakete2 { border:1px solid #CCFF66; }
.tabpakete td.tabpakete3 { border:1px solid #B9F73E; }
.tabpakete td.tabpakete4 { border:1px solid #FF6699; }
.tabpakete td.tabpakete5 { border:1px solid #6699CC; }
.tabpakete td span.stern { font-size:12pt; line-height:1.4em; position:relative; top:-5px; font-weight:bold; color:#000000; }
.tabpakete td.tabpaketelinks { width:104px; text-align:left; font-weight:bold; border:1px solid #ddd; }
.tabpakete p { width:auto; text-align:center; }
.tabpakete .summe { width:104px; font-size:16px; font-weight:bold; }
.tabpakete .unsichtbar { display:none; }
.tabplatz th { padding:5px; }
.tabplatz td { padding:5px; }
/* HTML-Hilfe */
.htmlhilfe .zeichen { padding:5px; border:1px solid #9F9F9F; }
.htmlhilfe .zeichen td { padding-right:10px; padding-left:10px; }
.htmlhilfe .zeichen td.UebSpalte { padding-top:10px; font-weight:bold; }
.htmlhilfe .zeichen td.tdLinks { border-top:1px solid #EFEFEF; text-align:center; color:#DF0000; }
.htmlhilfe .zeichen td.tdRechts { border-top:1px solid #EFEFEF; color:#00BF00; }
/* meins.html */
.sortierung { padding:3px; text-align:right; }
.benvorlagen th { background-color:#dfdfdf; padding:2px 5px; }
.benvorlagen td { background-color:#efefef; padding:2px 5px; }
.benvorlagen div { clear:both; margin-top:2px; margin-bottom:2px; }
.benvorlagen a { font-weight:bold; color:#0E53A7; text-decoration:underline; cursor:pointer; }
.benvorlagen a:hover { font-weight:bold; color:#00E0FF; }
.benvorlagen a.btVorlageX { margin-top:0px; padding:0px; float:left; text-decoration:none; }
/* Upgrade: */
.upgradewahl { border:1px solid #0E53A7; padding:5px; }
.u-zahlung { display:none; background:#cfcfcf; padding:5px; margin:5px; }
/* Tools allgemein */
.to_form { }
.to_form .l30p { line-height:2; padding:0.5em 0; }
.to_form .r70p { padding:0.5em 0; }
.to_form .ra { padding:1em; }
.to_form select { padding:0.2em 0.8em 0.2em 0.3em; }
.to_form textarea { width:96%; height:200px; display:block; margin:1em 0; }
.to_form .eingabe { width:90%; padding:0.2em; }
/* Tools (einzelne) */
#btfarbwaehler { border:2px outset #6F6F6F; margin:0px; vertical-align:middle; }
#to_bt_submit { font-weight:bold; color:#0E53A7; border:0px; border-left:1px solid #0E53A7; border-top:1px solid #0E53A7; border-right:1px solid #CFCFCF; background-color:#FFFFFF; background-image:url("../bilder/bt-bgverlauf.jpg"); background-position:bottom left; background-repeat:repeat-x; margin-right:10px; margin-top:10px; padding:3px; cursor:pointer; }
#to_bt_submit_aktiv { font-weight:bold; color:#C00040; border:0px; border-left:1px solid #C00040; border-top:1px solid #C00040; border-right:1px solid #CFCFCF; background-color:#FFFFFF; background-image:url("../bilder/bt-bgverlauf.jpg"); background-position:bottom left; background-repeat:repeat-x; margin-right:10px; margin-top:10px; padding:3px; cursor:pointer; }
/* Tool Bild in HTML */
#to_imgtag table { width:98%; border:1px solid #0E53A7; }
#to_imgtag table td { padding:5px; }
#to_imgtag table input { /* width:400px; */ }
#to_imgtag textarea { width:95%; height:100px; margin-bottom:10px; }
#to_imgtag select { width:150px; margin-bottom:10px; }
#to_imgtag #farbwerteingabe input { width:120px; margin:0px; margin-right:5px; }
/* Tool Link zu anderen Artikeln */
#to_andart form { margin-bottom:15px; }
#to_andart table { width:95%; border:1px solid #0E53A7; }
#to_andart table table { width:auto; border-width:0px; padding:0px; margin:0px; }
#to_andart table table td { padding:0px; margin:0px; }
#to_andart table table td input { margin-top:3px; margin-bottom:5px; }
#to_andart p.testlink a { font-weight:normal; }
#to_andart table td { padding:5px; }
#to_andart input.land { width:35px; }
#to_andart textarea, .to_form textarea.txtfeldkl { width:95%; height:70px; margin-bottom:15px; }
#to_andart #input_link { color:#0E53A7; }
#to_andart #span_link { color:#0E53A7; text-decoration:underline; }
#to_andart select { width:150px; margin-bottom:10px; }
#to_andart #texteingabe input { width:160px; }
#to_andart #farbwerteingabe { width:160px; }
#to_andart #farbwerteingabe input { width:100px; margin:0px; margin-right:5px; }
#to_andart #btfarbwaehler { border:2px outset #6F6F6F; margin:0px; margin-top:3px; vertical-align:middle; }
#to_andart #txtfarbwahl { width:164px; margin-bottom:3px; }
/* Tool CSS-Galerie */
#to_cssga1_inputs { padding-top:15px; border-top:1px solid #000000; }
#to_cssga1_inputs table div { margin-top:5px; margin-bottom:10px; background-color:#DFDFDF; background-image:url("../bilder/bt-bgverlauf.jpg"); background-position:top left; background-repeat:repeat-x; padding:5px; }
#to_cssga1_inputs table p { white-space:nowrap; text-align:right; }
#to_cssga1_inputs table input { width:400px; }
#to_cssga1_vorschau { padding-top:15px; width:90%; border-top:1px solid #000000; }
#to_cssga1_code { padding-top:15px; border-top:1px solid #000000; }
#to_cssga1_code textarea { width:90%; height:300px; margin-bottom:15px; }
#to_cssga1_schema { background-color:#000000; padding:10px; border:1px solid #C00040; margin-left:20px; }
#to_cssga1_schema img { margin:15px; }
/* Tool runde Ecken */
#to_divs1-re_inputs { padding-top:15px; border-top:1px solid #000000; }
#to_divs1-re_inputs input { width:300px; }
#to_divs1-re_inputs input:hover { width:300px; background-color:#CFCFCF; }
#to_divs1-re_inputs input:focus { width:300px; background-color:#EFEFEF; }
#to_divs1-re_inputs table td { padding:2px; vertical-align:middle; padding-bottom:10px; }
#to_divs1-re_vorschau { padding-top:15px; border-top:1px solid #000000; }
#to_divs1-re_code { padding-top:15px; border-top:1px solid #000000; }
#to_divs1-re_code textarea { width:90%; height:300px; margin-bottom:15px; }
#to_divs1-re_schema { margin:15px; padding:10px; background-color:#000000; }
#to_divs1-re_schema p { color:#FFFFFF; }
#to_divs1-re_inputs #input_bgfarbe { width:120px; }

/* Tool Nav */
.to_box { margin:10px 0; padding:10px; border:1px solid #000; }
.to_box input { margin:5px; }
.to_code { width:800px; height:500px; }
.to_nav .float-l { margin-right:30px; }
.to_nav_lurl { width:500px; }
.to_unav { margin:0 0 0 30px; }
#to_nav_links { padding:10px 0 0 0; }
#to_nav_links .unavbt { margin:5px 0 15px 30px; }
#to_nav_links p { margin-left:30px; padding:0; font-weight:normal; font-style:italic; }
#to_nav_links { font-weight:bold; }
#to_nav_links .to_unav { font-weight:normal; }
.to_nav_bg { background:#ccc; padding:0 5px; }
.to_nav_bg .bt { margin:5px 0; }

.feed h3 { font-size:14px; }
.feed p { padding:2px 0; }
.feed .unten { font-size:12px; padding:0 0 10px; }
.feed .unten a:link, .feed .unten a:active, .feed .unten a:visited, .feed .unten a:hover { font-weight:normal; }

/* Dekorationen */
.dekoth { float:left; width:204px; height:154px; padding:1px; margin:1px; border:1px solid #BFBFBF; text-align:center; }
.dekoth:hover { border:1px solid #00E0FF; cursor:pointer; }

.regfehler { display:none; margin-bottom:5px; color:#FF0000; margin-top:5px; }
.kompakt span { white-space:nowrap; font-size:14pt; line-height:18pt; font-weight:bold; color:#9F9F9F; vertical-align:top; }
.bildlinks a:link, .bildlinks a:visited, .bildlinks a:active, .bildlinks a:hover { width:250px; text-align:center; float:left; padding:15px 5px; text-decoration:none; }

.ref-link { display:block; text-decoration:none; border:1px solid #000; margin-top:4px; }

.garef-shop .imageflow { border:1px solid #333; margin-bottom:10px; }

.ebayshopdesign .l-50 .block h4 { color:#558800; padding-bottom:0; }

@media (min-width:1600px) {
 body { background:#fff url('../bilder/bg1600.jpg') no-repeat top center; background-size:100%; }
}
@media (min-width:700px) and (max-width:1599px) {
 body { background:#fff url('../bilder/bg1024.jpg') no-repeat top center; background-size:100%; }
}
@media (max-width:700px) {
 body { background:#fff url('../bilder/bg700.jpg') no-repeat top center; background-size:100%; }
}
@media (max-width:480px) {
 body { background:#fff; }
}