/* Basisvorlage CSS
Projekt: www.verena-fleckenstein.de
*/

/* Farbschema
--------------------------------------------------------------------------------------- */

/*
Farbton (Rot): #791719
Farbton (Hover Navigation): #ffe345
Farbton (Element): #xxxxxx
Farbton (Element): #xxxxxx
Farbton (Element): #xxxxxx
*/

/* Globals und Typo 
--------------------------------------------------------------------------------------- */

html {
/* Wahlweise Grid-Hintergrund
Rasterhintergrund, der die Breite bis 100 Pixel und eine Höhe bis 950 Pixel anzeigt. Die Breite von 960 Pixel ist markiert. Der Hintergrund ist transparent, muss also nicht nur mit #fff verwendet werden. Es wird eine Schriftgrö�e von 75% oder 12px festgelegt.
    background: #fff url(bilder/grid.png) top left no-repeat;
*/    
    height: 100%;
    background: url(bg.jpg) repeat-x top left;

}

body {
    height: 100%;
    background: url(raster.png) top left repeat;
    margin:0;
    padding:0;
}

body,td,th,input,select,textarea,p      {  
    font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height:16px;
    color: #5d0e29;
}


/* allgemeine Links
--------------------------------------------------------------------------------------- */
a:link, a:visited, a:active {
    color:#5d0e29;
    text-decoration: none;
}
a:hover {
    color:#a3a3a3;
    text-decoration: underline;
}


/* Macht die gepunktete Linie um geklickte Links unsichtbar
--------------------------------------------------------------------------------------- */
a:focus {
    outline: none;
}


/* #rechts
--------------------------------------------------------------------------------------- */

a.link1:link, a.link1:visited,a.link1:active
{
    font-size: 14px;
    font-weight:normal;
    line-height: 14px;
    display:block;
    margin: 0px 30px 0px 0px;
    padding: 0px 30px 0px 0px;
    border-right: 1px solid #a3a3a3;
    text-align:left;
    color: #a3a3a3;
    text-decoration:none;
    }

a.link1:hover,a.link1a:link,a.link1a:visited,a.link1a:active,a.link1a:hover
{
    font-size: 14px;
    font-weight:normal;
    line-height: 14px;
    display:block;
    margin: 0px 30px 0px 0px;
    padding: 0px 30px 0px 0px;
    border-right: 1px solid #a3a3a3;
    text-align:left;
    color: #a3a3a3;
    text-decoration:underline;
    }
    
a.link1:focus {
    outline: none;
}

a.link2:link, a.link2:visited,a.link2:active
{
    font-size: 12px;
    line-height:12px;
    display:block;
    margin: 0;
    padding: 0px 0px 10px 0px;
    text-align:right;
    color: #5d0e29;
    text-decoration:none;
   }

a.link2:hover,a.link2a:link,a.link2a:visited,a.link2a:active,a.link2a:hover
{
    font-size: 12px;
    line-height:12px;
    display:block;
    margin: 0;
    padding: 0px 0px 10px 0px;
    text-align:right;
    color: #5d0e29;
    text-decoration:underline;
    }
    
a.link2:focus {
    outline: none;
}

a.link3:link, a.link3:visited,a.link3:active
{
    font-size: 12px;
    line-height:12px;
    display:block;
    margin: 0;
    padding: 0px 10px 10px 0px;
    text-align:right;
    color: #5d0e29;
    text-decoration:none;
   }

a.link3:hover,a.link3a:link,a.link3a:visited,a.link3a:active,a.link3a:hover
{
    font-size: 12px;
    line-height:12px;
    display:block;
    margin: 0;
    padding: 0px 10px 10px 0px;
    text-align:right;
    color: #5d0e29;
    text-decoration:underline;
    }
    
a.link2:focus {
    outline: none;
}

/* #footer (NAVIGATION)
--------------------------------------------------------------------------------------- */

a.link5:link, a.link5:visited,a.link5:active
{
    font-size: 11px;
    line-height:11px;
    padding: 3px 30px 3px 0px;
    text-align:left;
    color: #5d0e29;
    text-decoration:none;
    }

a.link5:hover,a.link5a:link,a.link5a:visited,a.link5a:active,a.link5a:hover
{
    font-size: 11px;
    line-height:11px;
    padding: 3px 30px 3px 0px;
    text-align:left;
    color: #5d0e29;
    text-decoration:underline;
    }
    
a.link5:focus {
    outline: none;
}
  
/* SPONSOREN (NAVIGATION)
--------------------------------------------------------------------------------------- */
    
a.link10:link, a.link10:visited,a.link10:active
{
    font-size: 14px;
    font-weight:normal;
    line-height: 14px;
    display:block;
    margin: 0px;
    padding: 0px;
    text-align:left;
    color: #a3a3a3;
    text-decoration:none;
    }

a.link10:hover,a.link10a:link,a.link10a:visited,a.link10a:active,a.link10a:hover
{
    font-size: 14px;
    font-weight:normal;
    line-height: 14px;
    display:block;
    margin: 0px;
    padding: 0px;
    text-align:left;
    color: #a3a3a3;
    text-decoration:underline;
    }
    
a.link1:focus {
    outline: none;
}




/* Vertikaler Rhythmus basierend auf 12px Basisgrö�e für den Flie�text
--------------------------------------------------------------------------------------- */
p {
    margin-top: 0em;
    margin-bottom: 0.5em;
}

h1 {
    font-size: 14px;
    line-height:20px;
    margin: 0px 0px 10px 0px;
    color:#5d0e29;
    font-weight: bold;
}

h2 {
    font-size: 12px;
    line-height:16px;
    margin: 0px;
    color:#a3a3a3;
    font-weight: bold;
    text-transform:uppercase;
    letter-spacing:0.5px;
}

.weiss, a.weiss:link, a.weiss:visited, a.weiss:active {
    color: #FFFFFF;
    text-decoration:none;
    }

a.weiss:hover  {
    color: #FFFFFF;
    text-decoration:underline;
    }




/* Aufzählungen in der Website
--------------------------------------------------------------------------------------- */
ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    }

ul li { 
        background:url('aufzaehlung.png') no-repeat left 2px; padding-left:16px; 
        }
    


/* Bilder und verlinkte Bilder ohne Rahmen 
--------------------------------------------------------------------------------------- */
img, a img {
    border: 0;
}


/* Links- bzw. Rechtsausrichtung für Elemente
--------------------------------------------------------------------------------------- */
.links {
    float: left;
    margin: 0px 10px 10px 0px;
}

.rechts {
    float: right;
    margin: 00px 0px 10px 10px;
}


/* Formularelemente 
--------------------------------------------------------------------------------------- */


.button, .button:link, .button:visited, .button:hover, .button:active,
a.button:link, a.button:visited, a.button:hover, a.button:active {
        text-align: left;
        width: 60px;
        height: 20px;
        padding: 0px 10px 0px 10px;
        margin-right: 15px;
        color: #791719;
        text-decoration: none;
        font-size:11px; 
        border: 1px solid #791719;
        background-color: #faf1e3;
        }


label.kontakt {
    width: 100px;
    margin-right: 15px;
    margin-bottom: 10px;
    float: left;
    text-align: right;
    font-weight:normal;
    color: #791719;
}
textarea.kontakt {
        width: 250px;
        margin-bottom: 5px;
        padding: 0px;
        font-size: 11px;
        font-family: Trebuchet MS,Arial,Helvetica,sans-serif;
        color: #791719;
        border: 1px solid #791719;
        background-color: #faf1e3;
}

input.kontakt,select.kontakt {
        width: 250px;
        margin-bottom: 5px;
        height: 20px;
        padding: 0px;
        font-size: 11px;
        font-family: Trebuchet MS,Arial,Helvetica,sans-serif;
        color: #791719;
        border: 1px solid #791719;
        background-color: #faf1e3;
    }

fieldset.kontakt {
        width: 450px;
        padding: 15px;
        border:none;
        text-align:left;
        }

legend.kontakt {
        font-size: 11px;
        text-align: left;
        font-weight:normal;
        color: #791719;
        text-transform:uppercase;
        display: block;
        border-bottom: 1px solid #791719;
        margin: 0px 0 5px 0;
        padding: 0;
        width:450px
        }

        
/* Layoutelemente
Verwenden Sie overflow: hidden; um nötige Foats aufzulösen.
--------------------------------------------------------------------------------------- */

#wrapper {
    position: relative;
    margin: 0 auto;
    width: 972px;
    min-height: 100%; /* Mindesthöhe in modernen Browsern */
    height: auto !important; /* !important-Regel für moderne Browser */
    height: 100%; /* Mindesthöhe in IE (<7) */
    background: url(bg-wrapper.png) repeat-y;
    text-align:center;
}

#wrapperinnen {
    width: 930px;
    min-height: 100%; /* Mindesthöhe in modernen Browsern */
    height: auto !important; /* !important-Regel für moderne Browser */
    height: 100%; /* Mindesthöhe in IE (<7) */
    text-align:left;
    margin: 0 auto;
    padding-bottom: 26px;
    }


#footer
{
    position: relative;
    margin-top: -25px;
    height: 25px;
    text-align:center;
}

#footerinnen {
    width:930px;
    height:25px;
    margin: 0 auto;
    padding:0;
    }

.height100  {
    height:100%;
    }