html, body {
        height: 100%;
}

body {
        margin: 0;
        padding: 0;
        background: #BDBBBB;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 18px;
        font-weight: 200;
        color: #454545;
}

@font-face{
           font-family: 'Oswald';
           src: url('font/Oswald-Regular.ttf') format('truetype'); 
           }


h1, h2, h3, h4 {
        margin: 0;
        padding: 0;
        font-weight: 300;
        font-family: 'Oswald', sans-serif;
        color: #221D1D;
}

h2 {
        margin-top: 10px;
        font-size: 2em;
}

p, ol, ul {
        margin-top: 0px;
}

p {
        line-height: 150%;
}



strong {
        font-weight: 700;
}


/*#########################################################################################*/
a {
        color: #C81F18;  /* rot Originalfarbe Links */
}
/*#########################################################################################*/

a:hover {
        text-decoration: none;
}

a img {
        border: none;
}


img.border {
}

img.alignleft {
        float: left;
}

img.alignright {
        float: right;
}

img.aligncenter {
        margin: 0px auto;
}

hr {
        display: none;
}

/** WRAPPER */

#wrapper {
        width: 1200px;
        margin: 0px auto;
        padding: 0px 0px 0px 0px;
        background: #FFFFFF;
        box-shadow: 0px 0px 10px 5px rgba(0,0,0,.2);
}

.container {
        width: 980px;
        margin: 0px auto;
}

.clearfix {
        clear: both;
}

/** HEADER */

#header {
}

/* Logo */

#logo {
        width: 960px;
        height: 115px;
        margin: 0px auto 30px 15px;
        color: #000000;
}

#logo img {
        margin: 12px 40px auto auto;
        color: #000000;
}

#logo h1, #logo p {
        margin: 0;
        padding: 0;
}

#logo h1 {
        line-height: 70px;
        letter-spacing: -1px;
        text-align: left;
        font-size: 3em;
}

/*#########################################################################################*/
#logo h1 span {
        /* "Wabern" in der Überschrift */
        color: #1F1F1F;
}
/*#########################################################################################*/

#logo p {
        text-align: center;
        font-size: 16px;
        color: #595959;
}

#logo p a {
        color: #595959;
}

/*#########################################################################################*/
#logo a {
        border: none;
        background: none;
        text-decoration: none;
        /* "Geschichts- und Kulturkreis" in der Überschrift */
        color: #C81F18;
}
/*#########################################################################################*/

/** MENU */

/*#########################################################################################*/
#menu {
        overflow: hidden;
        width: 1200px;
        background: #C81F18; /*Menüleiste*/
        font-size: 20px;
        color: #000000;
}
/*#########################################################################################*/

#menu ul {
        margin: 0px 0px 0px 0px;
        padding: 0px 0px;
        list-style: none;
        line-height: normal;
        text-align: center;
}

#menu li {
        display: inline-block;
}

#menu a {
        display: block;
        padding: 15px 40px 15px 40px;
        text-decoration: none;
        text-transform: uppercase;
        text-align: center;
        font-family: 'Oswald', sans-serif;
        font-size: 16px;
        font-weight: 200;
        color: #FFFFFF;
        border: none;
}

#menu a:hover, #menu .current_page_item a {
        text-decoration: none;
}

/*#########################################################################################*/
#menu .current_page_item a {
        background: #950D08; /*Menüleiste aktiv */
        color: #FFFFFF;
}
/*#########################################################################################*/

#menu .last {
        border-right: none;
}

p.ital {font-style: italic;
}

/** TITLE */

#title {
}

/** PAGE */

#page {
}

/** CONTENT */

#content {
}



/** SIDEBAR */

#sidebar {
}

/* Footer */

#footer {
        overflow: hidden;
        width: 1000px;
        height: 200px;
        margin: 0 auto;
        padding: 10px 0 15px 0;
}

#footer p {
        margin: 0;
        padding-top: 30px;
        line-height: normal;
        text-align: center;
        text-shadow: 1px 1px 0px #FFFFFF;
        text-transform: uppercase;
        color: #363636;
}

#footer a {
        color: #363636;
}

/* Footer Content */

#footer-content {
        overflow: hidden;
        width: 1100px;
        padding: 30px 30px 20px 70px;
        background: #ECECEC;
        text-shadow: 1px 1px 0px #FFFFFF;
        color: #666666;
}

#footer-content a {

        color: #666666;
}

#footer-content h2 {
        padding: 0px 0px 30px 0px;
        text-transform: uppercase;
        font-size: 24px;
}

#footer-content #fbox1 {
        float: left;
        width: 600px;
        margin-right: 30px;
}

#footer-content #fbox2 {
        float: left;
        width: 220px;
}

#footer-content #fbox3 {
        float: right;
        width: 220px;
}

/* Welcome */


#welcome {
        width: 1100px;
        margin: 0px auto;
        padding: 30px 50px;
}

#welcome .content {
        padding: 0px 0px 40px 0px;
        border-bottom: 1px solid #D4D4D4;
}

#welcome h2 {
        padding: 0px 0px 20px 0px;
}

#welcome h2 a {
        text-decoration: none;
        color: #000000;
}


/* page */


#page {
        width: 1100px;
        margin: 0px auto;
        padding: 30px 50px;
}

#page .content {
        padding: 0px 0px 40px 0px;
}

#page .content_line {
        padding: 0px 0px 20px 0px;
        border-bottom: 1px solid #D4D4D4;
}

#page .link {
        display: inline-block;
        margin-top: 10px;
        padding: 5px 15px;
        background: #C81F18; /*  "Weiterlesen" */
        letter-spacing: 1px;
        text-decoration: none;
        text-shadow: 1px 0px 1px #5C1111;
        text-transform: uppercase;
        /*color: #FFFFFF;*/
}

#page h2 {
        padding: 0px 0px 10px 0px;
}

#page h2 span {
        color: #C81F18;
}

#page h3 {
        padding: 20px 0px 5px 0px;
}

#page h3 span {
        color: #C81F18;
}

#page h4 {
        padding: 20px 0px 10px 0px;
        }

#page h2 a {
        text-decoration: none;
        color: #000000;
}

#page a {
        font-weight: 300;
        color: #000000;
}

#bild {
          float:left;
          width: 370px;
        }

#bild2 {
          float:left;
          width: 620px;
        }

#bild3 {
          float:right;
          width: 320px;
        }

#bild4 {
          float:left;
          width: 320px;
        }

#bild5 {
          float:left;
          width: 520px;
        }
        
#bild6 {
          float:left;
          width: 250px;
        }

#bild7 {
          float:left;
          width: 150px;
        }
        
#bild8 {
          float:left;
          width: 330px;
        }
        
#bild9 {
          width: 40%;
          margin-right: 35%;
          margin-left: 25%;
          margin-bottom: 20px;
        }
        
 #bild10 {
          float:left;
          width: 400px;
          margin-right: 20px;
          margin-left: 0px;
        }   
        
#bild11 {
          float:right;
          width: 400px;
          margin-right: 0px;
          margin-left: 10px;
        }   
        
#bild12 {
          float:left;
          width: 400px;
          margin-right: 10px;
          margin-left: 0px;
        }            
 
#rahmen {
          border:solid black 1pt;
          padding: 0 15pt 0 15pt;
          margin-left: 10pt;
          float:right;
          width: 500px;
        }
        
#rahmen2 {
          border:solid black 1pt;
          padding: 0 15pt 0 15pt;
          margin-bottom: 20pt;
        }  
        
.rahmen3 {
          border-color: black;
          border-width: 2px;
          border-style: solid;
          padding: 0pt 10pt 0pt 10pt;
          margin-top: 15pt;
        }               

.floatstop {
          clear:both;
        }

/* Three Columns */

#three-columns {
        overflow: hidden;
        width: 1100px;
        margin: 0px auto;
        padding: 0px 50px 30px 50px;
}

#three-columns .content {
        overflow: hidden;
        padding: 0px 0px 50px 0px;

}

#three-columns h2 {
        padding: 0px 0px 20px 0px;
        color: #000000;
}

#three-columns #column1 {
        float: left;
        width: 290px;
        margin-right: 40px;

}

#three-columns #column2 {
        float: left;
        width: 430px;
        padding-bottom: 20px;
        border-bottom: 1px solid #D4D4D4;
}

#three-columns #column3 {
        float: right;
        width: 300px;
}

#three-columns #column3 a {
        text-decoration: none;
}

/* Two Columns */

#two-columns {
        overflow: hidden;
        width: 1100px;
        margin: 0px auto;
        padding: 40px 50px 50px 50px;
}

#two-columns h2 {
        padding: 0px 0px 20px 0px;
        color: #000000;
}

#two-columns #col1 {
        float: right;
        width: 870px;
}

#two-columns #col2 {
        float: left;
        width: 200px;
}


/* List Style 1 */

.list-style1 {
        margin: 0px;
        padding: 0px;
        list-style: none;
        border-bottom: 1px solid #D4D4D4;
}

.list-style1 li {
        padding: 20px 0px 20px 0px;
        border-top: 1px solid #D4D4D4;
}

.list-style1 .date {
        font-weight: bold;
        color: #212121;
}

.list-style1 .first {
        padding-top: 0px;
        border-top: none;
}


/* List Style 2 */

.list-style2 {
        margin: 0px;
        padding: 0px 0px 20px 0px;
        list-style: none;
}



.list-style2 li {
        padding: 10px 0px 10px 0px;
}


.list-style2 .first {
        padding-top: 0px;
        border-top: none;
}

.list-style2 .last {
        padding-bottom: 30px;
        border-bottom: 1px solid #D4D4D4;
}

/* List Style 1 */

/*#########################################################################################*/
.link-style {
        color: #ffffff;
        display: inline-block;
        margin-top: 10px;
        padding: 5px 15px;
        background: #C81F18; /*  "Weiterlesen" */
        letter-spacing: 1px;
        text-decoration: none;
        text-shadow: 1px 0px 1px #5C1111;
        text-transform: uppercase;

}
/*#########################################################################################*/

.copy {
        margin-top: 0pt;
        margin-bottom: 10pt;
        margin-left: 0pt;
        font-size: 0.7em;
        text-align: left;
        color: #848484;
        }
        

.hinweis
        {
        width: 100%;
        margin-top: 10pt;
        margin-bottom: 10pt;
        padding: 3px 5px 3px 5px;
        font-weight: 500;
        font-size: 1em;
        color: #C81F18;
        border: 4px solid #C81F18;
        text-align: center;
        }