/* 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;
	position: relative;
	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;
}
body#english div#header h1#branding a {
	background: url(../images/layout/branding-en.gif) 0 0 no-repeat;
}

div#header ul#additionalNavigation {
  height: 45px;
    padding: 77px 0 0 310px;
    position: absolute;
    right: 0;
}

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;
	position:relative;
}
.header-imageContainer h2 {
	font-style:italic;
	font-size:24px;
	position:absolute;
	left:30px;
	line-height:30px;
	top:205px;
}
.header-imageContainer h2.small {

	font-size:20px;


	top:207px;
}

/* ++++++++++++++++++++++++++++ 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);
}

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

/*active state */
div#subHeader div#navigationContainer ul li.active a#navKooperationspartner {
	background-image: url(../images/layout/navi-kooperationspartner-active.gif);
}
/*   ######################## EN ######################   */
body#english div#subHeader div#navigationContainer ul li a#navStartseite {
	background-image: url(../images/layout/en/navi-startseite.gif);
	width: 120px;
}

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

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

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

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

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

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

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

body#english div#subHeader div#navigationContainer ul li a#navKooperationspartner {
	background-image: url(../images/layout/en/navi-kooperationspartner.gif);
}

/*active state */
body#english div#subHeader div#navigationContainer ul li.active a#navKooperationspartner {
	background-image: url(../images/layout/en/navi-kooperationspartner-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 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 ul#adressBox,
div#contentContainer div#sidebar #newsContainer {
	margin-bottom: 15px;
	
		background-color:#f0efef;
	padding:12px 0 12px 18px;
	width:255px;
	margin-left: 13px;
}

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 h3 {

font-weight:bold;

	height: 19px;
	margin-bottom:15px;
}

html.cufon-loading #h3-news,
html.cufon-loading #newsletterContainer h3,
html.cufon-loading #h3-produktkatalog, 
html.cufon-loading #h3-productLinks-nav 

{	visibility:hidden;
}

#h3-news,
#newsletterContainer h3,
#h3-produktkatalog, 
#h3-productLinks-nav {
font-size:20px;
font-style:italic;
font-weight:normal;
}

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 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: 23px;
	font-style:italic;
	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 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;
}

 #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;
}
div.cms-wrapper{
padding:15px 0;
border-bottom:1px solid #ccc;
}
	.cms-img-logo {
	float:right;
	margin:10px 0 5px 20px;
	max-width:200px;
	height:auto;
	width:auto;
	padding:3px;}

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

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 {
float: right;
    height: 45px;
    position: absolute;
    right: 0;
}

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;
}