* { 
  font-family: Lucida Grande, Arial, sans-serif;
}

body { 
  vertical-align: baseline; 
  font-style: inherit;  
  color: #000000;
  font-size: 10px;   
  font-size: 0.8 rem;  
  border: none;
  padding: 0;  
  margin: 0;  
  line-height: 1.25;
  background-color: #aeaeae;
  overflow-x: hidden;
	min-width: 1000px;
	max-width: 1920px;
}
#svback {
	  position: fixed;
	  z-index: -999;
	  padding: 0;
}

#svback p {padding: 0; margin: 0;}
#svback img {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  vertical-align: top;
}

#svheader {
float: left;
	width: 100%;
}

#svlogo {
float: left;
width: 100%;
background: linear-gradient(left, #FFFFFF, transparent, transparent);
background: -moz-linear-gradient(left, #FFFFFF, transparent, transparent);  
background: -o-linear-gradient(left, #FFFFFF, transparent);
background: -webkit-gradient(linear, left, right, from(#FFFFFF), to(transparent));
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF',endColorstr='transparent');
background: -ms-linear-gradient(left,  #FFFFFF, transparent); 
/*background-image: url(../images/svpappelaubeiningen.png);
  background-repeat: no-repeat;
  background-position: top left;
  background-size: 100% auto;*/
  margin: 0 0 20px 0;
}
#svlogo img {  
	height: 160px;
  width: 160px;
  float: left;
  margin: 0;
  }
  
#svleft {
float: left;
 width: 20%;
    background-image: url(../images/transparent.png);
  background-repeat: repeat;
  background-position: top left;
  background-size: 100% 100%;	  
}

#svmenu h3 {
  font-size: 18px;  
  font-size: 1.2rem; 
  font-weight: bold;	
}
#svmain {
width: 64%;
  float: left;
  margin-left: 2%;
  margin-bottom: 800px;

}
#svlogos {
	width: 10%;	
	float: left;	
    margin-left: 3%;
	background-color: #f6f6f6;
	padding: 0;
}
.customsponsor img {
	width: 100%;
	margin: 0;
}
.customsponsor p {
	margin: 0;
}
.customsponsor h2 {  font-size: 16px; 
  font-size: 1.1rem; }

#svfooter {
 position: fixed;
 bottom: 0;
  width: 100%;
  clear: both;
  padding-bottom: 2px;
}
/* margin, padding */
p, h1, h2, h3, h4, h5, h6, td, ul, ol{
  margin: 10px;
  color: #000000;
  }
table {width: 100%; height: auto;}
td {padding: 10px;}
/*tr:first-child {bgcolor: #aeaeae;}*/
blockquote, label, dl, fieldset, address {    margin: 5px 0;}
/* Basics */
li {
  list-style-type: disc;
  padding-left: 0;
}
span.highlight { /* im system.css definieren!*/
}
a:link {
  text-decoration: underline;
  color: #0a6a62;
  }
a:visited {
  color: #0a6a62;
}
.small {
    font-size: 8px;
  font-size: 0.7rem;
}
fieldset {}
label , legend, input {
    font-size: 10px;
  font-size: 0.8rem;
}
p, blockquote, tr, th, td, address, li, dt, dd  {
  font-size: 12px;
  font-size: 0.9rem;
}
td {border: solid 1px #aeaeae;}

h1, h2, h3, h4, h5, h6 {
  font-family: Myriad Pro, Arial, sans-serif;
  }
h1 /*.componentheading, .contentheading, .contentpagetitle */  { 
  font-size: 22px; 
  font-size: 1.4rem; 
  font-weight: bold;
  border-bottom: solid 2px #aeaeae;
  margin-bottom: 20px;
}
h2 /*.componentheading, .contentheading, .contentpagetitle */  { 

  font-size: 18px; 
  font-size: 1.2rem; 
  font-weight: bold;
}

h3 {
  font-size: 14px; 
  font-size: 1.0rem; 
  font-weight: bold;
  background-color: #dddddd;
  padding: 10px 5px 2px;
  border-bottom: solid 1px #d1d1d1;
}
h4 , h5, h6{
  font-size: 12px; 
  font-size: 0.9em; 
  font-weight: bold;
}


img, img a {
  margin: 0 10px;
  float: right;
  vertical-align: bottom;
  width: 50%;
  height: auto;
/*  display: block;   
  clear: both;*/
}
/*
img.eventgallery-lazyme{
width: 100%!important; 
}*/

.item-pagesponsor img {width: 22%; margin: 1%; float: left;}	

/* ++++++++++++++++++++ */
.clearer, .item-separator {
  display: block; 
  clear: both;
}
 
/* PDF-, Drucken-, eMail-Icons */
.actions ul {
list-style-type: none;
display: inline;
float: right;
} 
.actions li {
  background: none;
  background-color: transparent;
  display: inline;
  float: right;
  margin: 10px 0 0 0;
  padding: 3px;
}
.actions li img {
  border-style: none;
}
/* Bloglayout 1- und 2-spaltig */
.cols-1, .items-leading, .category-list, .item-page, .category-desc, .page-header, .eventgallery-events-gridlist, .custompos
{
    display: block;
    float:none !important; 
    margin-bottom: 20px;
    padding: 20px;
    background-color: #f6f6f6;
    border-bottom:solid 1px #646464;
    box-shadow: 3px 3px 10px #000;
}
/*#event {
    background-color: #f6f6f6;
    border-bottom:solid 1px #646464;
    box-shadow: 3px 3px 10px #000;
}*/

.column-1
{
        width:47%;
/*    min-width: 170px;*/
    float:left;
    margin: 0px 0 20px 0;
    padding: 10px;
    background-color: #f6f6f6; 
    border-bottom:solid 1px #646464;
    box-shadow: 3px 3px 10px #79758A;    
}

.column-2
{
        width:47%;
/*    min-width: 170px;*/
        float:right;
    margin: 0px 0 20px 0;
    padding: 10px;
    background-color: #f6f6f6; 
    border-bottom:solid 1px #646464;
    box-shadow: 3px 3px 10px #79758A;  
}

.items-row
{
        overflow:hidden;
        margin-bottom:10px !important;
}
/* Bloglayout 4-spaltig */

.cols-4 .column-1, .cols-4 .column-2, .cols-4 .column-3,.cols-4 .column-4
{
     width: 20%;

    float:left;
    margin: 0px 3% 20px 0;
    padding: 10px;
    background-color: #f6f6f6; 
    border-bottom:solid 1px #646464;
    box-shadow: 3px 3px 10px #79758A;    
}
.cols-4 .column-1 img, .cols-4 .column-2 img, .cols-4 .column-3 img,.cols-4 .column-4 img
{ width: 100%;}

/* ++++++++++++++  Menü first level  ++++++++++++++ */

ul.menu
{
  padding-left: 0px;
  font-size: 16px; 
  font-size: 1.1rem;
  margin-left: 35px;
}

ul.menu:first-child {border-bottom:solid 2px #0a6a62; margin-bottom: 25px;}
ul.menu:last-child {border-top:solid 2px #0a6a62; padding-top: 25px;}

ul.menu li
{
  font-weight: bold;
  font-size: inherit;
  padding: 0px 0 20px 0px;
list-style-type: none;
}

ul.menu li a
{
  text-decoration: none;
  color: #000000;
  font-size: 16px; 
  font-size: 1.1rem;
  word-wrap:break-word;
}

ul.menu li a:link,
ul.menu li a:visited
{
}

ul.menu li.active a,
ul.menu li.active a:link,
ul.menu li.active a:active,
ul.menu li.active a:focus
{
  color: #0a6a62;
  text-decoration: none;
}

ul.menu li a:hover,
ul.menu li a:active,
ul.menu li a:focus,
ul.menu li.active a:hover
{
  color: #0a6a62;
  border-bottom:solid 2px #0a6a62;
}
ul.menu li.active a:visited
{
}
/* ++++++++++++++  second level  ++++++++++++++ */

ul.menu li ul
{
  font-size: inherit;
  list-style-type: none;

  padding-left: 5px;
}

 ul.menu li ul li
{
  list-style-type: none;
  border-bottom: none;
  padding: 5px 0 5px 0;
}

.item{
  overflow: hidden;
}
	
@media screen and (max-width: 1200px){
#svmain {width: 74%;  margin-bottom: 80px;}
#svlogos {width: 100%; margin-left: 0;}
.customsponsor img {width: 24%; float: left;}
.column-1 {width:97%; float:left;}
.column-2 {width:97%; float:left;}
}

@media screen and (max-width: 800px){
#svback img {
  width: 800px;
  height: auto;
left: 0;
}
}
@media screen and (max-width: 600px){

}