/* CSS Document */



/*

Farben

#fff weiß

#000 schwarz

#dc5 gold

#47b blau (Fläche)

#79c blau (Fläche Hover)

#15a blau (Schrift)

#58b blau (Schrift Hover)

#8ac hellblau

 */



body { font-family:'Lato', sans-serif, Arial, Tahoma; color:#333; }



/* ------------------------------

Allgemeine Definitionen

------------------------------ */

/* Farbe der Textmarkierung */

::selection { background:#47b; color:#fff; }

::-moz-selection { background-color:#47b; color:#fff; }



/* Schrift-Layout */

h1, h2, h3, h4, h5, h6 { font-family:Raleway, Geneva, sans-serif; }

h1, h2 { color:#15a; }

h3, h4, h5, h6 { color:#15a; font-weight:normal; }









/* ------------------------------

Links

------------------------------ */

/* Links */

a.o_href { padding:0; color:#15a; text-decoration:none; }

a.o_href:hover { text-decoration:underline; color:#025; }

a.o_inline { padding:0 .1em; text-decoration:none; color:#15a; font-size:.9em; border-bottom:1px dotted #15a; }

a.o_inline:hover { text-decoration:none; color:#000; border-bottom:1px solid #15a; }

a.o_inline:after { content:url(../img/ico-inline.png); padding-left:5px; }

a.o_marked { display:inline-block; margin:0; padding:.1em .4em; white-space:nowrap; text-decoration:none; color:#bde; font-size:.9em; background-color:#47b; }

a.o_marked:hover { color:#fff; background-color:#58b; }



a.o_qtip_click, a.o_qtip_over { margin:0; padding:0 .1em; text-decoration:none; color:#15a; font-size:.9em; border-bottom:1px dotted #15a; }

a.o_qtip_click:hover, a.o_qtip_over:hover { text-decoration:none; color:#000; border-bottom:1px solid #15a; }

a.o_qtip_click:after { content:url(../img/ico-tip.png); padding-left:5px; }

a.o_qtip_over:after { content:url(../img/ico-tip.png); padding-left:5px; }





/* ------------------------------

Framework

------------------------------ */

.o_framework { padding:1em 0; min-height:100%; background-color:#fff; }

.o_framework_fit { padding:1em 0; } /* am Inhalt angepasste Höhe */

.o_framework_header { margin-bottom:1em; }

.o_framework_header .o_header_back { position:absolute; left:0; top:0; width:100%; height:90px; border-bottom:8px solid #eee; background-color:#dc5; }

.o_framework_light { color:#666; border-top:1px dashed #ddd; border-bottom:1px dashed #ddd; background-color:#f5f5f5; }

.o_framework_dark { padding:1em 0; color:#fff; background-color:#C7D6EA; /* background:url(../img/back/stein.jpg) left top repeat;*/ }

.o_framework_dark h2, .o_framework_dark .o_highlight { color:#cde; }

.o_framework_lines { padding:1em 0; background:url(../img/back/bg-3.png); }



/* ------------------------------

Seitenbereich

------------------------------ */

.o_section { padding:1em 1%; }

.o_section_highlight { padding:1em 1% 1em 1%; }

.o_section_light { background-color:#eee; }

.o_section_header {  }

.o_section_footer { padding:0 1%; color:#fff; }



/* Footer */

.o_footer { padding:.2em 0; color:#ddd; text-align:center; font-family:Raleway, Tahoma, Geneva; font-size:.85em; border-top:.8em solid #eee; background:url(../img/back/bg-footer.jpg) left top repeat; }

.o_footer aside { display:inline-block; padding:1em 2em; }

.o_footer a { color:#ccc; text-decoration:none; }

.o_footer a:hover { color:#fff; text-decoration:underline; }

.o_footer h3 { color:#eee; }













/* ------------------------------

Branding

------------------------------ */

figure.o_branding { position:relative; margin-left:1em; height:90px; }

figure.o_branding img.o_logo { position:absolute; left:0; top:5px; width:auto; height:80px; }

figure.o_branding img.o_logoadd { position:absolute; left:80px; top:50px; width:100px; height:auto; }

figure.o_branding a { text-decoration:none; }

figure.o_branding a:hover { text-decoration:none; }





/* ------------------------------

Suche

------------------------------ */

.topsearch { position:absolute; top:0; right:10px; width:60%; }

.topsearch input[type="text"] { float:right; }

.topsearch .o_btn_search { float:right; padding:.6em 0 .4em .4em; }







/* ------------------------------

Article

------------------------------ */

article[class*="o_article"] { line-height:1.4em; text-align:justify; }

article[class*="o_article"] header { padding-bottom:1em; }



article.o_article_split {  }

article.o_article_right {  }



.o_paragraph { float:left; display:inline-block; margin-left:-.6em; margin-right:.3em; padding:.3em; width:1.9em; height:1.3em; text-align:right; font-size:2em; font-weight:bold; color:#fff; background-color:#47b; }





/* ------------------------------

Right Side

------------------------------ */

.o_sideinfo { margin-bottom:2em; line-height:1.2em; text-align:left; font-size:.9em; }

.o_sideinfo h3 { padding:.4em; text-align:center; color:#666; background-color:#ddd; }

.o_sideinfo img { display:block; width:100%; height:auto; }





/* ------------------------------

Image-Slider

------------------------------ */

.o_imgslider { position:relative; margin:0 auto; width:100%; }





/* ------------------------------

Image

------------------------------ */

img.o_img { display:block; width:100%; height:auto; }

img.o_zoom { 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 1s ease-in-out; -moz-transition:all 1s ease-in-out; -o-transition:all 1s ease-in-out; -ms-transition:all 1s ease-in-out; transition:all 1s ease-in-out; }

img.o_zoom:hover { -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1); -ms-transform:scale(1.1); transform:scale(1.1); }



figure.o_img { border:1px solid #ccc; }

figure.o_img header { padding:1em .4em; text-align:center; background-color:#eee; }

figure.o_img header h3 { padding:0; text-align:center; }

figure.o_img header img { margin:1em; }

figure.o_img footer { padding:.4em; text-align:center; background-color:#eee; }





/* ------------------------------

Preview

------------------------------ */

/* Previw Small */

.o_prev_s { display:block; position:relative; padding:2em 0; }

.o_prev_s figure { display:block; position:relative; overflow:hidden; }

.o_prev_s figure img { display:block; width:100%; height:auto; }

.o_prev_s a h4 { position:absolute; left:0; bottom:0; padding:.8em 1.2em; color:#333; opacity:0.8; background-color:#fff; }

.o_prev_s a:hover h4 { color:#fff; background-color:#47b; }

.o_prev_s p { font-size:.9em; }



/* Previw Medium */

.o_prev_m { display:block; position:relative; padding:2em 0; }

.o_prev_m figure { display:block; overflow:hidden; }

.o_prev_m 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_prev_m figure:hover img { -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -o-transform:scale(1.2); -ms-transform:scale(1.2); transform:scale(1.2); }

.o_prev_m h4 { padding:.8em 0 .4em 0; color:#333; }



/* Previw Large */

.o_prev_l aside { display:block; position:relative; }

.o_prev_l figure { display:block; overflow:hidden; }

.o_prev_l figure img { display:block; position:relative; 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_prev_l figure:hover img { -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -o-transform:scale(1.2); -ms-transform:scale(1.2); transform:scale(1.2); }

.o_prev_l figure a { text-decoration:none; }



.o_prev_l div { display:block; position:relative; }

.o_prev_l h4 { padding:.8em .4em; color:#333; background-color:#f5f5f5; }







/* ------------------------------

Wegweiser

------------------------------ */

ul.o_topmarker { position:absolute; top:0; right:0; padding:.4em; list-style:none; }

ul.o_topmarker li { list-style:none; text-align:right; }

ul.o_topmarker li:first-child { padding-bottom:.2em; border-bottom:1px dotted #ccc; }

ul.o_topmarker li:last-child { padding-top:.2em; }

ul.o_topmarker li a { font-size:.85em; text-decoration:none; color:#999; }

ul.o_topmarker li a:hover { color:#15a; }





/* ------------------------------

Zeitlinie

------------------------------ */

ul[class*="o_timeline"] { position:relative; margin-left:1em; list-style:none; background:url(../img/back/bg-timeline.png) top left repeat-y; }

ul[class*="o_timeline"] li { display:block; position:relative; padding:.4em 0 1em 1.6em; list-style:none; font-size:.85em; }

ul[class*="o_timeline"] li h3 { padding:0; font-size:1.4em; }

ul[class*="o_timeline"] li img.o_tl_point { display:block; position:absolute; width:32px; height:auto; top:0; left:-16px; }



ul[class*="o_timeline"] li.o_tl_top { min-height:1.4em; }

ul[class*="o_timeline"] li.o_tl_top h3 { color:#15a; font-size:1.4em; font-weight:bold; }

ul[class*="o_timeline"] li.o_tl_top img.o_tl_point { left:-16px; top:0; }



ul[class*="o_timeline"] li.o_tl_bot { padding:.4em 0 .4em 1.6em; min-height:1.4em; }

ul[class*="o_timeline"] li.o_tl_bot h3 { color:#15a; font-size:1.4em; font-weight:bold; }

ul[class*="o_timeline"] li.o_tl_bot img.o_tl_point { position:absolute; top:inherit; bottom:0; left:-16px; }



ul[class*="o_timeline"] .o_tl_trigger { cursor:pointer; }

ul[class*="o_timeline"] .o_tl_toggle { display:none; }



ul.o_timeline_left {  }





/* ------------------------------

Tabellen

------------------------------ */

table[class*="o_table"] { margin:1em 0; width:100%; border-spacing:0; empty-cells:show; border-collapse:separate; }

table[class*="o_table"] th { padding:.8em .4em .4em .4em; overflow:hidden; color:#15a; vertical-align:bottom; background-color:#f5f5f5; }

table[class*="o_table"] th.subheadline { padding:.4em; color:#fff; text-align:left; background-color:#ddd; }

table[class*="o_table"] th a { color:#000; text-decoration:none; }

table[class*="o_table"] th a:hover { text-decoration:underline; }

table[class*="o_table"] th i { color:#999; } /* Symbol für Sortierung */

table[class*="o_table"] td { padding:.4em .4em .2em .4em; vertical-align:top; overflow:hidden; font-size:.9em; }



table[class*="o_table"] td.o_caption { line-height:1.2em; text-align:left; color:#000; background-color:#eee; }

table[class*="o_table"] td.o_text { padding:.8em 1%; }



/* Standardtabelle */

table.o_table th { border-top:1px solid #ccc; border-left:1px solid #ccc; }

table.o_table th:first-child { border-left:0; }

table.o_table td:first-child { border-left:0; }

table.o_table th.subheadline { border-left:1px solid #ccc; border-top:1px solid #ccc; }

table.o_table th.subheadline:last-child { border-right:1px solid #333; }

table.o_table td { border-left:1px solid #ccc; border-top:1px solid #ccc; }



/* Tabelle light */

table.o_table_light th { text-align:left; border-bottom:1px solid #ccc; }

table.o_table_light th.subheadline { border-bottom:1px solid #ccc; }

table.o_table_light td { border-bottom:1px solid #ccc; }



/* Tabelle mit abgerundeten Ecken */

table.o_table_r th { border-top:1px solid #ccc; border-left:1px solid #ccc; }

table.o_table_r th.subheadline { border-left:1px solid #ccc; border-top:1px solid #ccc; }

table.o_table_r th.subheadline:last-child { border-right:1px solid #333; }

table.o_table_r td { border-left:1px solid #ccc; border-top:1px solid #ccc; }

table.o_table_r tr:last-child th, table.o_table_r tr:last-child td { border-bottom:1px solid #ccc; }

table.o_table_r th:last-child, table.o_table_r td:last-child { border-right:1px solid #ccc; }

table.o_table_r tr:last-child td:first-child { border-bottom-left-radius:10px; }

table.o_table_r tr:last-child td:last-child { border-bottom-right-radius:10px; }

table.o_table_r tr:first-child th:first-child, table.o_table_r tr:first-child td:first-child { border-top-left-radius:10px; }

table.o_table_r tr:first-child th:last-child, table.o_table_r tr:first-child td:last-child { border-top-right-radius:10px; }

table.o_table_r tr:first-child th, table.o_table_r tr:first-child td { border-top:1px solid #ccc; }







/* ------------------------------

Formulare

------------------------------ */

form.o_form label { display:inline-block; width:30%; overflow:hidden; }

form.o_form label sup { font-size:.8em; }

form.o_form input[type="text"], form.o_form textarea, form.o_form select { display:inline-block; margin:.4em 0; padding:.4em 1%; color:#15a; }

form.o_form input[type="text"]:focus, form.o_form textarea:focus, form.o_form select:focus { color:#000; background:#f5f5f5; }

form.o_form input[type="text"], form.o_form input[type="password"], form.o_form textarea, form.o_form select { display:inline-block; width:67%; overflow:hidden; border:1px solid #ccc; }

form.o_form input[type="text"].o_number, form.o_form input[type="text"].o_date, form.o_form input[type="text"].o_time {  }

form.o_form textarea { height:10em; }

form.o_form textarea.o_full, form.o_form input[type="text"].o_full, form.o_form select.o_full  { width:100%; }



/* Fieldset */

form.o_form fieldset { margin:.4em 0; border:1px solid #ccc; }

form.o_form fieldset legend { padding:0 .4em; font-size:.9em; line-height:1.1em; color:#15a; }

form.o_form fieldset.o_horizontal label { display:inline-block; margin:0 .8em 0 .4em; width:auto; }

form.o_form fieldset.o_vertical label { display:block; margin:0 .8em 0 .4em; width:auto; }

form.o_form fieldset.o_btn_bar { margin-left:30%; padding:0; border:0; }



/* Error-Markierung von Formular_Elementen */

input.o_error, textarea.o_error, select.o_error { border:1px solid #c00; background-color:#fdd; }



/* 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 { display:none; border:none; }









/* ------------------------------

Schaltflächen

------------------------------ */

[class*="o_btn_def"] { display:inline-block; white-space:nowrap; text-decoration:none; text-align:center; font-family:Raleway, Geneva, sans-serif; cursor:pointer; }

[class*="o_btn_def"]:hover { text-decoration:none; }

[class*="o_btn_def"] i { font-size:1.2em; }

/* Größe S */

a.o_btn_def_s, a.o_btn_def_sh, span.o_btn_def_s, span.o_btn_def_sh, button.o_btn_def_s, button.o_btn_def_sh { margin:.2 .2em .2em 0; padding:.2em .8em; font-size:.9em; border:0; }

input[type="submit"].o_btn_def_s, input[type="submit"].o_btn_def_sh { margin:0 .2em 0 0; padding:.2em .8em; font-size:.9em; border:0; }

/* Größe M */

a.o_btn_def, a.o_btn_def_h, span.o_btn_def, span.o_btn_def_h, button.o_btn_def, button.o_btn_def_h { margin:.4 1em .4em 0; padding:.4em 1.2em; border:0; }

input[type="submit"].o_btn_def, input[type="submit"].o_btn_def_h { margin:0 1em 0 0; padding:.5em 2em; border:0; }

/* Größe L */

a.o_btn_def_l, a.o_btn_def_lh, span.o_btn_def_l, span.o_btn_def_lh, button.o_btn_def_l, button.o_btn_def_lh { margin:.4 1em .4em 0; padding:1em 2em; font-size:1.2em; border:0; }



/* normale Schaltflächen */

.o_btn_def, .o_btn_def_l, .o_btn_def_s { color:#ddf; background-color:#47b; }

.o_btn_def:hover, .o_btn_def_l:hover, .o_btn_def_s:hover { color:#006; background-color:#79c; }

/* hervorgehobene Schaltflächen */

.o_btn_def_h, .o_btn_def_lh, .o_btn_def_sh { color:#602; background-color:#f35; }

.o_btn_def_h:hover, .o_btn_def_lh:hover, .o_btn_def_sh:hover { color:#fff; background-color:#f57; }





/* Schaltfläche mit Beschreibung */

[class*="o_btn_desc"] { display:inline-block; margin:.2em; padding:.4em 1em; cursor:pointer; text-align:center; text-decoration:none; font-family:Raleway, Geneva, sans-serif; font-weight:normal; font-size:.9em; }

[class*="o_btn_desc"] span { display:block; text-transform:uppercase; font-size:1.2em; }

.o_btn_desc { color:#fff; background-color:#47b; }

.o_btn_desc span { color:#000; }

.o_btn_desc:hover { background-color:#79c; }

.o_btn_desc_dark { color:#fff; background-color:#333; }

.o_btn_desc_dark span { color:#ccc; }

.o_btn_desc_dark:hover { background-color:#555; }

.o_btn_desc_light { color:#999; background-color:#ddd; }

.o_btn_desc_light span { color:#666; }

.o_btn_desc_light:hover { background-color:#f5f5f5; }

.o_btn_desc_attend { color:#fff; background-color:#f35; }

.o_btn_desc_attend span { color:#602; }

.o_btn_desc_attend:hover { background-color:#f57; }

.o_btn_desc_color { color:#fff; background-color:#ad2; }

.o_btn_desc_color span { color:#390; }

.o_btn_desc_color:hover { background-color:#cf4; }





/* Schaltfläche mit Symbolen */

.o_btn_symb { display:inline-block; padding:.2em .8em; line-height:1.6em; text-decoration:none; color:#666; border:1px solid #ccc; background-color:#f5f5f5; border-radius:1em; -webkit-border-radius:1em; -moz-border-radius:1em; -khtml-border-radius:1em; }

.o_btn_symb:hover { border:1px solid #8b0; background-color:#47b; }

.o_btn_symb i { margin-right:.4em; color:#ccc; font-size:1.2em; }





/* ------------------------------

Google

------------------------------ */

.o_google_route { display:block; width:100%; }

#o_google_map { display:block; margin-top:1em; width:100%; height:40em; background-color:#fff; border:1px solid #999; }

#o_google_map .o_content { min-width:200px; line-height:1.2em; text-align:center; }

#o_google_map .o_content h2 { display:block; padding:.4em 0; width:100%; text-align:center; color:#15a; font-weight:normal; font-size:1.1em; }

#o_google_map .o_content h2 img { display:block; margin:.4em auto; width:auto; height:100px; }

#o_google_map .o_content a { color:#ccc; text-decoration:none; }

#o_google_map .o_content a:hover { color:#fff; text-decoration:underline; }





/* ------------------------------

Mitglieder

------------------------------ */

img.o_member_portrait_q { display:block; width:100%; height:auto; }

img.o_member_portrait_h { display:block; margin:0 auto; width:60%; height:auto; }



#o_member_map { display:block; margin-top:1em; width:100%; height:30em; }



/* Liste */

.o_member_list .o_tab_col1 { width:20%; }

.o_member_list .o_tab_col2 { width:40%; }

.o_member_list .o_tab_col3 { width:40%; }





/* Suche / Google Maps */

.o_search_member { display:block; margin-top:1em; width:100%; }

.o_sm_option { display:table; width:100%; min-height:60px; }

.o_sm_option .o_icon { display:table-cell; width:60px; text-align:center; vertical-align:middle; background-color:#47b; }

.o_sm_option .o_icon i { color:#fff; font-size:3em; }

.o_sm_option .o_form { display:table-cell; padding:0 0 0 1em; }

.o_sm_option .o_form p { padding:.2em 0; }

.o_sm_option .o_form label { display:inline-block; width:20%; min-width:60px; }

.o_sm_option .o_form input {  }

.o_sm_option .o_form select { max-width:150px; }

.o_sm_option .o_form button { margin:.2em 0; }



#o_search_map { display:block; width:100%; height:40em; }

.o_sm_content { min-width:200px; line-height:1.2em; text-align:center; }

.o_sm_content h2 { display:block; padding:.4em 0; width:100%; text-align:center; color:#15a; font-weight:normal; font-size:1.1em; }

.o_sm_content h2 img { display:block; margin:.4em auto; width:auto; height:100px; }

.o_sm_content div { padding:.2em 0; width:100%; color:#fff; background-color:#666; }

.o_sm_content div a { color:#ccc; text-decoration:none; }

.o_sm_content div a:hover { color:#fff; text-decoration:underline; }





/* ------------------------------

ABC

------------------------------ */

.o_abc_register { display:block; margin-bottom:2em; }

.o_abc_register a, .o_abc_register span { float:left; display:inline-block; margin-bottom:.4em; margin-right:1.68%; padding:.2em; width:6%; height:6%; text-align:center; text-transform:uppercase; text-decoration:none; font-size:1.2em; }

.o_abc_register a { color:#333; border:1px solid #999; background-color:#fff; }

.o_abc_register a:hover { color:#fff; background-color:#47b; }

.o_abc_register span { color:#ccc; border:1px solid #eee; background-color:#fff; }

.o_abc_paragraph { display:block; margin:2em 0 .4em 0; padding:.4em; width:1.6em; height:1.6em; text-align:center; text-transform:uppercase; color:#fff; font-size:2em; font-weight:bold; background-color:#47b; }



/* ------------------------------

Swiper Content-Slider

------------------------------ */

.swiper-container { width:100%; height:auto; }

.swiper-slide { height:100%; overflow:hidden; font-size:.9em; }

.swiper-container [class*="slide"] { height:100%; padding:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing: border-box; box-sizing:border-box; }

.swiper-container [class*="slide"] h3 { font-size:1.2em; font-weight:bold; }

.swiper-container .slide-white, .swiper-container .slide-light { margin:0 auto; padding:0 2em; width:50%; min-width:320px; color:#000; }

.swiper-container .slide-white h3, .swiper-container .slide-light h3 { color:#000; }

.swiper-container .slide-green h3, .swiper-container .slide-red h3, .swiper-container .slide-blue h3, .swiper-container .slide-grey h3 { color:#000; }

.swiper-container .slide-white { color:#666; background:#fff; }

.swiper-container .slide-green { color:#360; background:#ce7; }

.swiper-container .slide-red { color:#600; background:#c44; }

.swiper-container .slide-blue { color:#036; background:#69c; }

.swiper-container .slide-light {  }

.swiper-container .slide-grey { color:#fff; background:#666; }

.pagination { position:absolute; z-index:20; left:45%; bottom:0; }

.swiper-pagination-switch { display:inline-block; margin-right:8px; opacity:0.8; width:8px; height:8px; cursor:pointer; border:1px solid #fff; border-radius:8px; background:#ccc; }

.swiper-visible-switch { background:#900; }

.swiper-active-switch { background:#333; }







/* ------------------------------

Animationen

------------------------------ */

#o_ani_layerarea { position:relative; margin:1em 0; width:100%; max-width:710px; height:auto; }



.a_ani_background { width:100%; height:auto; }

.o_ani_layer { display:none; position:absolute; left:0; top:0; width:100%; border:1px solid #ccc; }

.o_ani_layerback { display:block; width:100%; height:auto; }

.o_ani_ipoint_click, .o_ani_ipoint_over { position:absolute; width:6%; height:auto; margin-left:-3%; opacity:.6; cursor:pointer; }

.o_ani_ipoint_click:hover, .o_ani_ipoint_over:hover { opacity:1; }

/*

#o_ani_layer1 { z-index:1; }

#o_ani_layer2 { z-index:2; }

#o_ani_layer3 { z-index:3; }

#o_ani_layer4 { z-index:4; }

#o_ani_layer5 { z-index:5; }

#o_ani_layer6 { z-index:6; }

#o_ani_layer7 { z-index:7; }

*/

.o_ani_layertrigger { display:block; margin:1em 0; padding-bottom:1em; width:60%; min-width:200px; list-style:none; background-color:#fff }

.o_ani_layertrigger li { list-style:none; }

.o_ani_layertrigger li a { display:block; padding:.2em .4em; text-decoration:none; color:#333; }

.o_ani_layertrigger li a:hover, .o_ani_layertrigger li a.o_active { color:#000; background-color:#ddd; }

#o_ani_layerpad { display:block; height:5.4em; text-align:center; color:#fff; cursor:pointer; background:url(../img/back/bg-mn-tooth.png) center center no-repeat #47b; }







/*

.o_ani_trig1 { left:28%; top:14%; }

.o_ani_trig2 { left:6%; top:42%; }

.o_ani_trig3 { left:89%; top:65%; }

.o_ani_trig4 { left:19%; top:71%; }

.o_ani_trig5 { left:79%; top:58%; }

.o_ani_trig6 { left:74%; top:35%; }

.o_ani_trig7 { left:34%; top:48%; }

.o_ani_trig8 { left:65%; top:90%; }

*/





/*

#o_ani_layerpad { width:100%; height:100px; cursor:pointer; background:url(../img/back/bg-pad.png) center center no-repeat; }

*/



/*

.o_ani_layerarea h2 { padding-bottom:2em; text-align:center; }

.o_ani_layerarea .o_background { display:block; width:100%; height:auto; }

.o_ani_layerarea .o_ani_ipoint { position:absolute; padding:1px; min-width:120px; background-color:#F90 }

.o_ani_layerarea .o_ani_trigger { position:absolute; opacity:.4; cursor:pointer; }

.o_ani_layerarea .o_ani_ibox { position:absolute; display:none; padding:.4em; width:100%; line-height:1.2em; font-size:.9em; border:1px dashed #ccc; background-color:#f5f5f5; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing: border-box; box-sizing:border-box; }

.o_ani_layerarea .o_ani_ibox h4 { padding:0 0 .4em 0; border-bottom:1px solid #ccc; }





#o_box1 { margin-left:60px; position:absolute; left:11%; top:30%; }

#o_box2 { margin-left:60px; position:absolute; left:40%; top:50%; }

#o_box3 { margin-left:60px; position:absolute; left:60%; top:80%; }

*/



/* ------------------------------

Hover-Info

unterstützt von Javascript

------------------------------ */

.o_hi_inline { display:inline-block; position:relative; padding:0 .4em; overflow:hidden; vertical-align:bottom; color:#666; text-decoration:none; cursor:pointer; background-color:#f5f5f5; }

.o_hi_inline > span { position:absolute; padding:0 .4em; left:0; top:100%; width:100%; height:100%; white-space:nowrap; color:#fff; font-size:.9em; background-color:#47b; }



.o_hi_img { position:relative; display:block; width:100%; overflow:hidden; cursor:pointer; }

.o_hi_img img { display:block; width:100%; height:auto; }

.o_hi_img > div { position:absolute; padding:20% .8em; width:100%; height:100%; left:0; top:100%; text-align:center; color:#fff; font-family:Raleway, Geneva, sans-serif; background-color:#47b; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing: border-box; box-sizing:border-box; }

.o_hi_img > div span { display:block; text-transform:uppercase; color:#cde; font-size:1.4em; }



.o_hi_fade { position:relative; display:block; overflow:hidden; cursor:pointer; }

.o_hi_fade img { display:block; width:100%; height:auto; }

.o_hi_fade > div { position:absolute; padding:20% .4em; width:100%; height:100%; left:0; top:100%; text-align:center; color:#fff; font-family:Raleway, Geneva, sans-serif; background-color:#47b; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing: border-box; box-sizing:border-box; }

.o_hi_fade > div span { display:block; text-transform:uppercase; color:#cde; font-size:1.2em; }



.o_hi_under { position:relative; display:block; overflow:hidden; cursor:pointer; }

.o_hi_under img { display:block; width:100%; height:auto; }

.o_hi_under > div { position:absolute; padding:.4em; width:100%; left:0; bottom:0; text-align:center; color:#333; font-family:Raleway, Geneva, sans-serif; background-color:#fff; }

.o_hi_under > div span { display:block; text-transform:uppercase; font-size:1.2em; }



.o_hi_undermore { position:relative; display:block; overflow:hidden; cursor:pointer; }

.o_hi_undermore img { display:block; width:100%; height:auto; height:auto; }

.o_hi_undermore > div { position:absolute; padding:.4em; width:100%; height:100%; left:0; text-align:center; color:#333; font-family:Raleway, Geneva, sans-serif; background-color:#fff; }

.o_hi_undermore > div h4 { display:block; padding:.4em 0; height:40%; text-transform:uppercase; white-space:nowrap; color:#333; font-size:1.2em; }





/* ------------------------------

Sonstiges

------------------------------ */

.o_highlight { color:#15a; font-family:Raleway, Tahoma, Geneva; font-weight:bold; font-size:1.2em; font-style:italic; }







/* ------------------------------

Box Sizing

------------------------------ */

article[class*="o_article"],

figure.o_branding,

.o_sideinfo,

.o_address,

.o_startlogo,

.o_paragraph,

.o_prev_l aside,

figure.o_img,

form .o_full,

[class*="o_btn"],

.o_abc_register a, .o_abc_register span,

.o_abc_paragraph,

#o_google_map,

#o_google_map .o_content,

#o_search_map,

#o_search_map .o_sm_content

{ -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing: border-box; box-sizing:border-box; }







/* ------------------------------

Clearfix

------------------------------ */

.o_article_split,

.o_article_right,

figure.o_branding,

.o_prev_s,

.o_prev_m,

.o_prev_l aside,

.o_abc_register,

.swiper-container

{ zoom:1; }

.o_article_split:before,

.o_article_right:before,

figure.o_branding:before,

.o_prev_s:before,

.o_prev_m:before,

.o_prev_l aside:before,

.o_abc_register:before,

.swiper-container:before

{ display:table; content:""; }

.o_article_split:after,

.o_article_right:after,

figure.o_branding:after,

.o_prev_s:after,

.o_prev_m:after,

.o_prev_l aside:after,

.o_abc_register:after,

.swiper-container:after

{ display:table; clear:both; content:""; }





/* ------------------------------

Radius

------------------------------ */

.o_paragraph

{ border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -khtml-border-radius:5px; }





/* ------------------------------

Shadow

------------------------------ */

/*[class*="o_btn_def"]

{ -moz-box-shadow:5px 5px 10px 0px rgba(0, 0, 0, 0.75); -webkit-box-shadow:5px 5px 10px 0px rgba(0, 0, 0, 0.75); box-shadow:5px 5px 10px 0px rgba(0, 0, 0, 0.75); }

*/



/* ------------------------------

Transition

------------------------------ */

/* Color */

#o_nav li a, #o_nav li a:hover

{ -webkit-transition:color .5s; -moz-transition:color .5s; -o-transition:color .5s; -ms-transition:color .5s; }



/* Background */

[class*="o_btn_desc"], [class*="o_btn_desc"]:hover

{ -webkit-transition:background-color 1s; -moz-transition:background-color 1s; -o-transition:background-color 1s; -ms-transition:background-color 1s; }



/* Width */

/*

.o_nav_framework

{ -webkit-transition:width  .5s; -moz-transition:width  .5s; -o-transition:width  .5s; -ms-transition:width  .5s; }

.o_nav_framework:hover

{ -webkit-transition:width  .5s; -moz-transition:width  .5s; -o-transition:width  .5s; -ms-transition:width  .5s; }

*/

/* Opacity */

/*

[class*="o_btn"] { -webkit-transition:opacity 1s; -moz-transition:opacity 1s; -o-transition:opacity 1s; -ms-transition:opacity 1s; }

[class*="o_btn"]:hover { -webkit-transition:opacity 1s; -moz-transition:opacity 1s; -o-transition:opacity 1s; -ms-transition:opacity 1s; }

*/



/* All */

a.o_href, a.o_href:hover,

[class*="o_btn_def"], [class*="o_btn_def"]:hover,

.o_abc_register a, .o_abc_register a:hover span,

.o_prev_s a h4, .o_prev_s a:hover h4

{ -webkit-transition:all .5s ease-out; -moz-transition:all .5s ease-out; -o-transition:all .5s ease-out; -ms-transition:all .5s ease-out; }



/* None */

/*

#o_nav ul li a { -webkit-transition:none; -moz-transition:none; -o-transition:none; -ms-transition:none; }

#o_nav ul li a:hover { -webkit-transition:none; -moz-transition:none; -o-transition:none; -ms-transition:none; }

*/

/*

#o_nav li a:hover { -webkit-transition:all .5s; -moz-transition:all .5s; -o-transition:all .5s; -ms-transition:all .5s; }



#o_nav li a { -webkit-transition:all .5s; -moz-transition:all .5s; -o-transition:all .5s; -ms-transition:all .5s; }

*/







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



/* ------------------------------

Article

------------------------------ */

article.o_article_split { margin-right:40%; }

article.o_article_right { float:right; width:40%; }



/* ------------------------------

Right Side

------------------------------ */

.o_sideinfo { margin-left:1em; padding-left:1em; border-left:1px solid #ccc; }





}







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



/* ------------------------------

Branding

------------------------------ */

figure.o_branding img.o_logoadd { top:20px; width:150px; }





/* ------------------------------

Suche

------------------------------ */

.topsearch { top:5px; width:40%; }



/* ------------------------------

Preview

------------------------------ */

.o_prev_l figure { float:left; width:30%; }

.o_prev_l div { float:right; width:68%; }



/* ------------------------------

Suche Mitglieder

------------------------------ */

.o_sm_option .o_icon { width:200px; }



}







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



/* ------------------------------

Seitenbereich

------------------------------ */

.o_section { padding:1em 1%; }

.o_section_header { padding:0 1%; }





/* ------------------------------

Branding

------------------------------ */

figure.o_branding { margin-left:2em; width:400px; height:150px; }

figure.o_branding img.o_logo { top:10px; height:auto; border:2px solid #fff; /*-moz-box-shadow:5px 5px 10px 0px rgba(0, 0, 0, 0.75); -webkit-box-shadow:5px 5px 10px 0px rgba(0, 0, 0, 0.75); box-shadow:5px 5px 10px 0px rgba(0, 0, 0, 0.75);*/ }

figure.o_branding img.o_logoadd { left:160px; top:20px; width:auto; }



/* ------------------------------

Article

------------------------------ */

article.o_article_split { margin-right:30%; }

article.o_article_right { float:right; width:30%; }





/* ------------------------------

Zeitlinie

------------------------------ */

ul.o_timeline { margin-left:0; background:url(../img/back/bg-timeline.png) top center repeat-y; }

ul.o_timeline li {  }

ul.o_timeline li.o_tl_left { margin-right:50%; padding:.4em 1.6em 1em 0; text-align:right; }

ul.o_timeline li.o_tl_left h3 { text-align:right; }

ul.o_timeline li.o_tl_left img.o_tl_point { left:inherit; right:-16px; }



ul.o_timeline li.o_tl_right { margin-left:50%; b}

ul.o_timeline li.o_tl_right h3 {  }

ul.o_timeline li.o_tl_right img.o_tl_point { left:-16px; }



ul.o_timeline li.o_tl_top, ul.o_timeline li.o_tl_bot { margin-left:50%; }





}







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



/* ------------------------------

Suche

------------------------------ */

.topsearch { width:30%; }



/* ------------------------------

ABC

------------------------------ */

.o_abc_register a, .o_abc_register span { margin-right:.84%; width:3%; height:3%; }



}







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





/* ------------------------------

Article

------------------------------ */

article.o_article_split { margin-right:20%; }

article.o_article_right { float:right; width:20%; }





}







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





}







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





}