﻿/* ----------------------------------------------------------------------------- * 
 *                      Atmosphere: Farben und Schriften                         *
 *          Alle weiteren Styles stecken in der jeweiligen layout.css            *
 * ----------------------------------------------------------------------------- */

/* ----------------------------------------------------------------------------- * 
 * Verwendete Farben
 * Blue Colors:
 * #1A1F2B - dark blue
 * #30395C - middle dark blue
 * #4A6491 - middle blue
 * #85A5CC - middle light blue
 * #C2D2E5 - light blue
 * #72B32D - dark yellowgreen
 * #9ACD32 - yellowgreen
 * #ABD654 - middle yellowgreen
 * #DAEDB1 - light yellowgreen
 * #0033CC - Farbe der Links (blau)
 * #CC0000 - Farbe von Hover (dunkelrot)
 * #407001 - Highlight (dunkelgrün)
 * ----------------------------------------------------------------------------- */

@import url(https://fonts.googleapis.com/css?family=Scada:400italic,700italic,400,700);
@import url(https://fonts.googleapis.com/css?family=Roboto:400,400italic,500italic,500,300italic,300);


	html {
	    font-size: 100%;
	}
	
	body {
	background-position: top;
	background-size: 1700px;
	background-color: #FFEBDD;
	background-image: url('../120images/logos/lar2016transparentBody.png');
	color: #1A1F2B; /* dark blue */;
	/*font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-family: "Trebuchet MS",Helvetica,Arial;
	font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
	font-family: "Franklin Gothic Medium", "Arial Narrow", Arial, sans-serif;
	font-family: "Lucida Sans", "Lucida Sans Regular", "Lucida Grande", "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
	font-family: 'Scada', sans-serif;*/	
	font-family: 'Roboto', sans-serif;	
	font-size: 1.05em; /* 16px */;
	line-height: 1.5em;
	background-repeat: no-repeat;
	background-attachment: fixed;
}
	
	.page-wrapper {
		background-color: #ABD654; /* middle light blue */
	}
	
	header {
		background-color: white; /* middle dark blue */;
		color: #000000;
		box-shadow: 5px 5px 20px rgba(154, 205, 50, 1) inset;
		background-image: url('../120images/logos/lar2016rand114x090.svg');
		background-repeat: no-repeat;
	}
	
	.headerbox0 {
		color: #72B32D ;
		color: #407001;
	}

	.main {
		background-color: white;
		color: #1A1F2B; /* dark blue */
	}
	
	.mainContent {
		background-color: white;
	    color: #333;
	    border-top: 1px solid transparent;
	}
	
	aside {
		color: #1A1F2B; /* dark blue */;
		background-color: white; /* light yellowgreen */
	}
	
	footer {
		background-color: #759B26; /* middle dark blue */
		color: #efefef;
		text-align: right;
		border-bottom: 7px solid yellowgreen;
	}


/* ----------------------------------------------------------------------------- * 
 *                             Textauszeichnungen                                *
 * ----------------------------------------------------------------------------- */

	h1, h2 {
	    /*font-family: 'Gentium Book Basic', serif; /* Google-Font Gentium Book wenn verfügbar, sonst Fallback */
	    font-family: Alegreya; /* Google-Font Gentium Book wenn verfügbar, sonst Fallback */
	    font-style: italic;
	    font-weight: bold;
	}
	
	h1  {
	    font-size: 1.625em; /* 26px */ 
	    line-height: 1.5em;
	    color: #4A6491; /* middle blue */
	}
	
	h2  {
		color: #4A6491; /* middle blue */;
		font-size: 1.3em; /* 22px */;
		font-weight: 600;
		padding: 0;
		margin: 1.5em 0 0 0;
	}
		
	h3  {
	    color: #990000; /* middle blue */
		font-size: 1em; /* 22px */;
	    margin-bottom: -0.8em;
		/* font-size: 1.1em; /* 22px */;
	}
	
	h4  {
		color: #990000; /* middle blue */
		margin: 2em 0 0 0;
	}
	
	h5  {
	    color: #990000; /* middle blue */
	    margin-bottom: 0;
	}
	
	h6  {
		font-size: 1em; /* 22px */;
		font-weight: normal;
	    color: #990000; /* middle blue */
	    margin:0;
	    padding:0;
	}
	
	p.teasertext, p.linktext, p.teasertextlinks {
	    font-family: "Trebuchet MS",Helvetica,Arial;
	    font-size: 0.988em; /* 19px */
	    line-height: 1.368em; /* 26px */
	    font-style: italic;
	}

	p.teasertext, p.linktexts {
	    color: #30395C; /* middle dark blue */
	}
	
	p.teasertextlinks {
	    color: #990000; /* middle dark blue */
	}

	p.scroll {
		display: block;
	}
		
	b.vereinsname    {
		color: #72B32D; /* middle dark blue */
		font-family: "Trebuchet MS",Helvetica,Arial;
		font-size: 0.988em; /* 19px */;
		line-height: 1.368em; /* 26px */;
		font-style: italic;
		font-weight:bold;
		display:inline-block;
	}
	
	a:link, a:visited {
		color: #0033CC;
	    text-decoration: none;
	}
	
	a:hover, a:focus, a:active {
		color: #CC0000;
		text-decoration: none;
	}

	.mainContent a:link, .mainContent a:visited, aside a:visited {
		color: #0033CC;
	    text-decoration: none;
	}
	
	a:hover, a:focus, a:active {
		color: #0033CC;
		text-decoration: none;
	}
	
	aside a:hover, .mainContent a:hover {
		color: #CC0000;
		text-decoration: none;
	}

	.fuss {
		font-size: 0.8em;
		text-align:center;
		line-height: 1.4em;
	}
	
	.fuss a:link, .fuss a:visited {
		color:greenyellow;
	}
	
	.highlight{
	font-family: 'Gentium Book Basic', serif; /* Google-Font Gentium Book wenn verfÃ¼gbar, sonst Fallback */;
	font-family: "Trebuchet MS",Helvetica,Arial;
	font-size: 102%; /* 19px */;
	font-style: italic;
	font-weight: bold;
	color: yellowgreen;
	color: #407001;
}

/* ----------------------------------------------------------------------------- * 
 *                                    Navigation                                 *
 * ----------------------------------------------------------------------------- */

	nav {
	    box-shadow: 0 0 20px rgba(112, 23, 124, 0.2) inset;
	    color: #efefef;
	    font-family: "Trebuchet MS",Helvetica,Arial;
	    font-size: 1.1em; /* 20px */
	}
	
	nav ul li {
	    list-style: none;
	}
	
	nav a:link, nav a:hover, a:visited {
	    color: #30395C; /* middle dark blue */
	}
	
	nav a:hover {
	    background-color: #ABD654; /* light yellowgreen */
	}


