/* DESKTOP Kinderzahnarztpraxis Dr. Huber von Margarete Filgis www.filgis.net */

/* MOBILE Kinderzahnarztpraxis Dr. Huber von Margarete Filgis www.filgis.net */

@font-face {font-family: "Arimo Regular";
  src: url("../fonts/.eot"); /* IE9*/
  src: url("../fonts/ArimoRegular.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
  url("../fonts/ArimoRegular.woff2") format("woff2"), /* chrome、firefox */
  url("../fonts/ArimoRegular.woff") format("woff"), /* chrome、firefox */
  url("../fonts/ArimoRegular.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url("../fonts/ArimoRegular.svg#Arimo Regular") format("svg"); /* iOS 4.1- */
}

/* ////////////////// Dropdown Navigation ///////////////////////*/


.nav-button { display: none; } /* hide the navigation button by default */

.padding-oben-2 {padding-top:2em;}
.padding-oben-3 {padding-top:3em;}

@media only screen and (min-width: 0px) and (max-width: 768px) {


	/* Navigation Button
	-------------------------------------------------------- */

	.nav-button {
		display: block;
		position: absolute;
		top: 17px;
		left: 7px;
		
		width: 45px;
		height: 35px;
	
		
	background-image: url('../img/icons/menu-icon-large.png')
	
	/*, -webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
		background: url('../img/menu-icon-large.png'),    -moz-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
		background: url('../img/menu-icon-large.png'),     -ms-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
		background: url('../img/menu-icon-large.png'),      -o-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2))*/;
		background-color:transparent;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: 21px, 100%;
		cursor: pointer;
		border: 0 none;
		border-bottom: 0.13em solid rgba(255,255,255,.1);
		box-shadow: 0 0 4px rgba(0,0,0,.7) inset;
		border-radius: 5px;
		z-index: 999;
		text-indent: -9999px;
		
	}
	/*.nav-button:hover { 
		background-color: rgba(0,0,0,.1); 
	}*/
	.nav-button.open {
		background-image: url(../img/icons/close-icon-large.png);
		background-color:transparent;
	
		/*background: url('../img/close-icon-large.png'), -webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
		background: url('../img/close-icon-large.png'),    -moz-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
		background: url('../img/close-icon-large.png'),     -ms-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
		background: url('../img/close-icon-large.png'),      -o-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
		*/
		background-position: center center;
		background-repeat: no-repeat;
		background-size: 21px, 100%;
	}

	/* Navigation Bar
	-------------------------------------------------------- */



	.primary-nav {
		width: 100%;
		float: none;
		
		background-image:url(../img/kinderzahnarzt_320-480.png);
background-repeat:no-repeat;
		 /* change the menu color */
		/* lineare Verläufe
		background-image: -webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
		background-image:    -moz-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
		background-image:     -ms-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
		background-image:      -o-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));*/
		display: block;
		height: 70px;
		margin: 0;
		padding: 0;
		overflow: hidden;
		box-shadow: 0 1px 2px rgba(0,0,0,.6);
		position: absolute;
		top: 0px;
		left: 0px;
		z-index: 998;
		clear: both;
	}


	
	.primary-nav li {
		display: none;
		width: 100%;
		font-family: Arial;
	}
	.primary-nav li a {
		display: block;
		width: 100%;
		
		font-size: 14px;
		font-weight: bold;
		text-shadow: -1px -1px 0 rgba(0,0,0,.15);
		color: white;
		text-decoration: none;
		border-bottom: 1px solid rgba(0,0,0,.2);
		border-top: 1px solid rgba(255,255,255,.1); 
		
	}
	.primary-nav li a:hover {
		background-color: rgba(0,0,0,.5);
		border-top-color: transparent;
	}
	.primary-nav > li:first-child { /* ">" nur die kinder nicht auch die enkel*/
		border-top: 1px solid rgba(0,0,0,.2);
	}

	/* Toggle the navigation bar open  */

	.primary-nav.open { 
		height: auto; 
		padding-top: 70px;
	}
	.primary-nav.open li { 
		display: block; 
	}

.rezeption {

		margin-bottom:1em;
		margin-top:1.5em;
	}

.bo-350-real {
	width:100%;
	height:auto;
	
}

} /* End Mobile Styles */



*{
margin:0;
padding:0;
}

body{
font-family: Verdana,Geneva, sans-serif;
font-size:0.95em;
background-color:#E7F0E3;
color:#333333;
/*3c537a;*/
}

#wrapper {
	margin-top:40px;
	margin-left:auto;  
   margin-right:auto; 
   max-width:980px;
   background-color:white;
   -webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 2px 2px 10px 3px rgba(50,50,50,0.50);
	-moz-box-shadow: 2px 2px 10px 3px rgba(50,50,50,0.50);
	box-shadow: 2px 2px 10px 3px rgba(50,50,50,0.50);
	}
	
/* ---------------header ------------*/
#header{
padding-top:1em;
}
#header h1{
font-family: 'Arimo', sans-serif;
text-transform:uppercase;
color:white;
text-align:center;
}
#header h1 span{
color:#550000;
}

/*----------------navigation ------------*/
#nav {
background-color:#5d95c6;

}
#nav  ul, footer ul{
list-style-type:none;
overflow:hidden;
/*alle gefloateten Kindselemente der Liste (LI) Höhe auslesen und wieder richtig herstellen*/
}
#nav  ul li a{
background-color:#5d95c6;
display:block;
border-bottom:0.065em solid white;
padding: 0.8em 1em ;
color:white;
text-decoration:none;
font-family: 'Arimo', sans-serif;
text-transform:uppercase;
font-weight:normal;
letter-spacing:0.4;
font-size:1.15em;

}
#nav  ul li a#aktiv{
background-color:#3c537a;
color:#ffffff;
}

/*-------------------main---------------*/
#main {margin-left:1em; margin-right:1em;margin-top:2.5em;}

#main h1, #main h2, #main h3, #main h4, #footer h3{
font-family: 'Arimo', sans-serif;
font-size:1.5em;
margin-top:1em;
text-transform:none;
font-style:normal;
color:#3c537a;
}
#main h2, #main p.offen{
font-size:1.65em;
margin-bottom:0.625em;
margin-top:1em;
color:#3c537a;
font-weight:500;
}
#main h3{
font-size:1.65em;
margin-bottom:0.625em;
margin-top:0em;
}
#main h4{
font-family: Verdana,Geneva, sans-serif;
font-size:0.95em;
margin-bottom:-0.5em;
margin-top:0em;
}
#main h1.start{
	font-weight:bold;
	font-size:1em;
	margin:1em 0 -0.4em 0;
	font-family: Verdana,Geneva, sans-serif;	
	line-height:120%;
	
}
#main h2.start, #main p.start{
	font-weight:normal;
	font-size:1em;
	margin:1.3em 0 -0.4em 0;
	font-family: Verdana,Geneva, sans-serif;	
	line-height:110%;
color:#3c537a;
	}
#main .eindrittel h2{
margin-top:0em;
}
 #main li h3{

margin-top:1em;
}
#main a{
color:#5d95c6; /*#7eaabd*/
}
#main a:hover{
color:white; background-color:#5d95c6;
}
#main p, #footer p, #main ul {
	line-height:1.35em;
	margin:1em 0;
	font-size:0.95em;
}
.vollbild{
width:100%;
min-width:250px;
max-width:450px;
margin:.3em 0;
}

.row{
overflow:hidden;
}
.clear {
clear: both;
}
.content{
padding-left:1em;
padding-right:1em;
padding-bottom:2em;
padding-top:3em;
min-height:20em;
}
strong{
color:#3c537a;
}
.unterstrich{
	border-bottom:dashed thin #CCC;
	height:1px;
	padding-top:1em;
}
.felixspiele, .bo-spiele {
			
	margin-right:2em;
	
	
	display: block;
	
	margin-bottom:0.5em;
	cursor:pointer;
}
.grau{
	background-color:#eee;
	padding: 0 1em;
	border:0.1em solid #bbb;}
#main .halbe{ /* für meine alten browser, die nicht einfach mit <nav>  oder <main> angesprochen werden können */
	
	box-sizing:border-box;
}

#main .ganzebreite{
	padding:3em 0em 0 0em;
	box-sizing:border-box;}




#main .zweidrittel{margin-top:2em; }

#main .facebook{
	margin-top:4.5em;
	margin-bottom:-1em;
padding:0em 4em 0 0em;
text-align:right;
clear:both;
}
.icon {
	widh:20px; height:20px;
	margin-right:0em;margin-top:0em;margin-bottom:0em; margin-left:1em;
}

#main ul {
	margin-top:1.2em;
	margin-left:0em;
	list-style-type: disc;
	font-size:0.95em;
}
	
#main ul li{
	margin-bottom:1.2em;
	list-style-image:url(../img/icons/pfeil-01.png);
	margin-left:1em;
}

#main ul.aufzaehlung li{
	text-indent:1em;

	list-style-type: none;
	margin-left:-2em;
	width:10em;
	margin-bottom:0.5em;
	
}
.faq li{
list-style-type: none;
margin-left:0em;
line-height:140%;
margin-top:-0.5em;
font-size:.9em;
}
.orange{background-color:#f7a800;
	padding:0.1em 0.3em;}
	
.rechts{float:right;
	padding-right:2em;}
	
img { border: 0; }
.startbild{

	border:0;
	
}
.leiste{display: block; width:100%;max-width:749px;border: 0; }
.telefon {font-size:1em;  padding-bottom:5px;}
table.start{
	border-spacing: 4px;
	border:0;
	border-collapse:collapse;
	min-width:300px;
	}
table.start td, table.start th {
padding : 3px 5px 3px 0px; 

text-align: left;
vertical-align: top;
}
table.start th {
 border-bottom:1px solid #3c537a;
	 font-size:0.95em;

}
td {font-size:0.95em; line-height:140%; color:333;}

#main .ausblenden{
display:none; /* none= ausblenden; inherit=einblenden  (visible greift nicht)*/
}
p.ferien, .ferien strong {padding-top:0.3em; padding-bottom:0.3em; padding-left:1em; padding-right:1em; background-color:#5d95c6; color:white;margin-bottom:0px;margin-top:1.3em;}
#main p.ferien a {color:white}
/* ---------------footer ------------*/
#footer{
font-size:0.85em;
color:white;
background-color:#3c537a;
margin-top:1.5em;
padding-bottom:1em;
text-align:center;
padding-top:1em;
}

#footer a{
color:white;
text-decoration:none;
font-family: 'Arimo', sans-serif;
font-size:1em;
text-transform:uppercase;
}
#footer a#aktiv{
color:white;
text-decoration:underline;
}

#footer ul{
padding-left:1em;
padding-top:0.5em;
padding-bottom:0.5em;
}
#footer ul li{
list-style-type:none;
border-right:1px solid white;
display:inline;
padding-right:0.625em;
margin-right:0.4em;
}
#footer ul li:last-child{
border-right:0;
padding-right:0;
margin-right:0;
}
#footer p{
	padding-left:0.3em; 
	padding-right:0.3em;
}
	
#footer strong{
	color:white; 
}

/* für alte browser opera und firefox CSS-Browserweiche???????????????????? 
footer .innerbox{ background-color:#D46A6A; padding:1em;}25.02.2015*/

/*///////////////////////// Erster Breakpoint Layout-Änderung ab 481px ///////////////*/

/*--------------tablet-Größe -------*/
@media only screen and (min-width: 481px){
#wrapper {
	margin-top:0px;}
.primary-nav {
background-image:url(../img/kinderzahnarzt_640.png);
height:90px;
}
.primary-nav.open { 
		padding-top: 90px;
	}

#header{
	padding-top:0em;
height:90px;
}

/*----------------navigation ------------
#nav  ul li{
width:50%;
box-sizing:border-box;
float:left;
}
#nav  ul li a{
border-right:1px solid white;
border-bottom:1px solid white;
}
#nav  ul li:nth-child(2n) a{ /* (2n) heißt jedes zweite Element*/
/*border-right:0;
}*/
/*nav ul li:last-child{display:none;} funzt nicht, nimmt die ganze zeile raus*/
/************Inhalt***************/
#main {margin-left:2em; margin-right:2em;}
 #main h3{
font-size:1.65em;
margin-bottom:0.625em;
margin-top:0em;
}
.vollbild{
width:50%;
float:right;
margin-right:0em;margin-top:.2em;margin-bottom:.2em; margin-left:1em;
}
#main .halbe{margin-top:0em;}

.content {
	padding:1em 2em 0 2.5em;

}
#main .ganzebreite{
	padding:1em 0em 0 0em;
}
#main .facebook{
	margin-top:-1em;
	margin-bottom:-2.5em;}
	
#main .zweidrittel, #main .eindrittel{
	margin-top:2em;
}
/*---------footer--*/
#footer{
padding-bottom:1em;

}

} /*--------ENDE tablet-Größe -------*/

/*///////////////////////// ZWEITER Breakpoint Layout-Änderung ab 640px ///////////////*/

/*--------------Zwischen-Größe - für 2-spaltigen content -------*/
@media only screen and (min-width: 640px){
.primary-nav {
background-image:url(../img/kinderzahnarzt_760.png);

}
#header{
	background-color:#3c537a;
}

#main {margin-left:2.5em; margin-right:2.5em;}
#main .halbe {
/*width: 48%;
float:left;*/

/*border-bottom:dashed thin #CCC;*/
margin-top:1em;
padding-bottom:1em;
box-sizing:border-box;
}
#main .halbe:last-child{
/*margin-right:0;
float:right;*/
}

#main .facebook{
	margin-top:-1em;
	margin-bottom:-2em;
padding:0em 4em 0 0em;
text-align:right;
clear:both;
}
.felixspiele{
	float:left;
	padding-right:2em;
	padding-bottom:0em;
}
.bo-spiele {width: 177px; height:177px; border-radius:50%; border:2px solid #ffcd51; box-shadow: 5px 5px 9px silver;
			float:left;
	margin-right:2em;
	cursor: pointer;
	}
#main .ausblenden{
display:inherit; /* none= ausblenden; inherit=einblenden  (visible greift nicht)*/
}
#footer{
	padding-left:1em; 
	padding-right:1em;
}
.rezeption {
	float:right;
	}


}/*--------ENDE MEDIAQUERIE Zwischen-Größe -------*/

/*///////////////////////// DRITTER Breakpoint Layout-Änderung ab 769px ///////////////*/
/* iPad geht ab 768px*/
/*--------------Desktopgröße - für 2-spaltigen content mit 2/3 und 1/3 und Navigation nebeneinander-------*/
@media only screen and (min-width: 769px){
.primary-nav {
	background-image:url(../img/icons/x.png);
height:22px;
}
/*-header mit Foto -*/
#header{
box-sizing:border-box; 
background-image:url(../img/top_ipad.gif);
background-repeat:no-repeat;
height:332px;
background-color:transparent;
}
#header_weihnachten{
box-sizing:border-box; 
background-image:url(../img/weihnachten_ipad.gif);
background-repeat:no-repeat;
height:332px;
background-color:transparent;
}


/* - navigation -*/
#nav{
	z-index:10;
	margin:0 0;
margin-top:-6.5em;
margin-bottom:2.3em;
text-align:left;
background-color:#5d95c6;
padding:0;
}
#nav ul {
background-color:#5d95c6;
padding-bottom:12px;
padding-top:11px;
padding-left:30px; 
}
#nav  ul li{
display:inline;
float:none;
padding:0 1em;
font-size:1.1em;
padding:0em;
padding-right:0.5em;
}
#nav  ul li a{
background-color:transparent;
display:inline;
border:0;
padding:0;
color:white;

text-decoration:none;
font-family: 'Arimo', sans-serif;
text-transform:uppercase;
font-weight:normal;
font-size:0.9em;
}
#nav  ul li:last-child{
border-right:0;
padding-right:0;
margin-right:0;
}
#nav  ul li a:hover{
color:#3c537a;
}
#nav  ul li a#aktiv{
background-color:transparent;
color:#3c537a;
}


/*-content-*/
#main {margin-left:4em; margin-right:5em;}
#main.oeffnungszeiten {margin-right:3em;
}
#main h1, #main h2, #main h3, #footer h3{
font-family: 'Arimo', sans-serif;
font-size:1.5em;
margin-top:1em;
text-transform:none;
font-style:normal;
color:#3c537a;
}
#main h1{margin-bottom:1em;}
#main h2{
font-size:1.5em;
margin-bottom:0.625em;
margin-top:1.25em;
}
#main .eindrittel h2{
margin-top:3.75em;
margin-bottom:0.5em;
}
 #main h3{
font-size:1.3em;
margin-bottom:0.625em;
margin-top:0em;
}
#main p.offen{margin-top:1.3em;}
.content {
padding-left:4.5em;
padding-right:3.5em;
padding-bottom:5em;
}

#main .zweidrittel, #main .eindrittel {
width: 70%;
margin-right:2%;
float:left;
	padding-bottom:0em;
	padding-top:0em;
	box-sizing:border-box;
	margin-top:0;
	
}

#main .eindrittel{ 
width: 27%;
padding-left:0em;
float:right;
padding-right:0em;	
}
#main .eindrittel:last-child{
margin-right:0;
}
td.schmal {
font-size:0.9em;
}
.contentright {
	font-size:0.9em;
}

#main .facebook{
	margin-top:-1em;
	margin-bottom:0em;
padding:0em 4em 0 0em;
text-align:right;
clear:both;
}

#main.oeffnungszeiten .facebook{
	margin-right:4em;
}
#main .eindrittel ul{margin-left:0em;}
#main .eindrittel ul li{
margin-bottom:0.5em;
list-style-image:url(../img/icons/x.png);

}

}/*--------ENDE MEDIAQUERIE Desktopgröße -------*/

/*///////////////////////// VIERTER Breakpoint Layout-Änderung ab 960px ///////////////*/

/*--------------Desktopgröße - -------*/
@media only screen and (min-width: 960px){



/*-------------inhalt--------*/

/* eingefügt */

*{
margin:0;
padding:0;
}

body{
font-family: Verdana,Geneva, sans-serif;
font-size:0.95em;
background-color:#E7F0E3;
color:#666;
/*3c537a;*/
}

#wrapper {
	margin-top:0;

   background-color:white;
   margin-left:auto;  
   margin-right:auto; 
   max-width:980px;
   min-width:960px;
   border-left:1px #999;
	}
	
/* ---------------header ------------*/
#header{
padding-top:1em;
}
#header{
box-sizing:border-box; /* behalte deine 160 px aussenmaße und drücke den inhalt nach unten --- ohne box-sizing würde das maß padding-top dazuaddiert*/
background-image:url(../img/top.gif);
background-repeat:no-repeat;
height:342px;
}
#header h1{
font-family: 'Arimo', sans-serif;
text-transform:uppercase;
color:white;
text-align:center;
}
#header h1 span{
color:#550000;
}

/*----------------navigation ------------*/

#nav{margin-top:-3.3em;}

#nav ul {

padding-left:50px; 
}
#nav  ul li{
padding-right:1em;
}
#nav  ul li a{

font-size:0.95em;
}

/*-------------------main---------------*/

#main{
	color:#222;
	font-weight:normal;
	margin-top:3em;
}


#main h1.start, #main h2.start{
	font-weight:bold;
	font-size:1em;
	margin:0.8em 0 -0.2em 0;
	font-family: Verdana,Geneva, sans-serif;	
	line-height:90%;
}

#main a{
color:#5d95c6; 
}
#main p, #footer p, #main ul {
line-height:1.35em;
margin:1em 0;

}

.vollbild{
width:290px;
float:right;
margin-right:0em;margin-top:0em;margin-bottom:.2em; margin-left:1em;
}


strong{
color:#3c537a;
}



#main ul {
	margin-top:1.2em;
	margin-left:3em;
	list-style-type: disc;
	font-size:0.95em;
}
	
#main ul li{
	margin-bottom:1.2em;
}

#main ul.aufzaehlung li{
	
	text-indent:1em;
		list-style-type: none;
	margin-left:-2em;
	width:10em;
	margin-bottom:0em;}
	
	.orange{background-color:#f7a800;
	padding:0.1em 0.3em;}
	
	.rechts{float:right;
	padding-right:2em;}
	
img { border: 0; }


.telefon {font-size:1em;  padding-bottom:5px;
}
td {font-size:0.95em; line-height:140%; color:333;
}

}




/* //////////// hintergrundgrafik //////////////*/
@media screen and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
	#logo {
	   background-image:url(img/logo-px2.png);
	   background-size: 148px 33px; 
	}
}

@media only screen and (min-width: 1024px){


*{
margin:0;
padding:0;
}

body{
font-family: Verdana,Geneva, sans-serif;
font-size:0.95em;
background-color:#E7F0E3;
color:#666;
/*3c537a;*/
}

#wrapper {
	margin-top:0;

   background-color:white;
   margin-left:auto;  
   margin-right:auto; 
   max-width:1024px;
   min-width:980px;
   border-left:1px #999;
   -webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
		-webkit-box-shadow: 2px 2px 10px 3px rgba(50,50,50,0.50);
-moz-box-shadow: 2px 2px 10px 3px rgba(50,50,50,0.50);
box-shadow: 2px 2px 10px 3px rgba(50,50,50,0.50);
	}
	
/* ---------------header ------------*/
#header{
padding-top:1em;
}
#header{
box-sizing:border-box; 
background-image:url(../img/top.gif);
background-repeat:no-repeat;
height:342px;
}
#header_weihnachten{
box-sizing:border-box; 
background-image:url(../img/weihnachten.gif);
background-repeat:no-repeat;
height:332px;
}
/*----------------navigation ------------*/

#nav{
	z-index:10;
	margin:0 0;
margin-top:-3.3em;
margin-bottom:2.3em;
text-align:left;
background-color:#5d95c6;
padding:0;
}
#nav ul {
background-color:#5d95c6;
padding-bottom:12px;
padding-top:11px;
padding-left:50px; 

}
#nav  ul li{
display:inline;
float:none;
padding:0 1em;
font-size:1.1em;
padding:0em;

}
#nav  ul li a{
background-color:transparent;
display:inline;
border:0;
padding:0;
color:white;
padding-right:1.3em;
text-decoration:none;
font-family: 'Arimo', sans-serif;
text-transform:uppercase;
font-weight:normal;
font-size:0.95em;
}
#nav  ul li a:hover{
color:#3c537a;
}
#nav  ul li a#aktiv{
background-color:transparent;
color:#3c537a;
}
#nav  ul, #footer ul{
list-style-type:none;
overflow:hidden;
/*alle gefloateten Kindselemente der Liste (LI) Höhe auslesen und wieder richtig herstellen*/
}

/*-------------------main---------------*/
#main {margin-left:4.5em; margin-right:5.45em;

	color:#222;
	font-weight:normal;
	margin-top:4em;
}
#main.oeffnungszeiten {margin-right:3em;
}
#main h1, #main h2, #main h3, #main h4, #footer h3{
font-family: 'Arimo', sans-serif;
font-size:1.65em;
margin-top:1em;
line-height:150%;
font-weight:800;
color:#3c537a;
}
#main h1{margin-bottom:1em;}
#main h2{
font-size:1.65em;
margin-bottom:0.625em;
margin-top:1em;
font-weight:400;
}
#main h3{
font-size:1.3em;
margin-bottom:0.625em;
margin-top:0em;
}
#main h4{
	font-family: Verdana,Geneva, sans-serif;
font-size:0.95em;
margin-bottom:-0.5em;
margin-top:0em;
}
#main .eindrittel h2{
margin-top:0.5em;
margin-bottom:0.5em;
}
#main .eindrittel h3 {margin-top:1.5em;margin-bottom:-0.5em; font-size:1.2em;}
#main .zweidrittel h1, #main p.offen{
margin-top:0em;
}
#main h1.start, #main h2.start{
font-weight:bold;
font-size:1em;
margin:0.8em 0 -0.2em 0;
font-family: Verdana,Geneva, sans-serif;	
line-height:110%;
}

#main a{
	color:#5d95c6; /*#4b778a; #5d95c6
color:#137df7;*/
}
#main a:hover{
color:white; background-color:#5d95c6;
}
#main p, #footer p, #main ul {
line-height:1.35em;
margin:1em 0;
font-size:0.95em;
}
.startbild{
border: 0; 
}
.leiste{display: block; width:100%;max-width:749px;border: 0; }
.vollbild{
width:290px;
float:right;
margin-right:0em;margin-top:0em;margin-bottom:.2em; margin-left:1em;
border:0;
}
img { border: 0; }

.row{
overflow:hidden;
}
.clear {
clear: both;
}
.unterstrich{
	border-bottom:dashed thin #CCC;
	height:1px;
	padding-top:1em;
	}
	
.felixspiele{
	float:left;
	padding-right:2em;
	cursor: pointer;
	border:0;
}	

strong{
color:#3c537a;
}

#main .halbe{
padding-left:0em;
padding-right:0em;
padding-bottom:1em;
padding-top:1em;
width: 48%;
float:left;


box-sizing:border-box;
}
#main .halbe:last-child{
margin-right:0;
float:right;
}


#main .facebook{
	margin-top:-1em;
	margin-bottom:2em;
text-align:right;
clear:both;
}
.icon {
	widh:20px; height:20px;
	margin-right:0em;margin-top:0em;margin-bottom:0em; margin-left:0em;
}

#main.oeffnungszeiten .facebook{
	margin-right:4em;
}
#main .zweidrittel, #main .eindrittel {
width: 71%;
/*margin-right:2%;
width:560px;*/
float:left;
	
	
}
#main .eindrittel {}
#main .zweidrittel{padding-right:0em;}
#main .eindrittel{ 
width:230px;
float:right;
padding-left:0.5em;
}
#main .eindrittel:last-child{
margin-right:0;
}

/* Nur Firefox 
@-moz-document url-prefix() {
    #main .zweidrittel {
        background-color: green;
		max-width:520px;
    }
}*/
/* Nur Firefox 
html>body #main .zweidrittel, x:-moz-any-link {
  max-width:530px;

  float:left;
}*/

td.schmal {

font-size:0.9em;}

table.start{
	border-spacing: 4px;
    
	border:0;
	border-collapse:collapse;
	}
table.start td, table.start th {
padding : 3px 5px 3px 0px; 
text-align: left;
vertical-align: top;
}
table.start th {
	 border-bottom:1px solid #3c537a;
	 font-size:0.95em;
}

.contentright {font-size:0.9em;}
.contentright td {
padding : 2px 2px 2px 0px; 
text-align: left;
vertical-align: top;
}



#main ul {
margin-top:1.2em;

list-style-type: none;
margin-left:1.3em;
font-size:0.95em;
}
#main ul li{
margin-bottom:1.2em;
list-style-image:url(../img/icons/pfeil-01.png);

}
#main ul.aufzaehlung li{	
text-indent:1em;
background-color:transparent;
list-style-type: none;
margin-left:-2em;
width:10em;
margin-bottom:0.5em;
}
#main .eindrittel ul{margin-left:1em;}
#main .eindrittel ul li{
margin-bottom:0.5em;
list-style-image:url(../img/icons/pfeil-01.png);

}

#main .eindrittel .contentright ul {background-color:red;}

.faq li{
list-style-type: none;
margin-left:0em;

}

.orange{
background-color:#f7a800;
padding:0.1em 0.3em;
}
.grau{
	background-color:#eee;
	padding: 0 1em;
	border:0.1em solid #bbb;}
	
.rechts{
float:right;
padding-right:2em;
}

.telefon {font-size:1em;
text-decoration:none;padding-top:0.7em; }
.icontelefon{ width:40px; height:38px;}
a.telefon{}
td {font-size:0.95em; line-height:140%; color:333;}

/* ---------------footer ------------*/
#footer{
color:white;
font-size:0.85em;
background-color:#3c537a;
margin-top:3em;
padding-bottom:1em;
text-align:center;
padding-top:1em;
}


#footer ul li a#aktiv, #footer ul li a:hover{
color:#5d95c6;

}

#footer ul{

padding-top:0.5em;
padding-bottom:0.7em;
padding-right:1em;
}

#footer ul li{
list-style-type:none;
border-right:1px solid white;
display:inline;
padding-right:0.625em;
margin-right:0.4em;

}
#footer ul li:last-child{
border-right:0;
padding-right:0;
margin-right:0;
}
#footer ul li a{
color:white;
text-decoration:none;
font-family: 'Arimo', sans-serif;
font-size:1.15em;
text-transform:uppercase;
}

#footer p{
	

}
#footer strong{color:white; }

.nav-button { display: none; } /* hide the navigation button by default */

.rezeption {
		margin-right:6em;
	}
} /*/ Ende min-width: 1024 px /*/



/*/ FÜR ALLE GRÖßEN /*/

#main h2.unterschrift {
	font-size:1.12em;
	font-style:italic;
	margin:0;
	margin-bottom:2em;
}

/* BILDER TEAM #E7F0E3*/


.botext { 
margin-top:75%; text-align:center; 
}

.botext-start{ 
margin-top:17%; text-align:center; 
}

#main .bo-adresse h1{
	color:#3c537a; font-style:normal; font-size:1em; line-height:130%; font-family: verdana;
}


/* Team   alte bordercolor: #E7F0E3*/
.narkose {
	float:left; 
	margin:0 0.3em 1em 0;
	}

.abstand {margin-top:4em;}	
.abstand2 {margin-top:2em;margin-left:0.3em;}	

.bo {width: 320px; height:320px; border-radius:50%; border:2px solid #ffcd51; box-shadow: 10px 10px 15px silver;margin: 1 1 1 1 em;}
.bo-280 {width: 260px; height:260px; border-radius:50%; border:2px solid #ffcd51; box-shadow: 7px 7px 11px silver;}
.bo-260 {width: 280px; height:280px; border-radius:50%; border:2px solid #ffcd51; box-shadow: 8px 8px 12px silver;}
.bo-350 {width: 333px; height:333px; border-radius:50%; border:2px solid #ffcd51; box-shadow: 12px 12px 15px silver; padding:0;}
.bo-350-real {width: 350px; height:350px; border-radius:50%; border:2px solid #ffcd51; box-shadow: 13px 13px 16px silver; padding:0;}

.team {
	float:left; 
	margin-right: 5em;
margin-bottom: 4em;
	}

.botext h5{
margin-bottom:-10px;
}
.botext p{
margin:0px;padding:0px;
}

h5{
	font-size:1.0em;
}

.boimg-1 {background: url(../img/team/Dr-Stefanie-Huber.jpg); }
.boimg-2 {background: url(../img/team/Frederike-Wintter.jpg); }
.boimg-3 {background: url(../img/team/Judith_Beck.jpg); }
.boimg-4 {background: url(../img/team/Anzhelika-Silko.jpg); }
.boimg-5 {background: url(../img/team/Patricia-Kios.jpg); }
.boimg-6 {background: url(../img/team/Resul_Mohamad.jpg); }
.boimg-7 {background: url(../img/team/Dr-Alexandra-Rueger.jpg); }

.botext { margin-top:80%; text-align:center; color:white; }

.bo_anaesthesie {width: 200px; height:200px; border-radius:50%; border:1px solid #ffcd51; box-shadow: 4px 4px 6px silver;}
.team_anaesthesie {
	float:left; 
	margin:0 3em 1em 0;
	}
	.team_anaesthesie_last {
	float:left; 
	margin:0 0em 1em 0;
	}
.botext_anaesthesie { margin-top:78%; text-align:center; color:#3c537a;}
.botext_anaesthesie h5{
/*font-family: 'Arimo', sans-serif;*/
font-size:0.85em;
}


.boimg-14 {background: url(../img/team/Anke.jpg); }
.boimg-15 {background: url(../img/team/Karrer.jpg); }
.boimg-16 {background: url(../img/team/Burkhardt.jpg); }
.boimg-17 {background: url(../img/team/Kaiser.jpg); }
.boimg-18 {background: url(../img/team/Pflanz.jpg); }


.boimg-start {background: url(../img/Kinderzahnarzt-intro.jpg); }
.botext-start{ margin-top:13%; text-align:center; }
.bo-adresse {width: 245px; height:245px; border-radius:50%; border:2px solid #ffcd51; box-shadow: 8px 8px 12px silver;padding:1 1 1 1 em; float:left;margin-top:2.5em;}
.bo-adresse-start {width: 265px; height:265px; border-radius:50%; border:2px solid #ffcd51; box-shadow: 8px 8px 12px silver;padding:1 1 1 1 em; float:left;margin-top:2.5em;}
#main .bo-adresse-start h1{color:#3c537a; font-style:normal; font-size:1em; line-height:130%; font-family: verdana;}


	
#main a.ohnefarbe {background-color:transparent;}

/* Bilder 2022 */

.boimg-rezeption {background: url(../img/rezeption_kinderzahnarzt2019.jpg); }
.boimg-narkose {background: url(../img/narkose_kinderzahnarzt_2019.jpg); }
.boimg-narkose-monitor {background: url(../img/narkose_monitor_kinderzahnarzt_2019.jpg); }
.boimg-narkose-maske {background: url(../img/narkose_kinderzahnarzt_maske_2019.jpg);}
.boimg-narkose-elterngespraech {background: url(../img/narkose_elterngespraech_2019.jpg);}
.boimg-prophylaxe {background: url(../img/prophylaxe_kinderzahnarzt_muenchen.jpg); }
.boimg-prophylaxe1 {background: url(../img/prophylaxe1_kinderzahnarzt_muenchen.jpg); }
.boimg-konzept {background: url(../img/wartezimmer_kinderzahnarzt_muenchen.jpg); }
.boimg-konzept2 {background: url(../img/Konzept-Dr-Beck.jpg); }
.boimg-konzept3 {background: url(../img/konzept3_kinderzahnheilkunde.jpg); }
.boimg-behandlung {background: url(../img/behandlung_kinderzahnarzt_2019.jpg); }
.boimg-behandlung2 {background: url(../img/behandlung2_kinderzahnarzt_2019.jpg); }
.boimg-behandlung3 {background: url(../img/behandlung3_kinderzahnarzt_2019.jpg); }
.boimg-behandlung4 {background: url(../img/behandlung-ZA_Dr-Huber.jpg); }
.boimg-behandlung5 {background: url(../img/behandlung4_kinderzahnarzt_2019.jpg); }
.boimg-behandlung6 {background: url(../img/behandlung6_kinderzahnarzt_2019.jpg); }
.boimg-info {background: url(../img/Info_Kinderzahnarzt_Huber.jpg); }

/* Ausrichtung Bilder 2022 */