/* =======================================================================
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-color: black; }     
#kopfbereich { width: 960px;   
          padding: 63px 20px 19px 20px;
	      margin: 0 auto; }
/*
p.language { font-size: 90%;
    color: #cccccc;
    padding: 0 0 10px 580px; }
p.language a.here { color: #4E72BF; }     	
.language a { text-decoration: none; }
.language a:link { color: #b3b3b3; }
.language a:visited { color: #b3b3b3; } 
.language a:hover, a:focus {
	 text-decoration: none;
     color: #3C5B9E; } */
    
p.logo { padding: 2px 0 0 0; }
    
/*    
p.claim { font-size: 99%;
          font-weight: normal;
		  color: white;        
          letter-spacing: 0px;
		  padding: 0 0 0 0; }  */



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


nav {
	width: 100%;
	overflow: hidden;
	background: #044949;
    background-image: linear-gradient(#6FFEFF, #044949); }
    
    
#navibereich { 
    width: 960px;
    color: white;
	padding: 12px 20px 8px 20px;
	margin: 0 auto; }            /* damit ist navmain zentr. */   
p.navmain { font-size: 90%;
    padding: 0 0 0 0; }     
span.color { color: #009374; }       /* war #92FAEE; */ 
    
/*    
p.navmain { font-size: 90%;
    color: #e6e6e6;  
    padding: 0 0 0 550px; }     
p.navmain a.hier { color: #ffff42; }     	
.navmain a { text-decoration: none; }
.navmain a:link { color: #e6e6e6; }
.navmain a:visited { color: #e6e6e6; } 
.navmain a:hover, a:focus {
	 text-decoration: none;
     color: #ffff42; }  */ 

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

main { width: 100%;
    background-color: white; 
    color: #0000B5; }
#inhaltsbereich-1 {
	width: 960px;
	line-height: 1.4;
	padding: 70px 20px 50px 20px;
	margin: 0 auto; }
    
h1 { font-size: 225%; 
    font-weight: bold;
    color: #0000B5;
    letter-spacing: 0;
    padding: 0 0 8px 0;
    background-color: white; 
    border-bottom: 2px solid #46B59E; }
    
p.categ { font-size: 160%;
    font-weight: bold;
    color: #0000B5;
    padding: 40px 0 40px 0; }      
 
p.categ-1 { font-size: 125%;
    font-weight: bold;
    font-style: italic;
    color: #0000B5;
    padding: 0 0 25px 0; }       

/*  p.subline { font-size: 95%;
    color: #3C5B9E;
    padding: 0 0 20px 26px; }  */
    
p.categ-2 { font-size: 125%;
    font-weight: bold;
    font-style: italic;
    color: #0000B5;
    padding: 15px 0 25px 0; }        
    
    
ul { font-weight: normal;
     color: black;
	 padding: 0 120px 0 50px; }
ul li { font-size: 109%; 
    line-height: 1.4;
    padding: 0 0 6px 0; }
li.last-item { padding-bottom: 20px; }    
    li.new-group { padding-top: 0; }

    /* border-top: 2px solid #C6C9DD; } */ 

span.small { font-size: 88%;
    color: #0000B5; }                        
      
span.green { color: #018A8A; }   
    
    
    
    

/* ===============================================================
  6. section  
====================================================== */

section { width: 100%;
    background: #f1f1f1;
    color: #0000B5; 
	border-top: 1px solid #838FDB; }
#inhaltsbereich-2 {
	width: 960px;
	padding: 55px 20px 55px 20px;  
	margin: 0 auto; }
    
    
h2.subhead1  { font-size: 140%;
     font-weight: bold;
     color: #0000B5;
     padding: 0 0 0 0; }      

p.cands { font-size: 109%;
    line-height: 1.8;
    color: black;
    padding: 25px 110px 0 0; }

h2.subhead2  { font-size: 140%;
     font-weight: bold;
     color: #0000B5;
     padding: 40px 0 0 0; }
h2.subhead3  { font-size: 140%;
     font-weight: bold;
     color: #0000B5;
     padding: 4px 0 0 26px; }    
p.clients { font-size: 109%; 
     line-height: 1.8;
     color: black;
     padding: 35px 90px 0 0; }


span.green { color: #018A8A; }
span.color { color: #0000B5; }               

    
    
    

/* ==========================================================
  7. language-bar + hyperlinks   = 1000px breit
=========================================================== */


aside { width: 100%;
    background: #01509c; }

#inhaltsbereich-3 {
	width: 960px;
	padding: 25px 20px 35px 20px;
	margin: 0 auto; }

p.win-win { font-size: 115%;
    font-weight: bold;
    color: white;
    padding: 0 105px 16px 0; }  

p.combine { font-size: 96%; 
    color: white; 
    line-height: 1.6;
    padding: 0 100px 0 0; }
    
    
/* =========================================================
  8. footer + hyperlinks   (fussbereich = 1000px breit)
=========================================================== */

footer { width: 100%;
     	 background: #0B447B;
         border-top: 1px solid #838FDB; }
#fussbereich { 
	     width: 960px;
	     padding-right: 20px;
	     padding-bottom: 20%;  /* dh 20% der gesamten Höhe der Seite */
	     padding-left: 20px;
	     margin: 0 auto; } 

p.vorbe { font-size: 90%;
         color: #cccccc;
		 padding-top: 30px; }
    

p.service { font-size: 82%;
         color: #cccccc;
         padding-top: 14px; }
.service a { text-decoration: underline; }
.service a:link { color: #6FFEFF; }
.service a:visited { color: #cccccc; } 
.service a:hover, a:focus {
	     text-decoration: none;
         color: #FC747C; }          
        
/*    
p.contact { font-size: 82%;
    line-height: 1.5;
    color: #cccccc;
    padding-top: 10px; }
.contact a { text-decoration: underline; }
.contact a:link { color: #cccccc; }
.contact a:visited { color: #cccccc; } 
.contact a:hover, a:focus {
	text-decoration: none;
    color: #ffff42; }  */	  
    
p.copyright { font-size: 82%;
	color: #cccccc;
    padding-top: 35px; }

/* p.photos { padding-top: 5px;
         font-size: 82%;
		 color: #e6e6e6; } */
    
/*    
p.dom {  font-size: 96%;
		 line-height: 1.4;
		 color: #EFFBB0;
         padding-top: 25px;  }
.dom a { text-decoration: underline; }
.dom a:link { color: #cccccc; }
.dom a:visited { color: #cccccc; } 
.dom a:hover, a:focus {
         font-size: 96%;
	     text-decoration: none;
         color: yellow; }   */                


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


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