html { overflow-y:scroll; }
body { margin: 0; padding: 0; background: #004655 url(../../img/global/body.jpg) repeat-x top; font-family: arial; color: #c1d2d6; font-size: 11px; line-height: 20px; }
/* ----- WICHTIG FÜR Template - orderConfirm.tpl ----- */
div.print { display:none; background: #fff; }
div.noprint { display:block; }
@media print {
div.noprint { display:none; }
div.print { display:block; }
#main { border: none; }
}
/* --------------------------------------------------- */
ul, li { margin: 0; padding: 0; list-style-type: none; }
form, img, table, tr, td { margin: 0; border: 0; border: 0 none; padding: 0; }
a { text-decoration:none; }
h1 { margin: 0px; font-weight: normal; font-size: 220%; }
h2 { margin: 0px; font-weight: normal; font-size: 160%; }
h3 { margin: 0px; font-weight: bold; font-size: 120%; }
h4 { margin: 0px; font-weight: bold; font-size: 100%; }
h5 { margin: 0px; font-weight: normal; font-size: 80%; }
h6 { margin: 0px; font-weight: normal; font-size: 60%; }
.clearBoth { clear: both; font-size: 1px; line-height: 1px; }
.linkGreen { color: #6f9e36; }
.linkGreen:hover { color: #fff; }
.linkBlue { color: #004655; }
.linkBlue:hover { color: #6f9e36; }
.left { float: left; }
.right { float: right; }
.center { text-align: center; }
.bold { font-weight: bold; }
.textRight { text-align: right; }
.textLeft { text-align: left; }
.textBlau { color: #004655; }
.underline { text-decoration: underline; }
.hide { position: absolute; left: -9999px; top: -99999px; }
.wrapper { margin: auto; width: 980px; background: transparent url(../../img/global/wrapper_left.jpg) no-repeat top left; min-height: 960px; _height: 960px; }
.wrapperCnt { width: 933px; margin-left: 47px; }
.marginB { height: 30px; }
/* global */
.title { color: #004655; border-bottom: 1px solid #004655; padding-bottom: 10px; margin-bottom: 15px; }
/* top navigation */
.topNav { margin: 0 40px 0 0; text-align: right; height: 50px; }
.topNavItem { float: right; margin: 15px 0 0 0; }
.topNav .img { float: left; width: 16px; height: 16px; margin: 0 5px 0 10px; }
.topNav .topNavItem a { float: left; color: #c3d5d9; line-height: 16px; }
.topNav .topNavItem a:hover { color: #6f9e36; }
.topNav .space { }
/* header */
.header { background: transparent url(../../img/global/header.gif); height: 157px; __overflow: hidden; }
.logo { float: left; display: block; width: 216px; height: 156px; }
.nav { float: right; list-style-type: none; width: 700px; height: 20px; }
.nav li { float: right; list-style-type: none; margin: 86px 1px 0 0; border-bottom: 4px solid #004655; }
.nav li a { color: #225f6c; font-size: 120%; font-weight: bold; margin-right: 40px; }
.nav li a:hover { color: #6f9e36; }
.nav .active { border-bottom: 4px solid #6f9e36; color: #6f9e36; }
.nav .linkActive { color: #6f9e36; }
/* headerImg */
.headerImg { background: transparent url(../../img/global/headerImgDefault.jpg); height: 100px; }
.headerImg a { display: block; margin: 0; padding: 0; }
/* content */
.cntTop { background: #fff url(../../img/global/cntTop.jpg) no-repeat top; }
.cntBtm { background: transparent url(../../img/global/cntBtm.jpg) no-repeat bottom; min-height: 700px; _height: 700px; }
.cnt { float: right; width: 677px; padding: 40px 40px 0 0; color: #004655; }
/* navigation */
.mainNav { width: 196px; float: left; padding-top: 40px; color: #004655; margin: 0 0 40px 0; }
.mainNav .title { margin: 0 0 16px 40px; }
.mainNav ul { margin: 0 0 10px 17px; }
.mainNav ul .item { float: left; width: 153px; margin: 0 0 10px 0; color: #004655; }
.mainNav ul ul { margin: 0 0 10px 24px; border-bottom: 1px solid #fff; border-left: 1px solid #000; }
.mainNav ul ul .item { float: left; margin: 0 0 5px 10px; width: 142px; }
.mainNav ul ul ul { margin: 0 0 10px 10px; border-bottom: 1px solid #fff; border-left: 1px solid #fff; }
.mainNav ul ul ul .item { float: left; margin: 0 0 5px 10px; width: 130px; }
.mainNav .img { width: 16px; height: 16px; margin: 0 7px 0 0; float: left; }
.mainNav ul a { color: #004655; font-size: 120%; font-weight: bold; line-height: 16px; float: left; width: 153px; }
.mainNav ul a:hover { color: #6f9e36; }
.mainNav ul ul a { color: #004655; font-size: 100%; font-weight: normal; line-height: 16px; float: left; width: 153px; }
.mainNav ul ul a:hover { color: #6f9e36; }
.mainNav ul a.active { color: #6f9e36; }
.mainNav ul ul a.active { color: #6f9e36; }
/* shopNavigationInfo */
.shopNavigationInfo { display: none; z-index: 99999; background: transparent url(../../img/global/cntBg.jpg) repeat-y; margin: 0 0 20px 0; }
.shopNavigationInfo a { color: #004655; }
.shopNavigationInfo a:hover { color: #6f9e36; }
.shopNavigationInfoCnt { color: #004655; padding: 10px; }
.shopNavigationInfoCnt a { color: #004655; }
.shopNavigationInfoCnt a:hover { color: #6f9e36; }
/* breadcrumb */
.breadcrumb { color: #004655; }
.breadcrumb .desc { margin-right: 5px; }
.breadcrumb a { color: #004655; text-decoration: underline; }
.breadcrumb a:hover { color: #004655; }
.breadcrumb .active { color: #6f9e36; }
/* pageTitle */
.pageTitle h1 { font-size: 160%; }
/* content areas */
.contentWithSidebar { float: left; width: 502px; }
.sidebar { width: 155px; float: right; }
/* Content-Artikel */
.article { margin: 20px 0 0 0; }
.article h2.subheadline { color: #004655; border-bottom: 1px solid #004655; padding-bottom: 10px; font-size: 100%; margin-bottom: 15px; font-weight: normal; }
.article h3.headline { color: #6f9e36; margin: 0 0 10px 0; font-size: 160%; font-weight: normal; }
.article h3.headline a { color: #6f9e36; text-decoration: none; }
.article .artImgBox { float: left; width: 159px; margin: 0 15px 10px 0; }
.article .artImg { float: left; }
.article .text { margin: 0 0 10px 0; }
.article img.right { float: right; margin: 10px 0 10px 10px; }
.article img.left { float: left; margin: 10px 10px 10px 0; }
.article ul, .article li{ list-style-type: disc; }
.article ul { margin: 10px 0 10px 25px; }
.article a { color: #004655; text-decoration: underline; }
.article a:hover { color: #6f9e36; }
.detailLinkArea { margin: 15px 0 10px 0; }
.backLinkArea { margin: 0 0 40px 0; }
.detailLink { color: #004655; line-height: 16px; }
.detailLinkImg { float: right; margin: 0 5px 0 0; }
.article .files { margin: 0 0 10px 0; }
.article .fileLink { font-weight: bold; text-decoration: none; }
.articles .filesTable { }
.filesTable td { padding: 2px 10px 2px 10px; vertical-align: top; }
.artBtm { border-top: 1px solid #004655; background: transparent url(../../img/global/artBtm.jpg) no-repeat; margin: 0 0 20px 0; }
.article .text pre,
.article .text address,
.article .text div { border: 1px dashed #004655; padding: 5px; margin: 5px 0 5px 0; }
/* formulare */
.formular ul, .formular li { list-style-type: none; background: transparent; margin: 16px 0 0 0; padding: 0; }
.formular .formLine { margin: 5px 0 10px 5px; }
.formular .formElmTitle { width: 150px; float: left; }
.formular .formElmArea { width: 200px; float: left; text-align: left; }
.formular .formElmLeft { background: transparent url(../../img/global/formElmLeft.gif) left no-repeat; padding-left: 5px; height: 20px; }
.formular .formElmRight { background: transparent url(../../img/global/formElmRight.gif) right no-repeat; height: 20px; padding-right: 5px; }
.formular .input { color: #004655; font-size: 100%; width: 180px; background: #fff; border: 1px solid #b9b9b9; padding: 2px; /margin-left: -5px; }
.formular .select { width: 200px; color: #004655; font-size: 80%; background: #fff; border: 1px solid #b9b9b9; padding: 2px; }
.formular .textarea { width: 470px; height: 100px; color: #004655; font-size: 120%; background: #fff; border: 1px solid #b9b9b9; padding: 2px; }
.formular .day, .myshop .month { border: 1px solid #004655; background: #e3eaec; color: #003f50; font-size: 100%; padding: 2px; }
.formular .year { border: 1px solid #004655; background: #e3eaec; width: 50px; color: #003f50; font-size: 100%; padding: 2px; }
.formular ul, .myshop li { list-style-type: none; background: transparent; padding: 0; }
/* exceptions */
.exceptions { background: #6a9835; border: 1px solid #005065; padding: 10px; margin-top: 10px; margin-bottom: 10px; color: #fff; }
.exception { margin-bottom: 5px; }
/* highlight window */
.highlightCnt { display: none; z-index: 99999; margin: 20px; width: 900px; background: transparent url(../../img/global/cntBg.jpg) repeat-y; border: 2px solid #79c626; color: #003f50; padding: 10px; }
.highlightCntTitle { margin: 0 2px 0 2px; background: #006276; padding: 0 10px 0 10px; }
.highlightCntTitle a { color: #c1d2d6; }
.highlightCntTitle a:hover { color: #fff; }
.highlight { background: #fff; border: 2px solid #006276; color: #003f50; padding: 10px; }
/* footer */
.footer { text-align: right; margin: 10px 40px 0 0; }
.footer .footerLink a { color: #c1d2d6; }
.footer .footerLink a:hover { color: #6f9e36; }
.footer a { color: #c1d2d6; }
.footer a:hover { color: #6f9e36; }
.footerNav { height: 30px; padding: 0 0 20px 0; }
.footerNav .topNavItem a { float: left; color: #c3d5d9; line-height: 16px; }
.footerNav .topNavItem a:hover { color: #6f9e36; }
/* jquery - carousel */
.carousel { width: auto; margin: 20px 0 0 0; }
.carousel .picblock { width: 400px; height: 250px; }
.carousel ul { list-style: none; }
.carousel ul li { float:left; display: block; text-align: center; height: 250px; margin: 0 0 10px; paddding: 1px; line-height: 14px; font-size: 80%; }
.carousel ul li h4 { color: #004655; border-bottom: 1px solid #004655; padding-bottom: 10px; font-size: 100%; margin-bottom: 15px; }
.carousel ul li img { margin: 0 0 10px 0; }
.carousel ul li .carouselMoreLink { font-size: 120%; font-weight: bold; margin: 5px 0 0 0; display: block; }
.carousel .next { float: right; margin: 10px 0 0 10px; }
.carousel .prev { float: left; margin: 10px 10px 0 0; }
/* langNav */
.langNav { float: left; margin: 20px 0 0 40px; }
.langNav a { color: #C3D5D9; margin-right: 10px; }
.langNav a:hover, .langNav .active { color: #6f9e36; }
/* gallery */
.gallery { margin: 20px 0; }
.gallery .image { float: left; margin: 0 10px 10px 0; }
.gallery .title { color:#6F9E36; font-size:160%; font-weight:normal; margin:0 0 10px; }
.gallery .comment { float: left; color: #004655; margin: 0 0 10px 0; }
.gallery .thumbnails { float: right; text-align:right; width:470px; }
.gallery .thumbnails a { width: 108px; height: 108px; margin: 0 4px 4px 0; display: block; float: right; }
.gallery .thumbnails .thumb { width: 100px; height: 100px; border: 1px solid #004655; }