@charset "UTF-8";
/* CSS Document */
/* --------------------------------------------------------------
   BASICS
-------------------------------------------------------------- */

/* Default font settings.
   The font-size percentage is of 16px. (0.75 * 16px = 12px) */
body {
	margin: 0;
	padding: 0;
	font-size: 90%;
	color: #5d6975;
	font-family:"Times New Roman", Times, seriff;
}
img {
	border: none;
}


/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #5d6975; }

h1 { }
h2 { font-size: 1.8em; margin:0; margin-bottom: 0.5em; }
h3 { font-size: 1em; font-weight:bold; line-height:1.5em; margin-bottom: 0.5em; }
h4 { font-size: 1.1em; line-height: 1.25; margin-bottom: 0.3em; }
h5 { font-size: 0.8em; font-weight: bold; margin-bottom: 0.3em; }
h6 { font-size: 0.8em;  }

h1 img, h2 img, h3 img,
h4 img, h5 img, h6 img {
  margin: 0;
}


/* Text elements
-------------------------------------------------------------- */

p				{ margin: 0 0 1.5em;line-height:1.5em; }
p img.left		{ float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right		{ float: right; margin: 1.5em 0 1.5em 1.5em; }

a:focus,
a:hover			{ color: #5d6975; background:#ffea89; text-decoration: none; }
a				{ color: #5d6975; text-decoration: underline; }

blockquote		{ margin: 1.5em; color: #666; font-style: italic; }
strong			{ font-weight: bold; }
em,dfn			{ font-style: italic; }
dfn				{ font-weight: bold; }
sup, sub		{ line-height: 0; }

abbr,
acronym			{ border-bottom: 1px dotted #666; }
address			{ margin: 0 0 1.5em; font-style: italic; }
del				{ color:#666; }

pre				{ margin: 1.5em 0; white-space: pre; }
pre,code,tt		{ font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }

p.top_btn		{ text-align:right;}


/* --------------------------------------------------------------
   BILDER
-------------------------------------------------------------- */



/* Lists
-------------------------------------------------------------- */

li ul,
li ol			{ margin:0 1.5em; }
ul, ol			{ margin: 0 1.5em 1.5em 1.5em;line-height:1.5em; }

ul				{ list-style-type: disc; }
ol				{ list-style-type: decimal; }

dl				{ margin: 0 0 1.5em 0; }
dl dt			{ font-weight: bold; }
dd				{ margin-left: 1.5em;}


/* Tables
-------------------------------------------------------------- */

table			{ margin-bottom: 1.4em;x }
th				{ font-weight: bold; }
thead th		{ background: #c3d9ff; }
th,td,caption	{ padding: 1% 1% 1% 0; vertical-align:top; }
tr.even td		{ background: #e5ecf9; }
tfoot			{ font-style: italic; }
caption			{ background: #eee; }



/* Misc classes
-------------------------------------------------------------- */

.small			{ font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large			{ font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.hidden			{ display: none; }

.quiet			{ color: #666; }
.loud			{ color: #000; }
.highlight		{ background:#ff0; }
.added			{ background:#060; color: #fff; }
.removed		{ background:#900; color: #fff; }

.first			{ margin-left:0; padding-left:0; }
.last			{ margin-right:0; padding-right:0; }
.top			{ margin-top:0; padding-top:0; }
.bottom			{ margin-bottom:0; padding-bottom:0; }


/* --------------------------------------------------------------
   LAYOUT
-------------------------------------------------------------- */

div#branding {
	height:100px;
	padding:30px 0;
	}
h1 {
	position:absolute;
	padding:0px;
	margin:0px;
	background:url(../img/layout/logo.png) no-repeat;
	height:110px;
	width:600px;
	text-indent:-9999px;
	}

* html h1 {
   background:url(../img/layout/logo.gif) no-repeat;
}


div#branding blockquote {
	position:absolute;
	top: -9999px;
	}
div#bild_head {
	width:auto;
	height:260px;
	background:url(../img/layout/blume.jpg) no-repeat;
	text-indent:-9999px;
	}

div#bild_head h2 { padding:0;margin:0;}

.page {
	max-width:930px;
	padding:0 0 0 8%;
	}

div#content {
	width:69%;
	padding:3%;
	}

div#navi {
	width:17%;
	float:right;
	padding:6% 3% 3% 0;
	}

/* --------------------------------------------------------------
   ANGEBPASTE ELEMENTE
-------------------------------------------------------------- */

iframe { max-width:90% !important}

table.table-implantate {  max-width:400px !important; }
table.table-implantate img { width:100%; height:auto;}


video {
	max-width: 550px;
	height: auto;
	width: 100%;
}

.corona {
	margin-bottom: 50px;
	padding: 15px;
	background: #ffea89;
}
/* --------------------------------------------------------------
   NAVI
-------------------------------------------------------------- */

div#navi ul {
	list-style:none;
	list-style-position:inside;
	padding:0;
	margin:0;
	line-height:1.5em;
	}
div#navi ul li a {
	width:130px;
	padding-left:30px;
	text-decoration:none;
	display:block;
	background-position:0 center !important;


	}
div#navi ul li a:hover {
	text-decoration:none;
	background:url(../img/layout/navi_blatt.png) no-repeat;
	z-index:10;
	}
div#navi ul li.trenner {
	width:100%;
	height:10px;
	/*background:url(../img/layout/navi_ln.gif) no-repeat 30px;*/
	}


/* --------------------------------------------------------------
   TEAM SEITE
-------------------------------------------------------------- */

div#bild_head div#slider-4 img { padding: 0 0 0 10%;}

div.team-text-left {
	float:left;
	width:25%;
	}

div.team-text-right {
	padding-left:25%;
	width:75%;

	}

div#content img.team_left 	{
	padding:0 10px 10px 0;

	}

div#content div.team_text p { margin:0; padding:0;}





@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
  ACCEPT COOKIES
   ========================================================================== */
.accept-cookies {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	min-height: 30px;
	background: #ddd;
	padding: 10px;
}

.accept-cookies a, .accept-cookies a:hover, .accept-cookies a:active {
	font-weight: bold;
}

.cookie-ok {
	cursor: pointer;
	background: #ffea89;
	margin: 3px 0 0 10px;
	display: inline-block;
	padding: 2px 15px;
	color: #000;
}


/* ==========================================================================
   MOBILE
========================================================================== */
@media screen and (max-width: 900px) {

	div#content 	{ width:63%;}
	div#navi		{ width:26%; }
	.page 			{ max-width:900px;	padding:0 0 0 3%;}
	div#bild_head div#slider-4 img 	{ padding: 0 0 0 6%; }



}

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

	div#bild_head div#slider-4 img 	{ padding: 0 0 0 3%;}
	h1							{ background-size: cover; height: 95px; width: 400px; }
	div#content 				{ width:94%; padding-left:0;}
	div#navi 					{ float:none; width:97%;}
	div#navi ul li a 			{ width:100%; background-color:#FFF !important; opacity:0.7; padding-left:35px}
	div#navi ul li a:hover		{ opacity:1;}
	.trenner					{ display:none;}
	p, #content ul li			{ font-size:1.1em;}

	video {
		max-width: 100%;
	}



}

@media screen and (max-width: 500px) {
	body						{ background-size:350% !important;}
	div#branding				{ height:70px; padding:3% 0;}
	h1							{ background-size: cover; height: 65px; width: 280px; }
	div#bild_head {
		background-size:250% !important;
		background-position:center center !important;
		height:150px;
		}
	div#bild_head div#slider-4 img 	{ height:150px !important; width:auto !important; }


	div.team-text-left 			{ float:none;}
	div.team-text-right			{ padding-left:0; width:100%}
}



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



}