/*
CSS for 'Waldorf-Kindergarten Linde e.V.'
Copyright © 2009-2011. All rights reserved.

Webdesign & Programming by:
       LaGARAFA Productions
       Lars Gatting Film- und Medienproduktionen
       Mail: media@lagarafa.de
       Web: www.lagarafa.dee

Based on template ideas designed by http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
*/



* {
        margin: 0;
        padding: 0;
}

body {
        background: #F5F2C2;
        text-align: justify;
        font-family: Tahoma,Verdana,Arial,sans-serif;
        font-size: 13px;
        color: #4f4F4F;
}

h1, h2, h3 {
        color: #333333;
}

h1, h2 {
        margin-bottom: 15px;
        font-weight: normal;
}

h1 {
        font-size: 160%;
}

h2 {
        font-size: 132%;
}

h3 {
        font-size: 100%;
}

p, ul, ol {
        margin-bottom: 15px;
        line-height: 1.5em;
}

ul, ol {
        margin-left: 3em;
}

blockquote {
        padding-left: 3em;
        font-size: 13px;
        font-style: italic;
        font-weight: normal;
}

a:link {
        color: #FF5F00;
        text-decoration: underline;
}

a:active {
        color: #ED5C0C;
        text-decoration: underline;
}

a:visited {
        color: #FF5F00;
        text-decoration: underline;
}

a:hover {
        text-decoration: none;
        color: #067600;
}

img {
        border: none;
}

img.left {
        float: left;
        margin: 0 20px 10px 0;
}

img.leftstart {
        float: left;
        margin: 10px 20px 10px 0;
}

img.right {
        float: right;
        margin: 0 50px 0 0;
}

/* Menu */

#menu {
        width: 770px;
        height: 65px;
        margin: 0 auto;
}

#menu ul {
        margin: 0;
        padding: 0;
        list-style: none;
}

#menu li {
        display: inline;
}

#menu a {
        background: url(images/kiga-linde_menu_button_bg.jpg) no-repeat;
        display: block;
        float: left;
        width: 150px;
        height: 45px;
        padding: 20px 0 0 0;
        border-left: 0px solid #EDEBD5;
        border-right: 0px solid #EDEBD5;
        text-transform: none;
        text-decoration: none;
        text-align: center;
        font-size: 144%;
        color: #666666;
}

#menu a:hover {
        background: #F7F7F4 url(images/kiga-linde_menu_button_bg_hl.jpg) no-repeat;
        color: #4F4F4F;
}

#menu .active a {
        background: #F49A24 url(images/kiga-linde_menu_button_bg_ac.jpg) no-repeat;
        color: #FFFFFF;
}

/* Sub-Menu */

#sub-menu {
        width: 530px;
        height: 39px;
        margin: 0 auto;
}

#sub-menu ul {
        margin: 0;
        padding: 0;
        list-style: none;
}

#sub-menu li {
        display: inline;
}

#sub-menu a {
        background: #F5F2C2 url(images/kiga-linde_sub-menu_button_bg.jpg) no-repeat;
        display: block;
        float: left;
        width: 90px;
        height: 39px;
        padding: 8px 15px 0 0;
        border-left: 0px solid #EDEBD5;
        border-right: 0px solid #EDEBD5;
        text-transform: none;
        text-decoration: none;
        text-align: center;
        font-weight: bold;
        font-size: 100%;
        color: #666666;
}

#sub-menu a:hover {
        background: #F5F2C2 url(images/kiga-linde_sub-menu_button_bg_hl.jpg) no-repeat;
        color: #4F4F4F;
}

#sub-menu .active a {
        background: #F5F2C2 url(images/kiga-linde_sub-menu_button_bg_hl.jpg) no-repeat;
        color: #FFFFFF;
}

/* Header */

#header-titel {
        width: 770px;
        height: 80px;
        margin: 0 auto;
        background: url(images/kiga-linde_titel00.jpg) no-repeat;
}

#header {
        width: 770px;
        height: 170px;
        margin: 0 auto;
        background: url(images/kiga-linde_header_bg.gif) no-repeat;
}

#header h1 {
        float: left;
        width: 400px;
        height: 100px;
        margin: 0;
        padding: 70px 0 0 0;
        text-align: center;
        font-size: 36px;
}

#header h2 {
        float: right;
        width: 350px;
        height: 86px;
        margin: 0;
        padding: 84px 20px 0 0;
        text-align: right;
}

#header a {
        text-transform: uppercase;
        text-decoration: none;
        font-style: italic;
        font-weight: bold;
        color: #3F3F3F;
}

/* Page */

#page {
        width: 770px;
        margin: 0 auto;
        padding: 20px 0;
}

/* Content */

#content {
        float: left;
        width: 550px;
        padding-top: 10px;
}

#maintextarea {
        float: left;
        width: 550px;
        padding-top: 0;
        background: url(images/kiga-linde_logo_gross_bg.jpg) no-repeat;
}

.post {
        margin-bottom: 10px;
        padding: 10px 20px 0 0;
}

.sonderpost {
        margin: 0 20px 20px 0;
        padding: 20px;
        border: 1px solid;
}


/* inaktiv
.hr {
        border-bottom: 1px solid #EDEBD5;
}
*/


/* Sidebar */

#sidebar {
        float: right;
        width: 210px;
        padding: 5px;
        text-align: left;
        background: #EDEBD5;
}

#sidebar h2 {
        margin: 0;
        padding: 5px 15px;
        color: #FFFFFF;
}

#sidebar h3 {
        font-size: 85%;
        color: #FFFFFF;
}

#sidebar ul {
        margin: 0;
        padding: 15px;
        list-style: none;
}

#sidebar li {
        color: #FFFFFF;
        margin: 0 0 15px 0;
}

#sidebar a {
        color: #FFFFFF;
}

.orangebox {
        background: url(images/img05.gif) repeat-y;
}

.orangebox h2 {
        background: url(images/img06.gif) repeat-y;
}

.orangeboxsmallcaps {
        line-height: 1.2em;
        font-size: 87%;
}

/* Footer */

#footer-bild {
        width: 770px;
        height: 43px;
        margin: 0 0 10px 0;
        background: url(images/kiga-linde_footer_bg.jpg) no-repeat;
}

#footer {
        clear: both;
        height: 100px;
        padding: 25px 0;
        background: #EDEBD5 url(images/img04.gif) repeat-x;
}

#footer p {
        margin: 0;
        text-align: center;
        font-size: 77%;
}

#footer a {
        color: #666666;
}