@charset "utf-8";

/* SPECIAL THICKBOX */

.special_thickbox {visibility:visible; position:absolute; top:25px; left:150px; width:680px; height:450px; z-index:999999}
.special_thickbox a.close {color:#fff; font-weight:bold; float:right; margin-right:25px; padding:3px 14px; background:#3772a3}

/* VERTIKAL ZENTRIEREN */

div.container {top: 0; left: 0; width: 100%; height: 100%; position: fixed; display: table}
div.container p {display: table-cell; vertical-align: middle}
div.container p {text-align:center}

/* HORIZONTAL ZENTRIEREN DES LOGOS */

img.displayed {display: block; margin: 1em auto}

/* MAIN BACKGROUND */

div.main-background {position:fixed; bottom:0; right:0; background:url(../../bilder/_layout/main-background.png) no-repeat; width:541px; height:575px; z-index:1}

/* GALLERY */

.gallery {width:100px; height:100px; display:block; text-align:center; vertical-align:middle; float:left; margin:6px}
.gallerylist {display:block; border-bottom:1px solid #a3cbdd; padding:0 0 1.5em 0}
.gallerylist img {float:left; margin: 1.75em 1.0em 0 0; padding:0 0 1.0em 0}

/* ALLGEMEINES */

body {margin:0px; font-family: Arial, Verdana, sans-serif; font-size: 12px; line-height: 18px; text-decoration: none; color:#1a171b; background:url(../../bilder/_layout/body-background.jpg)}
#seitenbreite {width:990px; margin:0 auto; position:relative; z-index:2}
p{margin:12px 0; line-height: 18px;}
a{color: #00b0d6; text-decoration:none}
a:hover {color: #00cbf7;  text-decoration:none}
h1 {color:#1a171b; font-size:130%; font-weight:normal}
h2 {color:#1a171b; font-size:110%; font-weight:normal}
hr {background-color:#a3cbdd;height:1px;border-style:none;}
.fehler {font-weight:bold; color:#ff0000}
.hinweis {font-weight:bold; color:#0080a9}
.logo-blau {color:#004b8a; font-style:italic}
.logo-hellblau {color:#00afd5; font-style:italic}
.mint {color:#00b0d6}
.right {float:right}
.left {float:left}
.margintop {margin-top:14px}
.smaller {font-size:80%}
a.linkbutton {display:block; text-align:center; width:110px; height:23px; padding:3px 0 0 0; background:url(../../bilder/_layout/navigation.png); color:#fff; font-size:130%; float:right; margin-left:5px}
a.linkbutton:hover {background:url(../../bilder/_layout/navigation-hover.png)}
a.linkbuttonklein {display:block; text-align:center; width:110px; height:23px; padding:3px 0 0 0; background:url(../../bilder/_layout/navigation.png); color:#fff; font-size:90%; float:left; margin-left:5px}
a.linkbuttonklein:hover {background:url(../../bilder/_layout/navigation-hover.png)}
.noTop {margin-top:0px}
.breit {width:250px}
.breitdeutsch {width:280px}
.breit2 {width:150px}
.breit3 {width:125px}
.breit4 {width:190px}
.abstand {margin-left:16px}
.detalles {margin:24px 6px 0 0}
.caja {margin:24px 75px 0 0}
.margintop24 {margin:6px 0 0 0}
marquee.hinweistxt {font-weight:bold; color:#0080a9; position:absolute; top:60px; right:240px; width:490px}

/* SPRACHE */
a.at {background:url(../../bilder/_system/at.png) no-repeat; width:20px; height:14px; display:block; position:absolute; right:20px; top:5px}
a.de {background:url(../../bilder/_system/de.png) no-repeat; width:20px; height:14px; display:block; position:absolute; right:20px; top:5px}
a.es {background:url(../../bilder/_system/es.png) no-repeat; width:20px; height:14px; display:block; position:absolute; right:20px; top:5px}

/* HEAD */

a.msm_logo {background:url(../../bilder/_layout/msm-logo.png) no-repeat; width:303px; height:142px; display:block; z-index:4; position:absolute; top:20px; left:97px}

/* BOTTOM */

div.footer {position:absolute; bottom:10px; left:100px; width:760px; font-size:80%; color:#fff}
	div.footer a {color:#fff}

/* START HEAD */

div.start-head {background:url(../../bilder/_layout/start-header-background.png) no-repeat; width:990px; height:520px}
	div.start-head .kinesio-eyecatcher {z-index:3; position:absolute; top:156px; left:162px}
	div.start-head .kinesio-small {z-index:3; position:absolute; top:202px; right:105px}
	div.start-head h1 {color:#0080a9; font-size:300%; line-height:100%; position:absolute; top:90px; left:440px}
	div.start-head h1.startheadline {font-size:240%;}
	div.start-head .buttonNew {position:absolute; top:70px; left:770px}
	div.start-head .buttonGratis {position:absolute; top:170px; left:810px}
	div.start-head .einleitung {position:absolute; top:300px; left:440px; width:340px}
		div.start-head .einleitung h2 {font-size:140%}

/* HEAD */

div.start-head h1.contentsites {color:#0080a9; font-size:300%; line-height:100%; position:absolute; top:95px; left:245px}
div.start-head .einleitungcontentsites {position:absolute; top:155px; left:247px; width:575px}
		div.start-head .einleitungcontentsites h2 {font-size:140%}
		div.start-head .adressekontakt {position:absolute; top:115px; right:100px}
div.start-head .einleitungcontentsitesDeu {position:absolute; top:155px; left:247px; width:620px}
		div.start-head .einleitungcontentsitesDeu h2 {font-size:140%}
div.start-head h1.impressum {color:#0080a9; font-size:300%; line-height:100%; position:absolute; top:125px; left:245px}
div.start-head .impressumeinleitung {position:absolute; top:185px; left:247px; width:575px}
		div.start-head .impressumeinleitung h2 {font-size:140%}

/* START BOTTOM */

div.start-bottom {background:url(../../bilder/_layout/start-bottom-content-backgr.png) no-repeat; width:990px; height:695px; position:relative}
	div.start-bottom h1 {color:#0080a9; font-size:300%; line-height:100%; position:absolute; top:30px; left:190px}
	div.start-bottom .rollen {position:absolute; top:15px; left:395px}
	div.start-bottom .joggerin {position:absolute; bottom:5px; right:20px}
	div.start-bottom .contenttxt {position:absolute; top:260px; left:190px; width:590px}
		div.start-bottom .contenttxt h2 {font-size:140%}

/* PRODUCT BOTTOM */
		
div.product-bottom-start {background:url(../../bilder/_layout/content-bottom-start.png) no-repeat; width:990px; height:174px; position:relative}
	div.product-bottom-start h1 {color:#0080a9; font-size:300%; line-height:100%; position:absolute; top:30px; left:190px}
	div.product-bottom-start h2 {color:#0080a9; font-size:150%; line-height:100%; position:absolute; top:80px; left:190px}
div.product-bottom-bg {background:url(../../bilder/_layout/content-bottom-bg.png) repeat; width:990px; margin:0px; padding:0px; position:relative}
	div.product-bottom-bg .contenttxt2 {margin-left:190px; width:590px}
	div.product-bottom-bg .contenttxt2 h2 {font-size:140%}
	div.product-bottom-bg .joggerin {position:absolute; bottom:-185px; right:20px; z-index:30}
div.product-bottom-end {background:url(../../bilder/_layout/content-bottom-end.png) no-repeat; width:990px; height:204px; padding:0; margin:0; position:relative}


/* NAVIGATION */

div.main_navigation {position:absolute; top:13px; left:238px; width:750px; z-index:4}
	div.main_navigation ul {margin:0; padding:0; list-style:none; list-style-type:none}
		div.main_navigation ul li {float:left; text-align:center; margin:0 8px 0 0}
		div.main_navigation ul li a {display:block; width:110px; height:23px; padding:3px 0 0 0; background:url(../../bilder/_layout/navigation.png); color:#fff; font-size:130%}
		div.main_navigation ul li a:hover {background:url(../../bilder/_layout/navigation-hover.png)}
		div.main_navigation ul li a.Active {display:block; width:110px; height:23px; padding:3px 0 0 0; background:url(../../bilder/_layout/navigation-hover.png); color:#003464; font-size:130%}
		div.main_navigation ul li a.wk {position:absolute; z-index:9999; top:45px; right:15px; display:block; width:175px; height:22px; padding:4px 0 0 0; background:url(../../bilder/_layout/navigation-wk.png); color:#fff; font-size:110%; font-weight:bold; text-align:left; text-indent:30px}
		div.main_navigation ul li a.wk:hover {background:url(../../bilder/_layout/navigation-wk-hover.png)}
		div.main_navigation ul li a.wkActive {position:absolute; z-index:9999; top:45px; right:15px; display:block; width:175px; height:22px; padding:4px 0 0 0; background:url(../../bilder/_layout/navigation-wk-hover.png); color:#fff; font-size:110%; font-weight:bold; text-align:left; text-indent:30px}
	div.main_navigation .right {float:right; margin:5px 0 0 0; font-size:90%}

/* WARENKORB */

table.Warenkorb {clear:both; width:500px; border-top:1px solid #003464; border-left:1px solid #003464;  margin:15px 0 0 0; padding:0; border-collapse:collapse}
table.Warenkorb td {background:#E0F8FC; width:auto; border-right:1px solid #003464; border-bottom:1px solid #003464; margin:0; padding:2px; text-align:center}
table.Warenkorb th {background:#fff; width:auto; border-right:1px solid #003464; border-bottom:1px solid #003464; margin:0; padding:2px; text-align:center}

/* PRODUKTDETAIL */

div.produktdetail img {float:left; margin-top:16px; border:1px solid #0080a9}
div.produktdetailtxt {float:left; margin:16px 0 0 16px}
table {clear:both; width:550px; border-top:1px solid #e9eef4; border-left:1px solid #e9eef4;  margin:0; padding:0; border-collapse:collapse}
td {width:20%; border-right:1px solid #e9eef4; border-bottom:1px solid #e9eef4; margin:0; padding:4px; text-align:center}
div.produktdetailtxt label {float:left; display:block; width:55px}
div.produktdetailtxt input {float:left; border:1px solid #0080a9; background:#fff; width:50px}
div.produktdetailtxt input.linkbutton {display:block; border:none; text-align:center; width:110px; height:27px; line-height:25px; background:url(../../bilder/_layout/navigation.png); color:#fff; font-size:130%; float:right; margin:0}
	div.produktdetailtxt input.linkbutton:hover {background:url(../../bilder/_layout/navigation-hover.png)}
div.produktdetailtxt input.linkbuttonPedido {display:block; border:none; text-align:center; width:110px; height:27px; line-height:25px; background:url(../../bilder/_layout/navigation.png); color:#fff; font-size:130%; margin:0}
	div.produktdetailtxt input.linkbuttonPedido:hover {background:url(../../bilder/_layout/navigation-hover.png)}

/* PRODUKTDARSTELLUNG STARTSEITE*/

div.produktuebersicht {}
	div.produktuebersicht img {float:left; margin-right:10px; border:none}
		div.produktuebersicht .produktbeschreibung {float:left;}
			div.produktuebersicht .produktbeschreibung label {float:left; display:block; width:60px}
			ul#slides1 li ul li {margin-left:2px; padding-left:2px; width:300px; list-style:disc; list-style-type:disc}
			div.produktuebersicht .produktbeschreibung h2 a {color:#1a171b; font-size:110%; font-weight:normal; text-decoration:none}
.preis {color:#0080a9; font-size:130%; font-weight:bold}
		
/* PRODUKTDARSTELLUNG */

div.produktlistenuebersicht {width:590px}
	div.produktlistenuebersicht img {float:left; margin-right:10px; border:none}
		div.produktlistenuebersicht .produktlistenbeschreibung {float:left; width:475px}
			div.produktlistenuebersicht .produktlistenbeschreibung label {float:left; display:block; width:55px}
			div.produktlistenuebersicht .produktlistenbeschreibung h2 a {color:#1a171b; font-size:110%; font-weight:normal; text-decoration:none}
div.produktlistenbeschreibung label {float:left; display:block; width:45px}
div.produktlistenbeschreibung input {float:left; border:1px solid #0080a9; background:#fff; width:50px}
div.produktlistenbeschreibung input.linkbutton {display:block; border:none; text-align:center; width:110px; height:27px; line-height:25px; background:url(../../bilder/_layout/navigation.png); color:#fff; font-size:130%; float:left; margin:0}
	div.produktlistenbeschreibung input.linkbutton:hover {background:url(../../bilder/_layout/navigation-hover.png)}
div.produktbeschreibung label {float:left; display:block; width:45px}
div.produktbeschreibung input {float:left; border:1px solid #0080a9; background:#fff; width:45px}
div.produktbeschreibung input.linkbutton {display:block; border:none; text-align:center; width:110px; height:27px; line-height:25px; background:url(../../bilder/_layout/navigation.png); color:#fff; font-size:130%; float:left; margin:0}
	div.produktbeschreibung input.linkbutton:hover {background:url(../../bilder/_layout/navigation-hover.png)}

/* FORMULARE */

fieldset {border:0px; padding:0px; margin:12px 0px 0px 0px}
label {float:left; display:block; width:90px; margin-bottom:6px}
input.warenkorb {font-family: Arial, Verdana, sans-serif; font-size: 12px; border:1px solid #0080a9; background:#fff; width:40px; text-align:center}
input {font-family: Arial, Verdana, sans-serif; font-size: 12px; border:1px solid #0080a9; background:#fff; width:140px;}
input.breiter {width:260px;}
input.radio {width:auto}
textarea {font-family: Arial, Verdana, sans-serif; font-size: 12px; border:1px solid #0080a9; background:#fff; width:406px; height:60px}
textarea.breiter {width:406px; height:120px}

div.einleitungcontentsites input.linkbutton {display:block; border:none; text-align:center; width:110px; height:27px; line-height:25px; background:url(../../bilder/_layout/navigation.png); color:#fff; font-size:110%; font-weight:bold; float:right; margin:12px 80px 0 0 }
	div.einleitungcontentsites input.linkbutton:hover {background:url(../../bilder/_layout/navigation-hover.png)}

/* SLIDER */

.slides1_wrap {position:relative; padding:0; margin:0; width:590px}
ul#slides1 {margin:0; padding:0}
#slides1 li {list-style: none; padding:0; margin:0; width:590px; text-align:left}
.slides1_wrap .prev {position:absolute; left:5px; top:125px; outline:0}
.slides1_wrap .next {position:absolute; right:5px; top:125px; outline:0}
.slides1_wrap img {border:none}