/* CSS Document */
/* Domain: ekamed.de */
/* Andreas Döschner, Euroweb Internet GmbH */
/* 02.09.2009 */

/* ++++++++++++++++++++++++++++ Global Settings ++++++++++++++++++++++++++++++++++ */
body {
	background-color: #f8f8f8;
	font-family: Arial, Helvetica, sans-serif;
}

a {
	outline: none;
}

.noBorder {
	border: none !important;
}

.borderRight {
	border-right: 1px solid #000;
}

.highlight {
	background: none !important;
	color: #50aa3f;
	font-style: italic;
	font-weight: bold;
}

.disabledLink {
	color: #c3c2c2 !important;
	cursor: default;
}

.margBottom {
	margin-bottom: 8px;
}

/* Clearfix */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {
	display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* ++++++++++++++++++++++++++++ Layout +++++++++++++++++++++++++++++++++++++++++++ */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
div#container {
	width: 900px;
	margin: 0 auto;
}

/* ++++++++++++++++++++++++++++ Header +++++++++++++++++++++++++++++++++++++++++++ */
div#header {
	width: 900px;
	height: 147px;
	border-top: 5px solid #ffcc00;
}

div#header h1#branding {
	width: 300px;
	height: 58px;
	padding: 64px 0 0 0;
	float: left;
}

div#header h1#branding a {
	text-indent: -2000px;
	display: block;
	width: 300px;
	height: 58px;
	background: url(../images/layout/branding.gif) 0 0 no-repeat;
}

div#header ul#additionalNavigation {
	width: 290px;
	height: 45px;
	padding: 77px 0 0 310px;
	float: left;
}

div#header ul#additionalNavigation li {
	float: left;
	padding: 25px 10px 5px 10px;
	border-right: 1px solid #cbe9c6;
}

div#header ul#additionalNavigation li a {
	color: #959595;
	font-size: 10px;
	text-transform: uppercase;
}
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
div#subHeader {
	width: 900px;
	height: 271px;
}

div#subHeader div#fakeContainer {
	float: left;
}

div#subHeader div.header-imageContainer {
	width: 590px;
	height: 260px;
	/*background: url(../images/layout/imagecontainer-bg.jpg) 0 0 no-repeat;*/
	background-position: 0 0;
	background-repeat: no-repeat;
	border-top: 10px solid #ffcc00;
	border-bottom: 1px solid #ffcc00;
	float: none;
	margin-left: 10px;
}

div#subHeader div#header-startseite {
	background-image: url(../images/layout/imagecontainer-bg.jpg);
}

div#subHeader div#header-error {
	background-image: url(../images/layout/header-error.jpg);
}


div#subHeader div#header-unternehmen {
	background-image: url(../images/unternehmen/header-unternehmen.jpg);
}

div#subHeader div#header-aktuelles {
	background-image: url(../images/aktuelles/header-news.jpg);
}

div#subHeader div#header-anfahrt {
	background-image: url(../images/anfahrt/header-anfahrt.jpg);
}

div#subHeader div#header-dekubitus {
	background-image: url(../images/decubitus/header-dekubitus.jpg);
}

div#subHeader div#header-dienstleistungen {
	background-image: url(../images/dienstleistungen/header-dienstleistungen.jpg);
}

div#subHeader div#header-impressum {
	background-image: url(../images/impressum/header-impressum.jpg);
}

div#subHeader div#header-kontakt {
	background-image: url(../images/kontakt/header-kontakt.jpg);
}

div#subHeader div#header-lagerungskissen {
	background-image: url(../images/lagerungskissen/header-lagerungskissen.jpg);
}

div#subHeader div#header-lagerungshilfen {
	background-image: url(../images/lagerungshilfen/header-lagerungshilfen.jpg);
}

div#subHeader div#header-newsletter {
	background-image: url(../images/newsletter/header-newsletter.jpg);
}

div#subHeader div#header-therapie {
	background-image: url(../images/physikalische-therapie/header-therapie.jpg);
}

div#subHeader div#header-reha {
	background-image: url(../images/reha/header-reha.jpg);
}

div#subHeader div#header-roentgen {
	background-image: url(../images/roentgen-op-hilfen/header-roentgen.jpg);
}

div#subHeader div#header-doluk {
	background-image: url(../images/doluk/header-doluk.jpg);
}

/* ++++++++++++++++++++++++++++ Navigation +++++++++++++++++++++++++++++++++++++++ */
div#subHeader div#navigationContainer {
	border-top: 10px solid #e7e7e6;
	border-bottom: 1px solid #e7e7e6;
	width: 300px;
	height: 215px;
	padding: 45px 0 0 0;
	float: left;
	background: url(../images/layout/navigation-bg.gif) 0 0 no-repeat;
	/*margin-right: 10px;*/
}

div#subHeader div#navigationContainer ul {
	width: 250px;
}

div#subHeader div#navigationContainer ul li {
	padding: 00px 0 0px 33px;
	border-bottom: 1px solid #a8de9e;
}

div#subHeader div#navigationContainer ul li a {
	display: block;
	height: 40px;
	background-repeat: no-repeat;
	background-position: 0 15px;
	text-indent: -2000px;
	position: relative;
	left: 0;
	top: 0;
}


div#subHeader div#navigationContainer ul li a#navStartseite {
	background-image: url(../images/layout/navi-startseite.gif);
	width: 85px;
}

/* active state*/
div#subHeader div#navigationContainer ul li.active a#navStartseite {
	background-image: url(../images/layout/navi-startseite-active.gif);
}

div#subHeader div#navigationContainer ul li a#navUnternehmen {
	background-image: url(../images/layout/navi-unternehmen.gif);
}

/* active state*/
div#subHeader div#navigationContainer ul li.active a#navUnternehmen {
	background-image: url(../images/layout/navi-unternehmen-active.gif);
}

div#subHeader div#navigationContainer ul li a#navProdukte {
	background-image: url(../images/layout/navi-produkte.gif);
}

/* active state*/
div#subHeader div#navigationContainer ul li.active a#navProdukte {
	background-image: url(../images/layout/navi-produkte-active.gif);
}

div#subHeader div#navigationContainer ul li a#navDienstleistungen {
	background-image: url(../images/layout/navi-dienstleistungen.gif);
}

/*active state */
div#subHeader div#navigationContainer ul li.active a#navDienstleistungen {
	background-image: url(../images/layout/navi-dienstleistungen-active.gif);
}

/* ++++++++++++++++++++++++++++ Content ++++++++++++++++++++++++++++++++++++++++++ */
div#contentContainer {
	width: 900px;
	font-size: 12px;
	line-height: 18px;
	margin-bottom: 20px;
}

/* ++++++++++++++++++++++++++++ Sidebar ++++++++++++++++++++++++++++++++++++++++++ */
div#contentContainer div#sidebar {
	width: 285px;
	padding: 35px 15px 0 0;
	float: left;
}

div#contentContainer div#sidebar a {
	color: #3ca029;
}

div#contentContainer div#sidebar h3 {
	margin-bottom: 15px;
	text-indent: -2000px;
}

div#contentContainer div#sidebar div.sidebarBox {
	width: 272px;
	padding: 0 0 0 13px;
	margin-bottom: 25px;
}

div#contentContainer div#sidebar div#videoBox {
}

div#contentContainer div#sidebar div#videoBox h3#h3-videoLink {
	background: url(../images/layout/h3-produktvideo.gif) 18px 0 no-repeat;
}

div#contentContainer div#sidebar div#videoBox img {
	border: 1px solid #6d6d6d;
}

div#contentContainer div#sidebar div#productNavigation h3#h3-productLinks-nav {
	background: url(../images/layout/h3-produkte-nav.gif) 18px 0 no-repeat;
}

div#contentContainer div#sidebar ul#adressBox {
	padding: 0 0 0 33px;
	margin-bottom: 15px;
}

div#contentContainer div#sidebar div#productNavigation ul {
	padding:12px 0 1px 18px;
}

div#contentContainer div#sidebar div#productNavigation ul li {
	margin-bottom: 6px;
	padding-bottom: 6px;
	border-bottom: 1px solid #f0efef;
}

div#contentContainer div#sidebar div#productNavigation ul li a {
	text-decoration: none;
	background: url(../images/layout/green-arrow.gif) 0 0.5em no-repeat;
	padding-left: 15px;
	display: block;
}

div#contentContainer div#sidebar div#productNavigation ul li a:hover, div#contentContainer div#sidebar div#productNavigation ul li.active a {
	font-weight: bold;
}

div#contentContainer div#sidebar div#newsContainer {
	padding-left: 18px;
}

div#contentContainer div#sidebar div#newsContainer h3 {
	text-indent: 0;
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 0;
}

div#contentContainer div#sidebar div#newsContainer h3#h3-news {
	background: url(../images/layout/h3-aktuelle-informationen.gif) 0 0 no-repeat;
	text-indent: -2000px;
	margin-bottom: 15px;
}

div#contentContainer div#sidebar div#downloadContainer {
	background-color:#f0efef;
	padding:12px 0 1px 18px;
	width:255px;
	margin-left: 13px;
}

div#contentContainer div#sidebar div#downloadContainer h3#h3-produktkatalog {
	background: url(../images/layout/h3-produktkatalog.gif) 0 0 no-repeat;
	height: 19px;
}

div#contentContainer div#sidebar div#downloadContainer p {
	padding-bottom: 14px;
}

div#contentContainer div#sidebar div#downloadContainer a.pdf-download {
	padding-left: 20px;
	margin-bottom: 20px;
	display: block;
	height: 20px;
	width: 200px;
	text-decoration: none;
	background: url(../images/layout/pdf-icon.gif) 0 0 no-repeat;
}

div#contentContainer div#sidebar div#downloadContainer a.pdf-download:hover {
	text-decoration: underline;
}

div#contentContainer div#sidebar ul#slideshow {
	width: 267px;
	height: 192px;
	border: 1px solid #979797;
	margin: 0 0 25px 13px;
	position:relative;
   display:block;
   overflow:hidden;
}

#slideshow li{
    position:absolute;
    display:block;
    list-style-type:none;
    margin:0px;
    padding:0px;
    background-color:#f8f8f8;
}

#slideshow li img{
    display:block;
    background-color:#f8f8f8;
}

/* ++++++++++++++++++++++++++++ MainContent +++++++++++++++++++++++++++++++++++++++ */
div#contentContainer div#mainContent {
	width: 569px;
	margin-top: 35px;
	padding: 0 0 0 20px;
	border-left: 1px solid #e7e7e6;
	float: left;
}

div#contentContainer a.downloadImage {
	display: block;
	width: 200px;
	height: 112px;
	margin-bottom: 20px;
}

div#contentContainer a.downloadImage img {
	border: 1px solid #666666;
	width: 200px !important;
	height: 112px !important;
}

div#contentContainer a.downloadImage span.pdficon {
	background: url(../images/pdf-icon.gif) 0 0 no-repeat;
	width: 17px;
	height: 17px;
	position: relative;
	left: 173px;
	top: 0px;
	display: block;
	margin-top: -25px;
}
div#contentContainer div#mainContent a {
	color: #3ca029;
}

div#contentContainer div#mainContent h2 {
	margin-bottom: 15px;
	font-size: 12px;
	font-weight: bold;
	background-repeat: no-repeat;
	background-position: 0 0;
}

div#contentContainer div#mainContent h4 {
	margin-bottom: 10px;
	font-weight: bold;
	font-size: 12px;
	font-style: italic;
}

div#contentContainer div#mainContent h2#h2-startseite {
	background-image: url(../images/layout/h2-startseite.gif);
	text-indent: -2000px;
	height: 37px;
}

div#contentContainer div#mainContent h2#h2-unternehmen {
	background-image: url(../images/unternehmen/h2-unternehmen.gif);
	height: 16px;
	margin-bottom: 16px;
}

div#contentContainer div#mainContent h2#h2-lagerungshilfen {
	background-image: url(../images/lagerungshilfen/h2-lagerungshilfen.gif);
	height: 21px;
}

div#contentContainer div#mainContent h2#h2-lagerungskissen {
	background-image: url(../images/lagerungskissen/h2-lagerungskissen.gif);
	height: 21px;
}

div#contentContainer div#mainContent h2#h2-roentgen {
	background-image: url(../images/roentgen-op-hilfen/h2-roentgen-op-hilfen.gif);
	height: 21px;
}

div#contentContainer div#mainContent h2#h2-decubitus {
	background-image: url(../images/decubitus/h2-decubitus.gif);
	height: 21px;
}

div#contentContainer div#mainContent h2#h2-doluk {
	background-image: url(../images/doluk/h2-doluk.gif);
	height: 21px;
}

div#contentContainer div#mainContent h2#h2-therapie {
	background-image: url(../images/physikalische-therapie/h2-therapie.gif);
	height: 21px;
}

div#contentContainer div#mainContent h2#h2-reha {
	background-image: url(../images/reha/h2-reha.gif);
	height: 21px;
}

div#contentContainer div#mainContent h2#h2-dienstleistungen {
	background-image: url(../images/dienstleistungen/h2-dienstleistungen.gif);
	height: 21px;
}

div#contentContainer div#mainContent h2#h2-kontakt {
	background-image: url(../images/kontakt/h2-kontakt.gif);
	height: 21px;
}

div#contentContainer div#mainContent h2#h2-anfahrt {
	background-image: url(../images/anfahrt/h2-anfahrt.gif);
	height: 21px;
}

div#contentContainer div#mainContent h2#h2-impressum {
	background-image: url(../images/impressum/h2-impressum.gif);
	height: 21px;
}

div#contentContainer div#mainContent h2#h2-error {
	background-image: url(../images/layout/h2-error.gif);
	height: 21px;
}

div#contentContainer div#mainContent h2#h2-newsletter {
	background-image: url(../images/newsletter/h2-newsletter.gif);
	height: 21px;
}

div#contentContainer div#mainContent h2#h2-aktuelles {
	background-image: url(../images/aktuelles/h2-news.gif);
	height: 21px;
}

div#contentContainer div#mainContent p {
	padding-bottom: 20px;
}

div#contentContainer div#mainContent ul.textList {
	margin-bottom: 20px;
	padding-left: 18px;
}

div#contentContainer div#mainContent ul.textList li {
	padding-left: 15px;
	background: url(../images/layout/list-icon.gif) 0 0.3em no-repeat;
	margin-bottom: 4px;
}

div#contentContainer div#mainContent div.imageBox {
	width: 569px;
	height: 207px;
	border: 1px solid #676767;
	margin-bottom: 20px;
}

div#contentContainer div#mainContent div#gMap {
	border: 1px solid #ccc;
	width: 425px;
	height: 350px;
}

div#contentContainer div#mainContent dl {
	margin-top: 0;
}

div#contentContainer div#mainContent dl dt {
	float: left;
	margin-bottom: 2px;
	margin-right: 8px;
	color: #666666;
}

div#contentContainer div#mainContent dl dd {
	margin-bottom: 2px;
	font-weight: bold;
	color: #666666;
}

div#contentContainer div#mainContent a img {
	width: 272px;
	height: 163px;
	border: 1px solid #999999;
}

div#contentContainer div#mainContent div#euroweb img {
	width: auto !important;
	height: auto !important;
}

div#contentContainer div#mainContent div#topLink a {
	padding-left: 15px;
	background: url(../images/layout/top-link-icon.gif) 0 0.2em no-repeat;
}

/* ++++++++++++++++++++++++++++ Product Links +++++++++++++++++++++++++++++++++++++++++ */
div#contentContainer div#mainContent div#productLinks {
	width: 522px;
	background-color: #f0efef;
	padding: 25px 25px 25px 25px;
	margin-bottom: 140px;
}

div#contentContainer div#mainContent div#productLinks h3#h3-productLinks {
	background: url(../images/layout/h3-produkte.gif) 0 0 no-repeat;
	margin-bottom: 20px;
	text-indent: -2000px;
}

div#contentContainer div#mainContent div#productLinks ul {
	float: left;
}

div#contentContainer div#mainContent div#productLinks ul#leftLinks {
	margin-right: 15px;
	border-right: 1px solid #d5d5d5;
	width: 225px;
}

div#contentContainer div#mainContent div#productLinks ul li {
	margin-bottom: 2px;
}

div#contentContainer div#mainContent div#productLinks ul li a {
	color: #2b9a16;
	padding-left: 16px;
	display:block;
	background: url(../images/layout/green-arrow.gif) 0 0.3em no-repeat;
}

/* ++++++++++++++++++++++++++++ Protofade Slideshow ++++++++++++++++++++++++++++++ */
div#protoBox {
	height: 250px;
}

div#protofadeShow {
	width: 569px;
	height: 207px;
	clear:both;
	display:block;
	margin:0 0 0 0;
	overflow:hidden;
	padding:0;
	position:relative;
	border: 1px solid #676767;
}

#protofadeShow div.protofadeContainer {
	position:absolute;
	top:0; left:0; 
	display:block; 
	margin:0; 
	padding:0; 
	background:none;
}

#protofadeShow div.protofadeContainer p.descriptionText {
	height: 10px;
	width: 549px;
	padding: 10px;
	background: url(../images/layout/black-30.png) 0 0 repeat;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 2;
	color: #fff;
}

#protofadeShow div.protofadeContainer img { 
	display:block; 
}

div.controls {
	height: 20px;
	width: 569px;
	margin-bottom: 20px;
	padding-top: 4px;
}

div.controls a {
	color: #b3b3b3 !important;
	font-size: 11px;
	padding: 4px;
}

div.controls a:hover {
	color: #666666 !important;
}

/* ++++++++++++++++++++++++++++ CMS ++++++++++++++++++++++++++++++++++++++++++++++ */
div.cmsContainer {
	padding-bottom: 10px;
	margin-bottom: 20px;
	border-bottom: 1px solid #F0EFEF;
}

div.cmsContainer h3.cms-h3 {
	font-size: 12px;
	font-weight: bold;
	font-style: italic;
	margin-bottom: 10px;
}

div.cmsContainer div.cms-imageContainer {
	padding-bottom: 10px;
	margin-bottom: 10px;
}

div.cmsContainer div.cms-imageContainer img {
	width: auto !important;
	height: auto !important;
	border: none !important;
}

div.cmsContainer div.cms-imageContainer a {
	display: block;
	/*width: 250px;*/
	height: 150px;
	float: left;
	margin-right: 20px;
	border: 1px solid #676767;
	background: none;
	padding: 0;
}

div.cmsContainer a {
	color: #3CA029;
	background: url(../images/layout/link-icon.gif) 0 0.3em no-repeat;
	padding-left: 15px;
}
	

/* ++++++++++++++++++++++++++++ Footer +++++++++++++++++++++++++++++++++++++++++++ */
div#footer {
	width: 880px;
	height: 100px;
	border-top: 10px solid #eaeaea;
	padding: 30px 0 30px 20px;
	font-size: 12px;
}

div#footer ul#footerAdress {
	float: left;
	width: 300px;
}

div#footer ul#footerAdress li {
	margin-bottom: 2px;
	padding: 0 10px 0 10px;
}

div#footer ul#footerAdress li.mailLink {
	clear: both;
	float: none;
	height: 10px;
}

div#footer ul#footerAdress li.mailLink a {
	color: #50aa3f;
}

div#footer ul#footerAddNavi {
	width: 290px;
	height: 45px;
	float: right;
}

div#footer ul#footerAddNavi li {
	float: left;
	padding: 15px 10px 5px 10px;
	border-right: 1px solid #e2e2e2;
}

div#footer ul#footerAddNavi li a {
	color: #959595;
	font-size: 10px;
	text-transform: uppercase;
}