/*
 *  CSS fuer die Webpräsenz kleinschnitz.com
 *  Autor: Jeena Paradies <http://jeenaparadies.net/webdesign/leistungen>
 *  Version 1.0
 *  Datum: 07.05.2006
 *
 */

body {
    font-size: 100.1%;
    text-align: center;
    font-family: "Trebuchet MS", tahoma, helvetica, verdana, sans-serif;
    padding: 0;
    margin: 190px 5% 50px 2%;
    background: url(../img/header.jpg) top center no-repeat;
    line-height: 150%;
    color: #333333;
    min-width: 700px;
}
h1 {
    font-size: 2.2em;
    line-height: 100%;
}
h1, h2, h3, h4 { color: #b3522b; font-weight: normal; }
h2, h3 { margin-top: 1.5em; }
a { color: #366089; }
address { margin-left: 1em; font-style: normal; }
.fr {
    float: right;
    margin: 0 0 1em 1em;
}
.fl {
    float: left;
    margin: 0 1em 1em 0;
}
.midtext { margin-top: 1em; }
.center { text-align: center; }

#container {
    text-align: left;
    max-width: 950px;
    margin:  auto;
}

#subnav {
    float: right;
    width: 196px;
    margin: 0 1em 0 0;
    padding: 0;
}
#subnav h2 { margin: 2em 0 0 8px; font-size: 140%; font-weight: bold; }
#subnav p { margin: 0.5em 0 0 10px; font-size: 90%; }
#subnav p#design { margin-top: 2em; font-size: 80%; }

#menu {
    background: url(../img/kleinschnitz-logo.png) top center no-repeat;
    margin: 0;
    padding: 123px 0 0 0;
    list-style-type: none;
    text-transform: uppercase;
    font-size: 110%;
    overflow: hidden;
}
#menu li {
    margin: 1px 0;
    padding: 0;
}
#menu li a, #menu li strong {
    background: #fae4ab;
    display: block;
    padding: 0.4em 1em;
    text-decoration: none;
    color: #4b2c10;
}
#menu li a:hover, #menu li strong { background: #faecc8; }
#menu ul { margin: 0; padding: 0; list-style-type: none; }
#menu ul a, #menu ul strong { padding-left: 3em; font-size: 85%; }

#main {
    width: 68%;
    float: left;
    padding-bottom: 40px;
}
#main img {
    padding: 3px;
    border: 1px solid #aaa;
    max-width: 95%;
}
#main .noborder img {
    padding: 0;
    border: none;
}
#main h2 { clear: both; }

#map {
    width: 95%;
    height: 450px;
    margin: auto;
    border: 3px #ccc solid;
    padding: 3px;
}
#main #map img { max-width: inherit; }

/* -- news --*/
.newsmenu, .newsmenu li {
    padding: 0;
    margin: 0;
    list-style-type: none;
}
.newsmenu { margin-top: 1em; }
#subnav .newsmenu li h3 { font-size: 90%; margin: 0.3em 0 0 8px; padding: 0; font-weight: bold; }
#subnav .newsmenu li p { font-size: 80%; margin-top: 0; line-height: 120%; }

h1.newscontent { padding-bottom: 0; margin-bottom: 0; }
.newscontent.meta { font-style: italic; padding-top: 0; margin-top: 0;}

/* -- tourmenue -- */
.tourmenu { margin-top: 2em; }
.tourmenu { line-height: 0; }

/* -- materialien -- */
#materialien img { margin: 0 0 2.5em 5%; float: right; }
.bilder { text-align: center; }

/* -- formmailer -- */
.userdata { width: 45%; }

/* -- Admincenter -- */
fieldset { border: 1px solid #aaa; padding: 1em 2em; }
legend { font-weight: bold; padding: 0 1em; }
textarea { width: 95%; height: 20em; }
#main fieldset img { border: none; }
#name { width: 50%}
#shortinfo { width: 95%; }
#date { width: 8em; }
.admin li { color: #aaa; }
.admin li.active { color: black; }
.ok { background: #e9ffe8; padding: 0.5em 1em; border: solid 1px #73b56f; }
ol.error, p.error { background: #ffe0e0; padding: 0.5em 1em 0.5em 2.5em; border: solid 1px red; }
p.error { padding-left: 1em; }