@charset "utf-8";
/* CSS Document */

/* ------------------------------
Hauptmenu
------------------------------ */
.o_nav_framework { display:block; position:relative; overflow:hidden; z-index:999; padding:1em .4em; width:100%; height:60px; background-color:#fff; }
.o_nav_framework:hover { height:auto; }

.o_nav_section { height:100%; }



/* Level I */
.o_nav { display:block; position:relative; margin:1em 0; width:100%; list-style:none; background-color:#222; }
.o_nav li { padding:0; text-align:left; list-style:none; }
.o_nav li.o_right {  }
.o_nav li a, .o_nav li > span { padding:1.2em .4em; display:block; cursor:pointer; text-decoration:none; color:#ddd; border-bottom:solid 1px #ccc; background:url(img/bg-nav.png) repeat; }
.o_nav li a:hover, .o_nav li > span:hover, .o_nav li a.o_active { color:#fff; background:url(img/bg-nav-active.png) repeat; }
.o_nav_nojs li:hover > ul { display:block; }
/* Level II */
.o_nav ul { display:none; position:relative; padding:0; font-size:.9em; background-color:#444; }
.o_nav ul li { position:relative; }
/*.o_nav ul li:last-child { border-bottom:0; }*/
.o_nav ul li a { border-bottom:1px solid #ccc;  }
.o_nav ul li a:hover {  }
/* Level III */
.o_nav ul ul li { }
.o_nav ul ul li a { color:#79b; border-bottom:1px solid #369; background-color:#258; }	
/* Level IV */
.o_nav ul ul ul li { border-bottom:1px solid #47a; }
.o_nav ul ul ul li a { color:#79b; background-color:#369; }	
/* Trigger */
.o_nav_trigger { position:absolute; padding:0 .8em; left:10px; top:10px; background-color:#369; }
.o_nav_trigger:hover { background-color:#69c; }


/* Image */
.o_nav figure { overflow:hidden; }
.o_nav figure img { display:block; width:100%; height:auto; }
/*
.o_nav figure img { display:block; width:100%; height:auto; -webkit-transform:scaleY(1); -moz-transform:scaleY(1); -o-transform:scaleY(1); -ms-transform:scaleY(1); transform:scaleY(1); -webkit-transition:all 0.6s ease-in-out; -moz-transition:all 0.6s ease-in-out; -o-transition:all 0.6s ease-in-out; -ms-transition:all 0.6s ease-in-out; transition:all 0.6s ease-in-out; }
.o_nav a:hover figure img { -webkit-transform:scale(1.3); -moz-transform:scale(1.3); -o-transform:scale(1.3); -ms-transform:scale(1.3); transform:scale(1.3); }
*/

/* Menu-Format */
.o_nav_title { display:none; width:100%; }
.o_nav_title img { display:block; width:100%; height:auto; }
.o_nav_row { display:block; }
.o_nav_split { display:block; position:relative; width:100%; overflow:hidden; }
.o_nav_split strong { display:block; margin:0; padding-bottom:.4em; font-weight:normal; }
.o_nav_split figure { margin-bottom:.4em; }
.o_nav_split span { display:block; font-size:.9em; line-height:1.4em; color:#666; }
.o_nav_split a:hover strong, .o_nav_split a:hover span { color:#fff; }

.o_nav_img_s { display:block; position:relative; width:100%; overflow:hidden; }


.o_nav a i { color:#666; }
.o_nav a:hover i { color:#fff; }


/* Fachpraxen */
[class*="o_nav_praxis"] a { font-size:1.1em; }
.o_nav_praxis_1 a i { padding:.4em; color:#fff; background-color:#971; }
.o_nav_praxis_2 a i { padding:.4em; color:#fff; background-color:#ddd; }
.o_nav_praxis_3 a i { padding:.4em; color:#fff; background-color:#ba7; }
.o_nav_praxis_4 a i { padding:.4em; color:#fff; background-color:#d78; }



/* ------------------------------
Box Sizing
------------------------------ */
.o_nav_framework,
.o_nav,
.o_nav li,
[class*="o_nav_col"],
.o_nav_trigger
{ -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing: border-box; box-sizing:border-box; }




/* ------------------------------
Clearfix
------------------------------ */
.o_nav,
.o_nav_row,
[class*="o_nav_img"],
[class*="o_nav_img"] a
{ zoom:1; }

.o_nav:before,
.o_nav_row:before,
[class*="o_nav_img"]:before,
[class*="o_nav_img"] a:before
{ display:table; content:""; }

.o_nav:after,
.o_nav_row:after,
[class*="o_nav_img"]:after,
[class*="o_nav_img"] a:after
{ display:table; clear:both; content:""; }


/* ------------------------------
Transition
------------------------------ */
/* All */
.o_nav_framework, .o_nav_framework:hover,
.o_nav a, .o_nav a:hover
.o_nav a .o_nav_add, .o_nav a:hover .o_nav_add,
.o_nav a i, .o_nav a:hover i,
.o_nav a span, .o_nav a:hover span
{ -webkit-transition:all .5s ease-out; -moz-transition:all .5s ease-out; -o-transition:all .5s ease-out; -ms-transition:all .5s ease-out; }


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


}



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


}



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

/* ------------------------------
Hauptmenu
------------------------------ */
.o_nav_framework { position:fixed; overflow:inherit; left:0; top:0; margin-left:0; padding:2em .4em; width:30%; height:100%; background:url(img/bg-nav.png) repeat; -moz-box-shadow:10px 0px 30px 0px rgba(0, 0, 0, 0.75); -webkit-box-shadow:10px 0px 30px 0px rgba(0, 0, 0, 0.75); box-shadow:10px 0px 30px 0px rgba(0, 0, 0, 0.75); }
.o_nav_framework:hover { margin-left:0; width:35%; height:100%; background:url(img/bg-nav-on.png) repeat; }

/* Level I */
.o_nav { margin:1em auto; width:80%; min-width:175px; max-width:300px; list-style:none; background:none; }
.o_nav li {  }
.o_nav > li {  }
.o_nav li.o_right { float:right; }
.o_nav > li.o_right:last-child {  }
.o_nav li a, .o_nav li > span { padding:.6em .4em; color:#369; }
/* Level II */
.o_nav ul { position:absolute; background-color:#fff; -moz-box-shadow:10px 0px 30px 0px rgba(0, 0, 0, 0.75); -webkit-box-shadow:10px 0px 30px 0px rgba(0, 0, 0, 0.75); box-shadow:10px 0px 30px 0px rgba(0, 0, 0, 0.75); }
.o_nav ul li { text-align:left; }
/* Level III */
.o_nav ul ul { left:100%; top:0; }
/* Trigger */
.o_nav_trigger { display:none; }

/* Untermenu */
.o_nav_fachpraxen { left:50%; width:25em; margin-top:-6em ; background-color:#f8f8f8; }
.o_nav_praxis { left:50%; width:25em; margin-top:-12em ; background-color:#f8f8f8; }
.o_nav_behandler { left:50%; width:50em; margin-top:-12em; background-color:#f8f8f8; }
.o_nav_behandler .o_nav_row { float:left; width:50%; }
.o_nav_team { left:50%; width:25em; margin-top:-14em; background-color:#f8f8f8; }
.o_nav_patient { left:50%; width:25em; margin-top:-12em; background-color:#f8f8f8; }
.o_nav_spektrum { left:50%; width:25em; margin-top:-20em; background-color:#f8f8f8; }
.o_nav_endodontologie { left:50%; width:25em; margin-top:-8em; background-color:#f8f8f8; }
.o_nav_ueberweiser { left:50%; width:25em; margin-top:-14em; background-color:#f8f8f8; }
.o_nav_radiologie { left:50%; width:25em; margin-top:-8em; background-color:#f8f8f8; }

/* Menu-Format */
.o_nav_title { display:block; }
.o_nav_split { float:left; width:50%; }
.o_nav_split > *:first-child { border-right:1px solid #ccc; }

[class*="o_nav_img"] a { display:inline-block; }
[class*="o_nav_img"] figure { float:left; margin-right:2%; }
[class*="o_nav_img"] p { float:right; padding:0; }
[class*="o_nav_img"] span { font-size:.9em; line-height:1.1em; color:#666; }
[class*="o_nav_img"] a:hover span { color:#fff; }
.o_nav_img figure { width:23%; }
.o_nav_img p { width:75%; }
.o_nav_img_s figure { width:18%; }
.o_nav_img_s p { width:80%; }

}



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


}



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



}



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


}



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



}