@charset "utf-8";

/*--------------------------------------------------------------------------------------------------
CSS Styles for <Kieferorthop&auml;die Schildern Sechs>.

version:   1.0
--------------------------------------------------------------------------------------------------*/

/* =CSS Reset
--------------------------------------------------------------------------------------------------*/

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* End CSS Reset
--------------------------------------------------------------------------------------------------*/

/* remember to define focus styles! */
:focus {
	outline: 0;
}
/* =Toolkit
--------------------------------------------------------------------------------------------------*/

/* Micro Clearfix Hack by Nicholas Gallagher (http://nicolasgallagher.com/micro-clearfix-hack/) */
/* For modern browsers */ 
.cf:before, .cf:after { content:""; display:table; }
.cf:after { clear:both; }
/* For IE 6/7 (trigger hasLayout) */
.cf { zoom:1; }

/* general purpose classes */
.nodisplay { display:none; }
.nodisplay_strict { display:none !important; }
.alignleft { float:left; }
.alignnone { clear:both;
	font-size:0;
	line-height:0;
	margin:0;
	padding:0;
	border:0;
	height:0;
	width:0;}
.alignright { float:right;}

/* End Toolkit
--------------------------------------------------------------------------------------------------*/

/* =Normalization - mostly derived from normalize.css (https://github.com/necolas/normalize.css/) but without comments and compressed to keep the file small
--------------------------------------------------------------------------------------------------*/

hr { display:block; height:1px; border:0; margin:1em 0; padding:0; border-top:1px solid #cccccc; /* change border colour to suit your needs */ }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }
html { overflow-y: scroll; font-size: 100%;  -webkit-text-size-adjust: none; -ms-text-size-adjust: none;}
body, button, input, select, textarea { font-family: sans-serif; }
a:focus { outline: none; }
a:hover, a:active { outline: none; }
h1 {}
h1, h2, h3, h4, h5, h6, p, pre, blockquote, form, fieldset, table, ul {}
dd { margin: 0px; }
nav ul, nav ol { list-style: none; list-style-image: none; }
ins {text-decoration: none;}
del { text-decoration: line-through; }
abbr[title] { border-bottom: 1px dotted; cursor:help; }
b, strong { font-weight: bold; }
dfn { font-style: italic; }
mark { background: #ff0; color: #000; }
pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace;}
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
small { font-size: 100%; }
sub,sup { font-size: 100%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align:top;}
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }
form { margin: 0; }
fieldset { border: none; margin: 0; padding: 0; }
legend { border: 0; padding: 0; white-space: normal; *margin-left: -7px;}
input, textarea {-webkit-appearance: none;}
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; outline:0;}
button, input { line-height: normal; }
button{ border: 0; padding: 0; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; white-space: normal;}
input, select { vertical-align:middle; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *height: 13px; *width: 13px;}
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0;}
textarea { overflow: auto; vertical-align: top; resize: none; -webkit-appearance: none; }
::-moz-focus-inner {border: 0; outline: 0;}
/* End Normalization
--------------------------------------------------------------------------------------------------*/


/* =Typography
--------------------------------------------------------------------------------------------------*/

/* Setting up the fonts */
body {
  font: 13px/18px Arial, Helvetica, sans-serif;
  color:#707173;
  background:#d9dadb;
  -webkit-font-smoothing: antialiased;
}

/* End Typography
--------------------------------------------------------------------------------------------------*/


/* =Headings
--------------------------------------------------------------------------------------------------*/
h1 {}
h2 {font-size:22px; line-height:26px; font-weight:normal; color:#f29400; padding-bottom:28px; text-transform:uppercase;}
h3 {}
h4 {}
h5 {}
h6 {}

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


/* =Links
--------------------------------------------------------------------------------------------------*/
a {text-decoration:none; Color:#000; cursor:pointer !important; outline: 0;}
a:hover {text-decoration:underline;}

/* End Links
--------------------------------------------------------------------------------------------------*/


/* =Branding
--------------------------------------------------------------------------------------------------------*/
p {padding:0 0 28px 0; margin:0; line-height:26px;}
html, body {}
#wrapper{width:100%;}
.wrap-inner{width:960px; margin:0 auto; background:#fff;}
#header{position:relative; z-index:1;}
.header-inner{padding:42px 24px 21px; position:relative; z-index:1;}
#logo{width:30%;}
#logo a{display:block; text-decoration:none}
#logo a img{width:100%;}
/* End Branding
--------------------------------------------------------------------------------------------------------*/


/* =Main Nav
--------------------------------------------------------------------------------------------------*/
#mainnav{padding:98px 0 0 12%; width:58%;}
.menu-icon{display:none; height:40px; width:40px; text-indent:-999em; background:url(../img/bgi/menu-icon.png) no-repeat 0 0;}
#mainNavigation{}
#mainNavigation li{float:left; margin-left:5px;}
#mainNavigation li:first-child{margin-left:0;}
#mainNavigation li a{position:relative; display:block; font-size:12px; text-transform:uppercase; color:#707173; padding:0 10px; white-space:nowrap;}
#mainNavigation li a span{position:absolute; left:0; width:100%; bottom:0; height:2px; border-bottom:10px solid #f29400;}
#mainNavigation li:hover a, #mainNavigation li.active a{text-decoration:none; color:#f29400; background:url(../img/bgi/nav-bg.png) no-repeat center bottom; background-size:100% 15px; padding-bottom:12px;}
/* End Main Nav
--------------------------------------------------------------------------------------------------*/

/* =Main Content
--------------------------------------------------------------------------------------------------*/
#container {position:relative; z-index:0;}
#container .wrap-inner{padding:33px 23px; width:914px;}
.container-inner{padding:0 0 48px; font-family:Tahoma, Geneva, sans-serif; width:74%;}
.container-text{padding:0 65px 0 5px}
.widecolumn {}
.narrowcolumn {}

.teaser-outerblock{background:#f7941e; position:relative; z-index:0;}
.teaser-block{}
.teaser-block li{float:left; width:100%; position:relative;}
.teaser-block li img{width:100%;}
.teaser-caption{position:absolute; left:0; bottom:18px; width:98%; padding:0 2%;}
.teaser-caption p{color:#fff; padding:0; font-style:italic; font-size:34px; line-height:40px;}
.list-boxes{padding-bottom:25px;}
.list-boxes li{float:left; position:relative; width:22.5%; margin-left:3.3333%;}
.list-boxes li:first-child{margin-left:0;}
.list-boxes li a{display:block;}
.list-boxes li a img{width:100%;}
.caption-bg{display:none; position:absolute; left:0; bottom:0; width:100%; height:100%; background:url(../img/bgi/teaser-hoverbg.png) repeat left top; z-index:9;}
.caption{display:block; position:absolute; left:0; bottom:7px; width:96%; padding:0 2%; text-align:center; color:#fff; font-weight:bold; font-size:17px; line-height:22px; word-break:break-all; z-index:99;}
.list-boxes li a:hover{text-decoration:none;}
.list-boxes li a:hover .caption-bg{display:block;}


.pagetitle{}

/* =End Main Content
--------------------------------------------------------------------------------------------------*/

/* =Secondary Content
--------------------------------------------------------------------------------------------------*/
.contact-block{}
.contact-list{}
.contact-list li{float:left; width:100%; padding-bottom:8px;}
.contact-thumb{display:block; width:22.5%; margin-right:3%; background:#f6f6f7;}
.contact-thumb img{width:100%;}
.contact-desc{width:74.5%;}
.nametitle{display:block; color:#f29400; font-size:12px; font-weight:bold; padding-bottom:10px; margin-top:-4px;}
.contact-desc p{font-weight:normal; line-height:14px; font-size:12px; padding:0 0 20px;}
/* End Secondary Content
--------------------------------------------------------------------------------------------------*/


/* =Footer
--------------------------------------------------------------------------------------------------*/
#footer{}
#footer .wrap-inner{background:#707173; width:912px; padding:15px 24px;}
.footer-titletag{display:block; color:#fff; text-align:center; padding-bottom:24px; font-size:40px; line-height:46px; font-style:italic; font-family:sans-serif, Arial, Helvetica;}
.footer-link{text-align:center; padding: 0 30px;}
.footer-link li{display:inline; padding:0 2px 0 6px; background:url(../img/bgi/footer-col.png) no-repeat left center; color:#fff; line-height: 20px;}
.footer-link li:first-child{background:none; font-weight:bold;}
.footer-link li.removeline{background:none;}
.footer-link li a{display:inline-block; color:#fff;}
.footer-link li span{display:inline-block; color:#fff;}
.footer-link li a:hover{}
/* End Footer
--------------------------------------------------------------------------------------------------*/