/*

 * 6.0 - Farbanpassungen
 * 7.0 - Inhalte
 * 8.0 - Media Queries

*/

/* 6.0 - Farbanpassungen */

body{
	
	background: #cbe3ee; /* Old browsers */
	background: -moz-linear-gradient(top, #cbe3ee 0%, #fff 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #cbe3ee 0%,#fff 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #cbe3ee 0%,#fff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cbe3ee', endColorstr='#fff',GradientType=0 ); /* IE6-9 */
}
	
	h1{
		color: #137094;	
	}
	
	h2{
		color: #137094;	
	}
	
	#logo h2{
		font-size:28px;
	}
	
	a{
	color:#137094;
	}
	
	#headericons .klickbtn{
		background-color: #137094;
	}
	
	#headerbalken{
		background-color:#137094;
	}
	
	#begriffbox{
		background:rgba(51,53,92,.9);
		color:#fff;
	}
	
	#begriff_close{
		color:#137094;
		background:#fff;
		border:1px solid #137094;
	}
	
	#menu ul ul li a{
		background:rgba(30,111,177,.5);
	}
	
	.startbild{
		width:200px;
	}
	
	#menu ul ul li a.on,
	#menu ul ul li a:hover{
		background:rgba(30,111,177,.9);
	}
	
	#menu ul {
		background: #137094;
	}
			
	#kontaktbox > div,
	#oeffnungszeitenbox > div,
	#formularbox > div{
		background: #fff;
	}
	
	#mobil_kontaktbox_2:hover,#mobil_oeffnungszeitenbox_2:hover{
    background-color: #adaebe;
}
	
	#footer_end{
		color:#fff;
	}
	
	#footer_end a{
		color:#fff;
	}
	
	.bgw{
		background:#fff;
		-webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.35);
-moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.35);
box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.35);
box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.35);
	}
	
	.color{
		color:#137094;
	}
	
	.bcolor{
		background:#137094;
	}
	
	.mul8circ1 {
		border-color: rgba(0, 0, 0, 0) rgba(51,53,92, 0.6);
	}

	.mul8circ2 {
		border-color: rgba(0, 0, 0, 0) rgba(51,53,92, 1);
	}
	
	
	.iconimg a {
		color: #137094;
	}
	
	.plus{
		background: rgba(51,53,92, 0);
		border: 1px solid #137094;
	}
	
	.plus.klickopen, .plus:hover {
		background: rgba(51,53,92, 0.6) none repeat scroll 0 0;
	}
	
	.bor{
		border-right:1px solid #4b6d9b;
	}
	
	.color{
		color:#137094;
	}
	
	.bcolor{
		background:#137094;
	}
	
	.sslicon{
		fill:#fff;
	}
	
	
	.leistungen>strong{
		margin-bottom:15px;
	}
	

/* 7.0 - Inhalte */

	#teamicon {
		background:url(../bilder/team.svg) no-repeat center top;
	}	
	
	#linksicon {
		background:url(../bilder/links.svg) no-repeat center top;
	}	
	
	#infoicon {
		background:url(../bilder/patienteninfo.svg) no-repeat center top;
	}	
	
	#notdiensticon {
		background:url(../bilder/notdienst.svg) no-repeat center top;
	}
	
	#newsicon {
		background:url(../bilder/news.svg) no-repeat center top;
	}
	
	#mitgliedschafticon {
		background:url(../bilder/mitgliedschaft.svg) no-repeat center top;
	}
	
	.ma{
		display:inline-block;
		margin:0 20px 60px;
		font-size:14px;
		width:235px;
		vertical-align:top;
	}
	
	#team .ma:nth-child(6){
		clear:left;
	}
	
	#team .spalte3:nth-child(3n+4){
		clear:both;
	}
	.w250{width:250px;}
	.w30{width:100px;
		float:left;
		display:inline;		
		}
	.w70{width:120px;
		float:left;
		display:inline;		
		}
	
	/*******PFEILE******/
	
	.pfeilpfad{
		fill: #666;
    }
   
   .pfeilpfad:hover{
		fill:#137094;
	} 
   
    .klickopen>.pfeilpfad{
		fill:#137094;
    }
	
	.kastenfarbe{
		background-color:#137094;
	}

	.klickopen,.klickbtn:hover{
		color:#137094;
	}
	
	.klickbtn:hover>.pfeilpfad{
	   fill:#137094;
	}
	

	
	
	
	
	
	
/* 8.0 - Media Queries */

/*************************** Layoutanpassungen in der layout.css ***************************/
/********************************* Projektanpassungen hier *********************************/

	@media (min-width: 780px) {
	
	
	
	}

	/* Smaller than Large Desktop / Desktop Normale Größe */
	@media (max-width: 1360px) {
		
/* UNBEDINGT PRÜFEN	 !!!
	#mobil_kontaktbox, 
	#mobil_oeffnungszeitenbox, 
	#mobil_formularbox {
		background-color: #137094;
	}
*/	
	}

	/* Landscape tablet and desktop / Tablet quer und Desktop Klein */
	@media (max-width: 980px) {
		
		.start{
			text-align:left !important;
		}
		
		.start .spalte2{
			text-align:left !important;
			width: 46%;
		}
		
		.kontaktoeff .spalte2{
			width: 46%;
		}
		
		
		
	}

	/* Landscape phone to portrait tablet / Smartphone quer bis Tablet hoch */
	@media (max-width: 780px) {
	
	
	.kontaktoeff .spalte2{
			width: 96%;
		}
	.pfeilpfad{
		display:none;
	}

	.start .spalte2{
			
			width: 96%;
		}
		
		.start .spalte2{
			line-height:1.6rem;
		}
	
	#kontaktbox > div,
	#oeffnungszeitenbox > div,
	#formularbox > div{
		background: #137094;
	}
	
	#menu ul {
		background: #137094;
	}
	
	#menu .on, #menu ul li a:hover {
		border-bottom: none;
	}
	
	#logo > a > img {
		width: auto;
	}
	
	h1, h2{
		font-size:26px;
	}
	
	#formularbox h2{
		color:#fff;
	}
	
	#menu ul ul li a{
		background:none;
	}
	
	#menu ul ul li a.on,
	#menu ul ul li a:hover{
		background:none;
	}
	
	#menu ul ul {
			display: block;
			position: relative;
			border: none;
			box-shadow: none;
			padding: 0px 20px 0;
			margin-bottom:0px;
			background-color:#2c9ab5;
			width:100%;
			margin-top:0px;
		}
		
		#menu ul ul li{
			text-align:center;
		}
		
		#menu ul ul, #menu ul li:hover ul {
			height:auto !important;
			display:none;
		}
	
	#logo h2{
		font-size:24px;
	}
	
	.start .spalte2{
			text-align:left !important;
		}
	
	}

	/* Portrait phones and down / Smartphone hoch und kleiner */
	@media (max-width: 480px) {
		
	#logo h2{
		font-size:18px;
	}	
		
	}