@charset "utf-8";

*{
    margin: 0;
    padding: 0;
}

/*Browserweise für Transperenzen*/

img, a, div{
	behavior: url(iepngfix.htc);
}

/* allgemeine Einstellungen für alle seiten */

body {
	font-family: Arial, "Trebuchet MS", Helvetica, Verdana, , sans-serif;
	width: 950px;
	margin: auto;
	background-color: black;
	background-image: url(../pics/hintergrund.jpg);
	background-repeat: no-repeat;
	position: relative;
	font-size: 12px;	
}

p {
	text-align: justify
}

a {
	outline: none;
	text-decoration: none;
}

.fett {
	font-weight: bold;
}

.eingerueckt {
	margin-bottom: 20px;
	text-align: center;
}

.unterstrichen {
	text-decoration: underline;
}

.infobox-head h1 {
	font-size: 14px;
	padding-left: 15px;
	padding-top: 8px;
}

.medsse-logo {
	position: absolute;
	background-color: white;
	width: 395px;
	height: 100px;
	border: none;
}


.transparent {
	width: 220px;
	height: 52px;
}

.trans2 {
	width: 79px;
	height: 40px;	
	border: none;
	float: right;
}

.hotline {
	width: 100px;
	height: 101px;
	position: absolute;
	left: 820px;
	top: 32px;
}

.telefonnummer {
	position: absolute;
	width: 207px;
	height: 35px;
	left: 570px;
	top: 75px;
}

.zentriert {
	text-align: center;
}

.pdf {
	width: 50px;
	height: 63px;
	border: none;
	margin-left: 25px;
}

.rezept {
	margin-left: 50px;
	margin-top: 10px;
}

.analtampon-type {
	width: 250px;
	height: 100px;
	margin-left: 130px;
	margin-top: 25px;
	margin-bottom: 25px;
}

#tampons-startset {
	width: 400px;
	height: 360px;
	border: none;
	margin-left: 75px;
	clear: auto;
}

#inkontinenz-information-metaoben {
	background-color: white;
	width: 555px;
	height: 100px;
	float: right;
}

#inkontinenz-information-metaoben  a{
	display: block;
	padding-left: 79px;
	padding-bottom: 40px;
}

#inkontinenz-produkte a{
	display: block;
	padding-left: 100px;
	padding-bottom: 40px;
}

/* index.html deutsch */

#ueber-medsse, #ratgeber-inkontinenz, #kontakt-medsse, #online-shop-medsse  {
	width: 80px;
	height: 80px;
	float: right;
	margin-left: -1px;
}

#inkontinenz-produkte {
	background-image: url(../pics/inkontinenz-bilder-metaoben/inkontinenz-produkte.jpg);
	width: 100px;
	height: 80px;
	float: right;
}

#ueber-medsse {
	background-image: url(../pics/inkontinenz-bilder-metaoben/ueber-medsse.jpg);
}

#ratgeber-inkontinenz{
	background-image: url(../pics/inkontinenz-bilder-metaoben/inkontinenz-ratgeber.jpg);
}

#kontakt-medsse{
	background-image: url(../pics/inkontinenz-bilder-metaoben/kontakt-medsse.jpg);
}

#online-shop-medsse{
	background-image: url(../pics/inkontinenz-bilder-metaoben/onlineshop.jpg);
}

#ueber-medsse:hover{
	background-image: url(../pics/inkontinenz-bilder-metaoben/ueber-medsse-hover.jpg);
}

#ratgeber-inkontinenz:hover {
	background-image: url(../pics/inkontinenz-bilder-metaoben/inkontinenz-ratgeber-hover.jpg);
}

#kontakt-medsse:hover {
	background-image: url(../pics/inkontinenz-bilder-metaoben/kontakt-medsse-hover.jpg);
}

#online-shop-medsse:hover {
	background-image: url(../pics/inkontinenz-bilder-metaoben/onlineshop-hover.jpg);
}

#inkontinenz-produkte:hover {
	background-image: url(../pics/inkontinenz-bilder-metaoben/inkontinenz-produkte-hover.jpg);
}

/* index.html englisch*/

#ueber-medsse-en, #ratgeber-inkontinenz-en, #kontakt-medsse-en, #online-shop-medsse-en  {
	width: 80px;
	height: 80px;
	float: right;
	margin-left: -1px;
}

#inkontinenz-produkte-en {
	background-image: url(../pics/inkontinenz-bilder-metaoben-en/inkontinenz-produkte.jpg);
	width: 100px;
	height: 80px;
	float: right;
}

#ueber-medsse-en {
	background-image: url(../pics/inkontinenz-bilder-metaoben-en/ueber-medsse.jpg);
}

#ratgeber-inkontinenz-en{
	background-image: url(../pics/inkontinenz-bilder-metaoben-en/inkontinenz-ratgeber.jpg);
}

#kontakt-medsse-en{
	background-image: url(../pics/inkontinenz-bilder-metaoben-en/kontakt-medsse.jpg);
}

#online-shop-medsse-en{
	background-image: url(../pics/inkontinenz-bilder-metaoben-en/onlineshop.jpg);
}

#ueber-medsse-en:hover{
	background-image: url(../pics/inkontinenz-bilder-metaoben-en/ueber-medsse-hover.jpg);
}

#ratgeber-inkontinenz-en:hover {
	background-image: url(../pics/inkontinenz-bilder-metaoben-en/inkontinenz-ratgeber-hover.jpg);
}

#kontakt-medsse-en:hover {
	background-image: url(../pics/inkontinenz-bilder-metaoben-en/kontakt-medsse-hover.jpg);
}

#online-shop-medsse-en:hover {
	background-image: url(../pics/inkontinenz-bilder-metaoben-en/onlineshop-hover.jpg);
}

#inkontinenz-produkte-en:hover {
	background-image: url(../pics/inkontinenz-bilder-metaoben-en/inkontinenz-produkte-hover.jpg);
}

#button-barrierefrei {
	background-image: url(../pics/button.png);
	position: absolute;
	width: 80px;
	height: 80px;
	top: 105px;
	left: 850px;
}

#button-barrierefrei:hover {
	background-image: url(../pics/button-hover.png);
}

#button-barrierefrei a {
	display: block;
	text-align: center;
	font-size: 11px;
	color: black;
	margin: 20px;
}

#deutsch {
	background-image: url(../pics/flagge-deutsch.gif);
	background-repeat: no-repeat;
	border: none;
	position: absolute;
	left: 400px;
	top: 100px;
	width: 24px;
	height: 18px;	
}

#englisch {
	background-image: url(../pics/flagge-englisch.gif);
	background-repeat: no-repeat;
	border: none;
	position: absolute;
	left: 430px;
	top: 100px;
	width: 24px;
	height: 18px;	
}

#englisch-grau {
	background-image: url(../pics/flagge-englisch-grau.gif);
	background-repeat: no-repeat;
	border: none;
	position: absolute;
	left: 430px;
	top: 100px;
	width: 24px;
	height: 18px;	
}

#text-deutsch-flagge {
	border: none;
	position: absolute;
	left: 470px;
	top: 100px;
	font-size: 12px;
}

#inhalt {
	background-color: white;
	float: left;
	width: 945px;
}

#inhalt-links {
	width: 350px;
	float: left;
	padding-left: 16px;
}

#content-rechts {
	background-image: url(../pics/content-hintergrund.jpg);	
	width: 555px;	
	margin-top: 30px;
	float: right;
}

/* formatierung für apotheken box */

.information-inkontinenz-apotheke{
	background-color: #ffe3ba;
	width: 250px;
	height: 181px;
	margin-top: 20px;
	float: right;
	margin-bottom: 50px;
}

.infobox-head-apotheke {
	height: 49px;
	width: 250px;
	background-image: url(../pics/boxkopf-apotheke.gif);
}

.infobox-head-apotheke h1 {
	font-size: 14px;
	padding-left: 10px;
	padding-top: 8px;
}

.infobox1-content-apotheke {
	width: 250px;
	height: 132px;
	float: right;
	background-color: #ffe3ba;
}

.infobox1-content-apotheke h1{
	color: #345513;
	font-weight: bold;
	font-size: 13px;
	background-color: #ffdda7;
	padding-top: 3px;
	width: 245px;
	height: 20px;
	padding-left: 5px;
}

.navi-boxen-apotheke a{
	background-image: url(../pics/pfeil.png);
	background-repeat: no-repeat;
	font-size: 12px;
	text-decoration: none;
	color: black;
	display: block;
	padding-top: 1px;
	padding-left: 18px;
	width: 150px;
}

.navi-boxen-apotheke a:hover{
	background-image: url(../pics/pfeil-hover.png);
	text-decoration: underline;
	color: #3a6c08;
}

#doktor {
	width: 82px;
	height: 177px;
	position: absolute;
	top: 745px;
	left: 50px;
}

#infobox1-image, #infobox2-image, #infobox3-image, #infobox4-image{
	background-repeat: no-repeat;
	width: 200px;
	height: 132px;
	float: left;
}

#infobox1-image {
	background-image: url(../pics/flash-platzhalter.jpg);
}

#infobox2-image {
	background-image: url(../pics/inkontinenz-infobox2.jpg);
}

#infobox3-image {
	background-image: url(../pics/inkontinenz-infobox3.jpg);
}

.infobox1-content h1 {
	color: #413100;
	font-weight: bold;
	font-size: 13px;
	background-color: #ddc39d;
	padding-top: 3px;
	height: 20px;
	width: 145px;
	padding-left: 5px;
	padding-bottom: 5px;
}

.information-inkontinenz-box{
	background-color: #ffe3bb;
	width: 350px;
	height: 181px;
	margin-top: 20px;
}

.navi-boxen {
	float: left;
}

.navi-boxen a{
	background-image: url(../pics/pfeil.png);
	background-repeat: no-repeat;
	font-size: 12px;
	text-decoration: none;
	color: black;
	display: block;
	padding-top: 1px;
	padding-left: 18px;
	padding-bottom: 5px;
}

.aktiviert {
	background-image: url(../pics/pfeil-aktive.gif);
	background-color: #a5c966;
	background-repeat: no-repeat;
	font-size: 12px;
	text-decoration: none;
	color: black;
	display: block;
	padding-top: 1px;
	padding-left: 18px;
	padding-bottom: 4px;
	padding-right: 0px;
	margin-left: -5px;
	margin-top: -5px;
}

.navi-boxen a:hover {
	background-image: url(../pics/pfeil-hover.png);
	text-decoration: underline;
	color: #3a6c08;
}

.navi-boxen p{
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 1px;
	display: block;
	width: 145px;
}

.infobox-head {
	height: 49px;
	width: 350px;
	background-image: url(../pics/boxkopf.gif);
}

#content-rechts p, h3{
	padding-top: 15px;
	padding-left: 15px;
	padding-right: 15px;
	clear: left;
}

#content-rechts a {
	color: #607634;
}

#produktprobe, #shop-grafik, #produktgrafik{
	height: 53px;
	width: 221px;
	text-decoration: none;	
}

#produktprobe img, #shop-grafik img, #produktgrafik img{
	border: none;
	text-decoration: none;
}

#produktprobe a, #shop-grafik a, #produktgrafik a{
	text-decoration: none;
}

#produktgrafik-en {
	height: 53px;
	width: 221px;
	text-decoration: none;
}

#produktgrafik-en img{
	border: none;
	text-decoration: none;
}

#produktgrafik a{
	text-decoration: none;
}

.mittig  {
	margin-left: 35px;
	font-size: 12px;
	text-decoration: none;
}
.mittig2  {
	margin-left: 40px;
	font-size: 12px;
	text-decoration: none;
}

#produktgrafik {
	background-image: url(../pics/tafeln/produkte.gif);
	background-repeat: no-repeat;
	margin: auto;
	margin-bottom: 20px;
}

#produktgrafik-en {
	background-image: url(../pics/tafeln/products.gif);
	background-repeat: no-repeat;
	margin: auto;
	margin-bottom: 20px;
}

#produktgrafik-en:hover {
	background-image: url(../pics/tafeln/products-hover.gif);
	background-repeat: no-repeat;
}

#produktgrafik:hover {
	background-image: url(../pics/tafeln/produkte-hover.gif);
	background-repeat: no-repeat;
}

#shop-grafik {
	background-image: url(../pics/tafeln/online-shop.gif);
	background-repeat: no-repeat;	
	float: left;
	margin-left: 25px;
}

#shop-grafik:hover {
	background-image: url(../pics/tafeln/online-shop-hover.gif);
}

#produktprobe {
	background-image: url(../pics/tafeln/contam.gif);
	background-repeat: no-repeat;
	float: right;
	margin-right: 25px;
}

#produktprobe:hover {
	background-image: url(../pics/tafeln/contam-hover.gif);
}

#content-head-breadcrumb {
	width: 555px;
	height: 43px;
	background-image: url(../pics/head-content.jpg);
}

#shopinformation {
	background-image: url(../pics/tafeln/online-shop.gif);
	height: 53px;
	width: 221px;
	text-decoration: none;	
	float: left;
	margin-left: 50px;
}

#shopinformation:hover {
	background-image: url(../pics/tafeln/online-shop-hover.gif);
}

#shopinformation img {
	border: none;
}

#shopinformation-versandkosten {
	background-image: url(../pics/tafeln/versandkosten.gif);
	height: 53px;
	width: 221px;
	text-decoration: none;	
	margin: auto;
	float: right;
	margin-right: 50px;
}

#shopinformation-versandkosten:hover {
	background-image: url(../pics/tafeln/versandkosten-hover.gif);
}

#shopinformation-versandkosten img{
	border: none;
}

#shopinformation-versandkosten-en {
	background-image: url(../pics/tafeln/delivery.gif);
	height: 53px;
	width: 221px;
	text-decoration: none;	
	margin: auto;
	float: right;
	margin-right: 50px;
}

#shopinformation-versandkosten-en img{
	border: none;
}

#shopinformation-versandkosten-en:hover {
	background-image: url(../pics/tafeln/delivery-hover.gif);
}

#content-head-breadcrumb a {
	font-weight: bold;
	font-size: 12px;
	text-decoration: none;
	font-variant: small-caps;
	line-height: 27px;
	float: left;
	margin-left: 6px;
}

.breadcrumb-eingerueckt {
	margin-left: 4px;
}

#content-head-breadcrumb a:hover {
	text-decoration: underline;
}

#abschluss-content {
	width: 555px;
	height: 34px;
	background-image: url(../pics/abschluss-content.jpg);
	float: right;
}

#schatten {
	width: 5px;
	height: 945px;
	background-image: url(../pics/schatten.jpg);
	float: right;
}

#abschluss p {
	text-align: center;
	font-size: 10px;
}

#abschluss a {
	float: auto;
	color: black;
	font-weight: bold;
}

#abschluss a:hover {
	text-decoration: underline;
	color: #3a6c08;
}


#abschluss {
	background-image: url(../pics/abschluss.jpg);
	background-repeat: no-repeat;
	width: 952px;
	height: 148px;
	float: left;
}

/* Formatierungen für produkte.html */

#beschreibung {
	float: left;
	text-align: justify;
	width: 440px;	
	background-color: #ffe3bb;
	border: 1px solid black;
	margin: 25px;
	padding: 5px;
	position: relative;
}

#beschreibung h3{
	text-align: center;
	font-size: 16px;
	color: #607634;
	margin-top: -15px;
}

#inkontinenz-produkte-analtampons, #inkontinenz-produkte-vaginaltampons, #inkontinenz-produkte-proktologietampons, #inkontinenz-produkte-zubehoer {
	float: left;
	margin-left: 25px;
	margin-top: 20px;
	margin-bottom: 20px;
}

#inkontinenz-produkte-zubehoer-en {
	margin-left: 25px;
	margin-right: 30px;
	margin-bottom: 10px;
	margin-top: 25px;
	float: right;
}

#inkontinenz-produkte-zubehoer-en img {
	border: none;
}

#inkontinenz-produkte-zubehoer-en {
	background-image: url(../pics/tafeln/accessories.gif);
	width: 221px;
	height: 53px;
}

#inkontinenz-produkte-zubehoer-en:hover {
	background-image: url(../pics/tafeln/accessories-hover.gif);
	width: 221px;
	height: 53px;
}

#inkontinenz-produkte-analtampons img, #inkontinenz-produkte-vaginaltampons img, #inkontinenz-produkte-proktologietampons img, #inkontinenz-produkte-zubehoer img{
	border: none;
}

#inkontinenz-produkte-analtampons {
	background-image: url(../pics/tafeln/analtampons.gif);
	width: 221px;
	height: 53px;
}

#inkontinenz-produkte-vaginaltampons {
	background-image: url(../pics/tafeln/vaginaltampons.gif);
	width: 221px;
	height: 53px;
}

#inkontinenz-produkte-proktologietampons {
	background-image: url(../pics/tafeln/proktologietampons.gif);
	width: 221px;
	height: 53px;
}

#inkontinenz-produkte-zubehoer {
	background-image: url(../pics/tafeln/zubehoer.gif);
	width: 221px;
	height: 53px;
}

#inkontinenz-produkte-analtampons:hover {
	background-image: url(../pics/tafeln/analtampons-hover.gif);
}

#inkontinenz-produkte-vaginaltampons:hover {
	background-image: url(../pics/tafeln/vaginaltampons-hover.gif);
	width: 221px;
}

#inkontinenz-produkte-proktologietampons:hover {
	background-image: url(../pics/tafeln/proktologietampons-hover.gif);
}

#inkontinenz-produkte-zubehoer:hover {
	background-image: url(../pics/tafeln/zubehoer-hover.gif);
}

/* Formatierungen für analtampons.html */

ul {
	padding-left: 45px;
}

li {
	padding-right: 15px;
	text-align: justify;
}

#analtampon1, #analtampon2, #analtampon3, #analtampon4, #analtampon5, #analtampon6 {
	width: 80px;
	height: 111px;
	border: none;
	float: left;
	margin-top: 20px;
	text-align: center;
	padding-left: 30px;
	padding-right: 30px;
}

#analtampon1 img, #analtampon2 img, #analtampon3 img, #analtampon4 img, #analtampon5 img, #analtampon6 img{
	border: none;
}

/* Formatierungen für vaginaltampons.html */


#content-rechts h3 {
	clear: both;
}

#vaginaltampon1, #vaginaltampon2, #vaginaltampon3, #vaginaltampon4{
	width: 150px;
	height: 114px;
	border: none;
	float: left;
	text-align: center;
	margin-left: 75px;
	margin-bottom: 25px;
}

#vaginaltampon1 img, #vaginaltampon2 img, #vaginaltampon3 img, #vaginaltampon4 img{
	border: none;
}


/* Formatierungen für kontakt.html */

.links {
	float: right;
	margin-right: 14px;
}

.pflichtfeld {
	color: red;
	font-style: italic;
}

.italic {
	font-style: italic;
}
	
form {
	background-color: #ffe3ba; 
	margin: 25px;
	padding: 5px;
	font-size: 12px;
	border: 2px outset #7da52f;
}

td {
	padding-bottom: 5px;
}

.abstand {
	margin-right: 20px;
}

/* Formatierungen für zubehoer.html */

.inkontinenz-zubehoer {
	width: 200px;
	height: 134px;
	padding: 15px;
	margin-bottom: 20px;
	float: right;
}

/* Formatierungen für proktologietampons.html */

.drainage {
	width: 200px;
	height: 134px;
	padding: 25px;
}

.drainage img {
	border: none;
}

/* Formatierungen für internetadressen.html */


#internetadressen a{
	text-align: left;
	display: block;
	margin: 2px;
}

#internetadressen a:hover{
	text-decoration: underline;
}

/* Formatierungen für shop.html */

#inkontinenz-information-metaoben-shop {
	background-color: white;
	width: 555px;
	height: 100px;
	float: right;
	margin-right: 5px;
}

#inkontinenz-information-metaoben-shop a{
	display: block;
	padding-left: 79px;
	padding-bottom: 40px;
}

/* Formatierungen für ratgeber.html */

#tafel1, #tafel2, #tafel3, #tafel4 {
	width: 221px;
	height: 53px;
	margin-left: 25px;
	margin-right: 30px;
	margin-bottom: 10px;
	margin-top: 25px;
	float: right;
}

#tafel5 {
	width: 221px;
	height: 53px;
	margin-left: 160px;
	float: left;
	margin-bottom: 10px;
	margin-top: 25px;
}


#tafel1 {
	background-image: url(../pics/tafeln/blasenschwaeche.gif); 
	background-repeat: no-repeat;
	border: none;
}

#tafel2 {
	background-image: url(../pics/tafeln/stuhlinkontinenz.gif); 
	background-repeat: no-repeat;
	border: none;
}

#tafel3 {
	background-image: url(../pics/tafeln/anwendungstipps.gif); 
	background-repeat: no-repeat;
	border: none;
}

#tafel4 {
	background-image: url(../pics/tafeln/internetadressen.gif); 
	background-repeat: no-repeat;
	border: none;
}

#tafel5 {
	background-image: url(../pics/tafeln/kundenmeinungen.gif); 
	background-repeat: no-repeat;
	border: none;
}

#tafel1 img, #tafel2 img, #tafel3 img, #tafel4 img, #tafel5 img{
	border: none;
}

#tafel1:hover {
	background-image: url(../pics/tafeln/blasenschwaeche-hover.gif); 
	background-repeat: no-repeat;
	border: none;
}

#tafel2:hover {
	background-image: url(../pics/tafeln/stuhlinkontinenz-hover.gif); 
	background-repeat: no-repeat;
	border: none;
}

#tafel3:hover {
	background-image: url(../pics/tafeln/anwendungstipps-hover.gif); 
	background-repeat: no-repeat;
	border: none;
}

#tafel4:hover {
	background-image: url(../pics/tafeln/internetadressen-hover.gif); 
	background-repeat: no-repeat;
	border: none;
}

#tafel5:hover {
	background-image: url(../pics/tafeln/kundenmeinungen-hover.gif); 
	background-repeat: no-repeat;
	border: none;
}

#anwendungstipps-flash {
	margin-left: 25px;
	margin-top: 15px;
}

/* Formatierungen für ratgeber-englisch.html */

#tafel1-en, #tafel2-en, #tafel3-en, #tafel4-en {
	width: 221px;
	height: 53px;
	margin-left: 25px;
	margin-right: 30px;
	margin-bottom: 10px;
	margin-top: 25px;
	float: right;
}

#tafel1-en img, #tafel2-en img, #tafel3-en img, #tafel4-en img, #tafel5-en img {
	border: none;
}


#tafel5-en {
	width: 221px;
	height: 53px;
	margin-left: 160px;
	float: left;
	margin-bottom: 10px;
	margin-top: 25px;
}

#tafel1-en {
	background-image: url(../pics/tafeln/bladder-weakness.gif); 
	background-repeat: no-repeat;
	border: none;
}     

#tafel2-en {
	background-image: url(../pics/tafeln/faeces-incontinence.gif); 
	background-repeat: no-repeat;
	border: none;
}    

#tafel3-en {
	background-image: url(../pics/tafeln/tips-for-you.gif); 
	background-repeat: no-repeat;
	border: none;
}

#tafel4-en {
	background-image: url(../pics/tafeln/weblinks.gif); 
	background-repeat: no-repeat;
	border: none;
}

#tafel5-en {
	background-image: url(../pics/tafeln/satisfied-customers.gif); 
	background-repeat: no-repeat;
	border: none;
}

#tafel1-en:hover {
	background-image: url(../pics/tafeln/bladder-weakness-hover.gif); 
	background-repeat: no-repeat;
	border: none;
}     

#tafel2-en:hover {
	background-image: url(../pics/tafeln/faeces-incontinence-hover.gif); 
	background-repeat: no-repeat;
	border: none;
}    

#tafel3-en:hover {
	background-image: url(../pics/tafeln/tips-for-you-hover.gif); 
	background-repeat: no-repeat;
	border: none;
}

#tafel4-en:hover {
	background-image: url(../pics/tafeln/weblinks-hover.gif); 
	background-repeat: no-repeat;
	border: none;
}

#tafel5-en:hover {
	background-image: url(../pics/tafeln/satisfied-customers-hover.gif); 
	background-repeat: no-repeat;
	border: none;
}

.partner1 {
	width: 150px;
	height: 100px;
	border: 1px solid black;
	margin: 15px;
}

.partner2 {
	width: 150px;
	height: 100px;
	border: 1px solid black;
	margin-left: 109px;
	margin-top: 15px;
}

.partner3 {
	width: 150px;
	height: 100px;
	border: 1px solid black;
	margin-left: 30px;
	margin-top: 15px;
}
.iframe-shop { 
	width: 950px;
	margin-left: -16px;
	height: 3500px;
}

#onlineshop-willkommen {
	width: 390px;
	height: 40px;
	position: absolute;
	left: 5px;
	top: 90px;
}