@charset "utf-8";
/* CSS Document */
@import url(http://fonts.googleapis.com/css?family=Tauri);
@import url(http://www.mesle-watersports.com/tpl/global/shadowbox/shadowbox.css);

* { padding: 0; margin: 0; }
ul { list-style: none }

body { background: #ffffff; width: 100%; height: 100%; line-height: 1.4; margin: 0; padding: 0; text-align: left; font-family: 'Tauri', sans-serif; font-size: 100%; color: #575656; }
h1 { color: #0072BA; font-size: 240%; font-weight: normal; margin: 0; padding: 0; text-transform: uppercase; }
#header { background: url("/images/gallery/mesle/template/backgrounds/bg-head.png") repeat-x scroll 0 0 rgba(0, 0, 0, 0); height: 191px; position: relative; top: 0; width: 100%; padding-top: 30px; }
h2 { font-size: 125%; font-weight: normal; color: #0072BA; padding-bottom: 25px; }
h3 { font-size: 120%; font-weight: normal; padding: 10px 0; }
a { text-decoration: none; }
#header .wrapper { background: url("/images/gallery/mesle/template/backgrounds/bg-header-middle.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); padding: 10px 0; height: 111px; }
.wrapper, #footer-info { margin: 0 auto 0; width: 960px; }
.logo { position: relative; background: url(/images/gallery/mesle/template/mesle-watersports.png) no-repeat; float: left; width: 73px; height: 100px; margin: 10px 0 0 0; font-size: 0px; }
.logo img { height: 100px; }
#box-right { float: right; font-size: 80%; height: 100px; padding: 21px 0 0; width: 242px; }
#suche-btn { background: url('/images/gallery/mesle/template/icon/icon-search.png') no-repeat; display: block; border: none; width: 36px; height: 36px; margin-right: 14px; float: left; font-size: 0px; cursor: pointer; }
#suche-btn:hover { border: none; opacity: 0.6; }
#suche-eingabe { border: 1px solid #CCCCCC; color: #404040; line-height: 30px; border-radius: 4px; width: 178px; height: 33px; margin: 0 0 0 0; padding: 0 6px 0 6px;  }
.btn-ebay { display: block; float: right; background: #0072ba; color: #ffffff; font-weight: bold; font-style: italic; font-size: 100%; text-align: center; margin-top: 7px; padding: 5px 6px; width: 178px; border: 1px solid #005387; border-radius: 4px;  }
#box_categorynavigation { height: 50px; margin-top: 131px; position: relative; }
#box_categorynavigation ul { float: left; padding: 0 0 0 0; z-index: 1001; }
#box_categorynavigation ul li { float: left; display: block; margin: 0; list-style-type: none; }
#box_categorynavigation ul li a { background: url(/images/gallery/mesle/template/backgrounds/bg-linie.png) no-repeat 0 12px; color: #ffffff; height: 24px; margin: 0; padding: 13px 15px 12px; display: block; }
#box_categorynavigation ul li:first-child a { background: none; }
#box_categorynavigation ul li a:hover { background: none #575656; color: #ffffff; }
#middle { background: url("/images/gallery/mesle/template/backgrounds/bg-water-ski.jpg") repeat-x scroll center top rgba(0, 0, 0, 0); height: 78px; width: 100%; }
#content { margin: 30px auto 0; width: 960px; }
#content p, #content ul, .desc table { font-size: 85%; margin-bottom: 10px; }
.desc table { float: none; }
#content li { background: url("/images/gallery/mesle/template/icon/arrow2.png") no-repeat scroll 0 6px rgba(0, 0, 0, 0); padding-left: 10px; }
.pic { float: left; margin: 0 34px 0 0; width: 396px; }
.big { float: left; width: 316px; margin-right: 8px; text-align: center; }
.big img { max-width: 316px; max-height: 316px; }
.thumbs { float: left; width: 70px; }
.thumbs a { width: 70px; height: 70px; border: 1px solid #e8f4f8; text-align: center; float: left;  margin: 0 0 8px; }
.thumbs img { max-width: 66px; max-height: 66px; }
.thumbs a:last-child { margin-bottom: 0px; }
.text { float: left; width: 530px; }
h2.price { color: #0072BA; font-size: 190%; padding-bottom: 7px; }
p.small { font-size: 70%; }
.detailinfo { border-bottom: 1px solid #E8F4F8; font-size: 85%; margin: 15px 0; padding: 0 0 15px; }
.table td { min-width: 125px; }
.box-desc { width: 100%; margin: 50px 0; clear: both; }
.box-desc h2.headline { border-radius: 5px 5px 0 0; background: none repeat scroll 0 0 #0072BA; border-color: #009CFF #009CFF -moz-use-text-color; border-style: solid solid none; border-width: 1px 1px 0; color: #FFFFFF; float: left; font-size: 90%; text-transform: uppercase; padding: 5px; }
.desc { clear: both; padding: 26px 18px; position: relative; background: none repeat scroll 0 0 #F8F8F8; }
#footer { background: #122b3a; font-size: 90%; color: #ffffff; padding-bottom: 20px; }
#footer-contact { background: url("/images/gallery/mesle/template/backgrounds/bg-footer-info.png") #ffffff repeat-x; width: 100%; height: 26px; margin: 60px 0 32px 0; padding: 14px 0 0 0; }
#footer-contact h2 { font-size: 95%; color: #0072ba; } 
#footer-contact h2 span:first-child { color: #0072ba; margin-left: 0px; } 
#footer-contact h2 span { color: #122b3a; margin-left: 10px; float: left; display: block; text-transform: none; } 
#footer-contact h2 span.mail { background: url("/images/gallery/mesle/template/icon/icon-mail.png") no-repeat 0 1px; margin-left: 25px; width: 188px; padding-left: 32px; }
#footer-contact h2 span.mail a { color: #122b3a; }
#footer-contact h2 span.fon { background: url("/images/gallery/mesle/template/icon/icon-fon2.png") no-repeat 0 2px; width: 199px; padding-left: 21px; }
#footer-contact h2 span.fax { background: url("/images/gallery/mesle/template/icon/icon-print.png") no-repeat 0 1px; width: 198px; padding-left: 22px; }
#footer .ft-box { float: left; width: 312px; margin-right: 8px; }
#footer h3 { color: #ffffff; border-bottom: 1px dotted #ffffff; margin-bottom: 21px; padding-bottom: 7px; font-weight: normal; font-size: 95%; text-transform: uppercase; }
#footer ul, .footer p { padding-left: 0px; font-size: 84%; }
#footer td { font-size: 84%; min-width: 140px; }
#footer ul li { background: url("/images/gallery/mesle/template/icon/arrow-white.png") no-repeat 0 5px; padding: 0 0 0 15px; margin: 0; list-style-type: none; }
#footer a { color: #ffffff; }
#footer a:hover { color: #ffffff; text-decoration: underline; }
.clearer { clear: both; }