@charset "utf-8";


/* =====================================================================
Stylesheet desktop.css   für digidoc.at
======================================================================= */


@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; }  würde weissen BS-Rand am Balken erzeugen */  


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

header { width: 100%;
         background: #0B447B; }
#kopfbereich { width: 960px;
	    color: white;   
        padding: 25px 20px 19px 20px;
	    margin: 0 auto; }

 
p.language { font-size: 100%;
    color: #cccccc;   
    padding: 0 0 10px 600px; }
p.language a.here { color: white;
                    font-weight: bold;}     	
.language a { text-decoration: none; }
.language a:link { color: #b3b3b3; }
.language a:visited { color: #b3b3b3; } 
.language a:hover, a:focus {
	 text-decoration: none;
     color: white;
     font-weight: bold; } 

p.claim { font-size: 108%;
          font-weight: normal;
		  color: white; 
		  letter-spacing: 1px;
		  padding: 5px 0 0 0; } 


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

nav {
	width: 100%;
	overflow: hidden;
	background: #01509c;  
    background-image: linear-gradient(#388DDF, #01509c); } 
#navibereich { 
    width: 960px;
    color: white;
	padding: 12px 20px 8px 20px;
	margin: 0 auto; }            /* damit ist navmain zentr. */   
p.navmain { font-size: 88%;
    padding: 0 0 0 0; }
/*    
p.navmain a.hier { color: yellow; } 		
.navmain a { text-decoration: none; }
.navmain a:link { color: #e6e6e6; }
.navmain a:visited { color: #e6e6e6; } 
.navmain a:hover, a:focus {
	 text-decoration: none;
     color: yellow; }   */        
 background: #5B9AD5; 

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

main { width: 100%;
    background-color: white; 
    border-bottom: 1px solid #838FDB; }
#inhaltsbereich-1 {
    font-family: "Sergoe UI semibold", verdana, "sans serif";  
	width: 960px;
	padding: 14px 20px 45px 20px;  
	margin: 0 auto; }
p.countries-main { font-size: 95%;
    color: #0000B5;                         
    font-weight: normal;
    padding: 15px 0 20px 0; }
    
 p.sister { font-size: 96%;
    padding: 10px 0 10px 300px;
    color: #0000B5; 
    text-decoration: none;
    background-color: #FFFFE0;
    border: 1px solid #2A2AC3; }
.sister a { text-decoration: none;
    font-weight: bold; }
.sister a:link { color: #14979A; }
.sister a:visited { color: #14979A; } 
.sister a:hover, a:focus {
	 text-decoration: none;
     font-weight: bold; 
     color: #0000B5; }       

h1.heading-1 {  
    font-size: 160%; 
    color: #0000B5;
    /* background-color: #FBFBCC; */
	font-weight: bold;
    font-style: normal;
    padding: 30px 0 2px 0 ; }
h1.heading-2 {  
    font-size: 160%; 
    color: #14979A;
    /* background-color: #FBFBCC; */ 
	font-weight: bold;
    font-style: normal;
    padding: 2px 0 2px 0 ; }
    
p.companies { font-size: 103%; 
     color: #0000B5;   
     line-height: 1.6;
     padding: 20px 100px 35px 0; }     
    
h1.heading-3 {  
    font-size: 135%; 
    color: #0000B5;
    /* background-color: #FBFBCC; */ 
	font-weight: bold;
    font-style: normal;
    padding: 2px 0 2px 0 ; }        
p.customers { font-size: 103%;
     color: #0000B5; 
     line-height: 1.6;
     padding: 20px 100px 0 0; }     

span.color { color: #0000B5;
    font-weight: bold;
    font-style: italic; } 
span.bold { color: #0000B5;
    font-weight: bold; } 
    
    
/* ==============================================================
  5. section  (hellerer background, = 1000px breit)
=============================================================== */

/*  
section { width: 100%;
    background: #f1f1f1; 
	border-top: 1px solid #838FDB;
    border-bottom: 1px solid #838FDB; }
#inhaltsbereich-2 {
	width: 960px;
	padding: 35px 20px 30px 20px;  
	margin: 0 auto; }

p.target { font-size: 115%; 
    color: #0000B5;
    font-weight: bold;
    font-style: italic;
    padding: 0 0 6px 0; } 
p.subline { font-size: 95%;
    color: #3C5B9E;
    line-height: 1.2;
    padding: 0 150px 10px 26px; } 

ul { font-size: 104%; 
    font-weight: normal;
	color: #0000B5;              
    padding: 10px 0 30px 50px; }
ul li { line-height: 1.5; }
p.kunden { font-size: 115%; 
    color: #009374;
    font-weight: bold;
    font-style: italic;
    padding: 0 0 6px 0; }     
span.small { font-size: 85%;
    color: #3C5B9E; }  */

/* ====================================================================
  6. language-bar + hyperlinks (language bar = 1000px breit)
===================================================================== */

aside { width: 100%;
	overflow: hidden;
    background-color: #EFECEC;      
    border-top: 1px solid #838FDB; }
	  
#inhaltsbereich-3 {
    width: 960px;
    padding: 25px 20px 32px 20px;
	margin: 0 auto;   
	color: #e6e6e6; } 
p.win-win { font-size: 115%;
    font-weight: bold;
    color: #0000B5;
    padding: 0 105px 12px 0; }      
p.results { font-size: 95%;
    color: #0000B5;
    line-height: 1.5;
    padding: 0 105px 0 0; }


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

footer { width: 100%;
     	 background: #0B447B;   
		 color: #cccccc; }
#fussbereich { 
	     width: 960px;
	     padding-right: 20px;
	     padding-bottom: 20%;  /* dh 20% der Seitenhöhe */
	     padding-left: 20px;
	     margin: 0 auto; } 
p.vorbe { font-size: 82%;
         font-weight: normal;
		 padding-top: 26px;
		 color: #cccccc; }
p.contact { font-size: 82%;
         padding-top: 12px; }
.contact a { text-decoration: underline; }
.contact a:link { color: #cccccc; }
.contact a:visited { color: #cccccc; } 
.contact a:hover, a:focus {
	     text-decoration: none;
         color: #F095AC; }            

p.copyright { font-size: 82%;
		 line-height: 1.4;
         padding-top: 15px; }
/* 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
============================================================ */