/* allgemeine angaben
-------------------------------------- */
/*farben
weiß
Blau Schatten: 000066
Blau Himmel: 0097D8
Grün: 479838
Grün: 399645
-------------------------------------- */
/*schriften Generated by Font Squirrel (http://www.fontsquirrel.com) on August 5, 2014 */
@font-face {
    font-family: 'book_antiquaregular';
    src: url('font/bkant-webfont.eot');src: url('font/bkant-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/bkant-webfont.woff') format('woff'),
         url('font/bkant-webfont.ttf') format('truetype'),
         url('font/bkant-webfont.svg#book_antiquaregular') format('svg');
    font-weight: normal;font-style: normal;}
@font-face {
    font-family: 'book_antiquabold_italic';
    src: url('font/antquabi-webfont.eot');src: url('font/antquabi-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/antquabi-webfont.woff') format('woff'),
         url('font/antquabi-webfont.ttf') format('truetype'),
         url('font/antquabi-webfont.svg#book_antiquabold_italic') format('svg');
    font-weight: normal;font-style: normal;}
@font-face {
    font-family: 'book_antiquabold';
    src: url('font/antquab-webfont.eot');src: url('font/antquab-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/antquab-webfont.woff') format('woff'),
         url('font/antquab-webfont.ttf') format('truetype'),
         url('font/antquab-webfont.svg#book_antiquabold') format('svg');
    font-weight: normal;font-style: normal;}
@font-face {
    font-family: 'book_antiquaitalic';
    src: url('font/antquai-webfont.eot');src: url('font/antquai-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/antquai-webfont.woff') format('woff'),
         url('font/antquai-webfont.ttf') format('truetype'),
         url('font/antquai-webfont.svg#book_antiquaitalic') format('svg');
    font-weight: normal;font-style: normal;}

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, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font: inherit;
	vertical-align: baseline;               
}
html {height: 100%; font-size: 62.5%;}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, main {
	display: block;
}
ol, ul {list-style: none;}
blockquote, q {	quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';	content: none;}
a:focus {outline: none;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {	border-collapse: collapse;border-spacing: 0;}
img {border:none;}
p {padding: 10px 0;}
b, strong {font-weight: bold;}
small {font-size: 0.8em;}
i,italic {font-style: italic;}
p + h1, p + h2, p + h3, p + h4, p + h5, p + h6 {padding-top: 1em;}
/*************************/

body {
        background-image: -moz-linear-gradient(-45deg, #0097D8 0%, #fff 100%);
        background-image: -webkit-linear-gradient(-45deg, #0097D8 0%, #fff 100%);
        background-image: -ms-linear-gradient(-45deg, #0097D8 0%, #fff 100%);
        background-image: -o-linear-gradient(-45deg, #0097D8 0%, #fff 100%);
        width: 100%;
        height: 100%;
        font-family: 'book_antiquaregular';
        line-height: 1.5em;
        color: #fff;
        text-align: center;
        min-width: 256px;
        -webkit-font-smoothing: antialiased;
        -moz-font-smoothing: antialiased;
        font-smoothing: antialiased;
}

h1, h2, h3, h4 ,h5, h6 {font-weight: bold; padding: 0; line-height: 1.0em; color: #000066;}

h1 {font-size: 7.5em;}
h2 {font-size: 3.6em;}
h3 {font-size: 2.3em;}
h4 {font-size: 1.8em;}
h5 {font-size: 1.6em;}
h6 {font-size: 1.2em;}

a, a:link, a:active, a:visited, a:hover {
    outline: none;
    color: #fff;
    text-decoration: none;
}
a:hover { color: #028743;}

table, tr, td, th {
/*    font-size: 1.0em;*/
    vertical-align: top;
}
td {}
ul, ol {
    list-style-type: disc;
    line-height: 1.4em;
    font-size: 1.6em;
}
.clear {height: 0; overflow: hidden; float: none; clear: both;}
.arial {font-family: Arial, sans-serif; font-weight: bold; padding: 0; margin: 0; line-height: 1.4em;}
.tab {margin-left: 155px;}
.italic {font-family: 'book_antiquabold_italic';}

hr {
    background-color: #84A6C9;
    color: #33537C;
    border-radius: 3px;
    height: 1px;
    margin: 10px 0;
    max-width: inherit;
}

/*****************************************/

/*layout*/

/*wrapper*/
#wrapper {
/*    background-image: -moz-linear-gradient(-45deg, #0097D8 0%, #fff 100%);
    background-image: -webkit-linear-gradient(top left, #ccc 25%, #000 75%);
    background-image: -ms-linear-gradient(top left, #ccc 25%, #000 75%);
    background-image: -o-linear-gradient(top left, #ccc 25%, #000 75%);*/
    max-width: 900px; margin: 0 auto; position: relative; padding: 25px 0 0 0; height: 100%; text-align: center;}

/*header*/
.page-header {
    width: 100%;    
    text-align: left; 
    max-width: 760px;
    margin: 0 auto;
}

.logo {float: left; background: none;}
h1.logo {font-size: 0; line-height: 0;}
.logo img {display: none;}
.logo img.print {display: block; max-width: 100%; margin: 0 auto;}
.schriftzug {margin-left: 140px;}
.schriftzug h1 {text-shadow: 3px 3px 3px #000066;}
.schriftzug h2 {padding-left: 3px; margin-top: 10px;}

/*footer*/
.page-footer {
    background-color: #399645;
    position: fixed; bottom: 0; left: 0; 
    width: 100%; height: 30px;
    z-index: 20;
}
.page-footer .footer-spalte {max-width: 900px; height: inherit; margin: 0 auto; position: relative;}
#michel {position: absolute; bottom: 6px;}
#dawanda {position: absolute; bottom: 170px; left: 205px;}
#dawanda p {
    font-size: 1.7em;
    line-height: 0.3em;
    margin-left: 7px;
    text-align: left;
    transform: rotate(-10deg);
}
#baeume {position: absolute; bottom: 25px; right: 0; z-index: -1;}
.page-footer p.arial {display: none; visibility: hidden;}
.page-footer p.print {color: #000066; font-size: 20px; text-align: right;
       font-family: Arial, sans-serif; font-weight: bold; padding: 0; margin: 0; line-height: 1.4em;}


/*main*/
#main {max-width: 980px; text-align: left; position: relative;}
#banner {
    /*background: transparent url(../images/Banner.png) no-repeat 0 0;*/ 
    height: 107px; width: 330px; position: absolute; left: 35px; top: 35px;}
#banner p {color: #000066; font-size: 1.8em; text-align: center; transform: rotate(-6.5deg); padding: 24px 0 0 0;}
#maskenbilder {}
#maskenbilder img {position: absolute; transform: scale(0.5, 0.5);}
#maskenbilder .vogel {right: 22px; top: -60px;}
#maskenbilder .frosch {right: -54px; top: 59px;}
#maskenbilder .katze {right: 91px; top: 125px;}

/*article*/
#content {padding: 250px 0 0 140px; max-width: 510px;}
#content h3 {text-shadow: 1px 1px 1px #000066; line-height: 1.2em;}
#content p { 
    font-size: 1.9em;
    line-height: 1.2em;
    color: #000066;
    font-family: 'book_antiquabold';
}
#content a {display: block;}
#content a:hover p { color: #028743;}
#content img {float: right; margin-top: 11px;}