html,body{height:100%;}
body, select {font-family:Arial, Helvetica, sans-serif; font-size:100%; font-size:1em; line-height:1.45; margin:0; padding:0; color:#333;}

h1,h2,h3,h4,h5,h6{margin:0 0 .5em; font-weight:500; line-height:1.1;}
h1 {font-size:2.25em;}	/*36px*/
h2 {font-size:1.75em;}	/*28px*/
h3 {font-size:1.375em;}	/*22px*/
h4 {font-size:1.125em;}	/*18px*/
h5 {font-size:1em;}		/*16px*/
h6 {font-size:.875em;}	/*14px*/

p{margin:0 0 1.5em; line-height:1.5em;}

blockquote{padding:1em 2em; margin:0 0 2em;}

hr{height:0; margin-top:1em; margin-bottom:2em; border:0; border-top:1px solid #ddd;}

img {border:none;}
/*img {border:none; pointer-events:none !important;}*/ /*bild ohne kontextmenü*/ 

table{background-color:transparent; border-spacing:0; border-collapse:collapse; border:1px dotted #CCC; border-radius:6px;}
th, td{padding:.5em .5em; vertical-align:top; text-align:left; border-bottom:1px dotted #CCC;}

.center {margin:0 auto;}

.linie {display:block; border-bottom:1px solid #CCC;}
.small {font-size:.75em;}
.ustrich {text-decoration:underline !important;}
.line {border-bottom: 1px dotted #883333;}
.fett {font-weight: bold;}
.rubrik {font-weight: bold; background:#0E9AC4; color:#FFF; padding:5px;}
.absatz_titel {font-size:1.25em; font-weight:bold; color:#0E9AC4;}
.rot {color:red;}
.schwarz {color:#000;}
.drot {color:#CC0000;}
.gelb {color:yellow;}
.blau {color:blue;}
.blue {color:#0E9AC4;}
.gruen {color:green;}
.dgruen {color:#006600;}
.fettgruen {font-weight:bold; color:#0E9AC4;}
.lila {color:violet;}
.grau {color:gray;}
.dgrau {color:darkgray;}
.orange {color:#F76B00;}
.fettorange {font-weight:bold; color:#F76B00;}
.bgrot {background:red;}
.bggelb {background:yellow;}
.bgblau {background:blue;}
.bggruen {background:green;}
.bggrau {background:gray;}
.bglgrau {background:#F0F0F0;}
.bgfettgruen {font-weight:bold; background:#0E9AC4;}
.bgfettorange {font-weight:bold; background:#F76B00;}

.pabsatz, .pabsatz2 {padding:2em; background:#FAFAFA; border-left: 4px solid #0E9AC4; border-right: 4px solid #0E9AC4; border-bottom: 2px solid #EEE;}
.pabsatz2 {padding:1em;}
.localhost_border{border:1px solid #0E9AC4;}

a:link, a:visited {color:#3366FF; text-decoration:none;}
a:hover, a:active {color:#3366FF; text-decoration:underline;}
a:focus {color:black;}

.external {padding-left:2em; background:url("images/link.gif") 0% 50% no-repeat;} /*externe Links*/

/* HEADER */
.company{background: url("images/kaefer_s_trans3_kanten.png") left top no-repeat; margin:0; padding:0px 5px 0px 90px; min-height:83px;}
.company_text {width:auto; padding-top:1em; color:#0E9AC4; font-size:1.75em; font-weight:bold; letter-spacing:3px;}
.company_utitel{font-size:0.45em;}

.de-en, #login {float:right; width:auto; padding:0 1em;}
.de-en img {vertical-align:bottom;}
.de-en a {text-decoration:none; color:#0E9AC4;}

/* Warenkorb */
#warenkorb {float:right; width:auto; padding:0 1em; font-size:1em;}
#warenkorb img {vertical-align:bottom;}
#warenkorb_anz {display:inline; color:#000; background:#FFF; border:1px solid #0E9AC4; border-radius:5px; padding:0 3px; margin:0 1em 0 .25em;}
#warenkorb a, #warenkorb a:link, #warenkorb a:visited {color:#000;}
#warenkorb a:hover, #warenkorb a:active {color:#0E9AC4;}

/* EU-Cookie */
/*
#eucookie {position:fixed; overflow-y:auto; height:80%; max-width:500px; margin:0px auto; top:10%; left:1em; right:1em; background:#FFF; font-size:.85em; box-shadow: 0 4px 8px rgba(0,0,0,.2); border:1px solid #AAA; z-index:1001;}

#eucookiemsg {display:inline-block; padding:1em;}
#eucookiemsg label{display:inline; float:none; font-size:1em;}
#eucookiemsg p {margin-top:2em; text-align:justify;}
#eucookiemsg a {color:#0E9AC4;}
#eucookie button[type="submit"]{font-family:Arial, Helvetica, sans-serif;}

#eucookie ul{padding:0; margin-top:1em;}
#eucookie li{list-style-type:none; margin-bottom:1em;}

.eucookiedetails{text-align:center;}
.eucookieyes1, .eucookieno1{width:100%; margin-bottom:1em;}
.eucookieyes2, .eucookieno2{display:inline-block;}

.eucookieyes1, .eucookieno1, .eucookieyes2, .eucookieno2{min-width:100px; cursor:pointer; padding:.75em; font-size:1em; border:1px solid #0E9AC4;}
.eucookieyes1, .eucookieyes2 {color:#FFF; background:#0E9AC4;}
.eucookieyes1:hover, .eucookieyes1:focus, .eucookieyes1:active, .eucookieyes2:hover, .eucookieyes2:focus, .eucookieyes2:active{color:#0E9AC4; background:#FFF;}
.eucookieno1, .eucookieno2 {color:#0E9AC4; background:#FFF;}
.eucookieno1:hover, .eucookieno1:focus, .eucookieno1:active, .eucookieno2:hover, .eucookieno2:focus, .eucookieno2:active{color:#FFF; background:#0E9AC4;}

.cookies label{display:inline; float:none; width:auto; text-align:left; padding-right:5px;}
.cookies input[type="text"]{display:inline; width:2em; height:2em; padding:0 2px; margin-bottom:2px;}
*/

/* EU-Cookie */
#eucookie {position:fixed; padding:1em; top:auto; bottom:1em; left:1em; right:1em; background:#EEE; font-size:.85em; box-shadow:0 17px 17px rgba(0,0,0,.15), 0 27px 55px rgba(0,0,0,.3); filter:alpha(opacity=90); /* IE */ opacity:0.9; /* allgemein */ -moz-opacity:0.9; /* Mozilla */ -khtml-opacity:0.9; /* KTHML */ -opera-opacity:0.9; /* Opera */}
#eucookiemsg {display:block; padding:0; margin-bottom:.5em;}
#eucookieurl a {display:block; float:right; cursor:pointer; color:#FFF; background:#0E9AC4; text-align:center; font-size:1em; width:100px; margin-left:1em; padding:.5em;}
#eucookieurl a:hover{color:#0E9AC4; background:#CCC;}

/* Suche */
#suche {margin:5px 0px 5px 0px;}
#suche input#suchwort {float:left; text-align:center; width:10em; height:26px; padding-right:26px; margin:0; border:3px solid #0E9AC4;}
#suche input#suchbutton {float:left; height:22px; margin:4px 0px 4px -26px; padding:0; border:0;}

.suchtreffer {margin:0; padding:0;}
.suchtreffer li{list-style:none;}

/* Balken über jeweiliger Rubrik */
.mnews, .mvote, .mfeedback, .mcopyright, .mforsale, /*.mwerbung,*/ .mtagcloud, .mtop10, .mnewmonth, .mlastsw, .mservice, .mservice2, .mshowip {border-top:3px solid #0E9AC4; font-weight:bold;}
#tagcloudinhalt, #top10inhalt, #newmonthinhalt, #andere_wk_inhalt {padding:5px; margin:0 0 1em 0;}
#top10inhalt a, #newmonthinhalt a, #andere_wk_inhalt a {display:inline-block; padding-right:1em;}

/* Tagcloud */
a.cloud1{font-size:.75em; font-weight:400; color:#000;}
a.cloud2{font-size:1em; font-weight:500; color:#037c9e;}
a.cloud3{font-size:1.25em; font-weight:600; color:#0E9AC4;}
a.cloud4{font-size:1.5em; font-weight:700; color:#33a9cb;}
a.cloud5{font-size:1.5em; font-weight:800; color:#5bbad6;}

.col1 p, .col3 p {padding-left:5px; margin:0;}

/* COL 2 */

.kategorie{width:100%; color:#0E9AC4; border-bottom:3px solid #0E9AC4; border-spacing:0px;}
.kategorie, .kategorie td{vertical-align:bottom; margin:0; padding:0;}
.kategorie_img{width:60px;}

.metatitle, .downloadinfo{font-size:1.25em; margin:2em 0 1em 0;}
.metatitle h1, .downloadinfo h4 {display:block; padding:.5em; font-size:1.5em; color:#0E9AC4; background:#F2F2F2; border-left:4px solid #0E9AC4; border-right:4px solid #0E9AC4; border-bottom:2px solid #EEE;}
.downloadinfo h4 {font-size:1.125em;} 
.downloadinfo a {text-decoration:underline;}
#intro h6 {margin-top:0; text-align:center; color:#0E9AC4;}
.othersite {margin:1em;}

.info_gelb {margin:5px; border-radius:5px; border:3px solid #f5ec00; padding:27px 5px 5px 5px; background: #FFF url("images/info_yellow.png") left top no-repeat;}
.info_cyan {margin:5px; border-radius:5px; border:3px solid #0E9AC4; padding:27px 5px 5px 5px; background: #FFF url("images/info_cyan.png") left top no-repeat;}
.achtung_de {margin:5px; border-radius:5px; border:1px solid #d40000; padding:27px 5px 5px 5px; background: #FFF url("images/achtung_de.png") left top no-repeat;}
.achtung_en {margin:5px; border-radius:5px; border:1px solid #d40000; padding:27px 5px 5px 5px; background: #FFF url("images/achtung_en.png") left top no-repeat;}
.achtung em {border-bottom:1px dotted gray;}
.hinweis {font-size:1em; text-align:center; margin:5px; padding:12px 12px 12px 40px; border-radius:5px; border:1px solid #666; background: #FFF url("images/achtung.png") 5px center no-repeat;}

.leistungen li {margin:3px 0px; list-style-image: url("images/checked.png");}
.leistungen2 li {margin:3px 0px; list-style-position: inline; list-style-image: url("images/checked.png");}

a#dlbutton{display:block; position:absolute; bottom:5px; width:150px; height:30px; background: transparent url("images/download.png") 0px 0px no-repeat; text-indent:-9000%;}
a:hover#dlbutton{background: transparent url("images/download.png") 0px -30px no-repeat;}

a#jetztkaufen{display:block; position:absolute; bottom:5px; width:150px; height:30px; background: transparent url("images/jetztkaufen.png") 0px 0px no-repeat; text-indent:-9000%;}
a:hover#jetztkaufen{background: transparent url("images/jetztkaufen.png") 0px -30px no-repeat;}

a#buynow{display:block; position:absolute; bottom:5px; width:150px; height:30px; background: transparent url("images/buynow.png") 0px 0px no-repeat; text-indent:-9000%;}
a:hover#buynow{background: transparent url("images/buynow.png") 0px -30px no-repeat;}

.neueversion {display:block; width:80%; padding:5px; text-align:center; border: 3px solid #f76b00; border-radius: 6px;background: url("images/ausrufezeichen.png") no-repeat 100% 0px;}

/*Download */
.download {padding:5px; border: 1px solid #CCC; border-radius:6px;}

/*Download Tooltip*/
a.fbplease{position:relative; z-index:1;}
a.fbplease:hover{z-index:2;}
a.fbplease span{display: none;}
a.fbplease:hover span{display:block; position:absolute; top:2em; left:2em; width:17em; border:3px solid #FF5D05; border-radius:6px; background-color:#FFF; color:#000; text-align: center; padding: 5px; font-size: 12px; font-weight:bold;}

/* Schaufenster Artikel Startseite */
.schaufenster {display:block; text-align:center;}
.fenster {display:inline-block; overflow:hidden; text-align:left; margin:5px; padding:5px; width:14em; height:10em; border:1px solid #0E9AC4;}
.fenster2 {display:inline-block; overflow:hidden; text-align:left; margin-bottom:4px; padding:3px; width:10em; height:9em; border:3px solid #0E9AC4; border:none; text-align:center;}
.fbild {float:left; margin-right:3px; padding-top:15px; height:100%;}
.fartikelname {font-size:1em; font-weight:bold; color:#CC0000; text-align:center; margin-bottom:10px;}
.fartikelinfo a {color:#000;}
.fpreis {float:left; font-size:1.5em; margin:5px 0px 0px 5px; font-weight:bold; color:#0E9AC4;}

/* Bestellstatusleiste */
.wkstatusleiste {position:relative; left:0px; color:#FFF; font-weight:bold;}
.wkstatus, .wkstatus_aktiv, .wkstatus_next, .wkstatus_back, .wkstatus_wait {float:left; min-width:100px; height:24px; text-align:center; background:#262626; padding:5px;}
.wkstatus_aktiv {background: #0E9AC4 url("images/wk_aktiv.png") right center no-repeat;}
.wkstatus_next {background: red;}
.wkstatus_next:hover {background: #0E9AC4;}
.wkstatus_back {background: #262626;}
.wkstatus_back:hover {background: #0E9AC4;}
.wkstatus_wait {background: #EEECDC; color:#CCC;}
.wkstatus_aktiv a, .wkstatus_next a {display:block; width:100%; height:100%; color:#FFF; text-decoration:none;}
.wkstatus_back a {display:block; width:100%; height:100%; color:#FFFF00; text-decoration:none;}
.wkbalken {float:left; position:relative; min-width:21px; height:34px; background: url("images/wk_next_gray_arrow_right.png") left center no-repeat;}
.wkbalken_next {background: url("images/wk_next_gray_arrow_right.png") left center no-repeat;}
.wkbalken_next2 {background: url("images/wk_next_red_arrow_right.png") left center no-repeat;}

/* Einzelner Artikel */
.dip, .plcc, .sop{padding-left:60px; margin:0 0 1em 0; border-bottom:1px dotted #CCC;}
.dip{background: url("images/dip8ss.png") left center no-repeat;}
.plcc{background: url("images/plcc32ss.png") left center no-repeat;}
.sop{background: url("images/sop8ss.png") left center no-repeat;}
.art {padding:1em; border-bottom:1px solid #0E9AC4;}
.art2 {padding:1em;}
.bild, .bild2, .artikel, .preis, .preis div, .anzahl {display:inline-block; vertical-align:top;}
.preis {width:250px; padding-left:1em;}
.preis input[type=text]{border:2px solid #0E9AC4; vertical-align:top; padding:2px; width:2em;}
.artikel {width:250px; padding:0 1em 1em 1em;}
.art_content input[type=text] {vertical-align:top; margin-left:2em; padding:2px; width:2em;}
.art_content input[type=image] {margin-left:5px;}

.leiste {padding:5px 15px 5px 15px; color:#FFF; background:#0E9AC4; font-size:1.5em; font-weight:bold; letter-spacing:4px;}
.leiste3 {padding:5px; margin: 0 0 1em 0; color:#FFF; background:#F33; /*#c00000;*/ font-weight:bold;}
.artbg2 {border-left:1px solid #0E9AC4; border-right:1px solid #0E9AC4;}

/* Warenkorbmeldungen OK - FEHLER */
.wkmsg {}
.wkmsg2 {margin-bottom:10px;}
.wk_ok, .wk_ok2 {min-height:64px; background: #0E9AC4 url("images/wk_ok3.png") 5px center no-repeat; padding:16px 0px 16px 80px; font-size:20px; font-weight:bold; color:#FFF;}
.wk_error, .wk_error2 {min-height:64px; background: #f00000 url("images/wk_error2.png") 5px center no-repeat; padding:16px 0px 16px 80px; font-size:20px; font-weight:bold; color:#FFF;}
#wkfertig {text-align:center; font-size:2em; font-weight:bold; padding:10px; background:#00C000; color:#FFF; border:1px solid #00C000; border-radius:6px;}

.wkform{border-left:3px solid #0E9AC4; border-right:3px solid #0E9AC4; border-radius:6px; margin:0;}

#preisstaffel {position:relative; float:right; width: 180px; border:1px solid #618D2D; border-radius:6px; margin:13px 0px 0px 5px; padding:5px;}

.zahlart {padding:10px 0px; border-bottom:1px solid #CCC;}
.zahlartpreis {float:left; width:70px;}
.zahlartoption {float:left; width:200px;}
.zahlinfo {margin-left:100px; color:#666;}

/* Übersicht */
.uebersicht_tbl {width:100%; color:#000;}
.uebersicht_tbl tr {background:#EEE;}
.uebersicht_tbl td {padding:0 2px 5px 0; margin:0; border-right:1px solid #FFF;}
.uebersicht_line_oben {border-top:1px solid #FFF;}
.uebersicht_line_unten {border-bottom:1px solid #FFF;}
.undschuess {display:block; visibility:hidden;}
.aright{text-align:right;}
.aleft{text-align:left;}
.acenter{text-align:center;}

.baustelle {padding:5px 5px 5px 100px; height:5em; border:3px solid #F76B00; border-radius:6px; background: #FFF url("images/baustelle_s.png") 0 center no-repeat;}
.baustelle div {padding:2em 0em; font-size:1em;}
.introimg {padding: 5px 5px 5px 0px;}

/* Umfrage */
.umfrage{margin:1em 0;}
.umfrage label{text-align:left; width:270px;}

/* Mainboard und Zubehörliste */
.flexbox {display:flex; justify-content:center; flex-wrap: wrap;}
.mainboardhersteller img,.img_mb {display:block; float:left;}
.mainboardhersteller p {margin-top:2em; font-weight:bold;}
.mbbox, .mbbox2 {display:block; float:left; overflow:hidden; width:9em; height:2.5em; background:#F2F2F2; color:#0E9AC4; margin:.25em; padding:.5em; text-align:center;}
a.mbbox:hover, a.mbbox2:hover, a.mbbox3:hover {background:#E6E3D2; color:#0E9AC4; text-decoration:none;} 
.mbbox3 {display:block; background:#F2F2F2; color:#0E9AC4; text-decoration:none; margin:10px; padding:10px;}

/* Seitenblätterfunktion Mainboardliste + Reflinks */
.chipleiste {font-weight:bold;}
.chipleiste a:link, .chipleiste a:visited, .chipleiste a:active {display:block; float:left; width:50px; height:22px; text-align:center; color:#FFF; background:#0E9AC4; text-decoration:none; padding:2px 0px 2px 0px; margin:10px 5px 20px 5px;}
.chipleiste a:hover {color:#FFF; background:#262626; text-decoration:none;}
.chipleiste .activepage {display:block; float:left; width:50px; height:22px; text-align:center; color:#FFF; background:#000; text-decoration:none; padding:2px 0px 2px 0px; margin:10px 5px 20px 5px;}

/* Treiber + BIOS-Updates */
.biosupdates {margin-top:10px; padding-top:10px;}
.biosupdates a.mbbox4, .biosupdates a.mbbox4:link, .biosupdates a.mbbox4:visited, .biosupdates a.mbbox4:active {display:block; float:left; width:200px; color:#0E9AC4; text-decoration:none; margin-right:10px;}
.biosupdates a.mbbox4:hover {color:#0E9AC4; text-decoration:underline;} 

/* Seitenblätterfunktion Pagination */
.pagination {padding:3px; margin:3px;}
.pagination a {padding:2px 5px; margin:2px; border:1px solid #0E9AC4; color:#0E9AC4; text-decoration:none;}
.pagination a:hover, pagination a:active {border:1px solid #0E9AC4; color:#000; font-weight:bold;}
.pagination span.current  {padding:2px 5px; margin:2px; border:1px solid #0E9AC4; font-weight:bold; background:#0E9AC4; color:#FFF;}
.pagination span.disabled {padding:2px 5px; margin:2px; border:1px solid #EEE; color:#999;}
.pagination .firstpage, .pagination .lastpage, .pagination span.firstpage_current, .pagination span.lastpage_current {padding:2px 15px; margin:2px;}
.pagination span.firstpage_current, .pagination span.lastpage_current {border:1px solid #0E9AC4; background:#0E9AC4; color:#FFF;}

/* Seitenkommentare und Feedback*/
#kommentare, #feedback, #blog, #newsarchiv {margin-top: 30px; padding:5px;}
#kommentare .titel {font-weight:bold; margin-bottom:1px; padding:5px; color:#FFF; background:#0E9AC4;}
#feedback .titel, #kontakt .titel, #newsarchiv .titel {margin-bottom:1px; padding:2px 0px 2px 5px; background:#FFF; border-bottom: 2px solid #0E9AC4;}
#kommentare .beitrag, #feedback .beitrag, #newsarchiv .beitrag {padding:0; margin:0;}
#kommentare blockquote, #feedback blockquote, #newsarchiv blockquote {padding:10px; margin:0; border-bottom: 1px solid #CCC;}
#kommentare cite, #feedback cite {display:block; font-style:normal; color:#000; margin-bottom:10px;}

.bemerkung{display:block; font-size:.85em; color:#0E9AC4;}

/* Kundenmeinungen */
#kundenmeinung {display:block; font-style:italic; color:#0E9AC4; margin:0 auto; text-align:center;}
#kundenmeinung a {color:#666; text-decoration:underline;}
#kundenmeinung a:hover {color:#0E9AC4;}
#kundenmeinung h4 {margin:0; color:#666; letter-spacing:0.25em;}
.kunde{display:block; text-align:left; margin:5px; padding:5px;}
.kunde_name{color:#666;}
.kunde_name img{vertical-align:middle;}

.flashtools {border-top:1px solid #999; border-left:1px solid #999;}
.flashtools td {border-right:1px solid #CCC; border-bottom:1px solid #CCC;}

.update li{margin:10px 0px}
.update li ul li {margin:0px;}
.update div {display:inline-block; margin-bottom:0.75em;}

.info {margin-bottom:1.5em; padding:.5em; font-size:1em;}
.info .icatch {color:#C00; font-size:1.5em; font-weight:bold;}

.pieptoene td {border-bottom:1px solid #999;}

.versandkosten td {padding:.5em}
.vk_rubrik {font-weight: bold; background:#0E9AC4; color:#FFF;}

/* COL 3 */
.infozeile {background:yellow; color:#000; font-size:1.5em; font-weight:bold; text-align:center; padding:.25em;}

#neuesterartikel, #zuverkaufen {min-width:165px; min-height:120px; border:3px solid #0E9AC4; text-align:center; margin-top:.5em;}
#neuesterartikel p, #zuverkaufen p {margin:0; font-weight:bold; letter-spacing:2px;}
#inner_neuesterartikel, #inner_zuverkaufen {position:relative; min-width:155px; min-height:100px; font-size:.85em; overflow:hidden; padding:.25em;}
#top10, #newmonth {font-size:.875em;}

/* andere Kundenartikel im Warenkorb */
#andere_wk {font-size:.875em; text-align:center;}
#andere_wk_titel {margin:2em 0 0 0; color:#666; letter-spacing:0.25em; font-size:1.25em;}

a:link.tlon,   a:visited.tlon {color:#333; text-decoration:none;}
a:hover.tlon,  a:active.tlon  {color:#333; text-decoration:underline;}
a:focus.tlon {color:red;}	

a:link.tloff,  a:visited.tloff {color:#0E9AC4; text-decoration:none;}
a:hover.tloff, a:active.tloff  {color:#0E9AC4; text-decoration:underline;}
a:focus.tloff  {color:red;}	

/* FOOTER */
#statistik{font-size:.875em; text-align:center; color:#FFF; background:#0E9AC4; padding:1em 2em;}
#statistik a{padding:1em; color:#FFF;}
.footer .container {display:block; text-align:center;}
.mwst {text-align:center;}
.linie1{margin:2em 0; height:1px; border-bottom:1px solid #999;}
.footerbox {display:inline-block; text-align:left; vertical-align:top; float:none; min-width:200px; padding:1em; margin:.25em;}
.footerbox a{color:#666;}
.footerbox img {margin-bottom:1em;}
.mwst {margin:.75em; font-style:italic;}
.mwst_stern {font-size:1em; margin:0 2px; color:#666;}
.clbacktotop{display:block; position:fixed; width:50px; height:50px; background: url("images/top4.png") no-repeat; bottom:0px; right:0px;}
.clbacktotop:hover{text-decoration:none;} 

/* LAYOUT */
.header{color:#666; background:#FFF;}
.container{max-width:80em; margin:0 auto;}
#hauptzelle{}
.content{overflow:hidden; padding:1em 1.25em; background-color:#FFF;}
.col1, .col2, .col3{margin:0 0 1em 0; font-size:0.875em;}
.footer{font-size:.875em; color:#000; background:#F2F2F2; padding:.5em 1.25em 1em 1.25em;}

.clear-both {clear:both;}

/* Formulare */
.fehler {border:3px solid #F33;}
form {font-size:1em;}
fieldset {padding:5px; border:3px solid #0E9AC4; border-radius:6px;}
legend {margin-left:20px; padding:5px; border:3px solid #0E9AC4; background:#FFF; color:#0E9AC4; font-weight:bold; border-radius:6px;}
label {display:inline-block; float:left; width:110px; text-align:right; padding-right:5px;}
textarea {width:80%; max-width:80%; max-height:10em; min-height:5em; resize:both; overflow:auto;}
input[type="text"], input[type="password"], select {display:inline-block; width:200px; height:2em; padding:0 2px; margin-bottom:2px;}
input[type="checkbox"]{width:1.25em; height:1.25em; vertical-align:middle;}
input[type="radio"] {width:1.25em; height:1.25em !important; vertical-align:middle;}

/* Inputfelder div. Grössen */
.ismall {width:100px !important;}
.imedium {width:200px !important;}
.ilarge {width:300px !important;}
.iextralarge {max-width:500px !important;}

/* Single styles */
.img-responsive {max-width:100%;}
.noco{pointer-events:none !important;}

/* Buttons */
.btn, .btn2 {min-width:200px; color:#fff !important; background-color:#F33; display:inline-block; padding:.5em 1em; margin:1em; font-weight:bold; font-size:1.2em; text-align:center; white-space:nowrap; vertical-align:middle; cursor:pointer; border:1px solid transparent; border-radius:1em; text-decoration:none;}
.btn2 {background:#00C000;}
.btn:hover, .btn:focus, .btn:active{color:#fff !important; background-color:#0E9AC4;/*#618D2D;*/}
.btn2:hover, .btn2:focus, .btn2:active{color:#fff !important; background-color:#008000;}

.btn3{width:10em; float:left; margin:0em 1em 1em 0; padding:1em 2em; background:#339900; color:#FFF;}
.btn3:hover, .btn3:focus, .btn3:active{background-color:#333;}
.btn3 a{color:#FFF; text-decoration:none;}

.table{width:100%; max-width:100%; margin-bottom:20px;}

.list-unstyled{padding-left:0; list-style:none;}
.list-inline{padding-left:0; margin-left:-5px; list-style:none;}
.list-inline > li{display:inline-block; padding:0 5px 0 5px;}

.skyscraper_responsive, .content_responsive {margin:0 auto 3px auto; padding:0; width:320px; height:100px;}
.skyscraper_responsive{display:none;}
.leaderboard_responsive{display:none; margin:0 auto 3px auto; padding:0;}
.content_responsive{margin:5px auto;}
.leaderboard_600x90{margin:0 auto 3px auto; width:600px; height:90px;}
.leaderboard_600x90::after {float:right; font-size:.75em; color:#999; content: "Werbung";}

.skyscraper_responsive a{color:#FFF;}
.sky_text{padding:5px; width:152px; background:#F30; color:#FFF;}
a div.sky_text span:hover{text-decoration:underline;}

.nav-bar{background:#0E9AC4; padding:0.3em 2em;}
.navlist{margin:0 auto; padding:0; list-style:none; border-bottom:1px solid #0E9AC4;}
.navlist li{display:inline; margin:0;}
.navlist a {display:inline; padding:0.3em 5px; color:#fff; text-decoration:none;}
.navlist a:link {color:#FFF;}
.navlist a:visited {color:#FFF;}
.navlist a:focus{color:#000; background-color:#FFF;}
.navlist a:hover{color:#FFF; background-color:#0E9AC4; border-bottom:1px solid #FFF;}
.navlist a:active{color:#0E9AC4; background-color:#FFF;}

.navlist2 {list-style-type:none;}
.navlist2 ul{margin:0; padding:0;}
.menukat {font-weight:bold;}

.menuitem {border-bottom:1px dotted #0E9AC4;}
.navlist2 a.menuitem:hover, .navlist2 a.menuitem:active {background:#e6edf6; color:#0E9AC4;}
.navlist2 li{display:inline-block;}
.navlist2 ul ul li {padding-left:5px;}
.navlist2 a {display:block; padding:1px 5px; color:#000; text-decoration:none;}

.navlist2 a:link {color:#000;}
.navlist2 a:visited {color:#000;}
.navlist2 a:focus{color:#FFF; background:#0E9AC4;}
.navlist2 a:hover{color:#000;}
.navlist2 a:active{color:#0E9AC4; background:#FFF;}
.borderline {border-top:3px solid #0E9AC4;}

.menubutton{display:none;}
.menubutton div {width:35px; height:4px; background-color:#FFF; margin: 5px 0;}/* 3 Balken*/

.example{display:inline; color:#AAA; font-size:.75em; font-style:italic; margin-left:1em;}

.pixelruler {text-align:center; background:#FFFFE7; margin:3em 5px 5px 5px; padding:2px; font-size:1em;}
.pixelruler a {color:#333;}
.pixelruler a:hover {text-decoration:none;}
.pixelruler_670x230{max-width:670px; margin:2em auto 0 auto; background: transparent url('images/pixelruler_670x230.png') 0 bottom no-repeat;}
.pixelruler_670x230 a{display:inline-block; width:100%; height:100%; border:1px solid #999;}
.pixelruler_670x230::after {float:right; font-size:.75em; color:#999; content: "Werbung";}
.pixelruler_600x90{min-height:80px; padding:5px; letter-spacing:3px; background: #FAFAFA url('images/pixelruler_600x55.png') center bottom no-repeat;}
.pix_titel {font-size:1.5em; letter-spacing:6px;}

/* 360px */
@media(max-width: 22.5em){
.wkbalken {display:none;}
blockquote{padding:0; margin:0 0 2em;}
.content {padding:0.25em 0.25em;}
.company_text{font-size: 1.5em;}
.flashtools td{padding:0;}
.socialmedia img {padding:0;}
.example{display:block;}
}

@media screen and (max-width: 599px){ 
label, input[type=text], select{display:inline-block; text-align:left; width:80%;}
#suche {margin:5px;}
.nav-bar{padding:0;}
/* Menübutton */ 
div.menubutton {display:block; z-index:10;}
div.menubutton a {display:block; font-size:1.5em; font-weight:bold; color:#FFF; background:#0E9AC4; text-decoration:none; padding:0.5em; border:none;}
div.menubutton a.hidemenu {display:none;}/* Menübutton ausblenden */ 
/* Navliste */ 
.navlist {overflow:hidden; transition:0.25s; list-style-type:none; padding:0; margin:0;}
.navlist li {display:block; border-bottom: 1px solid #EEE;}
.navlist li:last-of-type {border-bottom:0;}
.navlist a {display:block; text-decoration:none; background:#333; color:#FFF;}
.navlist a:hover{background:#0E9AC4;}
.navlist {max-height:0;} /* Navliste ausblenden */

/* Wenn #menu in der URL steht, die Navigationsliste einblenden */ 
#menu:target .navlist {max-height:30em;}/* max-height ggf. an Länge der Navigation anpassen */ 
/* Button ausblenden */
#menu:target a.showmenu {display:none;}
/* Button einblenden */
#menu:target a.hidemenu {display:block;}
}

/* 680px */
@media(max-width: 43.125em){
.wkstatus, .wkstatus_aktiv, .wkstatus_next, .wkstatus_back, .wkstatus_wait {float:none;}
.wkbalken {margin-bottom:3px; background:none;}
.wkstatus_next {background:red;}
.wkstatus_next, .wkstatus_back {background-image:none;}
.wkbalken_next, .wkbalken_next2 {background:none;}
.header{background-image:none;}
/*#eucookie {width:90%; height:80%}*/
}

/* 760px */
@media(max-width: 47.5em){
.skyscraper_responsive{width:322px; height:132px;}
.pixelruler_responsive{width:322px; height:132px; background: transparent url('images/pixelruler355x55.png') 0 bottom no-repeat; border:1px solid #0E9AC4;}
.leaderboard_600x90{display:none;}
.sky_text{width:312px;}
}

/* 762px */
@media(min-width: 47.625em){
.leaderboard_responsive{display:block; width:730px; height:92px !important;}
.skyscraper_responsive{width:730px; height:102px;}
.pixelruler_responsive{width:730px; height:102px; background: #FAFAFA url('images/pixelruler555x155.png') right bottom no-repeat; border:1px solid #0E9AC4;}
.leaderboard_600x90{margin:0 auto 3px auto; width:600px; height:90px;}
.sky_text{height:92px;}
.content_responsive{width:470px; height:92px;}
.content {padding:0em 1em;}
/*#eucookie {width:70%;}*/
}

/* 1024px */
@media(min-width:64em){
.content {padding:0em 1em;}
.col1{float:left; width:12em; margin-right:5px;}
.col2{float:left; width:64%; margin-right:5px;}
.col3{float:left; width:12em;}
.col1, .col3, #suche {min-width:12em;}
.footer {padding:2em 3em;}
.nav li, .navlist li{display:inline-block; margin-right:.5em;}
.nav a, .nav strong, .navlist a{display:inline; border-bottom:0;}
.leaderboard_responsive{width:730px; height:92px !important;}
.skyscraper_responsive{display:block; width:162px; height:602px;}
.pixelruler_responsive{display:block; width:162px; height:602px; background: #FAFAFA url('images/pixelruler160x600.png') center bottom no-repeat; border:1px solid #0E9AC4;}
.pixelruler{display:block;}
.sky_text{height:92px;}
.content_responsive{width:470px; height:92px;}
#suche {margin:5px 0px 5px 0px;}
#top10inhalt a, #newmonthinhalt a {display:block;}
.kunde{display:inline-block; width:14em; height:20em; overflow:hidden;}
.navlist2 li{display:block;}
}