/* base styles */
html, body {margin:0; padding: 0; height: 100%}
* {font-family:verdana,arial,sans-serif}
a img {border: 0}
body {background: #ffffff url(img/nav/body_bg.gif) 0 0 repeat-x}

a:link {color: #006999}
a:visited {color: #607070}
a:hover {color: #000000}

h1 {margin: 0; padding: 0 0 0 20px; line-height: 1.4em; font-size: 1.25em; font-weight: bold; color: #0087C7; 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; line-height: 1.2em; font-size: 1.1em; font-weight: bold; text-shadow:#ddd 2px 2px 2px}
h1.index {margin: 0.5em 0 0 0; line-height: 1em; font-size: 0.95em}
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; line-height: 1.2em; font-size: 1em; font-weight: bold; text-shadow:#ddd 2px 2px 2px}
h4 {margin: 0.3em 0; padding: 0; line-height: 1.3em; font-size: 0.8em; font-weight: bold; color: #000000}
h5 {margin: 0.3em 0; line-height: 1.3em; font-size: 0.8em; color: #006999}
h5.bullet {padding: 0 0 0 12px; background: transparent url(img/nav/bullet2.gif) 0 60% no-repeat}
p {margin: 0.3em 0; padding: 0; line-height: 1.3em; font-size:0.8em; color: #000000}

#bodywrap {position: relative; min-height: 100%; min-width: 750px}
* html #bodywrap {height: 100%; width: expression(document.body.clientWidth > 750 ? 'auto' :'750px')}

/* header-specific rules */
#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 .lang {float: right;font-size:8pt}
#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}
#topmenu * {display: block; float: left; text-decoration: none; padding: 0 30px 0 18px; font-size:15px;font-family:'Segoe UI Semibold','Segoe UI',arial,sans-serif}
#topmenu a:link, #header a:visited {color: #efefef}
#topmenu a:hover, #topmenu span {color: #ffffff; background-position: 0px -26px}

#main {padding: 10px 20px 0px 20px; clear: both}
#main {padding: 10px 0 0 0; margin: 0 20px}

/* footer-specific rules */
#footer {height: 33px; background: transparent url(img/nav/foot_bg2.gif) 0 0 no-repeat; clear: both;  margin: 0}
#footer div {height: 33px; padding: 0 0 0 23px}
#footer p {height: 26px; margin: 0; padding: 0 32px 0 0; background: #00a0d6 url(img/nav/foot_bg3.gif) 100% 0 no-repeat; text-align: right; line-height: 26px; color: #ffffff; font-size: 0.7em}
* html #footer {position: absolute; left: 0; bottom: 0; width: 100%}

#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}

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

/* lists */
li {font-size: 0.8em; line-height: 1.3em}
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 5px no-repeat}
.sidemenu li.cart {background: transparent url(img/nav/cart.gif) 0 3px 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; list-style: none}
.ul1 li {margin: 0; padding: 0 0 4px 10px; background: transparent url(img/nav/bullet3.gif) 0 8px no-repeat}

/* 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}

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; vertical-align: top; line-height: 27px; font-size: 0.8em}
.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}

/* 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 {font-size: 0.7em ! important}
.blue {color: #006699 ! important}
.ib {padding: 1px; border: 1px solid #106a8a ! important}
.ishadow {box-shadow: 0 0 20px #a99}

/*SLIDER*/
#slider{padding:0 100px;position:relative;min-height:290px}
#slider-container{position:relative}
#slider-container .slide-block{position:absolute;width:100%;top:0;left:0;display:none}
#slider-container .slide-block:first-child{display:block}
.slidenext, .slideprev{position:absolute;top:37%;text-indent:-9999px;color:#fff !important;text-decoration:none;cursor:pointer;outline:none;width:27px;height:79px}
.slideprev{left:0px;background:url(img/nav/prev.png) no-repeat}
.slidenext{right:0px;background:url(img/nav/next.png) no-repeat}
#slider img{margin:0 0 0 20px !important}