/* CSS Document */

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


/* ------------------------------
Allgemeine Definitionen
------------------------------ */
/* Farbe der Textmarkierung */
::selection { background:#15a; color:#fff; }
::-moz-selection { background-color:#15a; color:#fff; }

/* Schrift-Layout */
h1, h2, h3, h4, h5, h6 { font-family:Raleway, Geneva, sans-serif; }
h1 { color:#15a; font-size:2.0em; }
h2 { color:#15a; font-size:1.4em; background-color:#f5f5f5; }
h3 { color:#15a; font-size:1.1em; font-weight:normal; }
h4 { color:#15a; font-size:.9em; font-weight:normal; }
h5 { color:#15a; font-size:.9em; }
h6 { color:#15a; font-size:.8em; }
h1 span, h2 span, h3 span, h4 span, h5 span, h6 span { font-size:.8em; font-weight:normal; }


/* ------------------------------
Links
------------------------------ */
/* Links */
a.o_href { color:#15a; }
a.o_href:hover { color:#025; }
a.o_inline { color:#15a; border-bottom:1px dotted #15a; }
a.o_inline:hover { color:#000; border-bottom:1px solid #15a; }
a.o_inline:after { content:url(../img/ico-inline.png); }
a.o_icon { color:#15a; }
a.o_icon:hover { color:#fff; background-color:#15a; }
a.o_marked { color:#fff; background-color:#15a; }
a.o_marked:hover { color:#fff; background-color:#025; }

/* Qtip */
a.o_qtip_click, a.o_qtip_over { color:#15a; border-bottom:1px dotted #15a; }
a.o_qtip_click:hover, a.o_qtip_over:hover { color:#000; border-bottom:1px solid #15a; }
a.o_qtip_click:after { content:url(../img/ico-tip.png); }
a.o_qtip_over:after { content:url(../img/ico-tip.png); }


/* ------------------------------
Framework
------------------------------ */
[class*="o_framework"] { padding-top:4em!important; }

.o_emc_header { position:relative; display:block; width:100%; margin-bottom:1em; }
.o_emc_header .o_emc_header_back { position:absolute; left:0; top:0; width:100%; height:90px; border-bottom:8px solid #eee; background-color:#dc5; }


/* ------------------------------
Seitenbereich
------------------------------ */
.o_emc_section { display:block; position:relative; }


/* 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(http://www.endodontie-masterclub.eu/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
------------------------------ */
form.o_form_search { display:block; position:absolute; right:3%; top:.4em; width:14em; text-align:right; }
form.o_form_search input { display:inline; width:80%; padding:.2em .4em; }
form.o_form_search button { display:inline; color:#666; border:0; background:none; }
form.o_form_search button:hover { color:#000; }


/* ------------------------------
Article
------------------------------ */
.o_paragraph { color:#fff; background-color:#15a; }


/* ------------------------------
Image
------------------------------ */

/* Bilderliste */
[class*="o_imglist"] { background-color:#f8f8f8; }

/* Bild mit Über- und/oder Unterschrift */
figure[class*="o_figure"] h3 { color:#666; }
figure[class*="o_figure"] figcaption  i.icon-up-dir { color:#15a; }


/* ------------------------------
Preview
------------------------------ */
a[class*="o_preview"] { color:#666; }
a[class*="o_preview"]:hover { color:#fff; background-color:#15a; }
a[class*="o_preview"] h3 { color:#666; }
a[class*="o_preview"]:hover h3 { color:#fff; }



/* ------------------------------
Themenliste
------------------------------ */
ul.o_themelist h3 { color:#fff; background-color:#15a; }
ul.o_themelist li a { color:#666;  }
ul.o_themelist li a:hover { color:#fff; background-color:#666; }
ul.o_themelist li i { color:#15a; }
ul.o_themelist li:nth-child(odd) { background-color:#f8f8f8; }
ul.o_themelist li:nth-child(even) { background-color:#eee; }




/* ------------------------------
Member
------------------------------ */
div.o_forum_poster i.icon-user { color:#666; background-color:#f8f8f8; }


/* ------------------------------
Tabellen
------------------------------ */
table[class*="o_table"] { margin:1em 0; width:100%; border-spacing:0; empty-cells:show; border-collapse:separate; }
table[class*="o_table"] th { color:#666; background-color:#ddd; }
table[class*="o_table"] th.subheadline { color:#fff; background-color:#ddd; }
table[class*="o_table"] th a { color:#000; }
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.o_caption { color:#000; background-color:#eee; }

/* 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; }

table.o_forum_table a { color:#15a; }
table.o_forum_table a:hover { color:#025; }



/* ------------------------------
Sonstiges
------------------------------ */
.o_highlight { color:#15a; }
.o_error { color:#fff; background-color:#900; }
.icon-circle-empty { color:#c00; }
.icon-dot-circled { color:#15a; }



/* ------------------------------
Box Sizing
------------------------------ */
.o_emc_header,
.o_emc_section,
figure.o_branding
{ -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing: border-box; box-sizing:border-box; }


/* ------------------------------
Clearfix
------------------------------ */
.o_emc_section,
figure.o_branding
{ zoom:1; }
.o_emc_section:before,
figure.o_branding:before
{ display:table; content:""; }
.o_emc_section:after,
figure.o_branding:after
{ display:table; clear:both; content:""; }



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




}



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

/* ------------------------------
Branding
------------------------------ */
figure.o_branding img.o_logoadd { top:20px; width:150px; }




}



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

/* ------------------------------
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; }


/* ------------------------------
Seitenbereich
------------------------------ */
.o_emc_section { 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; }


/* ------------------------------
Suche
------------------------------ */
form.o_form_search { top:1em; }


}



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

/* ------------------------------
Suche
------------------------------ */
.topsearch { width:30%; }


}



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

/* ------------------------------
Seitenbereich
------------------------------ */
.o_emc_section { display:block; position:relative; margin:0 auto; width:80%; max-width:1220px; min-width:960px; }



}



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


}



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


}