@import url(reset.css);

/* --------------------------------------------------------------- Layout */

html {
    text-align: center;
    height: 100%;
    margin-bottom: 1px;
}

body {
    background: #fff url('img/bg-header.png') repeat-x 0 0;
    color: #333;
    direction: ltr;
    font: 87.5%/1.5 "Lucida Grande", "Lucida Sans Unicode", helvetica, arial, verdana, sans-serif; /* 14px Grundschriftgröße */
    margin: 0 auto;
    padding: 0;
    text-align: center;
}

#container { width: 980px; background: transparent; margin: 0 auto; text-align: left; overflow: hidden;}

#header { height: 262px; width: 100%; float: left; margin-bottom: 21px;}

#logo { float: left;}

#claim { float: right; height: 225px; width: 270px; margin: 0 20px 0 0; background: transparent url('img/zimmerer.png') no-repeat 0 0; text-indent: -10000px;}

#navigation { }

#content {  float: left; width: 100%;}

#primary-content { float: left; width: 200px; margin: 0 20px;}
#b-datenschutz #primary-content { float: left; width: 600px; margin-right: 20px;}

#secondary-content { float: left; width: 420px; margin-right: 20px;}

#tertiary-content { float: left;  width: 290px;}

#footer { clear: both; width: 100%; height: 57px; background: transparent url('img/bg-footer.png') repeat-x 0 0;}

#mapbox { padding: 3px; border: 1px solid #ccc; margin-bottom: 21px;}

#map { width: 282px; height: 192px; }


.galerie {
    float: left;
    margin: 0 20px 20px 0;
}

.galerie img {
    border: 1px solid #ccc;
    padding: 3px;
}

/* -------------------------------------------------------- Überschriften */

h1, h2, h3, h4, h5, h6 { }

h1 { font-size: 24px; color: #063382; margin-bottom: 21px;}

h2 { font-size: 21px; color: #063382; margin-bottom: 14px;}

h3 { font-size: 18px; color: #063382; margin-bottom: 14px;}

h1#printhead {
    display: none;
}

/* -------------------------------------------------------------- Absätze */

p { margin-bottom: 21px;}

#footer p {
    color: #f8c00e;
    width: 930px;
    height: 30px;
    margin: 0 auto;
    padding: 27px 50px 0 0;
    text-align: right;
}

/* --------------------------------------------------------------- Zitate */

blockquote { }

cite { }

/* --------------------------------------------------------------- Listen */

ul, ol { margin-bottom: 21px;}

ul { }

ol { }

li { }

.bulletlist li {
    list-style-position: outside;
    list-style-type: circle;
    margin-left: 15px;
}

/* ----------------------------------------------------- Definitonslisten */

dl { }

dt { }

dd { }

/* --------------------------------------------------------------- Bilder */

img { border: none;}

img.links {
    float: left;
}

img.rechts {
    float: right;
}

/* ----------------------------------------------------------- Trennlinie */

hr { }

/* ----------------------------------------------------- Textauszeichnung */

strong { font-weight: bold; }

em { }

dfn, acronym, abbr { }

address { }

/* ---------------------------------------------------------------- Links */
a { text-decoration: none;}

a:link { color: #063382;}

a:visited { color: #063382;}

a:focus { color: #f8c00e;}

a:hover { color: #f8c00e;}

a:active { color: #f8c00e;}

#footer a:link, #footer a:visited { color: #f8c00e; }

/* ------------------------------------------------------------ Formulare */

form { }

fieldset { }

legend { }

label { }

input { }

input[type="submit"] { }

textarea { }