/*
Theme Name: FSV Gevelsberg 2017 Theme
Description: Christian Frohn
Author URI: http://www.henworx.de
Template: twentytwelve
Version: 1.0
Tags:
*/
@import url("../twentytwelve/style.css");




/*hier kommen die neuen CSS-Angaben*/


/* =Reset
-------------------------------------------------------------- */


html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
    font-family: 'Roboto' ,sans-serif;
    font-size: 15px;
    line-height: 25px;
	vertical-align: baseline;
}

.entry-content img, .comment-content img, .widget img, img.header-image, .author-avatar img, img.wp-post-image {
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}


a {
    color: #007c40;
    outline: medium none;
}

h3 > a {
    text-decoration: none;
}

hgroup img {
    height: auto;
    max-width: 100%;
}

.site-header {
padding: 0;
}

.site-header h1 a, .site-header h2 a {
    color: #515151;
    display: inline-block;
    font-size: 30px;
    text-decoration: none;
}

body .site {
    box-shadow: 0 0px 0px rgba(100, 100, 100, 0.3);
    margin-bottom: 3.42857rem;
    margin-top: 3.42857rem;
    padding: 0
}


.site {
    margin: 0 auto;
    max-width: 1170px;
    overflow: hidden;   

background: rgba(255, 255, 255); /* Fallback */

background-color: #BFE6B6;
}

.widget-area {
    float: right;
    width: 26.0417%;
    margin: 0;
}

.widget {
    background: #fff none repeat scroll 0 0;
    float: left;
    position: relative;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
    text-align: center;
}


.template-front-page .widget-area {
    float: right;
    width: 26.0417%;
    clear: none;
    border-top: none;
    padding-top: 0
}

.template-front-page .widget-area .widget, .template-front-page.two-sidebars .widget-area .front-widgets {
    float: left;
    margin-bottom: 1.71429rem;
    width: 100%;
}

.template-front-page .widget-area .widget_text img, .widget-area .widget_text img  {
    float: none;
    margin: 0;
}



.site-content {
    margin: 0;
    float: left;
    width: 70.1042%;
}


body.template-front-page .site-content {
    margin: 0;
    float: left;
    width: 70.1042%;
}



.main-navigation {
    margin: 1.71429rem 0rem;
    padding: 0 70px;
    text-align: center;
    background: #007C40;
}

.main-navigation ul.nav-menu, .main-navigation div.nav-menu > ul {
    border-bottom: 0px;
    border-top: 0px;
    display: inline-block !important;
    text-align: left;
    width: 100%;
}

.main-navigation ul.nav-menu a, .main-navigation div.nav-menu > ul li a {
color: #fff;   
font-size: 0.75vw;
}

.main-navigation li ul li a {
 background: #007c40;
}

.wrapper {
  padding: 0 70px;

}


/* Slider Startseite */

.startseite-slider {
 width: 100%;
 min-height: 150px;
 background: #fff;
 margin-bottom: 50px;
 box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
}

.recent-post-slider.design-4 .slick-prev, .recent-post-slider.design-4 .slick-next {
    opacity: 0.05;
}

.recent-post-slider.design-4 .slick-prev:hover, .recent-post-slider.design-4 .slick-next:hover {
    opacity: 0.8;
}

.recent-post-slider.design-4 .post-list-content {

}

.recent-post-slider .recentpost-categories ul.post-categories li:nth-child(4n+1) a {
    background: #007C40 none repeat scroll 0 0 !important;
}

/*Artikel Bereich Startseite */

.artikelwrapper {
    float: left;
    margin-bottom: 40px;
    position: relative;
}

.artikeldatum {
    background: #eee none repeat scroll 0 0;
    text-align: center;
    width: 10%;
    float: left;
    margin-right: 5%;
    border: 1px solid #456E12;
    box-sizing: border-box;
}

.thumbnailandexcerpt {
    background: #fff none repeat scroll 0 0;
    float: left;
    position: relative;
    width: 85%;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
}



.thumbnailholder {
    float: left;
    width: 25%;
    margin-right: 5%;
    line-height: 0;
}

.thumbnailholder img {
 max-width:  100%;
}

.excerptholder {
    float: left;
    width: 70%;
    padding: 1%;
    box-sizing: border-box;
}



/* Icons */

.col_icon {
    float: left;
    margin-bottom: 20px;
    margin-right: 20px;
    width: 150px;
}

.icon {
    height: 100px;
    width: 150px;
    overflow: hidden;
}

.icon img {
    height: 100%;
    width: 100%;
}



.icon_text, .icon_text a {
    background-color: #469835;
    color: #fff;
    height: 24px;
    padding-bottom: 5px;
    text-align: center;
    width: 150px;
}

.icon_text a {
text-decoration: none;
font-weight: normal;
font-size: 14px;
text-align: center;
}



.sponsoren {
display: none;
 float: left;
 width: 100%;
 background: #fff;
 margin-bottom: 20px;
}



.site-info {
    text-align: center;
}


.gallery .gallery-icon img {
    float: left;
    height: auto;
    max-width: 22%;
    margin: 1% 3% 1% 0%;
    padding: 0;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
}


@media screen and (max-width: 1100px) {

.wrapper {
    padding: 0 10px;
}

.main-navigation ul.nav-menu a, .main-navigation div.nav-menu > ul li a {   
font-size: 30px;
}



body.template-front-page .site-content {
    float: left;
    margin: 0;
    width: 100%;
}

.site-content {
    margin: 0;
    float: left;
    width: 100%;
}

.widget-area {
    float: right;
    width: 100%;
    margin: 0;
}

.widget-area .widget {
    float: right;
    width: 100%;
    margin: 0;
}


.template-front-page .widget-area {
    float: right;
    width: 100%;
    clear: none;
    border-top: none;
    padding-top: 0
}

.recent-post-slider.design-4 .wp-medium-5 {
    padding: 0 10px 0 0;
}

.artikeldatum {
    width: 100%;
    margin-bottom: 10px;
}

.thumbnailandexcerpt {
    width: 100%;
} 

}

@media screen and (max-width: 768px) {


.recent-post-slider.design-4 .wp-medium-5 {
    padding: 0 0px 0 0;
}
}