body{margin:0;padding:0}
body,textarea,input,select,button{font:17px -apple-system,BlinkMacSystemFont,segoe ui,sans-serif;line-height:1.6;letter-spacing:.015rem;color:#222}
a img{border:0}
a {color: #006999} /*:link  unvisited link macht nav li a blau */
a:visited {color: #607070}
a:hover {color: #000000}

header{padding:0.7rem 1rem 0.5rem 1.9rem;border-bottom:1px solid #e7e7e7}
nav{float:right}													/* https://www.w3schools.com/howto/howto_js_topnav_responsive.asp */
.topnav{overflow:hidden;color:#f5f5f5;background:#0087c7;background-image: radial-gradient(farthest-corner at 50% 110%, transparent 30%, #336799 70%)}
.topnav a{font-size:19px;color:#f5f5f5;float:left;display:block;text-align:center;text-decoration:none}
.navitem{margin:0 1rem}
.navitem:hover{color:#fff;border-bottom:2px solid #fff}
.topnav .icon{display:none}
.dropdown{float:left;overflow:hidden}
.dropdown:hover .dropdown-content{display:block}
.dropdown .dropbtn{border:none;outline:none;padding:4px 16px;background-color:inherit;margin:0}
.dropdown-content{display:none;position:absolute;right:0;border-radius:3px 0 0 3px;background-color:#f1f1f1;min-width:50px;padding-bottom:6px;box-shadow:0px 8px 16px 0px rgba(0,0,0,0.2);z-index:1}
.dropdown-content a:hover{background-color:#ddd;color:#000}
.dropdown-content a{font-size:16px;color:#222;float:none;padding:7px 14px 3px 17px;display:block;text-align:left}

@media screen and (max-width:650px) { .topnav a:not(.logo),.dropdown .dropbtn{display:none}  .topnav a.icon{float:right;display:block}   .topnav a#scroll-down{display:block}
	header{background:#f1f1f1;padding-left:1rem} nav{float:none} .navitem:hover{border-bottom:none} .dropdown-content{box-shadow:none}
	.topnav.responsive {position:relative} .topnav.responsive .icon {position:absolute;top:0;right:0;padding:0.7rem 1rem}/*wie header*/ .topnav.responsive a {float:none;display:block;text-align:center;margin-bottom:0.5rem} .topnav.responsive .dropdown {float:none} .topnav.responsive .dropdown-content {position:relative} .topnav.responsive .dropdown .dropbtn {display:block;width:100%;text-align:center}
}
a.logo{font-size:22px;line-height:1.3;font-weight:600;color:#fff}
a.logo:hover{color:#fff}

h1 {margin: 0; padding: 0 0 0 20px; padding:0 0 1rem 10px;font-size: 1.5em; font-weight: bold; color: #0087C7; /*neu text-shadow:text-shadow:#ddd 2px 2px 2px*/}
h1 span {color: #7d7d7d}

h2 {margin: 0.5em 0; padding: 0; background: transparent url(img/nav/h2_bg1.gif) 0% 50% repeat-x; color: #0087C7; font-size: 1.3em; font-weight: bold; /*neu text-shadow:#ddd 2px 2px 2px*/}
h2 span {margin-left: 10px; padding: 0 7px; background: #ffffff}
h2.grey {background-image: url(img/nav/h2_bg2.gif)}
h3 {margin: 0 0 0.4em 0; padding: 0; color: #4c4c4c; font-weight: bold; /*neu:text-shadow:#ddd 2px 2px 2px*/}
h4 {margin: 0.3em 0; padding: 0; font-weight: bold;color:#345}
h5 {margin: 0.3em 0; color: #006999;font: 0.9em 'Segoe UI Semibold','Segoe UI',HelveticaNeue-Light,sans-serif}
h5.bullet {padding: 0 0 0 12px; background: transparent url(img/nav/bullet2.gif) 0 60% no-repeat}
p {margin:0.3em 0}

#bodywrap {position: relative; min-height: 100%}
* html #bodywrap {height:100%}

/* header-specific rules
header{padding:0.7rem 1rem 0.5rem 1.9rem;border-bottom: 1px solid #e7e7e7;}
#header {height: 91px; background: transparent url(img/nav/head_bg0.gif) 80% 0 no-repeat}
#header .wrap1 {height: 91px; background: transparent url(img/nav/head_bg1.gif) 0 0 no-repeat}
#header .wrap2 {height: 91px; background: transparent url(img/nav/head_bg2.gif) 100% 0% no-repeat; padding: 0 19px 0 21px}
#header .logo{position:absolute}
#header .lang {float:right;font-size:8pt;position:relative;z-index:5}
#header select {font-size:8pt;padding:1px}
#header input{font-size:7pt}
#header img {display: block}
 */
/* top_menu-specific
#topmenu {height: 26px; line-height: 26px; clear: both; overflow: hidden; padding: 0 0 0 20px;position:absolute;top:65px}
#topmenu a,#topmenu span{color:#efefef;text-decoration:none;padding:0 30px 0 18px;font-family:'Segoe UI Semibold','Segoe UI',arial,sans-serif}
#topmenu a:hover,#topmenu span{color:#fff}
 */
 
#main,.headertext {padding: 1rem 0 0 0;margin: 0 20px}
@media screen and (min-width:1200px){ #main,.headertext{margin:0 auto;position:relative;width:80%;max-width:1500px} }

.abschneiden{width:100%;overflow:hidden;mask:linear-gradient(to right,black 96%,transparent 100%);-webkit-mask:linear-gradient(to right,black 96%,transparent 100%)/*fade-out am rechten Rand*/}
#trustlogos{margin:auto}
table#trustlogos td{padding-right:15px}
table#trustlogos td.klein{color:#2a0;white-space:nowrap}
table#trustlogos td.klein a{text-decoration:none}

/* footer-specific rules */
#footer {height: 33px; background: transparent url(img/nav/foot_bg2.gif) 0 0 no-repeat; text-align:right}
#footer div {height: 33px; padding: 0 0 0 23px}
#footer p {height: 26px; margin: 0; padding: 0 34px 0 10px; background: #00a0d6 url(img/nav/foot_bg3.gif) 100% 0 no-repeat; line-height:25px; color: #ffffff; font-size:0.8em}
#footer a{color:#ffffff;text-decoration:none}
#footer a:first-child{float:left}

#content .wrap0 {border: 1px solid #c3c3c3; border-top: 6px solid #0087C7}
#content .wrap1 {position: relative; top: -6px; left: -1px; background: transparent url(img/nav/content_bg1.gif) 0 0 no-repeat}
#content .wrap2 {position: relative; left: 2px; background: transparent url(img/nav/content_bg2.gif) 100% 0% no-repeat}
#content .wrap3 {position: relative; top: 7px; left: -2px; background: transparent url(img/nav/content_bg3.gif) 0% 100% no-repeat}
#content .wrap4 {overflow:hidden; position: relative; left: 2px; background: transparent url(img/nav/content_bg4.gif) 100% 100% no-repeat; padding: 14px 18px 20px 18px;mask:linear-gradient(to right,black 96%,transparent 100%);-webkit-mask:linear-gradient(to right,black 96%,transparent 100%)/*fade-out am rechten Rand*/}

#empty {font-size: 1px; line-height: 1px; clear: both; height: 20px}
* html #empty {height: 53px}

/* lists */
ul.sidemenu {padding: 0; margin: 0; list-style: none; font-weight: bold}
.sidemenu li {margin: 0; padding: 0 0 4px 16px; background: transparent url(img/nav/bullet2.gif) 2px 7px no-repeat;font: 15px 'Segoe UI Semibold','Segoe UI',HelveticaNeue-Light,sans-serif}
.sidemenu li.cart {background: transparent url(img/nav/cart.gif) 0 5px no-repeat}
.sidemenu a {text-decoration: none}
.sidemenu a:visited {color: #006999}
.sidemenu a:hover, .sidemenu span {color:#000000}

ul.ul1{padding:0;margin:0 0 0 12px;list-style:url(img/nav/bullet3.png)}
.ul1 li{margin:0;padding:0 0 4px 0}
.table-cell{display: table-cell;vertical-align:top;padding:0 1em 1em 1em}
@media only screen and (max-width : 720px) {.table-cell{display:block;padding:0 0 0.6em 0} blockquote {margin-right:0;margin-left:0} }
@media only screen and (max-width : 500px) {#content {margin-right:0!important} #side,.desktop-only{display:none}}
ul.greenlist{list-style-image:url('taskmanager/order/ok.gif');padding-left:1em;margin:0}
/* misc */
.hr {margin: 8px 0; background: transparent url(img/nav/hr.gif) 0 0 repeat-x; height: 2px; overflow: hidden; font-size: 1px; line-height: 1px}
.hr2 {margin: 8px 0; background: transparent url(img/nav/hr2.gif) 0 0 repeat-x; height: 2px; overflow: hidden; font-size: 1px; line-height: 1px}
sup{vertical-align:top}

table.tb1 {border-collapse: collapse; border-spacing: 0; margin: 0 auto}
.tb1 tr {}
.tb1 th {height: 27px; background: transparent url(img/nav/th_bg.gif) 0 0 repeat-x; color: #006699; font-weight: bold; text-align: center}
.tb1 td {vertical-align: top; text-align: left; padding: 0 5px}
.tb1 tr.divider td {background: transparent url(img/nav/hr.gif) 0 50% repeat-x; padding: 0 0 12px 0}
.tb1 td.mid {text-align:center;vertical-align:middle;padding: 0 1em}
.tb1 td.vcent{vertical-align:middle}

/* overrides */
.padded {margin: 10px 0; padding: 10px 0}
.bb {border-bottom: solid 1px #e5e5e5}
.bl {border-left: solid 1px #e5e5e5}
.alright {text-align: right}
.flright {float: right}
.alcenter {text-align: center}
.clear {clear: both ! important}
.nomargin {margin: 0 ! important}
.nodecor, .nodecor a {text-decoration: none ! important}
.grey {color: #7d7d7d ! important}
.klein {line-height:1.2;font-size:0.8em ! important}
.blue {color: #006699 ! important}
.ib {padding: 1px; border: 1px solid #106a8a ! important}
div.table-cell>p>a>img.ib{margin-top:2rem}
.ishadow {box-shadow: 0 0 5px #a99}
.nobreak{white-space:nowrap}