/* Abridged version of Normalize.css
   ========================================================================== */
/* original authors: Nicolas Gallagher and Jonathan Neal - http://necolas.github.com/normalize.css/ */

/* corrects block display not defined in IE7-9, Firefox3 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
  display: block;
}

/* corrects inline-block display not defined in IE7-9, Firefox3 */
audio,
canvas,
video {
  display: inline-block;
  /* display and zoom IE7 fix for display:inline-block */
  *display: inline;
  *zoom: 1;
}

/* prevents modern browsers from displaying 'audio' without controls, remove excess height in iOS5 devices */
audio:not([controls]) {
  display: none;
  height: 0;
}

/* addresses styling for 'hidden' attribute not present in IE7-9, Firefox3, Safari4 */
[hidden] {
  display: none;
}

html {
  /* corrects text resizing oddly in IE7 when body font-size is set using em units -
     http://clagnut.com/blog/348/#c790 */
  font-size: 100%;
  /* always force scrollbar padding so we don't get 'jumping' */
  overflow-y: scroll;
  /* prevents iOS text size adjust after orientation change, without disabling user zoom -
     http://www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
  -webkit-text-size-adjust: 100%;
  /* as above, for Windows Phone */
  -ms-text-size-adjust: 100%;
}

/* Addresses margins set differently in IE7 */
p,
pre {
  margin: 1em 0;
}

/* addresses style set to 'bolder' in Firefox3-4, Safari4-5, Chrome */
b,
strong {
  font-weight: bold;
}

/* addresses CSS quotes not supported in IE7, addresses quote property not supported in Safari4 */
q {
  quotes: none;
}

q:before,
q:after {
  content: "";
  content: none;
}

/* prevents sub and sup affecting line-height in all browsers */
sub,
sup {
  /* 12px */
  font-size: .85714285714286em;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* removes border when inside 'a' element in IE7-9, Firefox3, improves image quality when scaled in IE7 -
   code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */
img {
  border: 0;
  -ms-interpolation-mode: bicubic;
}

/* consistent tables */
table {
  margin-bottom: 1em;
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
}

/* make table cells align top and left by default */
th,
td {
  vertical-align: top;
  text-align: left;
}

/* addresses margins set differently in IE7 */
dl,
menu,
ol,
ul {
  margin: 1em 0;
}
dd {
  margin: 0 0 0 2em;
}

/* remove margins from nested lists */
dl dl,
ul ul,
ol ol {
  margin: 0;
}

/* addresses paddings set differently in IE7 */
menu,
ol,
ul {
  padding: 0 0 0 2em;
}


/* Clearfix
   ========================================================================== */
/* updated to prevent margin-collapsing on child elements in most situations -
   http://nicolasgallagher.com/micro-clearfix-hack/ */

.clearfix,
header,
nav ul,
.container,
footer,
#paginator,
#monthly-list {
  /* zoom IE7 fix */
  *zoom: 1;
}

.clearfix:before,
.clearfix:after,
header:before,
header:after,
nav ul:before,
nav ul:after,
.container:before,
.container:after,
footer:before,
footer:after,
#paginator:before,
#paginator:after,
#monthly-list:before,
#monthly-list:after {
  content: "";
  display: table;
}

.clearfix:after,
header:after,
nav ul:after,
.container:after,
footer:after,
#paginator:after,
#monthly-list:after {
  clear: both;
}



* { margin: 0px ; padding: 0px ; }
body { height: 100%; font-family: arial; font-size: 1.1rem; }
b, bold, h1, h2, h3 { font-family: arial; }
i, italic { font-family: arial; }

#thegreatwrapper { position: absolute; width: 100%; margin: 0 0; }

#wrapper_header { width: 960px; margin: 0 auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; *behavior: url(www.kinderundjugendkultur.info/scripts/boxsizing.htc); padding-bottom: 10px; background: white; }

#header { margin-top: 20px; }

#logo { width: 250px; margin-left: 3px; margin-top: 1.6rem; }
#logo img { width: 100%; }


#wrapper_content { width: 960px; margin: 0 auto; margin-top: 40px; }
h1 { font-size: 1.6rem; font-weight: normal; }

#content a:link { text-decoration: underline; color: #e30613; }
#content a:visited { text-decoration: underline; color: #e30613; }
#content a:hover { text-decoration: underline; color: #444444; }
#content a:active { text-decoration: underline; color: #444444; }
#content .active { text-decoration: underline; color: #444444; }

#content { margin: 0; color: #444444; font-size: 1.1rem; line-height: 1.5rem; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; *behavior: url(www.kinderundjugendkultur.info/scripts/boxsizing.htc); }
.text { margin-bottom: 4rem; }

#reset_float_r {clear: right; }
#reset_float_l { clear: left; }
#reset_float { clear: both; }

#bstripe_bottom { width: 960px; height: 3px; margin: 0px; background: #444444; }
#footer { width: 100%; margin-top: 10px; margin-bottom: 20px; text-align: right; font-family: arial; }

#footer a:link { text-decoration:none; color: #444444; }
#footer a:visited { text-decoration:none; color: #444444; }
#footer a:hover { text-decoration:none; color: #e30613; }
#footer a:active { text-decoration:none; color: #e30613; }
#footer a.active { text-decoration:none; color: #e30613; }
#footer .active { text-decoration:none; color: #e30613; }



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

#header { margin: 35px 30px 30px 30px; }
}


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

#wrapper_header { width: 100%; max-width: 960px; }
#wrapper_content { width: 100%; max-width: 960px; }
.text { margin: 35px 30px 30px 30px; }
#reset { display: none; }
#bstripe_bottom { width: 100%; max-width: 960px; }
#footer div#footer_inner { margin-right: 30px; }
}


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

}


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

#logo { width: 80%; max-width: 450px; }

}


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

#wrapper_header { position: static; }
.text { margin: 0px 30px 20px 30px; }
h1 { line-height: 1.8rem; }

}