/* CSS reset */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;}
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ""; content: none; }
ins { background-color: #ff9; color: #000; text-decoration: none; }
mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }
table { border-collapse: collapse; border-spacing: 0; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
input, select { vertical-align: middle; }

/* ### Basics ############################################################ */
* {margin:0;padding:0;max-width:100%;border:0;height:auto;-webkit-transition: border 500ms;-moz-transition: border 500ms;-o-transition: border 500ms;transition: border 500ms;} /* Everything */
html{height:100%;}
body {background:#fff;font:normal 100% Helvetica,Arial,sans-serif;color:#333;}
.wrapper {width:100%;max-width:1000px;min-width:800px;height:100%;margin:0 auto;}
.nodesktop { display: none; }

/* ### Text-Formatierungen ############################################################ */

/* Fließtext Formatierungen */
p {font-size:0.9em;margin-bottom:1em;line-height:1.5em;font-weight:300;}
p.small,p.info {font-size:0.7em;color:#999;}
p.info {margin:-1em 0 0.5em 0;}
a {text-decoration:none;color:#002f6b;font-weight:700;}
a:hover {text-decoration:underline;}
a:visited {color:#002f6b;}/*97be13*/
strong,b {font-weight:bold;}
em,i {font-style:italic;}
blockquote {font-size:1.2em;margin:1em 0;line-height:1.7em;color:#666;}

/* Headlines */
h1,h2,h3,h4,h5,h6 {font-family: 'Open Sans', sans-serif;}
h1 {font-size:2em;color:#002f6b;margin:0;font-weight:300;}
h2 {font-size:1.7em;color:#00427f;margin:0.5em 0;}
h3 {font-size:1.4em;margin:0.5em 0;}
h4 {font-size:1.1em;margin:1em 0;}
h5,h6 {font-size:1em;}

/* Fließtext-Listen */
section ul,section  ol {margin:0.5em 0 0.5em 1.2em;}
section li {margin:0;padding:0.3em 0;}

/* ### Generelle Struktur ############################################################ */

/* Seiten-Kopf */
header#page_head {float:left;width:100%;margin:0;height:60px;padding:20px 0;min-width:800px;background-color:white;}
#logo {float:left;width:20%;margin-right:10%;}
#navigation{float:left;width:70%;margin-top:1em;}
#social {display:block;}
/* Seiten-Body */
section.content {position:relative;float:left;width:100%;height:auto;min-height:400px;margin:0;border-bottom:5px solid #fff;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;background-position:center;background-repeat:no-repeat;
min-width:800px;}

.lte9 section.content {background:#deebfe;}

#image {float:left;width:100%;height:70px;margin:0;padding:2em 0;border-bottom:5px solid #fff;background:#374b76;color:#879ac3;
min-width:800px;}
#image span {margin:0;padding:0;font-family: 'Open Sans',sans-serif;font-size:3em;}
#artikel {float:left;width:80%;margin:0;border-right:1px solid #ddd;}
#sidebar {float:left;width:17%;padding:0 1%;}
.next {float:left;width:100%;height:0px;}

/* Seiten-Fuß */
footer#page_foot {background:#102d69;float:left;width:100%;margin:0;border-bottom:5px solid #fff;padding:1em 0;font-size:0.6em;text-transform:uppercase;color:#fff;}
footer#page_foot a{color:#fff;}

/* Tmpl */
#mitochondrialemedizin #image {background:#0096e4;color:#a5dcf9;}
#aesthetik #image {background:#529a39;color:#91c97d;}

/* ### Navigationen ############################################################ */

/* Subnavigation */
#subnavi {position:relative;z-index:99;float:left;width:100%;height:50px;margin:0;padding:0;background:#fdfdfd;font-size:0.8em;border-bottom:5px solid #fff;
min-width:800px;}
#subnavi ul {float:left;width:100%;height:50px;margin:0;padding:0;list-style-type:none;}
#subnavi li {float:left;width:20%;min-height:100%;height:auto !important;height:100%;margin-left:-1px;padding:0;border-right:1px solid #ddd;}
#subnavi li:first-child {border-left:1px solid #ddd;margin-left:-2px;}
#subnavi a {float:left;width:100%;min-height:100%;height:auto !important;height:100%;margin:0;padding:1.2em 0;text-align:center;display:block;color:#333;}
#subnavi li.active a {text-decoration:underline;}

/* Hauptnavigation */
#page_navigation ul {float:right;width:auto;list-style-type:none;font-family: 'Open Sans', sans-serif;}
#page_navigation ul li {float:left;width:auto;text-align:center;border-right:1px solid #999;} 
#page_navigation ul li:last-child {border-right:none;} 
#page_navigation ul li:first-child {display:none;} 
#page_navigation ul li:hover a,#page_navigation ul li.rex-active a,#page_navigation ul li.rex-current a {text-decoration:underline;}
#page_navigation ul li a {padding:0.5em;display:block;color:#999;font-size:.9em;}
#page_navigation ul li.hover,#page_navigation ul li:hover {position:relative;}
#page_navigation ul li:hover > ul {display:block;}

/* ### ELEMENT-HANDLING ############################################################ */

/* Images */
img {border:0;margin:0;padding:0;max-width:100%;}
.ie7 img { -ms-interpolation-mode: bicubic;}/* Bicubic resizing for non-native sized IMG:*/

/* Captions */
.caption,wp-caption {width:auto;height:auto;} /* Bild-Container (wp-caption: Wordpress Standard) */
p.caption-text,p.wp-caption-text {float:none;background:#efefef;font-style:italic;font-size:0.8em;padding:0.5em;margin:0;}

/* Floats */
.fleft {float:left;margin:0.5em 1em 0.5em 0;}
.fright {float:right;margin:0 0 1em 1em;}

/* Article */
article.entry {float:left;width:46%;height:auto;min-height:400px;padding:1em 2%;margin:0;background:rgba(255,255,255,0.8);overflow:auto;}
.lte9 article.entry {background:url(img/iealpha.png);max-height:900px;}
.right article.entry {float:right;}
header.entry {width:100%;padding:0 0 1em 0;margin:0;}
header.entry span {font-family: 'Open Sans', sans-serif;font-size:1.5em;color:#002f6b;margin:0;font-weight:700;}
.entry-meta {float:left;width:100%;height:auto;}
.entry-content {float:left;width:100%;height:auto;margin:1em 0;}
.txtblock {clear:both;float:left;width:100%;height:auto;margin:0;}

.lte9 header.entry {width:90%;}
.lte9 .entry-meta {width:90%;}
.lte9 .entry-content {width:90%;}
.lte9 .txtblock {width:90%;}

/* Thumbnail-Gallery */
ul.gallery {float:left;width:100%;margin:0 0 1em 0;padding:0;list-style-type:none;}
ul.gallery li {float:left;width:48%;padding:0;margin:1%;}
ul.gallery li p {font-size:0.7em;font-style:italic;color:#999;}
ul.gallery li img {float:left;width:100%;padding:0;margin:0;opacity:1;}
ul.gallery li:hover img {opacity:1;}


/* ############################################################################# */
/* ### FORMS NEU: 06.10.17 ##################################################### */
/* ############################################################################ */

/* g360 */
.g360_form * {-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-font-smoothing:antialiased;-webkit-animation-fill-mode: none !important;}
.g360_form .formrow {float:left;width:100%;margin:0.5em 0;}
.g360_form input,
.g360_form select,
.g360_form textarea {border:1px solid rgba(0,0,0,.2);padding:10px;width:100%;border-radius:3px;background-color:rgba(0,0,0,.05);}

.g360_form input:focus,
.g360_form select:focus,
.g360_form textarea:focus {border:1px solid rgba(0,0,0,.3);background-color:rgba(0,0,0,0);}

.g360_form label {float:left;width:100%;padding:5px;font-size:.8em;width:100%;font-weight:normal;}

.g360_form {float:left;width:100%;margin:0;}
.g360_form fieldset {position:relative;float:left;width:100%;height:auto;margin:1em 0;padding:1em;border:1px solid rgba(0,0,0,.2);border-radius:3px;box-shadow:0 0 2px rgba(0,0,0,.2);background-color:rgba(255,255,255,.8);}
.g360_form legend {float:none;padding:.5em;border-radius:5px;}
.ie .g360_form legend {position:absolute;top:-1em;z-index:99;}
.lte8 .g360_form legend {position:relative;margin-left:-1.5em;}

/* Input */
.g360_form input {float:left;}
.g360_form input:focus{outline:0;}
.g360_form input[disabled] {background:#fff;color:#999}
.ie6 .g360_form input {width:auto;vertical-align: text-bottom; }

/* Textarea */
.g360_form textarea {float:left;height:10em;}
.g360_form textarea:focus {outline:0;}

/* Checkbox */
.g360_form input[type=checkbox] {float:left;width:auto;clear:right;margin-top:2px;}
.ie7 .g360_form input[type="checkbox"] {width:95%;vertical-align:baseline;}
.g360_form label.checkbox {float:left;width:100%;height:auto;margin:0;font-size:0.7em;text-transform:uppercase;}

/* Radio */
.g360_form input[type="radio"] {float:left;width:auto;clear:right;margin-top:2px;}
.g360_form label.radio {float:left;width:auto;height:auto;}

/* Select */
.g360_form select {-webkit-appearance: none;-moz-appearance: none;appearance: none;background-image:url(img/down.png);background-position:right center;background-repeat:no-repeat;}
.g360_form select {float:left;width:auto;height:auto;padding:10px 50px 10px 10px;}
.g360_form select:focus {outline:0;}

/* SendButton */
.g360_form .sendbutton {float:right;text-decoration:none;width:auto;background-color:#172E65 !important;color:#fff !important;font-size:1em;font-weight:bold;padding:.5em 2em;margin-right:1em;border-radius:3px;}
.g360_form .sendbutton:hover {opacity:.8;text-decoration:none;cursor:pointer;}


.formmessage {float:right;width:96%;padding:0;margin:10px 2%;}



.cbcoffcanvas {background-color:#172E65;}

iframe.video {width:100%;height:259px}
.anker {
    display:block;
    position:relative;
    top:-245px;
    visibility:hidden;
}

/* ### Media Queries ############################################################ */


@media screen and (max-width: 1000px) {
	.wrapper.nomobile { width: 100%;}
	.wrapper { min-width: 0; width: 98%; }
	iframe.video {width:100%;height:203px}
}

/*ab hier änderungen 2016 db*/
/* change from max-width 768 to 999 db */
@media screen and (max-width: 800px) {
	
	.nodesktop { display: block; }
	.wrapper.nomobile { width: 100%;}
	.wrapper { min-width: 0; width: 90%; }
	
	header#page_head {float:left;width:100%;margin:0;height:50px;padding:0;background-color:white;}
	#logo {float:left;position:absolute;right:10px;top:10px;height:50px;width:auto;margin-right:0;}
	#logo img {float:left;width:auto;height:50px;}
	#social {display:none;}

	
	
	
	
	.show-menu { display: block; text-align: center; padding: 10px 0; background-color: #879ac3; color: #fff; font-weight: bold; }
	input#show-menu { display: none; }
	input[type="checkbox"]:checked ~ #page_navigation ul { display: block; }
	#image {padding: 1em 0;height: auto;}
	#image span { font-size: 220%; }
	.next { height: auto; }
	#subnavi { min-width: 0; float: none; height: auto;}
	#subnavi ul { float: none; }
	#subnavi li { padding: 0; width: 50%; border-bottom: 1px solid #ddd; }
	#subnavi li:nth-child(2n+1) { clear: left; border-left:1px solid #ddd;  }
	section.content { min-width: 0; min-height: 0; float: none; clear:both;}
	.right article.entry { float: none; }
	article.entry { float: none; width: 100%; padding: 0; }
	header.entry { padding: 0; margin: 4%; width: auto; }
	.entry-content { float: none; padding: 0; margin: 4%; width: auto; }
	footer#page_foot { text-align: center; }
	
	 #subnavi { display:none; !important}/*db*/
}


#sideButton { position: fixed; right: -3px; top: 50px; z-index: 100; }