/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
img,legend{border:0}
legend,td,th{padding:0}
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
body{margin:0}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}
audio,canvas,progress,video{display:inline-block;vertical-align:baseline}
audio:not([controls]){display:none;height:0}
[hidden],template{display:none}
a{background-color:transparent}
a:active,a:hover{outline:0}
abbr[title]{border-bottom:1px dotted}
b,optgroup,strong{font-weight:700}
dfn{font-style:italic}
h1{font-size:2em;margin:.67em 0}
mark{background:#ff0;color:#000}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-.5em}
sub{bottom:-.25em}
svg:not(:root){overflow:hidden}
figure{margin:1em 40px}
hr{box-sizing:content-box;height:0}
pre,textarea{overflow:auto}
code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}
button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}
button{overflow:visible}
button,select{text-transform:none}
button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}
button[disabled],html input[disabled]{cursor:default}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
input{line-height:normal}
input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}
input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}
fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}
table{border-collapse:collapse;border-spacing:0}

/*! HTML5 Boilerplate v5.3.0 | MIT License | https://html5boilerplate.com/ */
fieldset,hr{border:0;padding:0}
html{color:#222;font-size:1em;line-height:1.4}
::-moz-selection{background:#b3d4fc;text-shadow:none}
::selection{background:#b3d4fc;text-shadow:none}
hr{display:block;height:1px;border-top:1px solid #ccc;margin:1em 0}
audio,canvas,iframe,img,svg,video{vertical-align:middle}
fieldset{margin:0}textarea{resize:vertical}

.browserupgrade { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; }

/* ==========================================================================
   Author's custom styles
   blue: #447f96
   black: #222
   red: #d42300
   ========================================================================== */
body {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight:normal;
	background-color:#9ebac1;
	background-position:center top;
	background-image:url('/fileadmin/user_upload/bildungzuhause/layout/hintergrund/body_bg.jpg');
	background-repeat:no-repeat;
	color:#447f96;
}

/* initial stuff */
img, embed, object, video { max-width:100%; height:auto; width:100%; }
nav, ul { margin:0; padding:0; }
a { text-decoration:none; transition:all .25s ease; }
a:hover, a.active { color:#447f96; }
a:focus, button:focus, select:focus {outline:0;}

.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; margin-bottom:30px; }
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* content boxes */
#container {
	max-width:957px;
	margin:0 auto;
	box-shadow: 10px 0px 10px -10px rgba(0,0,0,0.3), -10px 0px 10px -10px rgba(0,0,0,0.3);
}

/* meta nav */
.top { text-align:right; }
.top ul { display:inline-block; margin:5px; }
.top ul li { display:inline-block; list-style:none; line-height:1; border-right: 1px solid #fff; padding:0 10px 0 6px; margin:0; }
.top ul li a {  display:block; color: #447f96; font-size:.875em; }
.top ul li a:hover, .top ul li a.active { color:#d42300; }
.top ul li:last-child { border-right: none; }

/* header */
.head .logo { position:relative; float:left; width:22.77951933%;}
.head .logo img { max-width:218px; }
.head .head_img { position:relative; float:right; width:77.22048067%; }
.head .head_img img { max-width:739px; }

.head ul.lang { position:absolute; left:5px; bottom:5px; }

/* lang nav */
.head ul { display:inline-block; margin:0 0 0 5px; }
.head ul li { display:inline-block; list-style:none; font-size:.8125em; line-height:1; border-right: 1px solid #fff; padding:0 10px 0 5px; margin:0; }
.head ul li a {  display:block; color: #eee; }
.head ul li a:hover, .head ul li a.active, .head ul li.active a { color:#d42300; }
.head ul li.passive {  margin:0; color:#ccc; }
.head ul li:last-child { border-right: none; padding:0 0 0 5px; }

/* main nav */
.mainnav { border-top:2px solid #fff; }

/* main cols */
main { min-height:560px; background:#fff; }
main .inner { padding:15px; }

main .col_left { float:left; width:22.77951933%; }
main .col_center { float:left; width:75%; }
main .col_right { float:right; width:21.5%; }

/* subnav */
.subnav ul { margin:35px 20px 20px 0; }
.subnav ul li { list-style:none; }
.subnav ul li a {
  display:block;
  font-size:.875em;
  line-height: 1.35;
  border-bottom:1px solid #447f96;
  margin:8px 0;
  color: #447f96; 
}
.subnav ul li a:hover, .subnav ul li a.active { color:#d42300; border-bottom:1px solid #d42300; }

.subnav ul li ul { margin:0 0 20px 0; }
.subnav ul li ul li a {
  font-size:.8125em;
  border-bottom:1px solid #ccc;
  margin:10px 0 10px 10px;
}

/* content styles */
main a { color:#d42300; border-bottom: 1px solid #d42300; }
main a:hover { color:#222; border-bottom: 1px solid #222; }
main .teaserbox { background:#dfedf2; padding:10px 10px 5px 10px; margin: 0 0 25px 0; }

.content h1, .content h2, .content h3, aside h2, aside h3 { font-family: Georgia, Arial, Helvetica, sans-serif; font-weight:normal; }
.content h1 { font-size: 1.25em; line-height:1.5; margin:10px 0; }
.content h2 { font-size: 1.25em; line-height:1.5; margin:30px 0 15px 0; }
.content h3 { font-size: 1.125em; line-height:1.3; margin:15px 0 10px 0; }
.content p, .content ul, .content table { font-size:.75em; line-height:1.5; margin:0 0 15px 0; }
.content ul li { margin:0 0 5px 25px; padding:0; list-style:square; }
.content table { border-collapse:collapse; margin:0 0 20px 0; }
.content table caption, .content table th { text-align:left; }
.content table th, .content table td { padding:3px 6px; vertical-align:top; }

.content table p, .content ul p { font-size:1em; margin:0; }

aside { margin:10px 0 20px 0; }
aside h2, aside h3 { font-size:1.25em; line-height:1.5; margin:5px 0; }
aside h4 { font-size:1.0625em; line-height:1.1; margin:0 0 10px 0; }
aside p, aside ul { font-size:.75em; line-height:1.5; margin:0 0 10px 0; }
aside ul li { margin:0 0 0 20px; padding:0; list-style:square; }

/* footer */
footer .inner { margin:0 15px; padding:10px 0; font-size:.8125em; }
footer .pipe { padding: 0 10px; }
footer a { color:#666; border-bottom: 1px solid #666; }
footer a:hover { color:#447f96; border-bottom: 1px solid #447f96; }

/* mobile nav: jquery.mmenu */
#nav_mobile { display:none; }

/* hamburger icon */
#nav_mobile_button { position:fixed; z-index:99; top:25px; right:10px; }

#nav_mobile_button a {
  display:block;
  width: 42px;
  height: 35px;
  position: relative;
  margin: 0 auto;
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
  transition: .5s ease-in-out;
}

#nav_mobile_button a span {
  background: #fff;
  display: block;
  position: absolute;
  height: 7px;
  width: 100%;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
  transition: .25s ease-in-out;
}

#nav_mobile_button a span:nth-child(1) { top:0px; }
#nav_mobile_button a span:nth-child(2), #nav_mobile_button a span:nth-child(3) { top:14px; }
#nav_mobile_button a span:nth-child(4) { top:28px; }

#nav_mobile_button a.open span:nth-child(1) { top:14px; width:0%; left:50%; }
#nav_mobile_button a.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
#nav_mobile_button a.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
#nav_mobile_button a.open span:nth-child(4) { top:14px; width:0%; left:50%; }

/* forms */
input[type="text"], input[type="email"], textarea {
  transition: all 0.25s ease-in-out;
  outline: none;
  padding:5px;
  margin:0;
  border:1px solid #999;
}

input[type="text"]:focus, input[type="email"]:focus, textarea:focus {
  border: 1px solid rgba(212, 35, 0, 1);
}

input[type="submit"] {
	float:right;
  padding:10px 30px;
  margin:10px 0;
  background:#447f96;
  color:#fff;
  border:0 none;
  outline:none;
  cursor:pointer;
  text-transform:uppercase;
  letter-spacing:1px;
  transition: all 0.25s ease-in-out;  
}
input[type="submit"]:hover { background:#d42300; color: #fff; }

/* fluid styled content */
.ce-gallery figcaption { margin:5px 0; font-size:90%; }

ul.ce-uploads li { margin:0 0 15px 0; padding:0; list-style:none; }
ul.ce-uploads img { width:100px; border:1px solid #ccc; padding-right:0; margin-right:15px; }
ul.ce-uploads .ce-uploads-fileName { border-bottom:1px solid #ccc; padding:0 0 2px 0; }
ul.ce-uploads .ce-uploads-description,
ul.ce-uploads .ce-uploads-filesize { font-size:80%; padding:2px 0; }

/* tx_news */
.news .article:after,.news .nav:after{content:".";height:0;visibility:hidden;clear:both}
.news .clear,.news .footer,.news .nav:after,.news-clear{clear:both}
.news .no-news-found{color:#DB0202;font-style:italic}

.news .news-list-view { margin:0 0 20px 0; }
.news .news-list-view .more-link { display:none; }
.news .news-list-view p { font-size:1em; line-height:1.3; margin:0; }

.news .article{padding-bottom:15px;margin-bottom:15px;border-bottom:1px solid #ccc;}
.news .article:last-child{padding-bottom:0;margin-bottom:0;border-bottom:none;}
.news .article:after{display:block}
.news .article h3 a, .news .article h3 a:hover { border-bottom:none; }
.news .article .news-img-wrap{float:left;margin:5px 15px 10px 0;}

.news-single .footer{margin-bottom:10px;}
.news-single .article .news-img-wrap{margin:0 0 25px 0}
.news-single .teaser-text{font-weight:bold;font-size:105%;}
.news-single .news-backlink-wrap { border-top:1px solid #ccc; padding:5px 0; margin:0 0 20px 0; text-align:right; }
.news-text-wrap{margin-bottom:10px}
.news-img-caption{color:#999}

.news .footer{color:#999;margin-bottom:5px;}
.news .footer p{line-height:1em; font-size:90%; margin:0; }
.news .footer span{display:inline-block;padding-right:8px;margin-right:8px;border-right:1px solid #ccc}
.news .footer span:last-child{border-right:0}
.news .footer .news-category a{text-transform:uppercase}

.news .page-navigation p{float:left}
.news .page-navigation ul{float:right}
.news .page-navigation ul li{float:left;display:block;padding:0;margin:0 0 0 10px}
.news .page-navigation ul li a{display:block}

.news .news-menu-view ul li { margin: 0; list-style: none; }
.news .news-menu-view ul li a {
  display: block;
  font-size:1.0625em;
  padding:10px 0 5px 0;
  color: #447f96;
  border-bottom: 1px solid #447f96;
}
.news .news-menu-view ul li a:hover, .news .news-menu-view ul li.active a {
  color:#d42300;
}

.news-related-wrap{display:table;width:100%;}
.news-related{width:50%;display:table-cell;padding:0 0 40px 0}
.news-related ul li{list-style:none;}
.news-related ul li span{border-right:1px solid #888;display:inline-block;margin-right:8px;padding-right:8px;color:#888}
.news-related ul li span:last-child{border-right:0;padding-right:0}
.news-related h4{margin-bottom:10px}
.news-related-files ul li{margin-bottom:5px}
.news .shariff { clear:both; margin:20px 0 0 0; }
.news .shariff a, .news .shariff a:hover { color:#fff; border-bottom:none; }
.news .shariff ul li { margin:0 20px 0 0; }
.news .shariff ul li:last-child { margin:0; }

/* indexed_search */
.tx-indexedsearch-form label { display:block; margin:0 0 5px 0; }
.tx-indexedsearch-form input { width:calc(100% - 12px); }
.tx-indexedsearch-search-submit { text-align:right; }

.tx-indexedsearch-res { padding:15px 0; border-bottom:1px solid #ccc; }
.tx-indexedsearch-res h3, .tx-indexedsearch-rules p { font-size: 1em; line-height:1.3; margin:10px 0; }
.tx-indexedsearch-icon img { width:18px; }
.tx-indexedsearch-text-item-path p { font-size:95%; display:inline; }
.tx-indexedsearch-info { margin:0; }
.tx-indexedsearch-info dt, .tx-indexedsearch-info dd { display:inline; margin:0; }
.tx-indexedsearch-info dd:after { content: '\A'; white-space: pre; }
p.tx-indexedsearch-description { font-size:1em; margin:0 0 10px 0; }
p.tx-indexedsearch-hittext, .tx-indexedsearch-browsebox p { margin:0 0 5px 0; }
ul.tx-indexedsearch-browsebox { margin:20px 0; }
ul.tx-indexedsearch-browsebox li { display:inline-block; list-style:none; margin:0 10px 0 0; }

/* Helper classes */
.hidden{display:none!important}
.visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}
.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}
.invisible{visibility:hidden}
.clearfix:after,.clearfix:before{content:" ";display:table}
.clearfix:after{clear:both}

/* ==========================================================================
   Media queries
   ========================================================================== */

/* Tablet (Portrait): Design for a width of 768px */
@media only screen and (min-width: 768px) and (max-width: 959px) {

  
}

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

  body { background-image:none; background-color:#fff; }

  /* show mobile, hide desktop nav */
  #nav_mobile { display:block; }
  .top ul, div.mainnav, div.subnav { display:none; }
  /* show mmenu after dom loaded */
  #nav_mobile_menu:not( .mm-menu ) { display:none; }
  
	main { min-height:0; }
	main .inner { padding:30px 10px 10px 10px; }
	main .col_left, main .col_center, main .col_right { float:none; width:100%; }
	
	.head .logo { position:static; }
	.head { position:relative; }
	.head ul.lang { position:absolute; right:10px; top:90px; text-align:right; z-index:10; }

}

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

	#nav_mobile_button a span { background: #447f96; }

  .head .logo img { max-width:auto; border-left:none; border-right:none; }
	.head .head_img img { max-width:auto; border-right:none; border-top:1px solid #fff; }
	
  .head .logo, .head .head_img { float:none; width:100%; }
	.head .logo img { width:160px; }

	.head ul li { border-right: 1px solid #447f96; }
  .head ul li a {  display:block; color: #999;  }
	.head ul li a:hover, .head ul li a.active, .head ul li.active a { color:#447f96; }
	.head ul li.passive {  padding:0 8px; margin:0; color:#999; }

}

@media print{
  blockquote,img,pre,tr{page-break-inside:avoid}
  *,:after,:before,:first-letter,:first-line{background:0 0!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}
  a,a:visited{text-decoration:underline}
  a[href]:after{content:" (" attr(href) ")"}
  abbr[title]:after{content:" (" attr(title) ")"}
  a[href^="#"]:after,a[href^="javascript:"]:after{content:""}
  blockquote,pre{border:1px solid #999}
  thead{display:table-header-group}
  img{max-width:100%!important}
  h2,h3,p{orphans:3;widows:3}
  h2,h3{page-break-after:avoid}
}