/* @override http://macbookflo.local/tuttanatura/style.css */

/*
CSS by GuerillaGraphix, http://www.guerillagraphix.net/
*/

html, body {
        margin: 0;
        padding: 0;
        height: 100%;
}
body {
        font-family: "Trebuchet MS", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
       background: #fff url(images/text_body_background.jpg) center center;/* */
}
body.text {
       background: #fff url(images/text_body_background.jpg) center center;/* */
}
body#start {
        background: #e2e3db;
}
a {
        text-decoration: none;
}
#wrapper {
        postition: relative;
        margin: 0;
        padding: 0;
        height: 100%;
        text-align: center;
        background: url(images/wrapper_background.gif) center top;
}
#center {
        position: relative;
        width: 900px;
        margin: 0 auto;
        height: 100%;
        background-position: 124px 50%;
}

#middle {
        position: absolute;
        left: 0;
        top: 50%;
        margin-top: -290px;
        width: 100%;
        height: 580px;
        align: center;
        text-align: left;
}

/* @group Start */

#start #wrapper {
        background: none;
}

#start #center {
        width: 302 px;
        text-align: center;
        background: none;
}

#start #middle {
        margin-top: -100px;
        height: 200px;
        text-align: center;
}

#start h1 {
        font-weight: normal;
        font-size: 25px;
        margin: 0 0 20px 0;
        color: #141215;
}
#start #logo_start {
        display: block;
        margin: 0 auto 25px auto;
        border: none;
        width: 206px;
        height: 36px;
        background: url(images/logo_start.gif) no-repeat;
        text-indent: -9999px;
        outline: none;
}
#start a {
        font-weight: normal;
        color: #141215;
        font-size: 13px;
}
#start a:hover {
        border-bottom: 1px solid #b7bcb6;
}
#start .margin {
        margin: 25px 25px;
}

/* @end */

/* @group Navigation */

#nav {
        float: left;
        position: relative;
        width: 343px;
        height: 530px;
}

#nav ul {
        position: absolute;
        top: 155px;
        left: 40px;
        margin: 0;
        padding: 1px 0 0 20px;
        list-style: none;
        font-size: 12px;
        line-height: 12px;
        border-left: 2px solid #444243;
}
#nav ul li {
        margin: 0 0 20px 0;
}
#nav ul li ul {
        position: relative;
        top: 0;
        left: 0;
        margin: 15px 0 0 15px;
        padding: 0;
        font-size: 11px;
        border: none;
}
#nav ul li ul li {
        margin: 10px 0 0 0;
}
#nav ul .last {
        margin: 0 0 0 0;
}
#nav ul li a {
        color: #6a6b6d;
        font-weight: bold;
        text-decoration: none;
}
#nav ul li a:hover {
        border-bottom: 1px solid #b9b9b3;
}
#nav ul .active a {
        color: #000000;
        cursor: default;
}
#nav ul .active a:hover {
        border: none;
}

/* @end */

/* @group Header */

#logo {
        position: absolute;
        top: 420px;
        left: 60px;
}
#logo a {
        display: block;
        width: 206px;
        height: 36px;
        background: url(images/logo.gif) no-repeat;
        text-indent: -9999px;
}

/* @end */

/* @group Content */

#content {
        float: left;
        padding: 0 30px 0 60px;
        margin: 100px 0 50px 0;
        width: 467px;
        height: 400px;
        overflow: auto;

}
#content org  {
}
#content org img {
        display: inline;
        float: left;
        margin: 0;
}
#kollektion #content, #kollektion2 #content {
        float: left;
        margin: 0;
        padding: 0 0 0 60px;
        width: 497px;
        height: 580px;
        overflow: hidden;
}

#content p {
        margin: 0 0 25px 0;
        font-size: 12px;
        line-height: 22px;
        color: #1f211f;
}

#content #large_img {
        display: block;
        float: left;
        width: 200px;
        height:580px;
        vertical-align:center;
}

#content #thumbbox {
        float: left;
        margin: 0 0 0 50px;
        padding: 60px 0 0 0;
        width: 245px;
}
#content #thumbbox .collection {
        margin: 0;
}
#content #thumbbox .thumbs {
        float: left;
        margin: 15px 0 60px 0;
}
#content #thumbbox .thumbs img {
        border: none;
}
#content #thumbbox .thumb {
        float: left;
        margin: 0 5px 5px 0;
        height: 90px;
        width: 50px;
        background: #d2d7d1;
}
#content #thumbbox #description {
        clear: both;
        width: 150px;
        padding: 5px 0 0 0;
        font-weight: bold;
        font-size: 12px;
        line-height: 15px;
        border-top: 2px solid #989a98;
}

#content .event {
        display: block;
        margin: 0 0 18px 0;
        font-size: 12px;
}
#content .nameline {
        display: block;
        margin: 0 0 4px 0;
}
#content .date {
        display: block;
        margin: 0 0 4px 0;
}
#content .ort {
        font-weight: bold;
}
#content .name {
        color: #696d69;
        font-weight: bold;
}
#content .name a {
        color: #696d69;
        text-decoration: none;
}
#content .name a:hover {
        color: #696d69;
        border-bottom: 1px solid #b4b9b3;
}
#content .place {
        display: block;
}


.vcard {
        font-size: 12px;
        line-height: 22px;
        color: #212321;
}
.vcard a {
        color: #212321;
        border-bottom: 1px solid #b4b9b3;
}
.vcard .work {
        display: none;
}

#content h2 {
        font-size: 12px;
}

/* @group Form */

#content form {
        margin: 0;
        padding: 0;
}
#content form p {
        margin: 0 0 10px 0;
        padding: 10px 10px;
        border: 1px solid #b4beb3;
}
#content form .form_submit {
        padding: 0;
        border: none;
        text-align: right;
}
#content form label {
        display: block;
        float: left;
        padding: 4px 10px 0 0;
        width: 80px;
        text-align: right;
        color: #b5beb4;/*9aada2;*/
}
#content form input, #content form textarea {
        padding: 4px;
        background: #e3eae2;
        border: none;
        color: #525b51;
        font: 15px/15px "Trebuchet MS", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}
#content form input {
        width: 320px;
}
#content form textarea {
        width: 320px;
        height: 150px;
        line-height: 20px;
}
#content form .submit {
        width: auto;
        padding: 7px 15px;
        color: #fff;
        font-size: 12px;
        line-height: 12px;
        background: #3f483e;/*285d3a; */
        border: 1px outset #3f483e;/*#3a804f;*/
        cursor: pointer;
}

/* @end */
/* @end */