/**
 *
 * CSS-Datei für die gängigen Redaxo-Module, bitte Styles so allgemein 
 * und modular wie möglich halten
 * 
 * Stand: 26.12.2011   
 *
 */      
 
/*----------------------------------------------------------------------------*/
 
/**
  *
  * Modul: LoadingIndicator
  * 
  */       

 .loadingIndicator { background: url("images/waiting_0.gif") no-repeat center center #fff; height: 125px; width: 125px; position: fixed; left: 50%; top: 50%; text-indent: -99999px; z-index: 99999; }

/*----------------------------------------------------------------------------*/

/**
  *
  * Modul: Inhalt - Download (mit Icon)
  * 
  */  

  .link_icon { line-height: 15px; display:block; padding-left:20px; background-repeat: no-repeat; background-position:0px 2px;}
  .ico_pdf { background-image: url("../vendor/mime_iconset/fico_pdf.gif"); }
  .ico_xls { background-image: url("../vendor/mime_iconset/fico_xls.gif"); }
  .ico_doc { background-image: url("../vendor/mime_iconset/fico_doc.gif"); }
  .ico_zip { background-image: url("../vendor/mime_iconset/fico_zip.gif"); }
  .ico_jpg,
  .ico_jpeg { background-image: url("../vendor/mime_iconset/fico_jpg.gif"); }
  .ico_gif,
  .tif { background-image: url("../vendor/mime_iconset/fico_pic.gif"); }
  .ico_def { background-image: url("../vendor/mime_iconset/fico_def.gif"); }

/*----------------------------------------------------------------------------*/

/**
  *
  * Modul: Inhalt - Fixfloat
  * 
  */

  .clear { clear: both; height: 1px; line-height: 0; margin:50px 0 10px 0;}

/*----------------------------------------------------------------------------*/

/**
  *
  * Modul: Inhalt - Formularbaukasten (do form! 4.31)
  * 
  */
  .formgen {width:100%; float:left; display:block;}
  input.formerror.red, textarea.formerror.red { border: 1px solid #C00000; }

/*----------------------------------------------------------------------------*/


/**
  *
  * Back to Top - Pfeil (zurück zum Seitenanfang)
  * 
  */

#back-top {
	
  /*
  position: fixed;
  bottom: 15px;
	margin-right: 15px;
	*/
}

#back-top a {
	width: 80px;
	display: block;
	text-align: center;
	font: 11px/100% Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	color: #bbb;

	/* transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover {
	color: #000;
}

/* arrow icon (span tag) */
#back-top span {
	width: 80px;
	height: 80px;
	display: block;
	margin-bottom: 7px;
	background: #ddd url(images/up-arrow.png) no-repeat center center;

	/* rounded corners */
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;

	/* transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}

#back-top a:hover span {
	background-color: #777;
}






/*----------------------------------------------------------------------------*/


/** News Slider - Orbit **/

.banner {max-width:980px; height:400px; display:block; overflow:hidden; margin:0 auto; float:none; position:relative;}
div.orbit-wrapper {overflow:hidden;}


.row.content .banner .content {max-width:980px; width:100%; margin:0; top:0px; height:400px; position:absolute; overflow:hidden; }
.row.content .banner .content .overlay { display:block; width:50%; position:absolute; background:url(images/caption_bg.png) repeat 0 0 transparent; bottom:0; padding:15px 25px; left:0;}
.row.content .banner .content .overlay .teaser_text p {font:400 20px/22px 'Dosis', sans-serif; margin-bottom:0px;}
.row.content .banner .content .overlay .teaser_text p sub {font:400 12px/18px 'Dosis', sans-serif; margin-bottom:15px;}


.row.content .banner .content .orbit-caption {text-align:left;} 



.row.content .banner .content img {min-height:350px;}

/* .row.content .banner .content.fluid-placeholder {visibility:hidden !important; display:none !important;} */


ul.orbit-bullets {bottom:0; left:auto; margin:0; right:2.5%;}
ul.orbit-bullets li {
    background: url(images/bullets.png) no-repeat scroll 0 0 transparent;
    color: #999999;
    cursor: pointer;
    float: left;
    height: 16px;
    margin-left:2px;
    overflow: hidden;
    text-indent: -9999px;
    width: 16px;
}


ul.orbit-bullets li.active {
    background: url(images/bullets.png) no-repeat scroll 100% 0 transparent;
}



/*----------------------------------------------------------------------------*/


/** Hauptbild oben - Orbit **/

div.orbit-wrapper {overflow:hidden; margin:0 0 30px 0; }
div.orbit-wrapper .orbit {margin:0;}
div.orbit-wrapper .orbit img {max-width:980px; width:100%; min-height:230px; margin:0; top:0px; position:absolute; overflow:hidden; }
/* div.orbit-wrapper .orbit .fluid-placeholder {visibility:hidden !important; display:none !important;}
div.orbit-wrapper .orbit .clear.active {visibility:hidden !important; display:none !important;}
 */




/*----------------------------------------------------------------------------*/


/** Bildergalerie **/

#galerie {margin:0;}
#galerie a {margin:0 2% 1.5% 0; float:left;}
#galerie a img {width:100%;}




/*----------------------------------------------------------------------------*/


/** Textblock **/
.text {float:left; margin:0; }
.text.mehrspaltig p {width:47%; float:left; margin:0 6% 0 0;}
.text.mehrspaltig p:last-child {margin:0; float:right;} 

/*----------------------------------------------------------------------------*/


/** Formulare **/ 
.left {margin:0 4.4% 0 0;}
.left input {width:100%; height:20px; margin:0 0 6.5% 0; border:solid 1px #e3e9ef;  font:400 12px/18px Arial, Verdana, Sans-serif; color:#666;}

form label,
form label {margin-bottom:2px;}

.right {margin:0;}
.right textarea {width:100%; height:144px; margin:0; border:solid 1px #e3e9ef; font:400 12px/18px Arial, Verdana, Sans-serif; color:#666;}
.right textarea:hover,
.right textarea:focus,
.left input:hover,
.left input:focus { background:#fff; border:solid 1px #c7e2f1;}  

label.formerror {color:#f5af8d;}
input.formerror,
textarea.formerror {border-color:#f5af8d !important;}

.forminfo.alert-box.error {background:#f5af8d !important; color:#c00;}

.blue.button {
    float:left;
    background-color: #80a2d0;
    margin:0;
}

.blue.button:hover,
.blue.button:focus {
    background-color: #577eb3;
}








/**
 *
 * 
 * Teammodul
 * 
 *
**/

.team.arzt {float:left; margin:0 10% 4.4% 0; display:block; height:auto;}
.team.arzt img {width:100%;}

.team.helfer {float:left; margin:0 2.2% 4.4% 0; display:block; height:auto;}
.team.helfer:last-child {float:left;}  
.team.helfer img {width:100%;}

.team .name {font:600 12px/30px Verdana, Sans-serif; color:#666; margin:0 0 2% 0;}