@charset "utf-8";


/* =================================================================
Stylesheet desktop.css 
==================================================================== */


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


/* ================================================================
  1. Reset - alle Abstände auf null setzen
================================================================= */

html { overflow-y: scroll; }   /* somit auf allen Seiten eine Bildlaufleiste */
html { -webkit-text-size-adjust: 100%; }
body, div,
h1, h2, h3, h4, h5, h6, p,
blockquote, pre, code,
ul, ol, li, table, th, td,
form, fieldset, legend, input, textarea {
	padding: 0;
	margin: 0; }
article, aside, details, figcaption, figure,
footer, header, hgroup, main, nav, section, summary {
	display: block; }



/* ================================================================
  2. Body + allgemeine styles für Überschriften, Absätze und Listen
=============================================================== */

body { font-family: Verdana, Segoe, "Segoe UI", Arial, "Lucida Sans", "Trebuchet MS", sans-serif;
	   font-size: 100%; }        /* margin: 10px; } erzeugt weissen BS-Rand am Balken */  

/* ==================================================================
  3. Header  (kopfbereich = 1000px breit)
=================================================================== */

header { width: 100%;
    background: #0B447B; }
#kopfbereich { width: 960px;
	      padding: 60px 20px 0 20px;
	      margin: 0 auto; }
p.claim { font-size: 100%;
          color: white;  
		  letter-spacing: 1px;
		  padding-top: 5px;
		  padding-bottom: 15px; } 


/* ====================================================================
  4. navmain + hyperlinks    (navibereich ist 960px breit)
==================================================================== */

#navibereich {
	width: 100%;
	overflow: hidden;
	background: #01509c;  
    background-image: linear-gradient(#388DDF, #01509c); }    
	border-bottom: 1px solid #8794e6; }
.navmain { 
    width: 960px;
    font-size: 95%;
	color: white;
	padding: 8px 20px 8px 20px;
	margin: 0 auto; }                  /* damit ist die navmain zentriert ! */                   

/* ==============================================================
  5. main + hyperlinks  (inhaltsbereich = 1000px breit)
============================================================= */

main { width: 100%;
    background-color: #0B447B;   
	color: white;
	border-bottom: 1px solid #8794e6; } 
#inhaltsbereich {
	width: 960px;
	padding-top: 50px;           /* = padding oberhalb der Hauptüberschrift */
	padding-right: 20px;
	padding-bottom: 70px;        /* = padding unterhalb der letzten Zeile */
	padding-left: 20px;
	margin: 0 auto; }

p.platform { padding: 0 250px 45px 0;
    line-height: 1.6; }
    
ul { font-size: 125%;
    font-weight: bold;
    padding-left: 60px; }   
ul li { padding: 0 0 18px 0; }


/* =================================================================
  6. footer + hyperlinks   (fussbereich = 1000px breit)
=================================================================== */

footer { width: 100%;
     	 background: #0B447B;
	     color: white; }
#fussbereich { 
	     width: 960px;
	     padding-right: 20px;
	     padding-bottom: 20%;  /* dh 20% der gesamten Höhe der Seite */
	     padding-left: 20px;
	     margin: 0 auto; } 
p.copyright { padding-top: 35px;
         font-size: 82%;
		 color: #cccccc; }	


}   /*  Ende @media - nicht löschen !!  */


/* =================================================================
    ENDE
================================================================= */