/* ===========================================
   2. Allgemeine Definitionen
   =========================================== */
*{
	font-family:Arial, Helvetica, sans-serif;
	font-family: 'Source Sans Pro', sans-serif;
	font-size:13px;
	color:#5d5d5d;
	font-style:normal;
	font-weight:normal;
	text-decoration:none;
	text-align:left;
	line-height: 115%;
}
body{
	background-color:#eee;
}

h2, h3, p, strong {
	color:#5d5d5d;
}

h1, h2, h3{
	font-weight:bold;
	margin:0 0 10px 0;
}

h1{ 
	font-size:24px;
	font-weight: bold;
	margin-bottom:18px;
	color:#5d5d5d;
}
h2{
	font-size:16px;
	margin-bottom:5px;
}
h3{
	font-size:13px;
}

p{ font-size:100%;
	margin:5px 0;
	line-height:1.3em;
	color:#5d5d5d;
}
strong{
	font-weight:bold;
	font-size:14px;
	color:#5d5d5d;
}
em{font-style:italic;
}

a{
	font-size: 100%;
}

.mehr{
	font-weight: bold;
}

.mehr:hover{
	color: #51bdbd;
}
/*************************
Grundlayout
*************************/
#wrapper{
	max-width: 960px;
	margin: 20px auto 0 auto;
	padding: 0 15px;
	background-color: #fff;
	
}
#header{
	
	background-color: #fff;
	
	
}

#header .logo img{
	padding: 0 0 0 20px;
}
#footer{
	height: 40px;
	background-color:#e7e7e7;
	text-align: center;
}



#navhead{
	min-height: 30px;
	text-align: right;
	background-color: #e7e7e7;
}
#menuoben{
	float:right;
}

#aside{
	background-color: #fff;
	
}

#asidetitel{
	height: 16px;	
	padding: 0 0 0 10px;
}
/**********
Kopfbereich
***********/
#header h1{
	margin:30px 0 0 0;
	font-size: 44px;
	line-height: 54px;
}
#header h2{
	font-size:22px;

}
.homebild{
	margin-top: 15px;
}
	

#header img{
	margin-top:15px;
}


#bogen{
	float: right;
	margin-right: 10px;
}

h3.naehe{
	font-size: 20px;
	font-weight: normal;
	text-indent:2px;
	line-height: 30px;
}
/********
Home
********/

.boxhome{
	min-height: 250px;
}

@media screen and (min-width : 300px) and (max-width : 960px){
	.Seitentitel{
		margin-top:20px;
	}
	#header h1, #header h2{
		margin-left:10px;
	}
}

/********
Tabelle
********/
table .td1{
	width: 180px;
	vertical-align: top;
}
table .td2{
	width: 120px;
	vertical-align: top;
}
table .td3{
	width: 260px;
	vertical-align: top;
}
table .td4{
	width: 100px;
	vertical-align: top;
}
table td{
	padding:10px 0 0 0;
}
table tbody tr.zeile{
	background-color: #dcf5f5;
} 
/*******
anmeldungsformular
******************/
html body div#content div#seiteninhalt div#kontaktfeld form#InputfieldForm1.InputfieldForm ul.Inputfields li#wrap_Inputfield_Form_Kurs.Inputfield.InputfieldPage.Inputfield_Form_Kurs.ui-widget.InputfieldStateRequired div.InputfieldContent.ui-widget-content div.InputfieldSelect select#Inputfield_Form_Kurs.required{
	width: 330px;
	background-color: #eee;
}


/*********
Team
**********/

.teamboxzeile{
	margin-top:40px;
	margin-bottom:15px;
}

.teambox{
	min-height:350px;
}
.teambox img{
	max-width: 130px;

}


/*********
 Formular
 ********/
 
 
#Inputfield_Form_Vorname, #Inputfield_Form_Nachname, #Inputfield_Form_Email, #_Inputfield_Form_Email_confirm, #Inputfield_Form_Behandlungsort, #Inputfield_Form_Nachricht,
#Inputfield_Form_Telefon, #Inputfield_Form_Plz, #Inputfield_Form_Strasse, #Inputfield_Form_Ort, #Inputfield_ArztForm_Name_Arzt,
 #Inputfield_ArztForm_Ort_Arzt, #Inputfield_ArztForm_Mail_Arzt, #Inputfield_ArztForm_Name_Patient, #Inputfield_ArztForm_Adresse_Patient, #Inputfield_ArztForm_Tel_Patient{
	margin:5px 0 0 0;
	width: 330px;
	height: 20px;
	padding:0 0 0 5px;
	background-color: #eeeeee;
} 
#Inputfield_Form_Nachricht{
	height:60px;
}
#Inputfield_submit{
	width:60px;
	height: 25px;
	padding:4px;
	border:2px solid rgb(214,0,125);
	border-radius:6px;
}
.Inputfields,.Inputfields li {
list-style: none;
margin: 2em 0;
padding: 0;

}
.Inputfields li label {
font-weight: bold;
color: #000;
}
.Inputfields li p {
margin: 0 ;

}
.Inputfields li p.description {
font-style: italic;
}
.Inputfields textarea,
.Inputfields .InputfieldMaxWidth {
width: 100%;
background-color: #eee;
}
.Inputfields .InputfieldSubmit label {
display: none;
}
.ui-state-error-text {
color: red;
}


/****************
Lageplan
****************/
#lageplan{
	width: 720px;
}


/***************
Audioplayer
***************/

#player {
	border: 0px solid #51bdbd;
	border-radius: .5em;
	max-width: 34em;
	background: #dcf5f5;
  margin:20px 0 0 0;
}


#player audio {width: 99%;   margin: 15px 0 15px 0; border:1px solid transparent;} /* 25px fuer Android */
#player audio:focus, #player audio:hover {background:#dcf5f5;} /* die Rahmenfarbe */

#player ul {margin:0;padding:0}
#player li {
	box-sizing:border-box;
	-moz-box-sizing:border-box; /* Firefox */
	list-style-type:none;
	/*padding:6px;*/
	border-top: 2px solid #51bdbd;
	/* width: 240px; */
}

#player li a {
	padding:6px;
	color: #5d5d5d;

}
#player li a:focus, #player li a:hover {background:#ccc;color:#000;outline:0}
#player li, #player li a {color:#5d5d5d; text-decoration:none; font-size: 1.4rem;display:block;}
.star {font-size: 1.5rem; line-height: .1rem; vertical-align: -.5rem;}
.bem {
	font-size: .8rem; 
	-webkit-text-size-adjust: none; /* was es alles gibt! */
}

}



/* Smartphones and iPad (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 1024px) {
	#gemafrei:before {content:'iOS und Android mögen leider kein Autostart.'; display:block;}
	#player li{border-top: 1px solid #888;}
}








/****************
footer
****************/
#footer{
	margin-top: 20px;
	padding-top: 7px;
}

#address{
	color: #222;	
}	

#address p{
	text-align: center;
}
#address a{
	color: #51bdbd;
}
/*********************
Navigation
*********************/


/*****************
Menu seitlich
*************/
ul#menu{
   padding:0;
   margin: 0;
   z-index: 900;
   background-color:transparent;
}

ul#menu li{
   width:100%;  
   list-style-type: none;
   background-color: transparent;
   
}

ul#menu li a{
   display:block;
   text-decoration: none;
   padding: 0;
   background-color:transparent;
   font-size: 1.1em;
   font-weight: bold;
   line-height: 140%;  
   color: #51bdbd;
}

a:link, ul#menu li a:link{
	color:#51bdbd;
}

a:visited, ul#menu li a:visited{
	color:#51bdbd;
}

a:hover, ul#menu li a:hover{
	color:#198484;
}

ul#menu li a.on{
	color:#198484;
}

ul#menu .level-2 a{
	font-weight: normal;
	text-indent: 10px;
}
ul#menu li ul li.current a{
	color: #198484;
}

/****************
Menu oben
****************/

#nav{
	margin:5px 0 20px 0;
	height: 60px;
}

#nav ul{
	float:right;
}

#nav ul li a, #nav ul li a:visited{
	display: block;
	text-decoration: none;
	font-weight: bold;
}

#nav ul li{
	float: left;	
	border-right: 1px solid #51bdbd;
	padding: 0 10px 0 10px;
	list-style: none;
	position: relative;
	font-size: 1.1em;
    font-weight: bold;
    line-height: 140%;  
    color: #51bdbd;
}

ul li#uns_stand{
	border-right: none;
	padding: 0;
	margin: -6px 0 0 0;
	line-height: 140%;
}


#uns_stand p{
	

}




@media screen and (min-width : 300px) and (max-width : 640px){
	#nav ul{
		float:left;
	}

	#nav ul li{
		padding:0 2px 0 2px;
		border:none;
	}
	ul li#uns_stand{
		display: none;
	}


}

/****for iphone 4 ***/
@media screen and (min-width : 300px) and (max-width : 420px){
	#nav ul{
		float:left;
		margin-left:-10px;
	}

	#nav ul li{
		padding:0 2px 0 2px;
		border:none;
	}
	#nav ul li a{
		font-weight: normal;
	}

    #nav ul li ul{
    	margin-left:2px;
    }
		
}



#nav ul li:last-child{
	border: none;
}

#nav ul li ul{
	display:none;
	padding: 0;
}

#nav ul li.current ul{
	display: block;
	position: absolute;
	
}

#nav ul li:hover a{
	color:#198484;

}

#nav ul li:hover ul{
	display:block;
	position: absolute;

	z-index: 10;
	padding: 0;
	
}


#nav ul li:hover ul li a{
	color:#51bdbd;

}

#nav ul li.current a{
	color: #198484;
}

#nav ul li.current ul li a{
	color:#51bdbd;
}




#nav ul li ul li{
	list-style-type: none;
	display: block;
	text-align: left;
	text-indent: 0;
	border:none;
	padding: 0;
	clear: both;
	color:#51bdbd;
	

}	
	
#nav ul li ul li a{
	text-decoration: none;
	display:block;
	font-weight: normal;
	color:#51bdbd;
	color:red;
	
}
#nav ul li ul li a:hover{
	color: #198484;
}
#nav ul li ul li.current a{
	color: #198484;
}