/**
 * Fonts
 */
@font-face {
	font-family: 'open-sans-light';
	src: url('../fonts/opensans-light.eot');
	src: url('../fonts/opensans-light.eot?#iefix') format('embedded-opentype'),
	url('../fonts/opensans-light.woff') format('woff'),
	url('../fonts/opensans-light.ttf') format('truetype'),
	url('../fonts/opensans-light.svg#open_sans_lightregular') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'open-sans-light';
	src: url('../fonts/opensans-lightitalic.eot');
	src: url('../fonts/opensans-lightitalic.eot?#iefix') format('embedded-opentype'),
	url('../fonts/opensans-lightitalic.woff') format('woff'),
	url('../fonts/opensans-lightitalic.ttf') format('truetype'),
	url('../fonts/opensans-lightitalic.svg#open_sans_lightitalic') format('svg');
	font-weight: normal;
	font-style: italic;
}

@font-face {
	font-family: 'open-sans-condensed';
	src: url('../fonts/opensans-condlight.eot');
	src: url('../fonts/opensans-condlight.eot?#iefix') format('embedded-opentype'),
	url('../fonts/opensans-condlight.woff') format('woff'),
	url('../fonts/opensans-condlight.ttf') format('truetype'),
	url('../fonts/opensans-condlight.svg#open_sans_condensed_lightRg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'open-sanscondensed';
	src: url('../fonts/opensans-condlightitalic.eot');
	src: url('../fonts/opensans-condlightitalic.eot?#iefix') format('embedded-opentype'),
	url('../fonts/opensans-condlightitalic.woff') format('woff'),
	url('../fonts/opensans-condlightitalic.ttf') format('truetype'),
	url('../fonts/opensans-condlightitalic.svg#open_sans_condensed_lightIt') format('svg');
	font-weight: normal;
	font-style: italic;
}

@font-face {
	font-family: 'open-sans-condensed';
	src: url('../fonts/opensans-condbold.eot');
	src: url('../fonts/opensans-condbold.eot?#iefix') format('embedded-opentype'),
	url('../fonts/opensans-condbold.woff') format('woff'),
	url('../fonts/opensans-condbold.ttf') format('truetype'),
	url('../fonts/opensans-condbold.svg#open_sans_condensed_lightRg') format('svg');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'droid-sans';
	src: url('../fonts/droidsans.eot');
	src: url('../fonts/droidsans.eot?#iefix') format('embedded-opentype'),
	url('../fonts/droidsans.woff') format('woff'),
	url('../fonts/droidsans.ttf') format('truetype'),
	url('../fonts/droidsans.svg#droid_sansregular') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'droid-sans';
	src: url('../fonts/droidsans-bold.eot');
	src: url('../fonts/droidsans-bold.eot?#iefix') format('embedded-opentype'),
	url('../fonts/droidsans-bold.woff') format('woff'),
	url('../fonts/droidsans-bold.ttf') format('truetype'),
	url('../fonts/droidsans-bold.svg#droid_sansbold') format('svg');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'droid-sans';
	src: url('../fonts/droidsans-italic.eot');
	src: url('../fonts/droidsans-italic.eot?#iefix') format('embedded-opentype'),
	url('../fonts/droidsans-italic.woff') format('woff'),
	url('../fonts/droidsans-italic.ttf') format('truetype'),
	url('../fonts/droidsans-italic.svg#droid_sansregular') format('svg');
	font-weight: normal;
	font-style: italic;
}

@font-face {
	font-family: 'droid-sans';
	src: url('../fonts/droidsans-bolditalic.eot');
	src: url('../fonts/droidsans-bolditalic.eot?#iefix') format('embedded-opentype'),
	url('../fonts/droidsans-bolditalic.woff') format('woff'),
	url('../fonts/droidsans-bolditalic.ttf') format('truetype'),
	url('../fonts/droidsans-bolditalic.svg#droid_sansbolditalic') format('svg');
	font-weight: bold;
	font-style: italic;
}

/**
 * Basic
 */

body {
	background: #FFF url(../img/theme/body-bg.png) repeat-x;
	font-family: droid-sans, helvetica, sans-serif;
	font-size: 13px;
	line-height: 1.308em;
	color: #333333;
	font-style: normal;
	font-weight: normal;
	margin: 0;
}

input, textarea, select, button {
	font-family: droid-sans, helvetica, sans-serif;
}

a, a:link, a:visited, a:active {
	color: #0678BE;
	text-decoration: none;
}

a:hover, a:focus {
	color: #0678BE;
	text-decoration: underline;
}

a img {
	border: 0;
}

em {
	font-style: italic;
}

p, table, blockquote {
	margin: 0 0 0.616em 0;
	padding: 0;
}

blockquote {
	margin: 0.6em 2em 1.2em 2em;
	font-style: italic;
}

.hidden {
	display: none;
}

/**
 * Fieldset
 */
fieldset {
	border: 1px solid #C0C0C0;
	padding: 0.8em;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	behavior: url(/res/css/pie.htc);
}

fieldset.form {
	background: url(../img/theme/form-bg.png) left bottom repeat-x;
	padding-bottom: 7px;
}

fieldset.form .buttons {
	text-align: center;
	margin-top: 1em;
	clear: both;
}

fieldset legend {
	font-family: open-sans-condensed, helvetica, sans-serif;
	font-weight: bold;
	font-size: 1.231em;
	color: #556585;
}

fieldset p.form-edit {
	background: url(../img/theme/icons/32/form-edit.png) left center no-repeat;
	padding: 8px 0 8px 40px;
}

fieldset p.form-send {
	background: url(../img/theme/icons/32/face-smile.png) left center no-repeat;
	padding: 8px 0 8px 40px;
}

fieldset .buttons .form-send-success {
	color: #00A040 !important;
	background: url(../img/theme/icons/22/checkbox.png) no-repeat center left;
	text-align: left !important;
	padding-left: 32px;
}

/**
 * Colors
 */
.green {
	color: #00A040 !important;
}

.red {
	color: #B04000 !important;
}

.blue {
	color: #0060A0 !important;
}

.gray {
	color: #808080 !important;
}

.yellow {
	color: #C0A000 !important;
}

.black {
	color: #000000 !important;
}

.white {
	color: #FFFFFF !important;
}

.gray-bg {
	background-color: #E5E5E5 !important;
}

.green-bg {
	background-color: #90F090 !important;
}

.red-bg {
	background-color: #E06000 !important;
}

.blue-bg {
	background-color: #0080C0 !important;
}

.yellow-bg {
	background-color: #FFD040 !important;
}

.black-bg {
	background-color: #000000 !important;
}

/**
 * Headers
 */
h1, h2, h3, h4, h5, h6 {
	font-family: open-sans-condensed, helvetica, sans-serif;
	font-size: 1em;
	line-height: 1.231em;
	font-weight: bold;
	color: #556585;
	margin: 0 0 .2em 0;
	padding: 0;
}

h1 {
	font-size: 1.539em;
}

h2 {
	font-size: 1.385em;
}

h3 {
	font-size: 1.231em;
}

h4 {
	font-size: 1.077em;
}

h5, h6 {
	font-size: 1em;
}

p + h2, p + h3, p + h4, p + h5, p + h6 {
	margin-top: 1em;
}

hr {
	border: 0 #CCC solid;
	border-top-width: 1px;
	clear: both;
	height: 0;
}

/**
 * Tables
 */
td, th {
	padding: .1em .3em .1em 0;
}

th {
	border-bottom: 2px solid #D3E7F4;
	color: #494949;
	font-weight: bold;
	vertical-align: bottom;
}

td {
	vertical-align: top;
}

tr.odd {
	background-color: #EDF5FA;
}

tr.even {
	background-color: #FFF;
}

/**
 * Form items
 */
textarea, select, input.text, input.form-text {
	color: #333333;
	margin: 0;
	padding: 2px;
	outline: none;
	margin-left: .05em;
}

textarea, input.text, input.form-text {
	background-color: #FFF;
	border: 1px solid #C0C0C0;
	padding: 4px;
}

textarea:focus, input.text:focus, input.form-text:focus {
	border-color: rgba(82, 168, 236, 0.75) !important;
	-webkit-box-shadow: 0 0 8px rgba(82, 168, 200, 0.5);
	-moz-box-shadow: 0 0 8px rgba(82, 168, 200, 0.5);
	box-shadow: 0 0 8px rgba(82, 168, 200, 0.5);
	behavior: url(/res/css/pie.htc);
}

label, .form-item label {
	font-weight: bold;
}

.form-item {
	margin-bottom: 0.75em;
}

.form-item label {
	display: block;
}

.form-item .description {
	font-size: 0.847em;
	margin-bottom: 0.364em;
}

.form-required {
	color: #FF6600;
}

/**
 * Lists
 */
ul, ol {
	margin: 0 0 1em 0;
	padding: 0 0 0 2.77em;
}

ol {
	list-style: decimal;
}

ul {
	list-style: disc;
}

ul.errors li {
	color: #D04000;
}

.font-condensed {
	font-family: open-sans-condensed, sans-serif;
}

/**
 * Floating
 */
.fleft {
	float: left;
}

.fright {
	float: right;
}

.block {
	display: block;
}

.inline {
	display: inline;
}

/**
 * Text alignment
 */
.center {
	text-align: center;
}

.tleft {
	text-align: left;
}

.tright {
	text-align: right;
}

.justify {
	text-align: justify;
}

/**
 * Font styles
 */
.tnormal {
	font-weight: normal !important;
	font-style: normal !important;
}

.tbold {
	font-weight: bold !important;
}

.titalic {
	font-style: italic !important;
}

/**
 * Font sizes
 */
.small {
	font-size: .847em;
}

.smaller {
	font-size: .77em;
}

/**
 * Various styles
 */
.border {
	border: 1px solid #C0C0C0;
}

.dashed-border {
	border: 1px dashed gray;
}

.round {
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	behavior: url(/res/css/pie.htc);
}

.shadow {
	-webkit-box-shadow: 0 0 6px #C0C0C0;
	-moz-box-shadow: 0 0 6px #C0C0C0;
	box-shadow: 0 0 6px #C0C0C0;
	behavior: url(/res/css/pie.htc);
}

.description {
	margin-bottom: 0.77em;
	color: #808080;
}

div.image-frame {
	position: relative;
	overflow: hidden;
	margin: 3px;
	padding: 7px;
	background: #F8F8F8;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-moz-box-shadow: 0 0 5px #808080;
	-webkit-box-shadow: 0 0 5px #808080;
	box-shadow: 0 0 5px #808080;
	behavior: url(/res/css/pie.htc);
}

div.image-frame p, p.image-caption {
	/*color: #505050;*/
	font-size: 0.847em;
	margin: 0.3em 0;
}

/**
 * Layout
 */
#viewport {
	width: 992px;
	margin: 0 auto;
	overflow: hidden;
}

#header-top, #header, #page, #footer {
	display: block;
	clear: both;
	overflow: hidden;
}

/**
 * Top header
 */
#header-top {
	margin-top: 12px;
	color: #E5E5E5;
	font-size: 0.924em;
	text-align: right;
}

#header-top-inner {
	padding: 0 4px;
}

#header-top a {
	color: #E5E5E5;
	text-decoration: none;
}

#header-top a:hover {
	color: #FFF;
	text-decoration: underline;
}

/**
 * Page header
 */
#header {
	background: url(../img/theme/header-bg.png) no-repeat top center;
	height: 100px;
}

#header-inner {
	padding: 10px 14px;
	overflow: hidden;
}

#logo, #navigation {
	display: inline;
	float: left;
	height: 77px;
}

#logo {
	width: 380px;
}

#logo a {
	display: block;
}

#navigation {
	width: 580px;
}

#navigation ul {
	float: right;
	position: relative;
	top: 32px;
	list-style: none outside none;
	margin: 0 10px;
	padding: 0;
}

#navigation ul li {
	position: relative;
	z-index: 5;
	display: inline;
	float: left;
	margin: 0;
	padding: 0;
	font-size: 0;
	text-indent: -9999px;
}

#navigation li a.hauptseite,
#navigation li a.die-schule,
#navigation li a.unterricht,
#navigation li a.lehrkraft,
#navigation li a.kontakt {
	background: url(../img/theme/navigation-items.png) no-repeat;
	height: 25px;
	margin: 0 8px;
}

#navigation li a.hauptseite {
	background-position: 0 0;
	width: 93px;
}

#navigation li a.die-schule {
	background-position: 0 -25px;
	width: 94px;
}

#navigation li a.unterricht {
	background-position: 0 -50px;
	width: 86px;
}

#navigation li a.lehrkraft {
	background-position: 0 -75px;
	width: 85px;
}

#navigation li a.kontakt {
	background-position: 0 -100px;
	width: 67px;
}

#navigation li.active a.hauptseite,
#navigation li.active-trail a.hauptseite {
	background-position: -150px 0;
	width: 115px;
}

#navigation li.active a.die-schule,
#navigation li.active-trail a.die-schule {
	background-position: -150px -25px;
	width: 110px;
}

#navigation li.active a.unterricht,
#navigation li.active-trail a.unterricht {
	background-position: -150px -50px;
	width: 107px;
}

#navigation li.active a.lehrkraft,
#navigation li.active-trail a.lehrkraft {
	background-position: -150px -75px;
	width: 110px;
}

#navigation li.active a.kontakt,
#navigation li.active-trail a.kontakt {
	background-position: -150px -100px;
	width: 86px;
}

#navigation ul li.back {
	border-bottom: 2px solid #CEDAE0;
	position: absolute;
	z-index: 1;
	height: 24px;
}

#navigation ul li a {
	display: block !important;
}

/**
 * Page
 */
#page {
	background: url(../img/theme/page-bg.png) repeat-y 0 0;
}

#page-inner {
	padding: 12px 0;
	overflow: hidden;
}

#page-inner .content-body ul {
	margin: 0 0 1em 2em;
}

#page-inner .content-pane-one-col {
	padding: 0 50px;
}

/**
 * Footer
 */
#footer {
	background: url(../img/theme/footer-bg.png) repeat-y 0 0;
}

#footer #footer-content {
	margin-top: 12px;
	text-align: center;
}

#footer div.navigation ul {
	list-style: none outside none;
	display: block;
	margin: 0;
	padding: 0;
}

#footer div.navigation ul li {
	display: inline;
	margin: 0;
	padding: 0 6px 0 2px;
	font-size: 0.924em;
	font-weight: normal;
	text-transform: uppercase;
	border-right: 1px solid #B0B0B0;
}

#footer div.navigation ul li.first {
	padding-left: 0;
}

#footer div.navigation ul li.last {
	border-right: none;
	padding-right: 0;
}

#footer div.navigation ul li.active,
#footer div.navigation ul li.active-trail {
	font-weight: bold;
	letter-spacing: 0.05em;
}

#footer div.navigation ul li a {
	color: #679AB7;
}

#footer div#footer-copyright {
	margin-top: 1em;
	font-size: 0.847em;
	color: #808080;
}

#footer-bottom {
	background: url(../img/theme/footer-bottom-bg.png) no-repeat 0 0;
	height: 15px;
}

/**
 * Page banner an content
 */
div.page-banner,
div.page-content {
	overflow: hidden;
	margin-bottom: 2em;
	padding: 0 9px;
}

div.page-banner div.left-pane {
	float: left;
	width: 555px;
}

div.page-banner div.right-pane {
	float: left;
	width: 363px;
}

div.page-banner div.page-title {
	margin: 13px 0 0 0;
}

div.page-banner div.page-title h1 {
	font-family: open-sans-condensed, open-sans-light, helvetica, sans-serif;
	font-size: 3.231em;
	font-weight: bold;
	text-shadow: 0 0 5px #C8C8C8;
}

div.page-banner div.page-abstract {
	padding-right: 2em;
}

div.page-banner div.page-image {
}

/**
 * Content post block
 */
.post {
	overflow: hidden;
	clear: both;
	margin-bottom: 1em;
}

.post h1 {
	font-size: 1.385em;
}

/**
 * Navigation menus
 */
div.side-menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

div.side-menu ul li {
	margin: 0;
	padding: 0;
	font-family: open-sans-condensed, helvetica, sans-serif;
	font-size: 1.308em;
	font-weight: bold;
}

div.side-menu ul li a {
	display: block;
	padding: .2em;
	padding-left: .5em;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	behavior: url(/res/css/pie.htc);
}

div.side-menu ul li.active a {
	background-color: #E8F0F0;
}

div.side-menu ul li a:hover {
	color: #408000;
	text-decoration: none;
}

/**
 * Lehrkraft
 */
div.lehrkraft-item {
	overflow: hidden;
	margin: 0 18px 2em 0;
	width: 440px;
	float: left;
}

div.lehrkraft-item .bild {
	width: 150px;
	height: 200px;
	position: relative;
	float: left;
	margin: 3px 1em 3px 3px;
	padding: 7px;
	background: #F8F8F8;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-moz-box-shadow: 0 0 5px #808080;
	-webkit-box-shadow: 0 0 5px #808080;
	box-shadow: 0 0 5px #808080;
	behavior: url(/res/css/pie.htc);
}

div.lehrkraft-item div.bild img {
	width: 150px;
	height: 200px;
}

div.lehrkraft-item div.text {
}

div.lehrkraft-item h2 {
	font-family: open-sans-condensed, helvetica, sans-serif;
	font-size: 1.308em;
	font-weight: bold;
	color: #556585;
	margin: .5em 0 .15em 0;
}

div.lehrkraft-item h3 {
	font-family: droid-sans, helvetica, sans-serif;
	font-size: .924em;
	font-weight: normal;
	color: #808080;
	margin-bottom: 0.7em;
}

div.lehrkraft-item p {
	font-weight: normal;
}

/**
 * Lehrkraft page
 */
div.lehrkraft-bio {
}

div.lehrkraft-bio h2.name {
	font-family: open-sans-condensed, helvetica, sans-serif;
	font-size: 1.77em;
	line-height: 1em;
	font-weight: bold;
	color: #556585;
	margin: 0 0 .1em 0;
}

div.lehrkraft-bio h3.fach {
	font-family: droid-sans, helvetica, sans-serif;
	font-size: 1em;
	color: #808080;
	font-weight: normal;
	margin: 0 0 2em 0;
}

div.lehrkraft-bio div.text {
	padding-left: 68px;
}

/**
 * Preisliste
 */
div.preise {
}

div.preise table {
	width: 400px;
}

div.preise th {
	font-weight: bold;
	text-align: left;
}

div.preise .betrag, div.preise .dauer {
	text-align: right;
}

div.preise .kategorie {
	padding-top: 1em;
}

.button {
	cursor: pointer;
	display: inline-block;
	min-height: 1em;
	outline: 0;
	border: none;
	background: #E0E1E2;
	color: rgba(0, 0, 0, .6);
	margin: 0 .25em 0 0;
	padding: .78571429em 1.5em;
	text-shadow: none;
	line-height: 1em;
	border-radius: .28571429rem;
	-webkit-box-shadow: 0 0 0 1px transparent inset, 0 0 0 0 rgba(34, 36, 38, .15) inset;
	box-shadow: 0 0 0 1px transparent inset, 0 0 0 0 rgba(34, 36, 38, .15) inset;
	user-select: none;
	-webkit-transition: opacity .1s ease, background-color .1s ease, color .1s ease, background .1s ease, -webkit-box-shadow .1s ease;
	transition: opacity .1s ease, background-color .1s ease, color .1s ease, background .1s ease, -webkit-box-shadow .1s ease;
	transition: opacity .1s ease, background-color .1s ease, color .1s ease, box-shadow .1s ease, background .1s ease;
	transition: opacity .1s ease, background-color .1s ease, color .1s ease, box-shadow .1s ease, background .1s ease, -webkit-box-shadow .1s ease;

	font-family: open-sans-condensed, helvetica, sans-serif;
	font-weight: 700;
	letter-spacing: 0.02em;
	text-transform: uppercase;
}

.button.positive {
	background-color: #21BA45 !important;
	color: #FFFFFF;
}

.button.positive:hover {
	background-color: #22AF44 !important;
}

.button.positive:active, .button.positive:focus {
	background-color: #219D42 !important;
}

.form-buttons {
	margin: 0 -0.8em -0.8em;
	padding: 0.7em;
	background-color: #E7E7E7;
	text-align: center;
}

.uppercase {
	text-transform: uppercase;
}