/* ----------------------------------------------------------------------------- * 
 *              Nur Farben und Schriften!                                        *
 * ----------------------------------------------------------------------------- */

/* Layout Schmidt 2015  */

/*
Farbton (Hintergrund, Schrift): #3B3B3B
Farbton (mittelgrau Nav): #595959
Farbton (hellgrau Nav): #7F7F7F 
Farbton (hellgrau Content): #BFBFBF 
Farbton (rot): 
*/


body {
    background: #d9d9d9 url('../images/bgBand.png') repeat-x left 160px;
    color: #3B3B3B;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 1em; /* 16px */
    line-height: 1.25em; /* 20px */  
    overflow-y:scroll;
	
}

.page-wrapper {
 
}


.main {
  
 
}

.mainContent {
  
    padding-top: 0.2em;
}

aside {
    color: #FFF;
    background: #3B3B3B;
}

#footer {
    background-color: #595959;
    color: #fff;
}


/* ----------------------------------------------------------------------------- * 
 *                             Textauszeichnungen                                *
 * ----------------------------------------------------------------------------- */

h1, h2  {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: bold;
}

h1  {
    font-size: 2.813em; /* 45px */
    line-height: 1.8em;
    }
    
h1 span {
	display: none;
}

h2  {
    font-size: 1.25em; /* 20px */ 
    font-family: "Trebuchet MS",Helvetica,Arial;
    line-height: 1.2em;
    color: #595959;
}

h3  {
    color: #3B3B3B;
    font-size: 1em; /* 14px */
    font-weight: normal;
    margin-top: 2.0em;
}




p {
	color: #3B3B3B;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 0.875em; /* 12px */
	line-height: 1.375em;

}

/* Subline unter dem H2 */

p.teasertext    {
    color: #595959;
    font-family: "Trebuchet MS",Helvetica,Arial;
    font-size: 1em; /* 16px */
    line-height: 1.375em; /* 20 px */
    margin-bottom:1.375em;
}


p.aside_small    {
    color: #FFF;
    font-family: "Trebuchet MS",Helvetica,Arial;
    font-size: 0.75em; /* 12px */
    line-height: 1.875em; /* 20 px */
    text-align: right;
}


.aside_small a:link, .aside_small a:visited {
    color: #FFF;
    text-decoration: none;
}

.aside_small a:hover {
    color: #FFF;
    text-decoration: underline;
}


/* ----------------------------------------------------------------------------- * 
 *                                    Links                                      *
 * ----------------------------------------------------------------------------- */



a:link {color: #3B3B3B; text-decoration: none;}

a:hover {color: #3B3B3B; text-decoration: underline;}

a:visited {color: #3B3B3B; text-decoration: none;}


a.footer:link, a.footer:visited, a.footer:hover, a.footer:focus, a.footer:active {
     color: #fff;
    text-decoration: none;
}


/* ----------------------------------------------------------------------------- * 
 *                                    Auflistungen                             *
 * ----------------------------------------------------------------------------- */

ul.liste {
	color: #3B3B3B;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 0.875em; /* 12px */
	line-height: 1.375em;
	padding-left: 0;
	list-style: none;

}

.leistungen li {
	margin: 30px 0 30px 0;
	padding: 0 0 20px 0;
	list-style-type:none;
	}

.auflistung li {
	color: #3B3B3B;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 0.875em; /* 12px */
	line-height: 1.375em;
	margin: 0 0 0 0;
	padding: 0 0 0 5px;
	list-style-type: disc;
	}




/* ----------------------------------------------------------------------------- * 
 *                       Teaserboxen mit Bild und Text                           *
 * ----------------------------------------------------------------------------- */

article {
    border-bottom: 1px solid rgba(250,250,250,0); /* verhindert das margin-Collapse nach unten */
    background-color: transparent;
}



/* ====================================================================================================================================== * 
 *                                Media Queries  max-width: 480px                                                                         *
/* ====================================================================================================================================== */
 


@media only screen and (max-width: 34em) {  


body {
    background-image: url('../images/bgBand_schmal.png');
	
}

}