/* 
* Amazium V1.3
* Copyright 2012, Mike Ballan
* www.amazium.co.uk
*/

/***** ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** *****/

/* include fonts */
/* regular 
first for IE 4–8 
@font-face{font-family: neo_sansregular;src: url("../font/neo_sans-webfont.eot");}
*/
/* then for WOFF-capable browsers
@font-face{font-family: neo_sansregular;src: url("https://www.kardiogastro.de/fileadmin/templates/inc/font/neo_sansregular.woff") format("woff");}
*/
@font-face {
    font-family: 'neo_sansregular';
    src: url('../font/neo_sans-webfont.eot');
    src: url('../font/neo_sans-webfont-.eot#iefix') format('embedded-opentype'),
         url('../font/neo_sans-webfont.woff') format('woff'),
         url('../font/neo_sans-webfont.ttf') format('truetype'),
         url('../font/neo_sans-webfont.svg#neo_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}


/***** ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** *****/

/***** Screen 960px *****/
.top			 								{ margin:0 auto; margin-top:30px; }	
.base											{ margin:0 auto; margin-bottom:40px; }	
span.example									{ margin-bottom:5px; padding:5px 0 5px 0; background-color:#eee; text-align:center; width:100%; display:block; }

b,strong{
	font-family:'neo_sansregular', Arial, Helvetica, sans-serif;
	font-weight: bold;
}

body{ 
	margin:10px 0 0 0; 
	padding:0; 
	/*background: url("../../art-global/body-bg.png") no-repeat top center #FFF;*/
	font:12px 'neo_sansregular', Arial, Helvetica, sans-serif; 
	color:#666; 
	-webkit-font-smoothing:antialiased; 
	-webkit-text-size-adjust:none; 
	overflow-x:hidden;
	overflow-y:auto;
}





/* HEADLINES */
h1, h2, h3, h4, h5, h6{
	font-family:'neo_sansregular', Arial, Helvetica, sans-serif; 
	line-height:120%;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a 		{ font-weight:inherit; }
h1 										{ margin:0 0 10px 0; padding:0; font-size:24px; line-height:28px; color:#666; }
h2										{ margin:0 0 10px 0; padding:0; font-size:20px; line-height:24px; color:#666; }
h3 										{ margin:0 0 10px 0; padding:0; font-size:16px; line-height:22px; color:#666; }
h4 										{ margin:0 0 10px 0; padding:0; font-size:16px; line-height:20px; color:#666; }
h5 										{ margin:0 0 10px 0; padding:0; font-size:14px; line-height:16px; color:#666; }
h6 										{ margin:0 0 10px 0; padding:0; font-size:14px; line-height:16px; color:#666; }

/***** ***** ***** LINKS ***** ***** ***** *****/

a:link,
a:visited {
	color: #666;
	background: url("../../art-global/bullet-link-grey.png") no-repeat 2px 3px transparent;
	padding: 0 0 0 12px;
}
a:hover{ 
	color: #000;
	background: url("../../art-global/bullet-link-black.png") no-repeat 2px 3px transparent;
	text-decoration: underline;
}

.footer a:link,
.footer a:visited {
	color: #999;
	background-image: none;
	padding: 0px;
}
.footer a:hover{ 
	color: #000;
	background-image: none;
	text-decoration: none;
}


a.downloads {
	padding-left: 18px;
	background: url("https://www.kardiogastro.de/fileadmin/templates/art-global/icon-pdf-small.png") no-repeat 0 5px transparent;
}

a.downloads:hover {
	background: url("https://www.kardiogastro.de/fileadmin/templates/art-global/icon-pdf-small-black.png") no-repeat 0 5px transparent;
}

div.csc-textpic a :hover {
	background: none;
}

/***** ***** ***** ALLGEMEINE KLASSEN ***** ***** ***** *****/
.margin-top10 {
	margin-top: 10px;
}

.bgWhite {
	background: #ffffff;
}

.wrap{
	display:none;
}

p, 
ul, 
ul li, 
ol {font-size: 14px; line-height: 155%; padding: 0 0 15px 0;}
ul li {padding: 0 0 5px 12px; background: url("../../art-global/list-grey.png") no-repeat 0 5px transparent;}

/***** Tables  *****/

table									{ margin:0 0 15px 0; width:100%; border-bottom:1px solid #CCC;}
table th 								{ padding:10px 8px 10px 8px; background-color:#fff; font-weight:bold; border-top:1px solid #CCC; border: none;}
table td 								{ padding:8px 6px 8px 6px; background-color:#FFF; border-top:1px solid #CCC; border-bottom: none; border-left: none; border-right: none; color: #666;}
table tr.even td 						{ background-color:#fff; }
table tr.odd td 						{ background-color:#CCC; }
table td.highlight 						{ color:#FFF; font-weight:bold; }
table tr td.highlight					{ background-color:#CCC;  }

table p {
	padding: 0;
	margin: 0;
}

/***********************************************
NAVIGATIONS
**********************************************/
/******** META-NAVIGATION *************/
.metaNav {
	float: right;
	font-size: 14px;
}
.metaNav ul {
	margin:0;
}
.metaNav ul li {
	display: inline;
	padding: 5px 0px 5px 20px;
	background: none;
}
.metaNav ul li:first-child {
	padding-left:0;
}
.metaNav ul li a {
	padding: 0;
	background: none;
	color: #666;
}
.metaNav ul li a:hover,
.metaNav ul li a:active,
.metaNav ul li a.active {
	background: none;
	text-decoration: underline;
	color: #000;
}







/******** MAIN-NAVIGATION *************/
.mainNav {
	margin-top: 91px;
}

.mainNav ul {
	margin: 0;
	padding: 0;
}

.mainNav ul li:first-child{
	margin-left:0;
}
.mainNav ul li{
	float:left;
	margin:0 0 0 50px;
	padding:0;
	/*width: 33%;*/
	background: none;
	font-size: 12px;
}
.mainNav ul li:hover {
	cursor: pointer;
	transition-property: color 200ms linear 0s;
	-moz-transition: color 200ms linear 0s;
	-webkit-transition: color 200ms linear 0s;
	-o-transition: color 200ms linear 0s;
}
.mainNav ul li:hover,
.mainNav ul li:hover a,
.mainNav ul li:hover h2,
.mainNav ul li:active,
.mainNav ul li:active a,
.mainNav ul li:active h2,
.mainNav ul li.active,
.mainNav ul li.active a,
.mainNav ul li.active h2 {
	color: #000000;
}

.mainNav ul li:hover.red,
.mainNav ul li:hover.red a,
.mainNav ul li:hover.red h2,
.mainNav ul li:active.red,
.mainNav ul li:active.red a,
.mainNav ul li:active.red h2,
.mainNav ul li.red.active,
.mainNav ul li.red.active a,
.mainNav ul li.red.active h2 {
	color: #D10018;
}
.mainNav ul li.blue.active,
.mainNav ul li.blue.active a,
.mainNav ul li.blue.active h2,
.mainNav ul li:active.blue,
.mainNav ul li:active.blue a,
.mainNav ul li:active.blue h2,
.mainNav ul li:hover.blue,
.mainNav ul li:hover.blue a,
.mainNav ul li:hover.blue h2 {
	color: #375685;
}
.mainNav ul li a,
.mainNav ul li a h2 {
	margin: 0;
	background: none;
	padding: 0 0 10px 0;
}

.mainNav ul li.active a,
.mainNav ul li.active a h2,
.mainNav ul li a:hover,
.mainNav ul li a:hover h2{
	background: none;
	text-decoration: none;
	
}
.mainNav ul li a {
	line-height: 10px;

}
.mainNav ul li a h2 {
	text-transform: uppercase;
	line-height: 18px;
	font-size: 14px;
	font-weight: bold;
	margin: 0 0 5px 0;
	padding:0;
}









/******** SUB-NAVIGATION *************/


.bgCube {
	height: 400px;
	width: 400px;
	background: url("../../art-global/body-bg.png") no-repeat top left transparent;
	position: fixed;
	z-index: -1;
}


.subNav {
	font-size: 16px;
	background: #fff;
	padding-left: 10px;
}
.subNav ul {
	margin:0;
}
.subNav ul li {
	display: block;
	padding: 0px 0px 15px 0px;
	background: none;
	line-height: 18px;
	font-size: 16px;
}
.subNav ul li a {
	padding: 0;
	background: none;
	color: #999;
}
.subNav ul li.red a {
	color: #D10018;
}
.subNav ul li.blue a {
	color: #375685;
}
.subNav ul li.black a {
	color: #000;
}
.subNav ul li a:hover,
.subNav ul li a:active,
.subNav ul li a.active {
	background: none;
	text-decoration: none;
}
.subNav ul li ul li a:hover,
.subNav ul li ul li a:active,
.subNav ul li ul li a.active {
	color: #000;
	padding-bottom: 1px;
/*	border-bottom: 1px solid #666;*/
}
.subNav ul li ul li.active a:hover {
	padding-bottom: none;
	border-bottom: none;
}
/*.subNav ul li.red a:hover,
.subNav ul li.red a:active,
.subNav ul li.red a.active {
	color: #D10018;
	padding-bottom: 2px;
	border-bottom: 1px solid #D10018;
}

.subNav ul li.blue a:hover,
.subNav ul li.blue a:active,
.subNav ul li.blue a.active {
	color: #375685;
	padding-bottom: 2px;
	border-bottom: 1px solid #375685;
}*/



/*2. ebene*/
.subNav ul li ul {
	padding: 10px 0px 10px 0px;

}
.subNav ul li ul li{
	padding: 0px 0px 0px 20px;
	cursor: pointer;
	font-size: 14px;
}
/*.subNav ul li ul li{
	padding: 0px 0px 0px 25px;
	background: url("../../art-global/bullet-link-grey.png") no-repeat 11px 4px;	
	cursor: pointer;
}
.subNav ul li ul li:hover{
	background: url("../../art-global/bullet-link-black.png") no-repeat 11px 4px;	
}*/

.subNav ul li ul li a {
	font-weight: normal;
}


/******** LAYOUTELEMENTE *************/
.logoHead{
	/*height:100px;*/
	padding: 0px 0 45px 0;
	position: relative;
}
.logoHead a,
.logoHead a:hover {
	background: none;
}
.logoHead .logo {
	float: left;
}


.normalContent {
	width:100%;
	background:#e8e8e8;
}
.normalContent,
.produktvorteile.oben .row{
	padding-top:40px;
	padding-bottom:16px;
}
.produktvorteile.unten .row{
	padding-top:16px;
	padding-bottom:20px;
}


.triggerClose,
.produktvorteile .trigger{
	cursor:pointer;
}
.triggerClose{
	position:absolute;
	right:24px;
}



/*Responsive images im content*/
#content img {
	width: 100%;
	height: auto;
}


/*Abstand entfernen*/
#content DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap, 
#content DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap {
    margin-left: 0px !important;
}

#content a.fancybox:hover {

	background:none;

}




/******** SLIDER *************/
.sliderContent{
	width:100%;
	/*min-height: 150px;*/
	/*background:#333;*/
}
/*Feste breite für den slider geben*/
.sliderContent li {
	padding: 0;
	max-height: 350px;
	overflow: hidden;
	background: none;
}

.sliderContent img {
	position: relative;
	top: 0;
	left: 0;
	z-index:0;
	margin-top: 0px;
}
.flexslider {
	margin-bottom: 20px;
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-o-box-shadow: none;
}

.flex-viewport {
	padding-bottom: 1px;
	max-height: 350px;
}

.flex-direction-nav{
	/* position:relative;
	top:-130px; */
}
.flex-direction-nav a {
	top: 40%;
	width: 38px; 
	height: 70px; 
	margin: 0 0 0; 
	background: url("../../art-global/pfeile-slider.png") no-repeat 0 0;	
}
.flex-direction-nav a:hover {
	
	border:none;
}
.flex-direction-nav .flex-next {
	background: url("../../art-global/pfeile-slider.png") no-repeat 0 0;
	background-position: 100% 0; 
	right: -40px; 
}
.flex-direction-nav .flex-prev {
	background: url("../../art-global/pfeile-slider.png") no-repeat 0 0;
	left: -40px;
}
.flex-control-nav {
	width: 100%;
	position: relative;
	left:0;
	bottom: 0;
	text-align: left;
	margin: 1px 0px 30px 0px;
}
.flex-control-nav li {
	margin: 0 1px 0 0;
	display: inline-block;
}
.flex-control-paging li a {
	color: #333;
	padding: 4px 0 0 0;
	width: 24px;
	height: 20px;
	display: block;
	background: #fff;
	background: rgba(0, 0, 0, 0.0);
	cursor: pointer;
	text-indent: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	-o-border-radius: 0px;
	border-radius: 0px;
	box-shadow: none;
	text-align: center;
}
.flex-control-paging li a:hover {  color: #333; background: #fff; background: rgba(0,0,0,0.1); }
.flex-control-paging li a.flex-active { color: #fff; background: #ccc; background: rgba(0,0,0,0.3); cursor: default; }
div.headlineSlider{
	display:inline;
	position:absolute;
	top:21%;
}
div.headlineSlider h2{
	font-size:35px;
	font-weight:light;
	color:#fff;
	text-transform:none;
}
div.normalContent h1{
	color:#aaaa00;
	text-transform:none;
}
/***** ***** ***** ***** ***** ***** ***** *****/
.extTriggerContentslider{
	height:32px;
	background:#e8e8e8;
	padding: 45px 0 55px 0;
}
.extTriggerContentslider h1 {
	margin:0;
	background:url("https://www.kardiogastro.de/fileadmin/templates/art-global/pfeil-anker-h1-normal.png") no-repeat;
	cursor:pointer;
	background-position:right 4px;
	padding-right:32px;
	color:#ccc;
	display:inline-block;
	text-decoration:none;
}

.extTriggerContentslider h1:active, 
.extTriggerContentslider h1.active, 
.extTriggerContentslider h1:hover{
	color:#aaaa00;
	background:url("https://www.kardiogastro.de/fileadmin/templates/art-global/pfeil-anker-h1-active.png") no-repeat;
	background-position:right 4px;
	text-decoration:none;
}










/******** FOOTER *************/

.bgFooter {
	height: auto;
	/*width: 9000px;*/
	width: 100%;
	position: absolute;
	z-index: -1;
}


.footer {
	margin: 20px 0 40px 0;
}
.footer .gradient {
	background: #e3e2e4; /* Old browsers */
	background: -moz-linear-gradient(top,  #e3e2e4 0%, #ffffff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e3e2e4), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #e3e2e4 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #e3e2e4 0%,#ffffff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #e3e2e4 0%,#ffffff 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #e3e2e4 0%,#ffffff 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3e2e4', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.footer .gradient h1,
.footer .gradient h2,
.footer .gradient h3,
.footer .gradient h4,
.footer .gradient h5,
.footer .gradient h6,
.footer .gradient p {
	padding: 10px 10px 0px 10px;
	font-size:12px;
	color:#999;
}
.footer .gradient h6 {
	margin-bottom: 0;
}
.footer a.h4Link:link{
	text-transform:uppercase;
	background:none;
	padding: none;
	margin: 10px 0 0 0;
	border:none;
}

/***** ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** *****/
/* erweiterungen contentslider */
/***** ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** *****/
.contentslider {
	/* margin-bottom:48px; */
	width:960px;
}
.contentslider .contentsliderControlls{
	/* background:yellow; */
	width:99%;
	height:36px;
	
	position: absolute;
	left:0;
	/* margin-top:340px; */
	z-index:2;
	
}
.contentslider .contentsliderControlls .contentsliderControllsArrow{
	background:yellow;
	width:40px;
	height:80px;
	background:url("../../art-global/pfeile-slider-kl.png") no-repeat;
	cursor:pointer;
}
.contentslider .contentsliderControlls .contentsliderControllsArrow.left{
	left:-24px;
}

.contentslider .contentsliderControlls .contentsliderControllsArrow.right{
	right:-38px;
	background-position:-45px 0;
}

.shaddow-img-bottom{
	width:100%;
	height:22px;
	display:block;
	margin:0;
	padding:0;
	margin-top:-6px;
	position:relative;
}
div.csc-textpic a {
	padding: 0 0 0 0;
	background: none;
}
div.csc-textpic img {
	border: none;
	
}




/***** ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** *****/
/* googlemaps */
/***** ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** *****/

.homelink{
	width:32px;
	height:32px;
	padding:8px;
	position:absolute;
	bottom:0;
	background:#000;
	z-index:6565;
	text-align:center;
}
.homelink:hover{
	background:#fff;
}
.homelink:hover > a{
	color:#000;
}
.homelink a{
	color:#fff;
	font-size:100%;
	text-decoration:none;
}
.homelink a:hover{
	color:#000;
}

#map_canvas{
	width:100%;
	height:460px;
	position: relative;
	background-color: #DDDC00;
	overflow: hidden;
}

#Mapscontent 	{
	color: #000;
	font-size: 14px;
	border-radius: 5px;
	width: 330px;
	
}


#Mapscontent h1	{
font-size: 14px;
border-bottom: none;
padding: 0;
margin-bottom: 8px;
}

#Mapscontent span.left	{
	display: inline-block;
	width: 260px;
}

#Mapscontent span.line	{
	display: block;
	border:none;
	margin: 8px 0;
}

.gmnoprint a:link{
	font-size:10px;
}


.footer.vorlaufig{
	margin-top:80px;
}
.vorlaufig{
	margin-top:112px;
}


/***** ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** *****/
/* powermail  */
/***** ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** *****/

fieldset.tx-powermail-pi1_fieldset {
    background: none;
    border: none;
    padding: 0px;
}



fieldset.tx-powermail-pi1_fieldset legend {
    color: red;
    font-weight: bold;
    display:none;
}

fieldset.tx-powermail-pi1_fieldset label, fieldset.tx-powermail-pi1_fieldset fieldset legend {
    color: #515151;
    display: block;
    float: left;
    font-weight: bold;
    white-space: normal;
    width: 100%;
}

fieldset.tx-powermail-pi1_fieldset input.powermail_text, fieldset.tx-powermail-pi1_fieldset input.powermail_date, fieldset.tx-powermail-pi1_fieldset input.powermail_datetime, fieldset.tx-powermail-pi1_fieldset textarea.powermail_textarea, fieldset.tx-powermail-pi1_fieldset input.powermail_captcha {
    background: none repeat scroll 0 0 #F8F8F8;
    border: 1px solid #CCCCCC;
    padding: 2px;
    width: 98%;
}

textarea.powermail_textarea {
	height:100px;
}

fieldset.tx-powermail-pi1_fieldset label, fieldset.tx-powermail-pi1_fieldset fieldset legend {
    color: #515151;
    display: block;
    float: left;
    font-size:14px;
    font-weight: 400;
    white-space: normal;
    width: 100%;
}

fieldset.tx-powermail-pi1_fieldset .powermail_check_inner, fieldset.tx-powermail-pi1_fieldset .powermail_radio_inner {
    margin-left: 0;
}

fieldset.tx-powermail-pi1_fieldset fieldset legend {
    left: 0;
    margin: 0;
    padding: 0;
    position: inherit;
}

fieldset.tx-powermail-pi1_fieldset input.powermail_submit {
    font-weight: bold;
    margin: 20px 0 10px 0px;
}




/***** ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** *****/


/***** Screen Bigger than 960px ****
@media only screen and (min-width:1200px) {

.example										{ margin:0; padding:0; }

}*/




/*Abfrage für das ipad in landscape aber nicht die normale version im browser*/
@media only screen and (min-device-width: 768px) and (max-device-width: 959px) and (orientation: landscape) {
	.bgFooter {
		max-width: 544px;
	}
}


/***** Tablet (Smaller than 959px) *****/
@media only screen and (min-width: 768px) and (max-width: 959px) {

	.metaNav {
		margin-right: 75px;
	}

	.mainNav {
		margin-left: 100px;
	}

	.mainNav ul li {
		margin: 0 20px 20px 0px;
	}

	.bgFooter {
		max-width: 420px;
	}

}


/***** Phone (portrait 300px) *****/
@media only screen and (max-width: 767px) {

	.metaNav {
		float: none;
	}

	.logoHead {
		padding: 0;
	}

	.mainNav {
		margin: 20px 0 20px 0;
	}

	.mainNav ul li {
		float: none;
		margin: 0 0 20px 0;
		width: 100%;
	}

	.subNav {
		font-size: 12px;
		padding-top: 12px;
		margin-bottom: 15px;
		border-top: 1px solid #666;
		border-bottom: 1px solid #666;
	}

	.bgCube {
		height: 300px;
		width: 300px;
		background: url("../../art-global/body-bg.png") no-repeat 0px 0px;
		background: none;
		top: 50px;
	}

	.flex-direction-nav a {
		top: 20%;
	}

	.bgFooter {
		width: 300px;
	}
	.vorlaufig{
		margin-top:32px;
	}
	.footer.vorlaufig{
		margin-top:0px;
	}
}


	
/***** Phone (landscape 420px) ****
@media only screen and (min-width: 480px) and (max-width: 767px) {
	
.example										{ margin:0; padding:0; }

}
*/

/***** ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** *****/

/***** Retina *****/
/*@media only screen and (-webkit-min-device-pixel-ratio:1.5) {

.example										{ margin:0; padding:0; }

}
*/


/***** FE EDIT (landscape 420px) ****/
.typo3-editPanel img,
.typo3-adminPanel img,
img.frontEndEditIcons {
    width: auto !important;
}

.typo3-adminPanel a,
.typo3-editPanel a,
a.frontEndEditIconLinks {
    background: none !important;
}