article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { display: block; } audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } audio:not([controls]) { display: none; height: 0; } [hidden] { display: none; } html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;} html, button, input, select, textarea { font-family: sans-serif; } body { margin: 0; } a:focus { outline: thin dotted; } a:active, a:hover { outline: 0; } h1 { font-size: 2em; margin: 0.67em 0; } h2 { font-size: 1.5em; margin: 0.83em 0; } h3 { font-size: 1.17em; margin: 1em 0; } h4 { font-size: 1em; margin: 1.33em 0; } h5 { font-size: 0.83em; margin: 1.67em 0; } h6 { font-size: 0.75em; margin: 2.33em 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } blockquote { margin: 1em 40px; } dfn { font-style: italic; } mark { background: #ff0; color: #000; } p, pre { margin: 1em 0; } code, kbd, pre, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; } pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } q { quotes: none; } q:before, q:after { content: ''; content: none; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } dl, menu, ol, ul { margin: 1em 0; } dd { margin: 0 0 0 40px; } menu, ol, ul { padding: 0 0 0 40px; } nav ul, nav ol { list-style: none; list-style-image: none; } img { border: 0;-ms-interpolation-mode: bicubic; } svg:not(:root) { overflow: hidden; } figure { margin: 0; } form { margin: 0; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0; padding: 0; white-space: normal; *margin-left: -7px; } button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; } button, input { line-height: normal; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; *overflow: visible;} button[disabled], input[disabled] { cursor: default; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *height: 13px; *width: 13px; } input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } textarea { overflow: auto; vertical-align: top;} table { border-collapse: collapse; border-spacing: 0; } html {-webkit-tap-highlight-color: rgba(0,0,0,0);} body { font:13px sans-serif; *font-size:small; *font:x-small; line-height:1.22; } table { font-size:inherit; font:100%; } body ::selection {color:#FFFFFF; background:#06414f;} body ::-moz-selection {color:#FFFFFF; background:#06414f;} body { margin:0px 0px 60px 0px ; padding:0px 0px 0px 0px; font-family: Verdana, Arial, Helvetica, sans-serif; border-width:0px; color:#393939; font-size: 62.5%; font-size:0.813em; font-weight:normal; background: url(http://kuenstlerblatt.de/images/hg.png) repeat top center fixed; } html { } * {padding:0px; margin:0px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } div { font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0 auto; } .ui-loader-default {display:none} #browserWarning {position:fixed; z-index:850; font-size:11px; line-height:165%; vertical-align:middle; top:0px;} #browserWarning img {vertical-align:middle} #browserWarning a {color:#bf0303; text-decoration:none; font-weight:bold;} #browserWarning a:hover {color:#000000;} img.imgresize, .imgresizeone, .imgresize { max-width: 100%; height: auto; width: auto\9; vertical-align: middle; border: 0; -ms-interpolation-mode: bicubic; } #aussen {position:relative; max-width:1200px; z-index:2;} #innen {position:relative; padding:105px 0px 45px 0px;} .hgweiss {background-color:#FFFFFF} .maxwidth {max-width:1090px;} .maxwidth960{max-width:960px;} .contentunterseiten {max-width: 670px; width:60%; } .contentstartseite {max-width: 720px; width:75%; } .paddingbottom15 {padding-bottom:15px} #aktuellesstartbox {width:60%; position:relative; left:0px; float:left; margin-top:3em;} .abstand1em {clear:both; height:1em;} .abstand2em {clear:both; height:2em;} .abstand3em {clear:both; height:3em;} .abstand4em {clear:both; height:4em;} #rahmencontainer {padding:0px 20px 0px 20px; width:1002px;} #rahmen {position:relative; top:50px; webkit-box-shadow:3px 3px 6px 0px rgba(50, 50, 50, 0.45); -moz-box-shadow:3px 3px 6px 0px rgba(50, 50, 50, 0.45); box-shadow: 3px 3px 6px 0px rgba(50, 50, 50, 0.45); -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;} #head {position:relative; background:#FFFFFF; top:2em; padding:1em; text-align:left;} #head #slider{ margin:0px;} #slidercontainer {float:left; left:0px; display:inline; position:relative; width:70%; } #slidercontainerunterseite { left:0px; position:relative; width:100%; padding-bottom:2em;} #slider {position:relative; width:100%; max-width:740px;} #headright {float:right; right:0px; top:0px; position:relative; width:30%; text-align:center; padding-left:10px;} #logo { top:0px; max-width:260px; margin-bottom:1em;} #headright h2, #logocontainer h2 {color:#848484; font-weight:normal; font-family: Verdana, Arial, Helvetica, sans-serif; padding:0px; margin:0px; font-size:130%;} #fbicon {position:absolute; right:15px; margin-top:-25px;} #logocontainer {text-align:center; margin-bottom:2em;} #footer {clear:both; padding-top:70px} #fb {float:left; left:35px; position:relative; width:40%; } #footerlinks {float:right; display:inline; right:35px; padding-top:10px; position:relative; width:40%; max-width:280px; text-align:right; } #footerlinks {font-size:110% !important} #navipfad {font-size:0.6em; color:#b3b3b3} #navipfad a, #navipfad a:link, #navipfad a:visited {color:#b3b3b3; text-decoration:none; } #navipfad a:hover {color:#a1a1a1; text-decoration:none;} #content { position:relative; left:0px; top:0px; padding:0px; top:70px; z-index:4; background: url(http://kuenstlerblatt.de/images/hg_rechtespalte.gif) repeat-y left top; background-size:100% } .contentunterseite {margin-top:-3em !important;} span#gutzuwissen {color:#9c9c9c; display:block; font-size:250%} #pinsel {position:relative; left:50%; top:-10px; max-width:90px; margin-bottom:-44px;} #spaltelinks { position:relative; float:left; top:0px; width:74%; max-width:810px; padding:60px 100px 60px 80px;} #spalterechts {position:relative; top:0px; float:right; right:20px; width:26%; max-width:280px; padding-top:60px; text-align:center;} #spalterechts .text {color:#9c9c9c;} @media only screen and (max-width: 1150px) { #pinsel {left:0%; top:-10px; max-width:60px; margin-bottom:-4px;} } @media only screen and (max-width: 697px) { #innen {position:relative; padding:0px 10px;} #fbicon {margin-top:0px;} #content {background-image:none; background-color:#FFFFFF} #spaltelinks {clear:left; top:0px; width:100%; padding:60px;} #spalterechts {clear:right; left:0px; width:100%; max-width:100%; padding:60px; text-align:center; background-color:#e6e6e6} #pinsel {display:none;} #fb {clear:left; left:35px;} } @media only screen and (max-width: 480px) { #headright {top:0px; clear:left; display:block; width:100%; padding-bottom:20px; } #logo {max-width:180px; } #fbicon {margin-top:-20px;} #slidercontainer {float:right; width:100%;} #spaltelinks {padding:20px} #spalterechts {padding:20px} #footerlinks {clear:right; left:0px; width:100%; max-width:100%; text-align:center; } } #infoaktuellesbox {padding-bottom:2em; line-height:155%;font-size:110% !important;} span.infoaktuellesboximage img { -webkit-box-shadow: -1px -1px 8px 0px rgba(150, 150, 150, 0.5); -moz-box-shadow: -1px -1px 8px 0px rgba(150, 150, 150, 0.5); box-shadow: -1px -1px 8px 0px rgba(150, 150, 150, 0.5); } .aktuellesbox {padding-bottom:3em; position:relative; width:100%; line-height:145% !important; font-size:110% !important; } .aktuellesbox img {max-width: 100%; height: auto; width: auto\9; vertical-align: middle; border: 0; -ms-interpolation-mode: bicubic; -webkit-box-shadow: -1px -1px 8px 0px rgba(150, 150, 150, 0.5); -moz-box-shadow: -1px -1px 8px 0px rgba(150, 150, 150, 0.5); box-shadow: -1px -1px 8px 0px rgba(150, 150, 150, 0.5); margin:10px 0 10px 0; } a.morelink {position:relative; top:-12px;} a.morelink, a.morelink:link, a.morelink:visited {color:#9c9c9c !important;} a.morelink:hover, a.morelink:active, a.morelink:focus {color:#06414f !important;} .preisbox4 {background-color:#FFFFFF; font-style:normal; font-size:90%; padding:0.5em 0.5em; position:relative; right:1em; text-align:right; float:right; top:-32px; margin-bottom:-32px;} em#preis {background-color:#FFFFFF; font-style:normal; color:#464646; font-size:140%; padding:0.5em 1em; position:relative; right:2em; text-align:right; float:right; top:-20px;} .auftragsabwicklung {font-size:80%; line-height:105% !important;} #contentfooter { border-width:0px 0px 0px 0px; border-style:solid; border-color:#a1a1a1; text-align:left; top:20px; clear:both; position:relative; padding-top:1em; padding-bottom:1em; color:#b3b3b3; font-size:80%; line-height:150%; } #contentfooter nav {display:inline} #contentfooter a, #contentfooter a:link, #contentfooter a:visited {color:#b3b3b3; text-decoration:none; } #contentfooter a:hover {color:#b3b3b3; text-decoration:underline;} #suche{top:0px; left:0px; text-align:left; position:relative; border:0px solid #CCCCCC; max-width:180px; margin-bottom:25px;} #suche p, #suche form {padding:0px; margin:0px;} #suche .formelemente input#searchterm {margin:0px 0px 0px 0px; width:100% !important; padding:6px 20px 6px 6px !important} #suche .formelemente input.lupe {z-index:5;position:absolute; top:3px; right:0px; border:none; width:27px !important; height:27px !important; padding:2px 2px 2px 2px; vertical-align:top; } #suche .formelemente input.lupe {opacity:0.4;-moz-opacity: 0.4; filter: alpha(Opacity=40); opacity: 0.4; -khtml-opacity: 0.4;} #suche .formelemente input.lupe:hover, #suche .formelemente input.lupe:focus, #suche .formelemente input.lupe:active {-moz-opacity: 1.0; filter: alpha(Opacity=100); opacity: 1.0; -khtml-opacity: 1.0;} #suchehome #suche {top:20px; left:1em; clear:left; text-align:left; position:relative; border:1px solid #CCCCCC; max-width:180px; margin-bottom:25px;} .suchbox { padding:10px 0px 30px 0px; border-width:0px 0px 1px 0px; border-color:#ededed; border-style:solid; margin-bottom:25px; } .suchbox h3, .suchbox h3 a {font-size:1.2em; color:#e2001a; font-weight:normal; padding-bottom:10px; } .suchbox h3 a, .suchbox h3 a:link, .suchbox h3 a:visited {color:#e2001a;} .suchboxboxbordertop {border-top-width:1px !important;} .suchboxboxborderbottom {border-bottom-width:1px !important;} .suchboxnoboxborderbottom {border-bottom-width:0px !important;} .suchbox a:hover, .suchbox a:active, .suchbox a:focus{color:#999999; border:none; border-color:#FFFFFF !important;} .text {font-size:1em; line-height:185%; font-family: Verdana, Arial, Helvetica, sans-serif; color:#464646; } .text header {text-align:left;} .text h1, .text h2, .text h3 {color:#626262; font-weight:normal; font-family: Verdana, Arial, Helvetica, sans-serif; padding:0px; margin:0px; } .text h1, .text h2, .text h3, .text h4, .text h5, .text h6 {font-size:180%;} .text header h1 {font-size:200%} .text header h1 {font-size:150%; padding-bottom:1em; line-height:140%; } .text h1 {font-size:170%;} .text h2 {font-size:150%;} .text h3 {font-size:140%;} .text h4 {font-size:170%; text-align:center;} .text h5 {font-size:150%; text-align:center;} .text h6 {font-size:140%; text-align:center;} .text p {padding:0px 0px 10px 0px;} .text a, .text a:link, .text a:visited {color:#06414f; text-decoration:none;} .text a:hover, .text a:focus, .text a:active {color:#000000; text-decoration:none;} .text ul {padding:0px 0px 0px 20px; margin:0px;} .text ul li {padding:0px 3px 7px 3px;list-style-type:disc; line-height:185%; list-style-position:outside;} .text ul ul {padding:0px 0px 0px 30px !important; margin:0px;} .schreibschrift {color:#464646; font-style:italic;} hr.hrmoreinformation {display:none} .moreinformation {color:#aaaaaa;} .moreinformationdiv {padding-top:15px; font-size:85%; color:#aaaaaa !important;} .moreinformationdiv img {margin-right:8px;} .moreinformationdiv a {font-size:120%; margin-right:8px; color:#aaaaaa;} div.downloadbox{border-width:0px 0px 1px 0px;border-style:solid;border-color:#cdcdcd;padding:10px;margin-top:0px;} div.downloadbox strong a {color:#1d5d2c; font-weight:normal;} div.downloadbox em{font-size:0.8em;font-style:normal;color:#999999;display:block;} #navipfad {font-size:80%; color:#aaaaaa; padding-bottom:1em;} #navipfad a, #navipfad a:link, #navipfad a:visited {color:#aaaaaa; text-decoration:none; } #navipfad a:hover {color:#06414f; text-decoration:none;} .newsbox {padding-bottom:3em; font-size:110% !important} .contentbox { padding:10px; border-width:0px 0px 1px 0px; border-color:#ededed; border-style:solid; margin-bottom:25px; font-size:90%; line-height:155%;} .contentboxbordertop {border-width:5px 0px 1px 0px !important;} .contentboxborderbottom {border-width:1px 0px 1px 0px !important;} .contentbox h3, .contentbox h3 a{font-size:1.6em;color:#06414f;font-weight:normal; padding-bottom:10px; } .contentbox h3 span{font-size:0.6em !important; font-weight:normal !important;} .contentbox img {border:1px solid #ededed; margin-right:14px; -webkit-box-shadow: 0px 0px 6px 2px rgba(145, 145, 145, 0.4);-moz-box-shadow:0px 0px 6px 2px rgba(145, 145, 145, 0.4); box-shadow:0px 0px 6px 2px rgba(145, 145, 145, 0.4); -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; max-width: 100%; height: auto; width: auto\9; vertical-align: middle; border: 0; -ms-interpolation-mode: bicubic; } .contentboxbildlinks img {float:left !important; margin-left:0px; margin-right:12px;} .contentbox a, .contentbox a:link, .contentbox a:visited{font-size:80%; color:#06414f; border:none; border-color:#FFFFFF !important;} .contentbox a:hover, .contentbox a:active, .contentbox a:focus{color:#999999; border:none; border-color:#FFFFFF !important;} .contentbox span.klein {color:#93a466;} .img100 {padding-right:20px; padding-left:20px;} .img100 img {width:100%; max-width:100%; } a.boxlink {position:relative; font-size:150%; color:#FFFFFF !important; padding:5px 15px; background-color:#06414f;} span.contentboxmorelink {background-color:#06414f; color:#FFFFFF; font-style:normal; font-size:120%; padding:0.1em 0.6em; position:relative; right:1em; text-align:right; float:right; top:18px;} span.contentboxmorelink a {color:#FFFFFF !important; text-decoration:none;} .contentbox p {padding:0px; margin:0px;} .preisbox {background-color:#FFFFFF; font-style:normal; font-size:100%; padding:0.5em 1em; position:relative;} .preisbox2 {background-color:#FFFFFF; font-style:normal; font-size:85% !important; padding:0.3em 0.5em; position:relative; right:1em; text-align:right; float:right; top:-25px;} .preisbox2mobil {position:absolute; top:auto !important; bottom:15px !important; } .preisbox3 {background-color:#FFFFFF; font-style:normal; font-size:110%; padding:0.5em 1em; position:relative; right:2em; text-align:right; float:right; top:-20px;} span.contentboxinfo { background-color:#1b3e26; float:right; right:0px; top:-20px; padding:5px; color:#FFFFFF; font-size:80%; line-height:100% !important; position:relative; -webkit-box-shadow: 1px 1px 5px 0px rgba(50, 50, 50, 0.75); -moz-box-shadow: 1px 1px 5px 0px rgba(50, 50, 50, 0.75); box-shadow: 1px 1px 5px 0px rgba(50, 50, 50, 0.75);} .contentboxleft {float:left; width:35%; max-width:255px; margin-left:10px;} .contentboxright {float:right; width:60%; display:inline!;} .maxwidth100 {max-width:100%; width:100% !important;} .contentboxleftmobil {padding-right:20px; display:block; max-width:100%; width:100% !important;} .contentboxleftmobil img {width:100%; } .contentboxrightmobil {padding:10px; display:block; max-width:100%; width:100% !important;} .contentboxcontainer1-2 { position:relative; width:48% !important; float:left; display:inline-block; margin-right:2%; margin-bottom:2%; height:250px; padding:5px; border:1px solid #CCCCCC; background-color:#f6f6f6; } .contentboxcontainer1-2 .overflowcontainer {overflow:hidden; height:238px;} .contentboxcontainer1-2-mobil {width:100% !important; clear:left; margin-right:0% !important; height:auto !important;} .contentboxcontainer1-2-mobil .overflowcontainer {overflow:hidden; height:auto !important;} .contentboxcontainer1-2-nur-bild {text-align:center; overflow:hidden} .contentboxcontainer1-2-nur-bild img { width: auto\9; vertical-align: middle; border: 0; -ms-interpolation-mode: bicubic; min-height: 238px; max-height: 238px; width:auto; } .contentboxcontainer1-3 { position:relative; width:31%; float:left; display:inline-block; margin-right:2%; margin-bottom:2%; height:250px; padding:5px; border:1px solid #CCCCCC; background-color:#f6f6f6; } .contentboxcontainer1-3 .overflowcontainer {overflow:hidden; height:238px;} .contentboxcontainer1-3-mobil {width:100% !important; clear:left; margin-right:0% !important; height:auto !important;} .contentboxcontainer1-3-mobil .overflowcontainer {overflow:hidden; height:auto !important;} .contentboxcontainer1-3-nur-bild {text-align:center; overflow:hidden} .contentboxcontainer1-3-nur-bild img { width: auto\9; vertical-align: middle; border: 0; -ms-interpolation-mode: bicubic; min-height: 238px; max-height: 238px; width:auto; } .contentboxcontainer-bild img { max-width: 100%; height: auto; width: auto\9; vertical-align: middle; border: 0; -ms-interpolation-mode: bicubic; width:100%; } .contentboxcontainer1-3-start { position:relative; width:31%; float:left; display:inline-block; margin-right:2%; margin-bottom:2%; height:160px; padding:5px; border:1px solid #CCCCCC; background-color:#f6f6f6; } .contentboxcontainer1-3-start .overflowcontainer {overflow:hidden; height:148px;} .contentboxcontainer1-3-start-mobil {width:100% !important; clear:left; margin-right:0% !important; height:auto !important;} .contentboxcontainer1-3-start-mobil .overflowcontainer {overflow:hidden; height:auto !important;} .contentboxcontainer1-3-start-nur-bild {text-align:center; overflow:hidden;} .contentboxcontainer1-3-start .contentboxcontainer1-3-start-nur-bild img { width: auto\9; vertical-align: middle; border: 0; -ms-interpolation-mode: bicubic; min-height: 160px; max-height: 160px; width:auto; } .contentboxcontainer1-3-start-mobil .contentboxcontainer1-3-start-nur-bild img { max-width: 100%; width:100%; height: auto; min-height: 100% !important; max-height: 100% !important; } .namebox {z-index:5; position:absolute; bottom:5px; text-align:left; background: rgba(255,255,255,0.7) !important; background-color:#FFFFFF; padding:5px 0px 5px 0px; } .namebox h3 {width:90%; text-align:left; margin:0 auto; left:0px;} .pproduktboxcontainer:nth-child(2n+2){margin-right:0px !important;} .Xproduktbox .overflowcontainer { overflow:hidden; height:250px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .haelfteinline {text-align:center; display:inline-block; width:330px !important; position:relative; margin-right:15px; } .haelfteinline .overflowcontainer {overflow:hidden; width:305px; height:210px; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .haelfteinline img {float:none !important; border:none !important; padding:0px !important; margin:0px !important; -moz-border-radius:0px !important; -webkit-border-radius:0px !important; border-radius:0px !important;} .haelfteinline:nth-child(2n+2){margin-right:0px !important;} .marginrightnull {margin-right:0px !important;} .listennavigation {font-size:80%; text-align:center; color:#aaaaaa;} .listennavigation a, .listennavigation a:link, .listennavigation a:visited{color:#aaaaaa; text-decoration:none} .listennavigation a:hover, .listennavigation a:active, .listennavigation a:focus{color:#999999; text-decoration:none} span.buchungsbuttoncontainer, div.buchungsbuttoncontainer {display:inline-block; padding:1px 1px 1px 1px; border:1px solid #1b3e26; background: #1b3e26; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; -webkit-box-shadow: 3px 3px 6px 0px rgba(50, 50, 50, 0.65); -moz-box-shadow: 3px 3px 6px 0px rgba(50, 50, 50, 0.65); box-shadow: 3px 3px 6px 0px rgba(50, 50, 50, 0.65); } a.buchungsbutton, input.buchungsbutton { display:inline-block; position:relative; padding:5px 20px 5px 20px; text-align:center; background-color:#06414f; border:1px solid #FFFFFF; color:#FFFFFF !important; font-size:100%; text-decoration:none !important; -moz-border-radius:1px; -webkit-border-radius:1px; border-radius:1px; -webkit-box-shadow: 3px 3px 6px 0px rgba(50, 50, 50, 0.45); -moz-box-shadow: 3px 3px 6px 0px rgba(50, 50, 50, 0.45); box-shadow: 3px 3px 6px 0px rgba(50, 50, 50, 0.45); } span.buchungsbuttoncontainer:hover, div.buchungsbuttoncontainer:hover { border:1px solid #1b3e26; background: #FFFFFF; } a.buchungsbutton:hover, a.buchungsbutton:active, a.buchungsbutton:focus, input.buchungsbutton:hover, input.buchungsbutton:active, input.buchungsbutton:focus { border:1px solid #06414f; background-color:#e6e6e6; color:#06414f !important; text-decoration:none !important; } form.formelemente {} .formelemente input { background-color:rgba(255, 255, 255, 0.5); border-width:1px; border-style:solid; border-color:#CCCCCC; color:#1d5d2c; font-size:1em;font-family:Verdana, Arial, Helvetica, sans-serif; margin:0px 0px 8px 0px; padding:4px 4px 4px 4px; -moz-border-radius:0px; -webkit-border-radius:0px; border-radius:0px; } .formelemente input:focus, .formelemente input:active {color:#e2001a} .formelemente label {width:100px; display:inline-block; color:#1d5d2c;} .formelemente label.width150 {width:150px;} .formelemente input.buchungsbutton { margin:0px; background-color:#1b3e26; padding:5px 20px 5px 20px; } .formelemente input.buchungsbutton:hover, .formelemente input.buchungsbutton:active, .formelemente input.buchungsbutton:focus { border:1px solid #1b3e26; background-color:#FFFFFF; color:#1b3e26 !important;} .formelemente .noborder {border:none !important;} #cookie-bar {background:#f7f7f7; color:#545454; font-size:10px; line-height:135%; text-align:center; padding:3px 0; z-index:500; position:relative; -webkit-box-shadow: 0px 0px 10px 0px rgba(90, 90, 90, 0.40); -moz-box-shadow: 0px 0px 10px 0px rgba(90, 90, 90, 0.40); box-shadow: 0px 0px 10px 0px rgba(90, 90, 90, 0.40);} #cookie-bar.fixed {position:fixed; top:0; left:0; width:100%;} #cookie-bar.fixed.bottom {bottom:0; top:auto;} #cookie-bar p {margin:0; padding:5px} #cookie-bar a {color:#959595; display:inline-block; border-radius:0px; text-decoration:none; padding:0 6px; cursor:hand; cursor:pointer; } #cookie-bar a:hover {text-decoration:underline;} #cookie-bar .cb-enable {background:#8b8b8b; color:#ffffff; margin-left:8px;} #cookie-bar .cb-enable:hover {background:#007700; color:#ffffff; text-decoration:none;} #cookie-bar .cb-disable {background:#990000; color:#ffffff; margin-left:8px;} #cookie-bar .cb-disable:hover {background:#bb0000; color:#ffffff; text-decoration:none;} #cookie-bar .cb-policy {background:#0033bb; color:#ffffff; margin-left:8px;} #cookie-bar .cb-policy:hover {background:#0055dd; color:#ffffff; text-decoration:none;} .piwiktext {} .piwikseperator {color:#959595;} a {outline: 0 !important;} .underline {text-decoration:underline} .hidden{display:none;} .zentriert {text-align:center;} .rechtsbuendig {text-align:right;} .floatleft {float:left !important;} .floatright {float:right !important;} .block {display:block} .inline {display:inline} .alleszentrieren img {text-align:center !important; display:block !important; margin:0 auto !important;} img {border:0px;} dt {color:#d9690a; font-weight:bold} .links dt {color:#666666; font-weight:normal} dd { margin-left:25px !important; margin-top:-3px; padding-bottom:10px;} div.clear {clear:both; height:0px; line-height:0px; z-index:5; width:100%; } .klein {font-size:80%;} hr {border-width:0px 0px 1px 0px; border-style:solid; border-color:#e2e2e2; height:1px;} .overflow-x-hidden {overflow-x:hidden} .fixedbottom {position:fixed; bottom:0px; } .fixed {position:fixed;} .relative {position:relative;} .absolute {position:absolute;} .nobr {white-space: nowrap !important;} .schatten { -webkit-box-shadow: -1px -1px 12px 0px rgba(50, 50, 50, 0.75); -moz-box-shadow: -1px -1px 12px 0px rgba(50, 50, 50, 0.75); box-shadow: -1px -1px 12px 0px rgba(50, 50, 50, 0.75); } .schattenhell { -webkit-box-shadow: -1px -1px 8px 0px rgba(150, 150, 150, 0.5); -moz-box-shadow: -1px -1px 8px 0px rgba(150, 150, 150, 0.5); box-shadow: -1px -1px 8px 0px rgba(150, 150, 150, 0.5); } .rotate { -moz-transform:rotate(90deg); -webkit-transform:rotate(90deg); -o-transform:rotate(90deg); -ms-transform:rotate(90deg); transform:rotate(90deg); } .radius {-moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; } address {font-style:normal; text-align:center} .text blockquote {margin: 0px;} blockquote p:before { content: ' „ ' ' '; color: #b9d48b; font-family: Georgia, serif; font-size:2em;} blockquote p:after { content: ' ' ' “ '; color: #b9d48b; font-family: Georgia, serif; font-size:2em; } .impressumzusatz {font-size:85%; line-height:165%; display:block; font-style:italic} .schrift-xxxl {font-size:180%} .schrift-xxl {font-size:160%} .schrift-xl {font-size:140%} .schrift-l {font-size:120%} .schrift-m {font-size:100%} .schrift-s {font-size:90%} .schrift-xs {font-size:80%;} .schrift-xxs {font-size:70%;} .kursiv {font-style:italic;} .kursiv-zentriert {font-style:italic; text-align:center; display:block} .unterstrichen {text-decoration:underline} .unterstrichen-fett {text-decoration:underline; font-weight:bold;} .unterstrichen-kursiv {font-style:italic; text-decoration:underline;} .unterstrichen-fett-kursiv {font-style:italic; font-weight:bold; text-decoration:underline;} .rot {color:#b40015} .rot-unterstrichen {color:#b40015; text-decoration:underline;} .gruen {color:#0C9B01} .gruen-unterstrichen {color:#green; text-decoration:underline;} .grau {color:#909090} .grau-unterstrichen {color:#909090; text-decoration:underline;} .grau-blau {color:#7e8a96} .grau-blau-unterstrichen {color:#7e8a96; text-decoration:underline;} .blau {color:#172983} .blau-unterstrichen {color:#172983; text-decoration:underline;} .orange {color:#FF8A00} .orange-unterstrichen {color:#FF8A00; text-decoration:underline;} .sonderschrift {font-family: 'AnkeHand' !important; font-size:125%;} .schreibschrift {font-family: 'AnkeHand' !important; font-size:125%;} .zentriert {text-align:center; display:block} .tab100px {width:100px; display:inline-block;} .tab120px {width:120px; display:inline-block;} .tab140px {width:140px; display:inline-block;} .tab160px {width:160px; display:inline-block;} .tab100px-fett {font-weight:bold; width:100px; display:inline-block;} .tab120px-fett {font-weight:bold; width:120px; display:inline-block;} .tab140px-fett {font-weight:bold; width:140px; display:inline-block;} .tab160px-fett {font-weight:bold; width:160px; display:inline-block;} span.bild-linksbuendig img.floatright,span.bild-rechtsbuendig img.floatright,span.bild-zentriert img.floatright,span.bild-normal img.floatright,span.bild-linksbuendig a img,span.bild-rechtsbuendig a img,span.bild-zentriert a img,span.bild-normal a img.floatright, span.bild-linksbuendig-ohne-rahmen img.floatright,span.bild-rechtsbuendig-ohne-rahmen img.floatright,span.bild-zentriert-ohne-rahmen img.floatright,span.bild-normal-ohne-rahmen img.floatright,span.bild-linksbuendig-ohne-rahmen a img,span.bild-rechtsbuendig-ohne-rahmen a img,span.bild-zentriert-ohne-rahmen a img,span.bild-normal-ohne-rahmen a img.floatright {} img.floatright {-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;} span.imagepopup{border:1px solid #314b97;background-color:#FFFFFF;padding:2px !important;width:100%;} .bild-linksbuendig img, .bild-rechtsbuendig img, .bild-zentriert img, .bild-normal img, img.bild-linksbuendig, img.bild-rechtsbuendig, img.bild-zentriert, img.bild-normal { -webkit-box-shadow: 0px 0px 6px 2px rgba(145, 145, 145, 0.4);-moz-box-shadow:0px 0px 6px 2px rgba(145, 145, 145, 0.4); box-shadow:0px 0px 6px 2px rgba(145, 145, 145, 0.4);} .bild-linksbuendig img:hover, .bild-rechtsbuendig img:hover, .bild-zentriert img:hover, .bild-normal img:hover {-webkit-box-shadow: 0px 0px 6px 2px rgba(145, 145, 145, 0.8);-moz-box-shadow:0px 0px 6px 2px rgba(145, 145, 145, 0.8); box-shadow:0px 0px 6px 2px rgba(145, 145, 145, 0.8);} span.bild-linksbuendig, span.bild-rechtsbuendig, span.bild-zentriert, span.bild-normal, img.bild-linksbuendig, img.bild-rechtsbuendig, img.bild-zentriert, img.bild-normal, span.bild-linksbuendig-ohne-rahmen, span.bild-rechtsbuendig-ohne-rahmen, span.bild-zentriert-ohne-rahmen, span.bild-normal-ohne-rahmen, img.bild-linksbuendig-ohne-rahmen, img.bild-rechtsbuendig-ohne-rahmen, img.bild-zentriert-ohne-rahmen, img.bild-normal-ohne-rahmen {position:relative; z-index:105 !important; font-size:0.8em; color:#aaaaaa; line-height:125%; -webkit-box-sizing: content-box;-moz-box-sizing: content-box; box-sizing: content-box;} span.bild-linksbuendig, span.bild-rechtsbuendig, span.bild-zentriert, span.bild-normal, img.bild-linksbuendig, img.bild-rechtsbuendig, img.bild-zentriert, img.bild-normal {padding:2px; border:0px solid #f8f8f8; background-color:#FFFFFF;} span.bild-linksbuendig:hover, span.bild-rechtsbuendig:hover, span.bild-zentriert:hover, span.bild-normal:hover{ background-color:#FFFFFF; border-color:#f8f8f8} span.bild-linksbuendig:hover, span.bild-rechtsbuendig:hover, span.bild-zentriert:hover, span.bild-normal:hover, span.bild-linksbuendig-ohne-rahmen:hover, span.bild-rechtsbuendig-ohne-rahmen:hover, span.bild-zentriert-ohne-rahmen:hover, span.bild-normal-ohne-rahmen:hover {color:#aaaaaa;} span.bild-linksbuendig, img.bild-linksbuendig, span.bild-linksbuendig-ohne-rahmen, img.bild-linksbuendig-ohne-rahmen {float:left; margin:10px 20px 10px 0px !important;} span.bild-rechtsbuendig, img.bild-rechtsbuendig, span.bild-rechtsbuendig-ohne-rahmen, img.bild-rechtsbuendig-ohne-rahmen {float:right; margin:10px 0px 10px 20px !important; max-width:100%;} span.bild-zentriert, img.bild-zentriert, span.bild-zentriert-ohne-rahmen, img.bild-zentriert-ohne-rahmen {margin:0 auto !important; display:block !important; margin-bottom:10px !important; margin-top:10px !important; text-align:center; } span.bild-normal, img.bild-normal, span.bild-normal-ohne-rahmen, img.bild-normal-ohne-rahmen {margin:0px !important; margin-bottom:10px !important; margin-top:10px !important; display:inline-block !important;} span.bild-linksbuendig a, span.bild-rechtsbuendig a, span.bild-zentriert a, span.bild-normal a {display:block} .imgresizeone {margin-bottom:4px} .grid-sizer {width:200px} h3.bildergalerieueberschrift {font-size:110%; padding:10px 0px 0px 0px; margin-bottom: -20px !important} #bildergalerie { width:100%; position:relative; z-index:1; margin:auto; padding:25px 0px 5px 0px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; text-align:center; } #bildergalerie .imagecontainer {margin:0px;;} .imagecontainer, .imagecontainer-editor { position:relative; padding:5px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; background-image:url('http://kuenstlerblatt.de/images/loader.gif'); background-position:center center; background-repeat:no-repeat; float:left; display:block-inline; } .imagecontainer-editor { width:33%; height:auto; } .imagecontainerinnen { width:100%; position:relative; padding:3px; border:1px solid #d9e4c7; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .imagecontainerinnen, .imagecontainerinnen img, .imagecontainer-editor img{-webkit-box-shadow: 0px 0px 6px 2px rgba(145, 145, 145, 0.4);-moz-box-shadow:0px 0px 6px 2px rgba(145, 145, 145, 0.4); box-shadow:0px 0px 6px 2px rgba(145, 145, 145, 0.4); -moz-border-radius:0px; -webkit-border-radius:0px; border-radius:0px;} .imagecontainerinnen:hover { -webkit-box-shadow: 0px 0px 6px 2px rgba(145, 145, 145, 0.8);-moz-box-shadow:0px 0px 6px 2px rgba(145, 145, 145, 0.8); box-shadow:0px 0px 6px 2px rgba(145, 145, 145, 0.8);} .absolutemenue {position: absolute; top: 0px; left:0px; } .menubtn{ display: none; } nav#dropdownmenue{ font-size:1.1em; text-transform: uppercase; line-height: 1.2; display: block; position: relative; z-index:9999; min-height: 52px; text-align:center; } nav#dropdownmenue span.menueplusicon { display: none; } nav#dropdownmenue ul, nav#dropdownmenue ul ul { padding: 0; margin: 0; list-style: none; line-height: 1em; position: relative; } nav#dropdownmenue ul a, nav#dropdownmenue ul em{ display: block; text-decoration: none; } nav#dropdownmenue ul li { -webkit-transition: background-color 0.7s ease; -moz-transition: background-color 0.7s ease; -o-transition: background-color 0.7s ease; -ms-transition: background-color 0.7s ease; transition: background-color 0.7s ease; } nav#dropdownmenue ul li.ebene1 {display:inline-block; } nav#dropdownmenue ul li.ebene1 {padding-top:0.8em;} nav#dropdownmenue li ul li { float:left; text-align:left; } nav#dropdownmenue ul li:last-child{ border:none; } nav#dropdownmenue ul li ul { position: absolute; width: 18em; } nav#dropdownmenue ul li ul li{ width: 18em; } nav#dropdownmenue ul ul li, nav#dropdownmenue ul ul ul li, nav#dropdownmenue ul ul ul ul li{ border-right:none; } nav#dropdownmenue ul li a.sf-with-ul:after { content: '\00BB'; display: inline-block; *float:right; position:relative; top: 0em; right: -0.3em; } nav#dropdownmenue ul li.sfHover a.sf-with-ul:after{ -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } nav#dropdownmenue ul li.sfHover li a.sf-with-ul:after{ -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } nav#dropdownmenue ul li a.sf-with-ul:only-child:after{ content: ''; } nav#dropdownmenue ul li ul a{ padding:0.5em 1.5em; margin-top:-1px; } nav#dropdownmenue ul li ul li:last-child a{ border-bottom:none; } nav#dropdownmenue ul li ul ul { margin: -2em 0 0 18em; } nav#dropdownmenue ul li:hover ul ul, nav#dropdownmenue ul li:hover ul ul ul, nav#dropdownmenue ul li.sfhover ul ul, nav#dropdownmenue ul li.sfhover ul ul ul { left: -999em; } nav#dropdownmenue ul li:hover ul, nav#dropdownmenue ul li li:hover ul, nav#dropdownmenue ul li li li:hover ul, nav#dropdownmenue ul li.sfhover ul, nav#dropdownmenue ul li li.sfhover ul, nav#dropdownmenue ul li li li.sfhover ul { left: auto; } nav#dropdownmenue ul a, nav#dropdownmenue ul li a, nav#dropdownmenue ul li ul a { padding:0.5em 1.5em; } .ie7 nav#dropdownmenue ul li a.sf-with-ul{ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAJCAYAAAALpr0TAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIE1hY2ludG9zaCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2NjUzQjYyMzVGOEMxMUUzOTFFRTg0NDFCMzIxQjA4QiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2NjUzQjYyNDVGOEMxMUUzOTFFRTg0NDFCMzIxQjA4QiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjY2NTNCNjIxNUY4QzExRTM5MUVFODQ0MUIzMjFCMDhCIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjY2NTNCNjIyNUY4QzExRTM5MUVFODQ0MUIzMjFCMDhCIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+BDQ6YwAAAHdJREFUeNpiZBLWYCAGMEFpZiCuAGJOHHy4Qm8gbgfijVBJdD4DMyOXCIi+CcT/gTgZiI2BuAWI/yDxVzMiuRGk8wYQywGxPxDvRuYzISnaAhUshipC5m+CKbQHYicgrgHiPix8BmSrDYD4AlKIoPAZiQ1HgAADAOmdFtZlRP7CAAAAAElFTkSuQmCC); background-repeat: no-repeat; background-position:right center; } .ie6 nav#dropdownmenue ul li a.sf-with-ul{ background-image: url('http://kuenstlerblatt.de/images/menue/arrow.png'); background-repeat: no-repeat; background-position:right center; } nav#dropdownmenue{ background:#06414f; } nav#dropdownmenue ul a { color:#FFFFFF; } nav#dropdownmenue ul li { border-right:0px solid #be0218; } nav#dropdownmenue ul li:hover, nav#dropdownmenue ul li:focus, nav#dropdownmenue ul li:active { } nav#dropdownmenue ul li a:hover, nav#dropdownmenue ul li a:focus, nav#dropdownmenue ul li a:active { color:#FFFFFF} .submenue { -webkit-box-shadow: 0px 0px 6px 2px rgba(145, 145, 145, 0.4);-moz-box-shadow:0px 0px 6px 2px rgba(145, 145, 145, 0.4); box-shadow:0px 0px 6px 2px rgba(145, 145, 145, 0.4);} nav#dropdownmenue ul li ul li a, nav#dropdownmenue ul li ul li a:link, nav#dropdownmenue ul li ul li a:visited { color:#FFFFFF} nav#dropdownmenue ul li ul li:hover, nav#dropdownmenue ul li ul li:focus, nav#dropdownmenue ul li ul li:active {background: #DEDEDE; } nav#dropdownmenue ul li ul li a:hover {color:#06414f} nav#dropdownmenue ul li ul li a:focus {font-weight:bold;} nav#dropdownmenue ul li ul a{ border-bottom:1px solid #c9c9c9; } nav#dropdownmenue ul li ul {background:#06414f;} @media screen and (max-width:697px){ .fixedmenue {position: fixed; top: 0px; right:0px; z-index:70000; width:100%} .menubtn{ display: block; margin: 5px 0 10px; float:right; text-indent:-9999px; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -ms-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; width:40px; height:40px; } .menubtn:hover{ cursor: pointer; } nav#dropdownmenue ul li.ebene1{padding-top:0em; line-height:1.2em} nav#dropdownmenue ul li.ebene1 a, nav#dropdownmenue ul li ul li a, nav#dropdownmenue ul li ul li ul li a {padding-top:0.7em; } nav#dropdownmenue span.menueplusicon{ display: block; } nav#dropdownmenue span.menueplusicon{ position: relative; float: right; padding:10px; } nav#dropdownmenue span.menueplusicon:hover{ cursor: pointer; } nav#dropdownmenue ul, nav#dropdownmenue ul > ul{ display: none; float:none; width:100%; } nav#dropdownmenue ul li { border-right:none; } nav#dropdownmenue ul li a.sf-with-ul:after { content:''; } nav#dropdownmenue ul li ul, nav#dropdownmenue ul li ul li{ width: 100%; } nav#dropdownmenue ul li ul a{ border-bottom:none; } nav#dropdownmenue ul ul, nav#dropdownmenue ul li{ width:100%; } nav#dropdownmenue ul li a{ padding:0.5em 1em 0.5em 1em; float: left; } nav#dropdownmenue ul li ul a{ padding: 0.5em 1em 0.5em 2em; } nav#dropdownmenue ul ul li ul a{ padding: 0.5em 1em 0.5em 3em; } nav#dropdownmenue ul ul ul li ul a{ padding: 0.5em 1em 0.5em 4em; } nav#dropdownmenue ul li ul, nav#dropdownmenue ul li ul ul, nav#dropdownmenue ul li:hover ul ul, nav#dropdownmenue ul li:hover ul ul ul, nav#dropdownmenue ul li.sfhover ul ul, nav#dropdownmenue ul li.sfhover ul ul ul, nav#dropdownmenue ul li:hover ul, nav#dropdownmenue ul li li:hover ul, nav#dropdownmenue ul li li li:hover ul, nav#dropdownmenue ul li.sfhover ul, nav#dropdownmenue ul li li.sfhover ul, nav#dropdownmenue ul li li li.sfhover ul { position: relative; display: none; margin: 0 0 0 0; left: 0em; } nav#dropdownmenue{ background: none; } .menubtn{ background: #333 url('http://kuenstlerblatt.de/images/menue/menuicon.png') no-repeat right top; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter: alpha(opacity=60); -khtml-opacity: 0.6; opacity: 0.6; } .menubtn:hover, .menuOpen { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -khtml-opacity: 1; opacity: 1; } nav#dropdownmenue ul li.ebene1 {float:left; } nav#dropdownmenue ul li a:hover, nav#dropdownmenue ul li a:active, nav#dropdownmenue ul li a:focus {text-decoration:underline} nav#dropdownmenue span.menueplusicon{ background: #FFFFFF; color:#06414f; } nav#dropdownmenue span.menueplusicon:hover { background: #888888 !important; color:#FFFFFF; } nav#dropdownmenue ul ul, nav#dropdownmenue ul li{ background: #06414f; border-bottom:1px solid #e5e5e5; } nav#dropdownmenue ul li ul li{ background: #f5f5f5; } nav#dropdownmenue ul li ul li{ border-bottom:1px solid #e5e5e5; } nav#dropdownmenue ul ul ul li{ background: #ddd; } nav#dropdownmenue ul li.menuOpen >span.menueplusicon{ background: #06414f; color:#FFFFFF; } nav#dropdownmenue ul li.menuOpen, nav#dropdownmenue ul li.menuOpen:hover { background:#296d7d; } nav#dropdownmenue ul li.menuOpen a, nav#dropdownmenue ul li.menuOpen a:link, nav#dropdownmenue ul li.menuOpen a:visited { color: #FFFFFF; } nav#dropdownmenue ul li.menuOpen ul li a, nav#dropdownmenue ul li.menuOpen ul li a:link, nav#dropdownmenue ul li.menuOpen ul li a:visited, nav#dropdownmenue ul li.menuOpen ul li.menuOpen ul li a, nav#dropdownmenue ul li.menuOpen ul li.menuOpen ul li a:link, nav#dropdownmenue ul li.menuOpen ul li.menuOpen ul li a:visited { color: #323232; } nav#dropdownmenue ul li.menuOpen ul li.menuOpen a, nav#dropdownmenue ul li.menuOpen ul li.menuOpen a:link, nav#dropdownmenue ul li.menuOpen ul li.menuOpen a:visited { color: #FFFFFF; } nav#dropdownmenue ul ul li.menuOpen, nav#dropdownmenue ul ul li.menuOpen:hover{ background:#296d7d; } nav#dropdownmenue ul ul ul li.menuOpen, nav#dropdownmenue ul ul ul li.menuOpen:hover { background:#56000a; } } .shariff::after,.shariff::before{content:" ";display:table}.shariff::after{clear:both}.shariff ul{padding:0;margin:0}.shariff li{height:30px;display:inline-block;margin-right:14px;overflow:hidden;width:75px}.shariff li:last-child{margin-right:0}.shariff li a{color:#fff;position:relative;display:block;padding:0 5px 0 34px;line-height:30px;text-decoration:none}.shariff li .share_count,.shariff li .share_text{font-family:Arial,Helvetica,sans-serif;font-size:12px;vertical-align:middle}.shariff li .fa{line-height:inherit;position:absolute;left:5px}.shariff li .share_count{padding:0 8px;height:28px;position:absolute;top:1px;right:1px;line-height:30px}.shariff .theme-grey .shariff-button a{background-color:#b0b0b0}.shariff .theme-grey .shariff-button .share_count{background-color:#ccc;color:#333}.shariff .theme-white .shariff-button{border:1px solid #ddd}.shariff .theme-white .shariff-button a{background-color:#fff}.shariff .theme-white .shariff-button a:hover{background-color:#eee}.shariff .theme-white .shariff-button .share_count{background-color:#fff;color:#999}.shariff .orientation-vertical li{display:block;margin:5px 0}.shariff .orientation-vertical li .share_count{width:24px;text-align:right}.shariff .twitter a{background-color:#55acee}.shariff .twitter a:hover{background-color:#32bbf5}.shariff .twitter .fa-twitter{font-size:24px}.shariff .twitter .share_count{color:#0174a4;background-color:#96D4EE}.shariff .theme-white .twitter a{color:#55acee}.shariff .facebook a{padding-left:24px;background-color:#3b5998}.shariff .facebook a:hover{background-color:#4273c8}.shariff .facebook .fa-facebook{font-size:18px;top:1px}.shariff .facebook .share_count{color:#183a75;background-color:#99adcf}.shariff .theme-white .facebook a{color:#3b5998}.shariff .orientation-vertical .facebook a{padding-left:34px}.shariff .googleplus a{background-color:#d34836}.shariff .googleplus a:hover{background-color:#f75b44}.shariff .googleplus .fa-google-plus{font-size:17px;top:2px}.shariff .googleplus .share_count{color:#a31601;background-color:#eda79d}.shariff .theme-white .googleplus a{color:#d34836}.shariff .mail a{background-color:#999}.shariff .mail a:hover{background-color:#a8a8a8}.shariff .mail .fa-envelope{font-size:18px}.shariff .theme-white .mail a{color:#999}.shariff .info{width:23px;height:28px;border:1px solid #ccc}.shariff .info a{padding:0;color:#666;background-color:#fff}.shariff .info a:hover{background-color:#efefef}.shariff .info .fa-info{font-size:16px;left:9px}.shariff .info .share_text{display:block;text-indent:-9999px}.shariff .theme-grey .info a{background-color:#fff}.shariff .theme-grey .info a:hover{background-color:#efefef}.shariff .theme-white .info{height:30px}.shariff .orientation-vertical .info{margin-left:95px}.shariff .whatsapp a{background-color:#5cbe4a}.shariff .whatsapp a:hover{background-color:#34af23}.shariff .whatsapp .fa-whatsapp{font-size:22px}.shariff .theme-white .whatsapp a{color:#5cbe4a} .shariff li { } .shariff .theme-custom .shariff-button a {background:#3b5998 url(http://kuenstlerblatt.de/images/f.gif) no-repeat top left; text-align:right; color:#FFFFFF; text-decoration:none; } .shariff li:hover, .shariff .theme-custom .shariff-button a:hover, .shariff .theme-custom .shariff-button a:active, .shariff .theme-custom .shariff-button a:focus {opacity:1.0; -moz-opacity:1.0; filter:alpha(Opacity=100); opacity:1.0; -khtml-opacity:1.0; } .shariff .theme-custom .shariff-button .share_count{background-color:#1b3e26;color:#333; } .shariff .theme-custom .info a{background-color:#fff} .shariff .theme-custom .info a:hover{background-color:#efefef} .bxslider {top:0px;position:relative; width:100%; padding:25px 0px 0px 0px;} .bxsliderspalterechtsabstand {position:relative;height:60px} .bxsliderspalterechts {top:0px;position:relative; width:100%; padding:0px;} .#bxsliderspalterechtscontainer{width:170px;} .bxsliderhead {position:relative; display:block} .sponsorenslider {position:relative; } .bx-slide-logo {position:relative; } div.bx-slide img, .bx-slide-logo img{ text-align:center; margin:0 auto; max-width:100%; height: auto; width: auto\9; vertical-align: middle; -ms-interpolation-mode: bicubic; } div.bx-slide strong {font-size:1.3em;} div.bx-slide a, div.bx-slide a:link, div.bx-slide a:visited {color:#1d5d2c; text-decoration:none} div.bx-slide a:hover, div.bx-slide a:active, div.bx-slide a:focus {color:#429faa; text-decoration:none} div.bx-slide a.boxlink, div.bx-slide-news a.boxlink {font-style:italic; opacity:0.5;} div.bx-slide a.boxlink:hover, div.bx-slide-news a.boxlink:hover {font-style:italic; opacity:1.0;} .bx-wrapper { position: relative; margin: 0 auto 60px; padding: 0; *zoom: 1; -ms-touch-action: pan-y; touch-action: pan-y; } .bx-wrapper img { max-width: 100%; display: block; } .bxslider { margin: 0; padding: 0; } ul.bxslider { list-style: none; } .bx-viewport { -webkit-transform: translatez(0); } #slider .bx-wrapper { border: solid #888888 1px; left: 0px; background: #fff; z-index:2; margin-bottom:30px; } .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { position: absolute; width: 100%; } .bx-wrapper .bx-loading { min-height: 50px; background: url(http://kuenstlerblatt.de/images/bxslider/bx_loader.gif) center center no-repeat #fff; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 2000; } .bx-wrapper .bx-pager { text-align: center !important; font-size: .85em; font-family: Arial; font-weight: bold; color: #666; margin-top: 0px; } .bx-wrapper .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; *zoom: 1; *display: inline; } .bx-wrapper .bx-pager.bx-default-pager a { background: #829fa6; text-indent: -9999px; display: block; width: 10px; height: 10px; margin: 0 5px; outline: 0; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; top:20px; position:relative; } .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active { background: #06414f; } .bx-wrapper .bx-prev { left: -40px; background: url(http://kuenstlerblatt.de/images/bxslider/controls.png) no-repeat 0 -42px; } .bx-wrapper .bx-next { right: -40px; background: url(http://kuenstlerblatt.de/images/bxslider/controls.png) no-repeat -43px -42px; } .bx-wrapper .bx-prev:hover , .bx-wrapper .bx-prev:focus{ background-position: 0 0; } .bx-wrapper .bx-next:hover, .bx-wrapper .bx-next:focus { background-position: -43px 0; } .bx-wrapper .bx-controls-direction a { position: absolute; top: 50%; margin-top: -16px; outline: 0; width: 28px; height: 42px; text-indent: -9999px; z-index: 9999; } .bx-wrapper .bx-controls-direction a.disabled { display: none; } .bx-wrapper .bx-controls-auto { text-align: center; } .bx-wrapper .bx-controls-auto .bx-start { display: block; text-indent: -9999px; width: 10px; height: 11px; outline: 0; background: url(http://kuenstlerblatt.de/images/bxslider/controls.png) -86px -11px no-repeat; margin: 0 3px; } .bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active, .bx-wrapper .bx-controls-auto .bx-start:focus { background-position: -86px 0; } .bx-wrapper .bx-controls-auto .bx-stop { display: block; text-indent: -9999px; width: 9px; height: 11px; outline: 0; background: url(http://kuenstlerblatt.de/images/bxslider/controls.png) -86px -44px no-repeat; margin: 0 3px; } .bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active, .bx-wrapper .bx-controls-auto .bx-stop:focus { background-position: -86px -33px; } .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { text-align: left; width: 80%; } .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { right: 0; width: 35px; } .bx-wrapper .bx-caption { position: absolute; bottom: 0; left: 0; background: #666; background: rgba(80, 80, 80, 0.75); width: 100%; } .bx-wrapper .bx-caption span { color: #fff; font-family: Arial; display: block; font-size: .85em; padding: 10px; } .bx-wrapper .captionhead { position: absolute; bottom: 0; left: 0; background: #FFFFFF; background: rgba(255, 255, 255, 0.75); width: 99%; padding:10px; margin:0px 0.5% 0.7% 0.5%; max-width:100%; color:#06414f; font-size:1.2em; text-align:left; } .bx-wrapper .captionhead a, .bx-wrapper .captionhead a:link, .bx-wrapper .captionhead a:visited {color:#06414f;} .bx-wrapper .captionhead a:hover, .bx-wrapper .captionhead a:active, .bx-wrapper .captionhead a:focus {color:#06414f;}