/*
CSS for 'Knitterkittel - Die Gewandschneiderey' Vers.2.0, Nov. 2011
Copyright © 2010. 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
*/

body {
        margin: 20px 0;
        padding: 0;
        background: #7FC679 url(images_css_neu/knitterkittel_tulpe_klein_bg.jpg) repeat;
        /*url (images_css_neu/bg_top_verlauf.jpg) repeat-x;*/
        font: normal small Arial, Helvetica, sans-serif;
}

#overall-bg {
        width: 700px;
        margin: 0 auto;
        /*background: url(images_css_neu/knitterkittel_tulpe_klein_bg.jpg) repeat;*/
        border: 2px solid #FFFFFF;
}

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

h2 {
        font-size: 1.6em;
}

h3 {
        margin: 0;
        font-size: 1em;
}

p, ul, ol, blockquote {
        margin-top: 0;
}

a:link, a:visited {
        border: none;
        font-weight: bold;
        text-decoration: none;
}

a:link {
        color: #990066;
        }

a:visited {
        color: #FF3399;
}

a:hover {
        text-decoration: underline;
}

img {
        border-color: #C0C0C0;
}

/* Header */

#header {
        width: 700px;
        height: 150px;
        margin: 0 auto;
        background: #7FC679 url(images_css_neu/img_top.gif) no-repeat;
}

#header * {
        margin: 0;
        border: none;
        text-decoration: italic;
        /*text-transform: lowercase; */
        font-weight: bold;
        color: #FFFFFF;
}

#header h1 {
        margin-left: 12px;
        padding: 115px 0 0 0;
        font-size: 1.2em;
}

#header h2 {
        margin-left: 12px;
        padding: -10px 0 0 0;
        font-size: 0.8em;
}

#header a:hover {
        text-decoration: italic;
}

/* Menu */

#menu {
        width: 700px;
        height: 41px;
        margin: 0 auto;
        background: #37AEF2 url(images_css_neu/img2.gif) repeat-x;
}

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

#menu li {
        display: inline;
}

#menu a {
        border: none;
        display: block;
        float: left;
        height: 32px;
        padding: 9px 20px 0 20px;
        text-decoration: none;
        color: #FFFFFF;
}

#menu a:hover, #menu .active a {
        background: url(images_css_neu/img3.gif);
        color: #FFFFFF;
}

/* Content */

#content {
        width: 700px;
        margin: 0 auto;
        background: url(images_css_neu/img4.gif) repeat-y;
}

#imgcol {
        float: right;
        width: 120px;
        padding: 10px;
}

#centercol {
        float: right;
        width: 360px;
        padding: 20px 10px 0 10px;
}

#rightcol {
        float: right;
        width: 160px;
        padding: 20px 10px 0 10px;
}

#imprint {

}

#imprint ul {
        margin: 0;
        padding: 10px 0;
        list-style: none;
}

.imprintsmallcaps {
        line-height: 1.2em;
        font-size: 82%;
}

.highlightbox {
        border: 1px dotted #444;
        margin: -10px;
        padding: 10px;
}

.formbox {
        border: none;
        margin-left: -15px;
        margintop: -10px;
        padding: 0px;
}


/* Footer */

#footer {
        width: 700px;
        height: 12px;
        margin: 0 auto;
        padding: 10px 0;
        background: #B13413 url(images_css_neu/img6.gif) repeat-x;
        font-size: smaller;
}

#footer p {
        margin-right: 6px;
}

#footer * {
        color: #FFFFFF; /*#3F3F3F; oder #B13413;*/
        padding: 0;
}