@import url(http://fonts.googleapis.com/css?family=Paprika|Artifika|Fenix);    
* {
  margin: 0;
  padding: 0;
}

html {
    color: #4f1c18;
    font-size: 1.2em;
}

* html {
    height:100%; /* needed for container min-height */    
}

html,body {
    margin: 0ox;
    padding: 0px;
    border: 0px;
    min-height:100%;
}

body {
    background: url('http://silberschmieden-bad-aibling.de/uploads/silber01/background.jpg') repeat 0 0;
    font-size: 100%;
    font-family: 'Fenix', serif;
}

a, a:link, a:hover, a:active {
    color: #4f1c18;
    text-decoration: underline;
}

a img, :link img, :visited img {
    border: 0;
}

/*****************************/
/*  Header specific elements */
/*****************************/

#header {
    min-height: 120px;
    margin-bottom: 5px;
    font-family: 'Artifika', serif;
    color: #afafaf;
    background: url('http://silberschmieden-bad-aibling.de/uploads/silber01/wappen150.png') no-repeat bottom right;
}

#header h1, 
#header h2 {
    color: white;
    text-shadow: #515151 5px 5px 5px;
    padding: 0;
    margin: 0;
    text-align: center;
}

/*****************************/
/*  Navigation               */
/*****************************/

#mainnavi, #footnavi {
    color: #515151;
    font-weight: bold;
    font-size: 1.5em;
    margin-top: 1.5em;
}

#footnavi, #secnav {
    font-size: 1em;
    font-weight: lighter;
    margin-top: 0em;
}

#secnav {
    width: 210px;
    margin-left: 2em;
    margin-bottom: 2em;
    padding: 1em;
    border: 1px dotted silver;
}

#mainnavi ul, #footnavi ul, #secnav ul {
    list-style-type: none;
}

#footnavi ul ul, #secnav ul ul {
    list-style-type: none;
    padding-left: 1em;
}

#mainnavi ul li {
    list-style-type: none;
    padding: 0;
    margin-right: 2em;
    display: inline;
}

#footnavi ul li, #secnav ul li {
    list-style-type: none;
    padding: 0;
    line-height: 1.8em;
}

#mainnavi a,
#mainnavi a:link,
#mainnavi a:active {
    color: silver;
    text-decoration: none;
    text-shadow: ghostwhite 2px 2px 5px;
}

#footnavi a,
#footnavi a:link,
#footnavi a:active {
    text-decoration: none;
    font-weight: regular;
}

#mainnavi a:hover,
#footnavi a:hover {
    color: #c3527e;
    text-decoration: underline;
    text-shadow: #f6dac5 -2px -2px 5px;
}

#breadcrumb {
    font-size: 0.7em;
    margin-bottom: 1em;
}

/*****************************/
/*  grid elements            */
/*****************************/

#canvas {
    width: 1024px;
    min-height: 500px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    padding: 10px !important;
}

    
#header, #content, #footer {
     padding: 10px;
     margin: 0px; /* sonst deswegen oben rand! */
     border: 5px solid #e3e3ff;
     border-bottom: 5px solid #b0b0ea;
     border-right: 5px solid #b0b0ea;
    -moz-border-radius: 15px;
    border-radius: 15px;
}

#content {
    min-height: 350px;
    color: midnightblue;
}

#footer {
    font-family: 'Artifika', serif;
    font-size: 0.75em;
    min-height: 80px;
    margin-top: 12px;
}

#canvas, #header, #footer {
    background-color: rgb(246, 245, 243);
    background-color: rgba(246, 245, 243, 0.55);
}

#content {
    background-color: rgb(246, 245, 243);
}

/******************************/
/*  Content specific elements */
/******************************/

#content h1,
#content h2,
#content h3,
#content h4,
#content h5,
#content h6 {
    /* font-family: 'Paprika', cursive; */
    font-family: 'Artifika', serif;
    font-weight: lighter;
    margin-bottom: 0.3em;
}

#content h1 {
    font-size: 1.6em;
}

#content h2 {
    font-size: 1.3em;
    padding-top: 0.3em;
}

#content h3 {
    font-size: 1.15em;
    font-weight: bold;
    font-style: italic;
    padding-top: 0.3em;
}

#content h4 {
    font-size: 1.0em;
    text-decoration: underline;
    padding-top: 0.3em;
}

#content p {
    margin-bottom: 0.7em;
}

.contentimg {
    padding: 10px;
    margin: 10px;
    border: 3px solid #ffdb7a;
    background-color: white;
}

/*****************************/
/*  Footer specific elements */
/*****************************/

#footer div.left,
#footer div.right {
    margin-left: 1em;
}

#footer div.bleft {
    border-left: 1px dotted silver; 
    padding-left: 1em;
}

#footer div.bright {
    border-right: 1px dotted silver; 
    padding-right: 1em;
}

/*****************************/
/*  helper classes           */
/*****************************/

.left {
    float: left;
}

.right {
    float: right;
}

.clear {
    clear: both;
}

/* Stylesheet: silber01 // dad70-basic-css Modified On 2014-02-03 20:23:44 */