/* cmsms stylesheet: Basis-Stylesheet modified: Sonntag, 20. Mai 2018 14:16:21 */
html, body
{
      width: 100%;
      height: 100%;
      margin: 0px 0px 0px 0px;
}

body
{
      margin-top: 50px;
      margin-bottom: 20px;
      padding: 0px;
      background: #FFB42F url(https://www.g4gk.de/uploads/images/graphics/background.png) repeat-x left top fixed;
      font-family: 'Open Sans', sans-serif;
      font-size: 10pt;
      color: #6F644C;
}

h1, h2, h3
{
      margin: 0;
      padding: 0;
}

h2
{	
      text-transform: uppercase;
      font-family: 'Fjalla One', sans-serif;
      color: #a65d2d;
}

p, ol, ul
{
      margin-top: 0px;
      line-height: 180%;
}

ul
{
      margin: 0 0 0 -3px;
}

ol
{
      margin: 0 0 0 -3px;
}

ol li 
{
      font-weight:bold;
}

li span 
{
      font-weight: normal;
}

strong
{
}

a
{
      color: #a65d2d;
}

a:hover
{
      text-decoration: none;
}

a img
{
      border: none;
}

.center
{
      text-align:center; 
}

.right   
{
      text-align:right;
}

.updateright   
{
      text-align:right;
      font-family: 'Open Sans', sans-serif;
      font-size: 8pt;
      font-style: italic;
      color: #7F7F7F;
      margin-bottom: -30px;
}

img.alignleft
{
      float: left;
      margin-right: 30px;
}

img.alignright
{
      float: right;
}

img.aligncenter
{
      margin: 0px auto;
}

img.center 
{
      display: block;
      margin-left: auto;
      margin-right: auto;
}

.image-style img
{
      border-radius: 30px 0px 0px 0px;
}

hr 
{
      display: block;
      border: 0;
      border-top: 1px solid #a65d2d;
      width: 90%;
      text-align: center;
}



/** WRAPPER */

#wrapper
{
      z-index: 0;
      position: absolute;
      margin-bottom: 150px;
}

.bannercontainer
{
      border: 10px solid #FFFFFF;
      overflow: hidden;
      z-index: 0;
      margin-top: -35px;
      width: 1053px;
      border-radius: 40px 10px 0px 20px;
      padding-bottom: 0px;
      margin-bottom: -11px;
      background: #a65d2d;
      box-shadow: inset 0px 0px 0px 10px rgba(255, 255, 255,0.90);
}

.container
{
      z-index: 1;
      width: 1075px;
      margin-left: 0px;
}

.clearfix
{
      clear: both;
}





/** COOKIE-BANNER */

.cc_container .cc_btn 
{
       background-color: #F7FE2E !important; /** Farbe des Buttons */
       color: #000 !important; /** Textfarbe des Buttons */
}
 
.cc_container 
{
       background: #000000!important; /** Hintergrundfarbe des gesamten Bereichs */
       color: #fdfdfd !important; /** Schriftfarbe des gesamten Bereichs */
}
 
.cc_container a 
{
       color: #31a8f0 !important; /** Textlink-Farbe "Mehr Infos" */
}




/** TOP-MENU FUER PROJEKTE */

#topbar
{
      z-index: 2;
      position: absolute;
      width: 845px;
      height: 24px;
      left: 190px;
      top: 205px;
}

#topbar ul
{
      margin: 20px;
      padding: 0px 0px 0px 0px;
      list-style: none;
      line-height: normal;
}

#topbar li
{
      padding: 0px 0px 20px 0px;
}

#topbar a
{
      margin-left:17px;
      margin-right:17px;
      text-decoration: none;
      text-transform: uppercase;
      font-family: 'Fjalla One', sans-serif;
      font-size: 1.50em;
      color: #FFFFFF;

}

#topbar a:hover
{
      text-decoration: underline;
}

.topbox
{
      overflow: hidden;
      padding: 15px 15px;
      background: #a65d2d;
      box-shadow: inset 0px 0px 0px 10px rgba(255, 255, 255,0.90);
      border-radius: 5px 5px 5px 5px;
}

.topbox #topbar h1
{
      text-decoration: none;
      text-transform: uppercase;
      font-family: 'Fjalla One', sans-serif;
      font-size: 1.50em;
      color: #000000;
}

.topbox #topbar a
{
      margin-left:20px;
      margin-right:20px;
      text-decoration: none;
      text-transform: uppercase;
      font-family: 'Fjalla One', sans-serif;
      font-size: 1.50em;
      color: #FFFFFF;
}

.topbox #topbar a:hover
{
      text-decoration: underline;
}




/** SEITEN-MENU */

#sidebar
{
      z-index: 2;
      position: absolute;
      width: 110px;
      left: 0px;
}

#sidebar ul
{
      margin: 0px;
      padding: 20px 0px 0px 0px;
      list-style: none;
      line-height: normal;
}

#sidebar li
{
      padding: 0px 0px 20px 0px;
}

#sidebar a
{
      text-decoration: none;
      text-transform: uppercase;
      font-family: 'Fjalla One', sans-serif;
      font-size: 1.50em;
      color: #FFFFFF;
}

#sidebar a:hover
{
      text-decoration: underline;
}

.box
{
      overflow: hidden;
      padding: 40px 45px;
      background: #a65d2d;
      box-shadow: inset 0px 0px 0px 10px rgba(255, 255, 255,0.90);
      border-radius: 40px 10px 10px 40px;
}



/** NEWS-MODULE */

#NewsPostDetailAuthor
{
      font-weight: bold;
}

#newsFooter 
{
      text-align: center;
}

#newsmodule
{
      z-index: 2;
      position: absolute;
      width: 140px;
      left: 1050px;
      top: 0px;
}

#NewsPostDetailContent 
{
      text-align: justify;
}

.NewsSummarySummary
{
      text-align: justify;
}

.newsbox
{
      padding: 40px 40px;
      background: #a65d2d;
      box-shadow: inset 0px 0px 0px 10px rgba(255, 255, 255,0.90);
      border-radius: 10px 40px 40px 10px;
}

.newsbox #menu h1
{
      text-decoration: none;
      text-transform: uppercase;
      font-family: 'Fjalla One', sans-serif;
      font-size: 1.50em;
      color: #FFFFFF;
}

.NewsSummaryHeader 
{
      font-size: 1em;
      color: #000000;
}

#box1.post .NewsSummary .NewsSummaryMorelink 
{
      text-align: right;
}

#newsmodule.newsbox #menu .NewsSummary .NewsSummaryMorelink 
{
      font-family: 'Open Sans', sans-serif;
      color: #FFFFFF;
      font-size: 1em;
      text-align: right;
      font-weight: bold;
}

#menu .NewsSummary .NewsSummaryMorelink a 
{
      font-family: 'Open Sans', sans-serif;
      font-size: 1em;
      text-transform: none;
}

.newsbox #menu .NewsSummary .NewsSummaryPostdate 
{
      text-align: right;
      color: #FFDA99;
}

#newsmodule.newsbox #menu .NewsSummary .NewsSummaryHeader 
{
      color: #FFDA99;
}

.newsbox #menu .NewsSummary .NewsSummaryLink a 
{
      font-size: 1.2em;
      color: #FFFFFF;
}



/** LOGO */

#logo_verein
{
      position: absolute;
      left: 30px;
      bottom: 10px;
}



/** MENU */

#menu
{
z-index: 2;
}

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

#menu li
{
      padding: 0px 0px 20px 0px;
}

#menu a
{
      text-decoration: none;
      text-transform: uppercase;
      font-family: 'Fjalla One', sans-serif;
      font-size: 1.50em;
      color: #FFFFFF;
}

#menu a:hover
{
      text-decoration: underline;
}



/** PAGE */

#page
{
      position: relative;
}

img.banner
{
      width: 99%;
}



/** CONTENT */

.green
{
      color: #157706;
      text-shadow:  1px  1px 1px black,
                    1px -1px 1px black,
                   -1px  1px 1px black,
                   -1px -1px 1px black;
}

.smallgreen
{
      color: #157706;
      text-shadow:  0px 0px 1px black;
}

.yellow
{
      color: #FFDC00;
      text-shadow:  1px  1px 1px black,
                    1px -1px 1px black,
                   -1px  1px 1px black,
                   -1px -1px 1px black;
}

.smallyellow     
{
      color: #FFDC00;
      text-shadow:  0px 0px 2px black;
}

.red
{
      color: #FF0022;
      text-shadow:  1px  1px 1px black,
                    1px -1px 1px black,
                   -1px  1px 1px black,
                   -1px -1px 1px black;
}

.smallred
{
      color: #FF0022;
      text-shadow:  0px 0px 1px black;
}

img.border
{
      border: 10px solid #a65d2d;
      border-radius: 10px 10px 10px 10px;
      width: 200px;
      height: 150px;
      padding: 0px;
}

img.rowborder
{
      border: 10px solid #a65d2d;
      border-radius: 10px 10px 10px 10px;
      width: 200px;
      height: 150px;
      padding: 0px;
      font-size: 0.7em;
      margin-left: 30px;
      box-shadow:2px 2px 2px 1px #646464;
}

img.portraitborder
{
      border: 10px solid #a65d2d;
      border-radius: 10px 10px 10px 10px;
      width: 150px;
      height: 200px;
      padding: 0px;
      font-size: 0.7em;
      margin-left: 30px;
      box-shadow:2px 2px 2px 1px #646464;
}

img.bigportraitborder
{
      border: 10px solid #a65d2d;
      border-radius: 10px 10px 10px 10px;
      width: 150px;
      height: 200px;
      padding: 0px;
      font-size: 0.7em;
      margin-left: 30px;
      box-shadow:2px 2px 2px 1px #646464;
}

img.mapborder
{
      border: 10px solid #a65d2d;
      border-radius: 10px 10px 10px 10px;
      width: 250px;
      height: 450px;
      padding: 0px;
      font-size: 0.7em;
      margin-left: 30px;
      box-shadow:2px 2px 2px 1px #646464;
}


.datagrid table

{ 
border-collapse: collapse; 
text-align: left; 
width: 100%; 

} 

.datagrid 

{
font-family: 'Open Sans', sans-serif;
font-size: 10pt; 
background: #A65D2D; 
overflow: hidden; 
border: 10px solid #FFFFFF; 
-webkit-border-radius: 10px; 
-moz-border-radius: 10px; 
border-radius: 10px; 
box-shadow:1px 1px 1px 1px #646464;
}

.datagrid table caption

{
font-family: 'Open Sans', sans-serif;
font-size: 10pt;
font-weight: bold; 
color:#FFFFFF;
margin-top: 15px;
margin-bottom: 15px;
}

.datagrid table td, .datagrid table th 

{ 
padding: 3px 10px; 
}

.datagrid table thead th 

{
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #A65D2D), color-stop(1, #A65D2D) );
background:-moz-linear-gradient( center top, #A65D2D 5%, #A65D2D 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#A65D2D', endColorstr='#A65D2D');
background-color:#A65D2D; 
font-family: 'Open Sans', sans-serif;
text-align: center; 
color:#FFFFFF; 
font-size: 10pt; 
font-weight: bold; 
border-left: 0px solid #ADADAD; 
border-bottom: 1px solid #ADADAD; 
padding-top: 5px;
padding-bottom: 5px;
} 

.datagrid table thead th:first-child 

{ 
border-bottom: 1px solid #ADADAD; 
}

.datagrid table tbody td 

{ 
color: #FFDA99; 
border-left: 1px solid #ADADAD;
font-size: 12px;
border-bottom: 1px solid #ADADAD;
font-weight: normal; 
}

.datagrid table tbody td:first-child 

{ 
border-left: none; 
}

.datagrid table tbody tr:last-child td 

{ 
border-bottom: none; 
border-bottom: 1px solid #ADADAD;
}

.datagrid table tfoot td div 
{ 
border-top: 1px solid #ADADAD;
background: #A65D2D;
} 

.datagrid table tfoot td 

{ 
padding: 0; 
font-size: 10pt;
color: #FFFFFF; 
text-align: right;
padding-right: 3px;
padding-bottom: 5px;
} 

.datagrid table tfoot td div

{ 
padding: 0px; 
}



#content
{
      position: absolute;
      left: 190px;
      width: 850px;
      padding: 10px 10px 40px 10px;
      background: #FFDA99;
      box-shadow: inset 0px 0px 2px 10px rgba(255, 255, 255,0.80);
      border-radius: 40px 10px 40px 10px;
}

#content h1
{
      display: block;
      font-family: 'Fjalla One';
      text-transform: uppercase;
      font-size: 2.30em;
      color: #000000;
      font-weight: 400;
}

/** #content h2 a 
{
      display: block;
      padding: 0px 0px 20px 0px;
      text-decoration: none;
      font-size: 1.50em;
      color: #000000;
      font-weight: 400;
} */

#content .subtitle
{
      padding: 0px 0px 20px 0px;
      font-size: 2.00em;
      color: #000000;
      font-weight: 400;
}

#content .post
{
      padding: 40px;
      color: #000000;
}

#content #box1.post .NewsSummary .NewsSummaryPostdate 
{
      font-weight: bold;
}

#box2 
{
      margin: 0px 40px;
      padding: 40px 0px;
      border-top: 1px solid #DDBE88;
}



/** FOOTER */

#footer
{
      margin: 0px 40px;
      border-top: 1px solid #DDBE88;
}

#footer p
{
      padding: 0px 0px 0px 0px;
      text-align: center;
}

#footer a

{
}

.border
{
}