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

@font-face {
	font-family:'Avenir';
	src: url('../fonts/avenir/AvenirNextRounded-Me.eot');
	src: url('../fonts/avenir/AvenirNextRounded-Me.eot?#iefix') format('embedded-opentype'),
			 url('../fonts/avenir/AvenirNextRounded-Me.woff') format('woff'),
			 url('../fonts/avenir/AvenirNextRounded-Me.ttf') format('truetype')
}



body { font-family:Tahoma, Geneva, sans-serif; font-size:12px; }

/* Farbe der Textmarkierung */
::selection { background:#333; color:#ddd; }
::-moz-selection { background-color:#333; color:#ddd; }

/* clearfix */
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } /* für Firefox, IE8, Opera, Safari, etc. */
* + html .clearfix { display: inline-block; } /* für IE7 */
* html .clearfix { height: 1%; } /* für IE6 */

/* clearfix für moderne Browser */
.cf:before, .cf:after { content:""; display:table; }
.cf:after { clear:both; }
/* Für IE 6/7 (löst hasLayout aus) */
.cf { zoom:1; }

p { margin:0; padding:.4em 0; }

/* Vertikal Spacer */
.one-vs-s { width:50px; height:100px; }
.one-vs-m { width:50px; height:200px; }
.one-vs-l { width:50px; height:400px; }
.one-vs-xl { width:50px; height:600px; }



/* Branding */
#one-branding { position:absolute; overflow:hidden; right:0; width:70%; min-width:210px; height:60px; background-color:#369; }
#one-branding span { position:absolute; display:block; top:0; width:100%; padding:0; font-size:13px; line-height:60px; color:#fff; text-align:center; cursor:pointer; }
#one-branding:hover span, #one-branding:active span { top:-60px; }

.one-logo { display:block; background-color:#f8f8f8; z-index:2000000; }
.one-logo div { float:left; height:10em; }
.one-logo div:first-child { padding:1.4em; width:35%; text-align:right; }
.one-logo div:first-child img { width:auto; height:100%; }
.one-logo div:last-child { padding:2em 1em 1em 2em; width:65%; color:#666; }
.one-logo div:last-child p { font-size:1.2em; }
.one-logo div:last-child p span { font-size:.8em; }




/* Hauptmenu */
.one-nav { position:absolute; margin:0; padding:0; width:auto; height:60px; }
.one-nav ul { position:relative; display:none; margin:0; padding:0; list-style:none; background-color:#69c; }
.one-nav ul li { margin:0; padding:0; list-style:none; }
.one-nav ul li a { display:block; padding:1em; color:#eee; font-size:.8em; text-decoration:none; white-space:nowrap; border-bottom:solid 1px #bbb; }
.one-nav ul li a.one-active, .one-nav ul li a:hover { color:#fff; background-color:#369; }
.one-nav:hover ul { display:block; }
.one-nav ul li img { display:block; margin-top:-.4em; width:1.8em; height:auto; }

.one-nav a.one-minimized { display:block; margin:0; padding:0; width:60px; height:60px; background-color:#369; }
.one-nav a.one-minimized:hover, .one-nav a.one-minimized:active { background-color:#69c; }


/* Untermenu */
.one-subnav { display:block; position:relative; margin:1em 0; padding:.4em 1.694915254237288%; background-color:#fff; }
.one-subnav ul { margin:0; padding:0; list-style:none; }
.one-subnav li { display:block; position:relative; margin:1em 0; padding:.4em; overflow:hidden; list-style:none; background-color:#fff; }
.one-subnav a { color:#333; text-decoration:none; }
.one-subnav h2 { margin:0 0 0 40%; padding:0; font-family: 'Oxygen', sans-serif; font-size:1em; }
.one-subnav p { margin:0 0 0 40%; line-height:1.2em; }
.one-subnav img { float:left; width:38%; height:auto; }
.one-subnav li:hover { background-color:#333; }
.one-subnav li:hover a { color:#fff; }



/* Slide-Menu */
.one-slidenav { display:inline; position:fixed; top:200px; left:-210px; width:200px; z-index:1999; line-height:1.2em; font-size:14px; }
.one-slidenav ul { margin:0; padding:0; overflow:hidden; list-style:none; border:1px solid #009; background:url(../img/back/bg-slidemenu.png) repeat; }
.one-slidenav ul:hover { background-color:#69c; }
.one-slidenav li { display:block; position:relative; margin:0; padding:0; overflow:hidden; list-style:none; }
.one-slidenav ul a { display:block; padding:.1em .4em; color:#fff; text-decoration:none; }
.one-slidenav ul a.one-totop { margin-bottom:.8em; }
.one-slidenav ul a:hover, .one-slidenav ul a.one-active { color:#fff; text-decoration:none; background-color:#69c; }
.one-slidenav h3 { margin:0 0 .4em 0; padding:.4em; color:#fff; font-size:14px; white-space:nowrap; background-color:#369; }
.one-slidenav span.one-slidenav-closer { position:absolute; display:inline-block; right:-40px; text-decoration:none; }


/* Termin online */
.one-termin-online { display:block; position:absolute; margin-top:-3em; width:6em; height:6em; right:1em; z-index:2010; }
.one-termin-online img { width:100%; height:auto; }



/* Schrift-Layout */
h1 { font-size:2.0em; }
h2 { font-size:1.6em; }
h3 { font-size:1.4em; }
h4 { font-size:1em; }
h5 { font-size:1em; }
h6 { font-size:.9em; }
h1, h2, h3, h4, h5, h6 { margin:0; padding:.4em 0 .2em 0; line-height:1.2em; }
h1 span, h2 span, h3 span, h4 span, h5 span, h6 span { font-size:.8em; }

/* font-size */
.one-fzl { font-size:1.2em; }
.one-fzm { font-size:.85em; }
.one-fzs { font-size:.75em; }

/* text-align */
.one-tal { text-align:left; }
.one-tar { text-align:right; }
.one-tac { text-align:center; }

/* float */
.one-fr { float:right; }
.one-fl { float:left; }
.one-cb { clear:both; }
.one-cl { clear:left; }
.one-cr { clear:right; }

/* font-size */
.one-fss { font-size:.7em; }
.one-fsm { font-size:.85em; }
.one-fsl { font-size:1.2em; }
.one-fsxl { font-size:1.4em; }


/* Links */
a.one-def { padding:0; color:#369; text-decoration:none; }
a.one-def:hover { color:#fff; background-color:#369; }
a.one-phone { padding:0; color:#369; text-decoration:none; }
a.one-phone:hover { color:#fff; background-color:#369; }
a.one-highlight { font-weight:normal; color:#000; background-color:#eeeacc; }
a.one-marked { font-weight:normal; letter-spacing: 0.2em; color:#000; }
a.one-intern { letter-spacing: 0.1em; color: #370; }

/* Links */
a.one-img { display:block; width:100%; height:auto; }


/* Formate */
.one-point { margin-right:.8em; padding:0 .8em; color:#fff; background-color:#369; }
.one-quote { color:#369; font-size:1.1em; font-style:italic; }
.one-example { padding-left:5%; color:#369; font-style:italic; }




/* Seitenabschnitte / Framework */
/* Kopfzeile */
.one-top { position:fixed; display:block; top:0; width:100%; height:60px; z-index:2000; font-size:1.2em; opacity:.95; background-color:#69c; }

/* Standard Framework */

[class*="one-framework"] { position:relative; display:block; margin:0; padding:0; width:100%; }
[class*="one-framework"] article { line-height:1.8em; }


/* Seitenbereich */
.one-section100 { position:relative; display:block; margin:0; padding:0; }
[class*="one-section"] { position:relative; margin:0 auto; padding:2em 0; max-width:1220px; }

.one-framework1 { background:url(../img/back/bg-1.jpg) 50% top no-repeat fixed; }
.one-section1 { padding:3em 0; color:#666; background:url(../img/back/bg-sect-1.png) repeat; }

.one-framework-cover { min-height:600px; background-repeat:no-repeat; background-position:50% 50%; background-attachment:fixed;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
}
.one-section-cover1 { color:#333; background:url(../img/back/bg-sect-1.png) repeat; }
.one-section-cover1 table.one-def { border:1px solid #ccc; }
.one-section-cover1 table.one-def th { color:#333; border-right:1px solid #ccc; border-bottom:1px solid #ccc; background-color:#fff; }
.one-section-cover1 table.one-def td { border-right:1px solid #ccc; border-bottom:1px solid #ccc; }
.one-section-cover1 table.one-def td:first-child { color:#333; border-right:1px solid #ccc; border-bottom:1px solid #ccc; background:none; }
.one-section-cover1 table.one-def tr:last-child td { border-bottom:none; }


.one-section-cover2 { color:#666; background:url(../img/back/bg-sect-2.png) repeat; }

.one-framework2 { min-height:800px; background:url(../img/back/bg-2.jpg) 50% top no-repeat fixed; }
.one-section2 { color:#666; background:url(../img/back/bg-sect-2.png) repeat; }

.one-framework3 { background:url(../img/back/bg-3.png); }
.one-section3 { padding:3em 0; color:#666; background:url(../img/back/bg-sect-3.png) repeat; }

.one-framework4a { margin:0; min-height:100px; background-color:#eee; }
.one-section4a { color:#666; }
.one-framework4b { min-height:800px; background-color:#eee; }
.one-section4b { color:#666; }

.one-framework-blank { background-color:#fff; }
.one-section-blank { color:#666; }
.one-framework-light { background-color:#f5f5f5; }
.one-section-light { color:#333; }
.one-framework-dark { background-color:#333; }
.one-section-dark { color:#ccc; }
.one-framework-grey { background:url(../img/back/bg-grey.png) repeat #333; }
.one-section-grey { color:#fff; background-image:url(../img/back/bg-sect-grey.png); }
.one-framework-green { background:url(../img/back/bg-green.png) repeat #ad2; }
.one-section-green { color:#240; background:url(../img/back/bg-sect-1.png) repeat; }

.one-framework-logo { height:400px; background:url(../img/back/bg-logo.png); }
.one-framework-logo .one-para1 { position:absolute; margin:0 auto; padding:0; width:100%; height:400px; z-index:220; background: url(../img/back/img-logo1.png) 50% 0 no-repeat fixed; }
.one-framework-logo .one-para2 { position:absolute; margin:0 auto; padding:0; width:100%; height:400px; z-index:220; background: url(../img/back/img-logo2.png) 50% 0 no-repeat fixed; }

.one-framework-slot { display:inline-block; width:100%; height:180px; vertical-align:middle; background-size:100%; background-position:50% 50%; background-repeat:no-repeat;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
}

.one-framework-bot { color:#fff; border-top:.8em solid #999; background-color:#333; }
.one-section-bot { line-height:1.4em; }
.one-section-bot a { color:#ccc; text-decoration:none; }
.one-section-bot a:hover { color:#fff; text-decoration:underline; }


/* Bilder */
.one-bg-praxis { background-image:url(../img/back/bg-praxis.jpg); }
.one-bg-behandlung { background-image:url(../img/back/bg-behandlung.jpg); }
.one-bg-fortbildung { background-image:url(../img/back/bg-fortbildung.jpg); }
.one-bg-veroeffentlichung { background-image:url(../img/back/bg-veroeffentlichung.jpg); }
.one-bg-segeln { background-image:url(../img/back/bg-segeln.jpg); }
.one-bg-muenster { background-image:url(../img/back/bg-muenster.jpg); }

.one-slot-kontakt { background-image:url(../img/back/slot-kontakt-s.jpg); }
.one-slot-ratgeber { background-image:url(../img/back/slot-ratgeber-s.jpg); }
.one-slot-hilfsprojekt { background-image:url(../img/back/slot-hilfsprojekt-s.jpg); }




/* Top-Layerslider */
figure.one-toplayer { position:relative; display:block; border-top:60px solid #ccc; border-bottom:.8em solid #999; background:url(../img/back/bg-toplayer.jpg) center center no-repeat #ccc; }

/* Top-Image */
/*
figure.one-topimage { position:relative; display:block; overflow:hidden; }
figure.one-topimage img { display:block; width:100%; min-width:320px; height:auto; }
*/
[class*="one-topimage"] { display:inline-block; width:100%; height:120px; vertical-align:middle; border-bottom:.8em solid #999; background-size:100%; background-position:50% 50%; background-repeat:no-repeat; 
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
}
figure.one-topimage-praxis { background-image:url(../img/display/top-praxis.jpg); }
figure.one-topimage-behandlung { background-image:url(../img/display/top-behandlung.jpg); }
figure.one-topimage-patient { background-image:url(../img/display/top-patient.jpg); }
figure.one-topimage-sprechzeit { background-image:url(../img/display/top-sprechzeit.jpg); }
figure.one-topimage-stellenangebot { background-image:url(../img/display/top-stellenangebot.jpg); }
figure.one-topimage-fortbildung { background-image:url(../img/display/top-fortbildung.jpg); }
figure.one-topimage-wissen { background-image:url(../img/display/top-wissen.jpg); }
figure.one-topimage-ratgeber { background-image:url(../img/display/top-ratgeber.jpg); }
figure.one-topimage-link { background-image:url(../img/display/top-link.jpg); }
figure.one-topimage-presse { background-image:url(../img/display/top-presse.jpg); }
figure.one-topimage-segeln { background-image:url(../img/display/top-segeln.jpg); }
figure.one-topimage-muenster { background-image:url(../img/display/top-muenster.jpg); }
figure.one-topimage-parocheck { background-image:url(../img/display/top-parocheck.jpg); }
figure.one-topimage-impressum { background-image:url(../img/display/top-impressum.jpg); }
figure.one-topimage-datenschutz { background-image:url(../img/display/top-datenschutz.jpg); }
/*
figure.one-topimage-team { background-image:url(../img/display/top-team.jpg); }
*/
figure.one-topimage-team { background-image:url(../img/display/top-team-aerzte.jpg); }
figure.one-topimage-team-aerzte { background-image:url(../img/display/top-team-aerzte.jpg); }
figure.one-topimage-team-verwaltung { background-image:url(../img/display/top-team-verwaltung-1.jpg); }
figure.one-topimage-team-prophylaxe { background-image:url(../img/display/top-team-prophylaxe.jpg); }
figure.one-topimage-team-assistenz { background-image:url(../img/display/top-team-assistenz.jpg); }
figure.one-topimage-team-anaesthesie { background-image:url(../img/display/top-team-anaesthesie.jpg); }
figure.one-topimage-team-labor { background-image:url(../img/display/top-team-labor.jpg); }
	
/* Top-Abstand (wg. feststehender Navigation) */
.one-top-space { margin-top:60px; }

/* Headline */
.one-headline { width:100%; padding:.4em 1.694915254237288%; }



/* Artikel-Vorschau Standard */
article.one-prev header { }
article.one-prev header a { display:block; padding:.4em; text-decoration:none; border:1px solid #bbb; background-color:#ccc; }
article.one-prev header a:hover { border:1px solid #000; background-color:#333; }
article.one-prev header a:hover h2 { color:#fff; }
article.one-prev header h2 { padding:0; font-family: 'Oxygen', sans-serif; font-weight:normal; color:#000; font-size:.9em; }
article.one-prev header img { width:100%; height:auto; }
article.one-prev footer { padding:.4em 0; line-height:1.2em; }

article.one-prev h3 { font-family: 'Oxygen', sans-serif; color:#369; font-size:.9em; }
article.one-prev p { padding:.4em; text-align:justify; }



/* Artikel-Team */
article.one-team { margin-bottom:4em; width:100%; padding:.4em 1.694915254237288%; }
article.one-team header { padding-bottom:2em; }
article.one-team header h2 { font-family: 'Oxygen', sans-serif; font-weight:normal; color:#666; }
article.one-team figure { float:left; margin:0 1em .4em 0; display:block; width:35%; }
article.one-team p { text-align:justify; }


/* Artikel-Fortbildung */
article.one-date { display:block; margin:.8em 0; padding:.4em 1.694915254237288%; width:100%; }
article.one-date header { display:block; padding:.4em .8em; color:#fff; background-color:#333; }
article.one-date div { margin:0; padding:.4em .8em; border:1px solid #666; background-color:#fff; }







/* Libary */
.one-libary { position:relative; margin:0; overflow:hidden; padding:.8em 0; border:1px solid #ccc; }
.one-libary-wrapper { position:relative; margin:0; padding:0; width:15000px; }
.one-libary-slider { float:left; min-height:100px; }
.one-libary-content { display:block; margin:0 auto; width:60%; min-width:300px; }

nav.one-libary-nav { display:block; margin:2em 0; text-align:center; }
nav.one-libary-nav ul { display:block; margin:0; padding:0; list-style:none; text-align:center; }
nav.one-libary-nav li { display:inline-block; margin:1em 1%; padding:0; width:10%; min-width:90px; list-style:none; vertical-align:top; }
nav.one-libary-nav img { display:inline-block; width:100%; height:auto; border:5px solid #ccc; background-color:#fff;
border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -khtml-border-radius:50%; }
nav.one-libary-nav a { opacity:.50; color:#369; font-family: 'Oxygen', sans-serif; font-size:.9em; text-decoration:none; text-align:center; }
nav.one-libary-nav a.one-active img, nav.one-libary-nav a:hover img { border:5px solid #333; }
nav.one-libary-nav a.one-active, nav.one-libary-nav a:hover { opacity:1; }




/* Link-Schaltflächen */
a.one-btn { display:inline-block; margin:0 .4em 0 0; padding:.4em 1em; white-space:nowrap; text-decoration:none; color:#666; border:1px solid #999; background-color:#fff; }
a.one-btn:hover { text-decoration:none; color:#fff; background-color:#333; }
a.one-btn-green { display:inline-block; margin:0 .4em 0 0; padding:.4em 1em; white-space:nowrap; text-decoration:none; color:#333; border:1px solid #690; background-color:#ad2; }
a.one-btn-green:hover { text-decoration:none; color:#fff; background-color:#8b1; }

a.one-btn-1 { float:left; display:inline-block; margin-right:1em; padding:.4em 1em; white-space:nowrap; text-decoration:none; color:#333; border:1px solid #ccc; }
a.one-btn-1-active, a.one-btn-1:hover { text-decoration:none; color:#fff; background-color:#333; }






/* Seiten-Teilung z.B. für seitl. Menü */
.one-split-left { display:none; }
.one-split-right { display:block; }


/* Content Cols 1-12 (one-col) */
/* skalierbare Spalten in 12er-Teilung auf der Basis von 1220px Breite
|20|                                          1180                                              |20|
|20| 80 |20| 80 |20| 80 |20| 80 |20| 80 |20| 80 |20| 80 |20| 80 |20| 80 |20| 80 |20| 80 |20| 80 |20|

one-col1 = 80/1180*100 = 6.779661016949153% und 80/12 = 6.66666667%
one-col2 = ((80*2)+(20*1))/1180*100 = 15.25423728813559% und ((80*2)+(20*1))/12 = 15%
one-col3 = ((80*3)+(20*2))/1180*100 = 23.72881355932203% und ((80*3)+(20*2))/12 = 18.33333333%
one-col4 = ((80*4)+(20*3))/1180*100 = 32.20338983050847% und ((80*4)+(20*3))/12 = 30%
usw. */
/* Zusammenfassung mehrerer Spalten in einer Zeile (one-row) */
.one-row { width:100%; padding:.4em 1.694915254237288%; }

/* Spalten 1-12 (one-col) */
.one-row [class*="one-col"] { display:block; }

.one-row .one-col1,
.one-row .one-col2,
.one-row .one-col3,
.one-row .one-col4,
.one-row .one-col5,
.one-row .one-col6,
.one-row .one-col7,
.one-row .one-col8,
.one-row .one-col9,
.one-row .one-col10,
.one-row .one-col11,
.one-row .one-col { width:100%; *width:98.33333333333333%; }


/* Einheit-Abschnitt */
/* Fasst Elemente zu einer Einheit zusammen und schließt sie ab. Insbesondere Float-Elemente werden korrekt zusammengefasst. */
.one-unit { display:block; width:100%; }





/* Images */
/* Standardaussehen default */
figure[class*="one-def"] { margin-bottom:1em; display:block; height:auto; border:0; }
figure[class*="one-def"] span { display:block; font-size:.85em; color:#369; line-height:1.2em; }
figure[class*="one-def"] img { width:100%; }
figure[class*="one-def-l"] { float:left; margin:0 2% .8em 0; }
figure[class*="one-def-r"] { float:right; margin:0 0 .8em 2%; }
figure.one-def-l20, figure.one-def-r20, figure.one-def-l25, figure.one-def-r25, figure.one-def-l30, figure.one-def-r30, figure.one-def-l35, figure.one-def-r35, figure.one-def-l40, figure.one-def-r40, figure.one-def-l45, figure.one-def-r40, figure.one-def-l50, figure.one-def-r50, figure.one-def { width:100%; }
/* Rahmen */
figure.one-frm { padding:5px; border:1px solid #ccc; background-color:#ddd; }



/* Liste von Bildern */
/* jedes Bild muss von einem Container (*) umschlossen werden */
/* <span><img ... ></span> oder <a herf=...><img ... ></a> */
[class*="one-img-list"] >* { display:block; margin:2% 0; padding:1%; width:100%; border:1px solid #ccc; background:#eee;  }
[class*="one-img-list"] * img { display:block; width:100%; max-width:100%; height:auto; border:0; }
.one-img-list2 >* { float:left; margin:2%; width:48%; }
.one-img-list2 >*:nth-of-type(2n) { margin-right:0; }
.one-img-list2 >*:nth-of-type(2n+1) { margin-left:0; }
.one-img-list3 >* { float:left; margin:2%; width:30.666666%; }
.one-img-list3 >*:nth-of-type(3n) { margin-right:0; }
.one-img-list3 >*:nth-of-type(3n+1) { margin-left:0; }
.one-img-list4 >* { float:left; margin:2%; width:22%; }
.one-img-list4 >*:nth-of-type(4n) { margin-right:0; }
.one-img-list4 >*:nth-of-type(4n+1) { margin-left:0; }


/* Listen */
/* nummerierte Aufzählung */
ol[class*="one-list"] { margin:0; padding:.8em 2em; }
ol[class*="one-list"] li { margin:0; padding:0 0 .4em .8em; }
/* unsortierte Aufzählung */
ul[class*="one-list"] { margin:0; padding:.8em 2em; }
ul[class*="one-list"] li { margin:0; padding:0 0 .4em .8em; }
/* Aufzählungszeichen */
ul.one-listdisc { list-style:disc; }
ul.one-listcircle { list-style:circle; }
ul.one-listsquare { list-style:square; }
ul.one-listcheck { list-style-image:url(../img/list-check.png); }
ul.one-listnet { list-style-image:url(../img/list-net.png); }

/* horizontale Aufzählung */
ul[class*="one-listcols"] { margin:0; padding:.8em 0; list-style:none; }
ul[class*="one-listcols"] li { float:left; list-style:none; }
ul.one-listcols li {  } /* variable Breite */
ul.one-listcols2 li { width:50%; }
ul.one-listcols3 li { width:33.3333333333%; }
ul.one-listcols4 li { width:25%; }
ul.one-listcols5 li { width:20%; }
ul.one-listcols6 li { width:16.6666666666%; }
ul.one-listcols7 li { width:14.2857142%; }
ul.one-listcols8 li { width:12.5%; }
ul.one-listcols9 li { width:11.1111111111%; }
ul.one-listcols10 li { width:10%; }
ul.one-listcols11 li { width:9.909090909%; }
ul.one-listcols12 li { width:8.3333333333%; }


/* Label-Liste one-labelXX */
/*
Spaltenverteilung:
1: 10% / 90%
2: 20% / 80%
3: 30% / 70%
4: 40% / 60%
5: 50% / 50%
*/
ul[class*="one-label"] { margin:.8em 0; padding:0; list-style:none; }
ul[class*="one-label"] li { margin:.4em 0; padding:0; list-style:none; width:100%; }
ul[class*="one-label"] li > span { display:block; margin:0; overflow:hidden; font-size:.8em; font-weight:bold; }
ul[class*="one-label"] li > p { margin:0; padding:0; }


/* Tabellen */
table.one-def { width:100%; border-spacing:0; empty-cells:show; border-collapse:separate; border:1px solid #ccc;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
-khtml-border-radius:5px;
}
table.one-def th { padding:.8em .4em .2em .4em; overflow:hidden; color:#333; vertical-align:bottom; border-right:1px solid #ccc; border-bottom:1px solid #ccc; background-color:#eee; }
table.one-def th:last-child { border-right:none; }
table.one-def th.subheadline { padding:.4em; color:#000; text-align:left; border-bottom:1px solid #ccc; background-color:#ddd; }
table.one-def td { padding:.4em .4em .2em .4em; vertical-align:top; overflow:hidden; border-right:1px solid #ccc; border-bottom:1px solid #ccc; }
table.one-def td:first-child { color:#000; border-right:1px solid #ccc; border-bottom:1px solid #ccc; background-color:#eee; }
table.one-def td:last-child { border-right:none; }
table.one-def tr:last-child td { border-bottom:none; }



/* Informationen */
/* Container, der mehrer Infoboxen aufnehmen kann und automatisch wechselt.
   Die Höhe des Containers muss individuell in HTML eingestellt werden */
#one-infobar { width:100%; margin-bottom:3em; overflow:hidden; }

/* Infobox */
.one-infobox { margin:0 0 2em 0; width:100%; }
.one-infobox img { width:100%; max-width:100%; height:auto; }
.one-infobox h1 { font-size:1.1em; margin:0 2%; padding:.8em 0 0 0; font-family:Avenir, sans-serif; font-weight:normal; color:#c60; }
.one-infobox p { margin:0 2%; }
.one-infobox a.go { display:block; margin:2% auto; padding:4%; width:50%; text-align:center; text-decoration:none; color:#9cf; border-radius:3px; background-color:#369;
	background:-webkit-linear-gradient(bottom, #036 0%, #369 100%); 
	background:-moz-linear-gradient(bottom, #036 0%, #369 100%); 
	background:-o-linear-gradient(bottom, #036 0%, #369 100%); 
	background:linear-gradient(bottom, #036 0%, #369 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#369', endColorstr='#036');
}
.one-infobox a.go:hover { text-decoration:none; color:#fff; }








/* Formulare */
label { display:inline-block; width:30%; overflow:hidden; }
label sup { font-size:.8em; }
input.one-def, textarea.one-def, select.one-def { display:inline-block; margin:.4em 0; padding:.4em 1%; font-size:.8em; color:#c60; }
input:focus, textarea:focus, select:focus { color:#000; background:#f5f5f5; }
input[type="text"], textarea, select { width:67%; overflow:hidden; border:1px solid #666; background:#fff; }
input[type="text"].one-number, input[type="text"].one-date, input[type="text"].one-time { width:20%; }
textarea { height:10em; }

/* Formular-Schaltflächen */
input[type="submit"], input[type="button"], input[type="reset"] { display:inline-block; margin:0 .4em 0 0; padding:.8em 1em; white-space:nowrap; border:1px solid #999; }
input[type="submit"] { color:#666; background:#fff; }
input[type="button"] { color:#666; background:#fff; }
input[type="reset"] { color:#666; background:#fff; }
input[type="submit"]:hover { color:#fff; background:#369; }
input[type="button"]:hover { color:#fff; background:#333; }
input[type="reset"]:hover { color:#fff; background:#333; }


/* im Formular soll dieser Bereich mit Feldern nicht angezeigt werden. Die Felder sind leer bzw. werden beim Absenden über die Submit-Schaltfläche geleert.
Der normale Nutzer kann diese Felder nicht sehen und damit auch nicht füllen. Sollten die Felder trotzdem gefüllt sein, wurden diese wohlmöglich automatisch gefüllt */
.dontsee { margin:0; padding:0; height:0px; display:block; overflow:hidden;	}
.dontsee input { border:none; }



/* Error-Markierung von Formular_Elementen */
input.one-error, textarea.one-error, select.one-error { border:1px solid #c00; background-color:#fdd; }

fieldset { margin:.8em 0; border:1px solid #c60; }
fieldset legend { padding:0 .4em; font-family:Avenir, sans-serif; font-size:.9em; line-height:1.1em; color:#c60; }
fieldset.one-horizontal label { display:inline-block; margin:0 .8em 0 .4em; width:auto; }
fieldset.one-vertical label { display:block; margin:0 .8em 0 .4em; width:auto; }
fieldset input[type="radio"] {  }

fieldset.one-button { margin-left:30%; padding:0; border:0; }



/* Google */
.one-google-route { display:block; width:100%; }
#one-google-map { display:block; width:100%; height:20em; }
#one-google-map .one-content { width:300px; height:180px }




/* Ajax */
.one-ajax-form { position:relative; }
.one-ajax-response-send, .one-ajax-response-error { display:none; padding:.8em; font-size:.9em; }
.one-ajax-response-send { color:#093; background-color:#fff; border:.4em solid #3c6; }
.one-ajax-response-error { color:#933; background-color:#fff; border:.4em solid #f99; }


/* spezielle Einstellungen */
.one-team article { height:400px; }

.one-exzellenz { float:left; margin:0 1em 1em 0; width:35%; min-width:120px; height:auto; border:0; }



/* Box Sizing */
.one-top,
.one-framework,
.one-section,
.one-subnav li,
.one-slidenav,
.one-row,
.one-row [class*="one-col"],
.one-unit,
.one-headline,
.one-toplayer,
.one-toplayer *,
.one-logo div,
.one-date,
article.one-team,
[class*="one-img-list"] >*,
ol[class*="one-list"] li,
ul[class*="one-list"] li,
ul[class*="one-label"] li,
a.one-btn,
.one-infobox a.go,
#one-google-map,
.one-ajax-response-send,
.one-ajax-response-error,
figure[class*="one-def"] { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; }


/* Clearfix */
.one-subnav:before,
article.one-team:before,
.one-libary-nav:before,
.one-row:before,
.one-unit:before,
.one-logo:before,
ul[class*="one-label"] li:before { content:""; display:table; }
.one-subnav:after,
article.one-team:after,
.one-libary-nav:after,
.one-row:after,
.one-unit:after,
.one-logo:after,
ul[class*="one-label"] li:after { content:""; display:table; clear:both; }
.one-subnav,
article.one-team,
.one-libary-nav,
.one-row,
.one-unit,
.one-logo,
ul[class*="one-label"] li { zoom:1; }






/* Radius */
.one-subnav li,
a.one-btn,
.one-slidenav ul,
.one-slidenav h3,
.one-slidenav a.one-slidenav-closer,
.one-libary,
input[type="submit"], input[type="button"], input[type="reset"],
article.one-prev header a { border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -khtml-border-radius:5px; }

/* Transition */
.one-nav ul li:hover a,
.one-subnav li:hover,
.one-subnav li:hover a,
.one-slidenav ul:hover,
.one-slidenav a:hover,
#one-branding:hover span,
#one-branding:active span,
article.one-prev a:hover,
a.one-btn:hover,
input[type="submit"]:hover, input[type="button"]:hover, input[type="reset"]:hover,
.one-libary-nav a:hover img,
.one-libary-nav a:hover { -webkit-transition:all .5s; -moz-transition:all .5s; -o-transition:all .5s; -ms-transition:all .5s; }

.one-nav ul li a,
.one-subnav li,
.one-subnav li a,
.one-slidenav ul,
.one-slidenav a,
#one-branding span,
article.one-prev a,
a.one-btn,
input[type="submit"], input[type="button"], input[type="reset"],
.one-libary-nav img,
.one-libary-nav a { -webkit-transition:all .2s; -moz-transition:all .2s; -o-transition:all .2s; -ms-transition:all .2s; }


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



}





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

/* Branding */
#one-branding span { font-size:14px; }



/* Top-Image */
[class*="one-topimage"] { height:160px; }

/* Untermenu */
.one-subnav li { float:left; position:relative; margin:1em 0 1em 1.694915254237288%; padding:.4em; width:32.20338983050847%; *width:31.66666666666667%; overflow:hidden; list-style:none; background-color:#fff; }
.one-subnav li:first-child { margin-left:0; }
.one-subnav li:nth-of-type(3n+1) { clear:left; margin-left:0; }
.one-subnav h2 { margin:0; padding-top:.4em; font-family: 'Oxygen', sans-serif; font-size:1em; }
.one-subnav p { margin:0; line-height:1.2em; }
.one-subnav img { float:none; display:block; width:100%; height:auto; }


/* Logo */
.one-logo div { height:10em; }
.one-logo div:first-child { width:40%; }
.one-logo div:last-child { width:60%; }
.one-logo div:last-child p { font-size:1.2em; }


/* Label-Liste one-labelXX */
/*
Spaltenverteilung:
1: 10% / 90%
2: 20% / 80%
3: 30% / 70%
4: 40% / 60%
5: 50% / 50%
*/
ul[class*="one-label"] li > span { float:left; display:inline-block; }
ul[class*="one-label"] li > p { padding:0 0 0 .4em; }
ul.one-label1 li > span { width:10%; }
ul.one-label2 li > span { width:20%; }
ul.one-label3 li > span { width:30%; }
ul.one-label4 li > span { width:40%; }
ul.one-label5 li > span { width:50%; }

ul.one-label1 li p { margin-left:10%; }
ul.one-label2 li p { margin-left:20%; }
ul.one-label3 li p { margin-left:30%; }
ul.one-label4 li p { margin-left:40%; }
ul.one-label5 li p { margin-left:50%; }

}




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


/* Branding */
#one-branding { width:50%; }
#one-branding span { font-size:18px; }

/* Untermenu */
.one-subnav h2 { margin:0 0 0 40%; padding-top:0; font-family: 'Oxygen', sans-serif; font-size:1em; }
.one-subnav p { margin:0 0 0 40%; line-height:1.2em; }
.one-subnav img { float:left; width:38%; height:auto; }

/* Termin online */
.one-termin-online { right:2em; width:8em; height:8em; }

/* Logo */
.one-logo div { height:12em; }
.one-logo div:first-child { width:50%; }
.one-logo div:last-child { width:50%; }
.one-logo div:last-child p { font-size:1.4em; }

/* Seiten-Teilung z.B. für seitl. Menü */
.one-split-left { display:block; float:left; width:20%; }
.one-split-right { margin-left:20% }
.one-split-right:after { clear:both; display:table; content:""; line-height:0; }

/* Top-Image */
[class*="one-topimage"] { height:200px; }

/* Content Cols 1-12 (one-col) */
/* skalierbare Spalten in 12er-Teilung auf der Basis von 1220px Breite
|20|                                          1180                                              |20|
|20| 80 |20| 80 |20| 80 |20| 80 |20| 80 |20| 80 |20| 80 |20| 80 |20| 80 |20| 80 |20| 80 |20| 80 |20|

one-col1 = 80/1180*100 = 6.779661016949153% und 80/12 = 6.66666667%
one-col2 = ((80*2)+(20*1))/1180*100 = 15.25423728813559% und ((80*2)+(20*1))/12 = 15%
one-col3 = ((80*3)+(20*2))/1180*100 = 23.72881355932203% und ((80*3)+(20*2))/12 = 18.33333333%
one-col4 = ((80*4)+(20*3))/1180*100 = 32.20338983050847% und ((80*4)+(20*3))/12 = 30%
usw. */
.one-row [class*="one-col"] { float:left; margin-left:1.694915254237288%; }
.one-row [class*="one-col"]:first-child { margin-left:0; }

.one-row .one-col1 { width:6.779661016949153%; *width:6.666666666666667%; }
.one-row .one-col2 { width:15.25423728813559%; *width:15%; }
.one-row .one-col3 { width:23.72881355932203%; *width:23,33333333333333%; }
.one-row .one-col4 { width:32.20338983050847%; *width:31.66666666666667%; }
.one-row .one-col5 { width:40.67796610169492%; *width:40%; }
.one-row .one-col6 { width:49.15254237288136%; *width:48.33333333333333%; }
.one-row .one-col7 { width:57.6271186440678%; *width:56.66666666666667%; }
.one-row .one-col8 { width:66.10169491525424%; *width:65%; }
.one-row .one-col9 { width:74.57627118644068%; *width:73.33333333333333%; }
.one-row .one-col10 { width:83.05084745762712%; *width:81.66666666666667%; }
.one-row .one-col11 { width:91.52542372881356%; *width:90%; }
.one-row .one-col { width:100%; *width:98.33333333333333%; }



/* Images */
/* Standardaussehen default */
figure.one-def-l20, figure.one-def-r20 { width:18%; }
figure.one-def-l25, figure.one-def-r25 { width:23%; }
figure.one-def-l30, figure.one-def-r30 { width:31%; }
figure.one-def-l35, figure.one-def-r35 { width:33%; }
figure.one-def-l40, figure.one-def-r40 { width:38%; }
figure.one-def-l45, figure.one-def-r40 { width:43%; }
figure.one-def-l50, figure.one-def-r50 { width:48%; }


/* Artikel-Fortbildung */
article.one-date header { float:left; width:35%; }
article.one-date div { margin-left:40%; }


}




@media screen and (min-width:800px) {
body { font-size:16px; }


/* Branding */
#one-branding { width:35%; }

/* Hauptmenu */
.one-nav { width:65%; }
.one-nav ul { display:block; width:100%; }
.one-nav ul li { float:left; }
.one-nav ul li a { padding:20px .6em 0 .6em; height:40px; border-right:solid 1px #57b; border-bottom:0; }

.one-nav a.one-minimized { display:none; }


/* Top-Image */
[class*="one-topimage"] { height:260px; }


/* Bilder */
.one-framework-slot { height:300px; background-repeat:no-repeat; background-position:50% 50%; background-attachment:fixed; }
.one-slot-kontakt { background-image:url(../img/back/slot-kontakt.jpg); }
.one-slot-ratgeber { background-image:url(../img/back/slot-ratgeber.jpg); }
.one-slot-hilfsprojekt { background-image:url(../img/back/slot-hilfsprojekt.jpg); }

}





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

/* Hauptmenu */
.one-nav ul li a { padding:20px .4em 0 .4em; }


/* Top-Image */
[class*="one-topimage"] { height:320px; }

/* Logo */
.one-logo div { height:14em; }
.one-logo div:last-child p { font-size:1.8em; }


}





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

/* Branding */
#one-branding span { font-size:20px; }

/* Hauptmenu */
.one-nav ul li a { padding:20px .8em 0 .8em; font-size:1em; }


/* Top-Image */
[class*="one-topimage"] { height:400px; }


/* Termin online */
.one-termin-online { right:2em; width:10em; height:10em; }

/* Google */
#one-google-map { height:40em; }

}






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

/* Hauptmenu */
.one-nav ul li a { padding:20px 1.2em 0 1.2em; }


/* Logo */
.one-logo div { height:16em; }
.one-logo div:last-child p { font-size:2em; }


}