@media screen, projection
{

/* 
body { overflow-y:scroll; }
*/

/* (de) Randbereiche & Seitenhintergrund */
body { background:#FFF8DF url('../../media/bg_verlauf2.png') repeat-x top left fixed;  }
body.stylekh,
body.stylehomekh { background:#ECF6FF url('../../media/bg_verlauf-system.png') repeat-x top left fixed; }
body.stylesystem { background:#FBFBFB url('../../media/bg_verlauf-system.png') repeat-x top left fixed; }

/* (de) Zentrierung des Layouts in alten IE-versionen */
body { text-align:center; margin:0 20px; padding:0; }

.page_margins { 
position:relative;
text-align:left; margin:0 auto;  
}

/* (de) Layout:Breite, Hintergrund, Rahmen */
.page_margins { 
min-width:964px; max-width:964px; 
background:#FFF url('../../media/spalterechts_bg.gif") repeat-y top right;
}


.page { padding:0px;
border-left: 2px solid #FDC400; 
border-right: 2px solid #FDC400; 
background:url('../../media/spaltelinks_bg.gif") repeat-y top left;
}
body.stylekh .page,
body.stylehomekh .page { 
border-left: 2px solid #b9d6f2; 
border-right: 2px solid #b9d6f2; 
}


#header {
height:auto;
background-color:#FFF; 
border-bottom:0px #CC0000 solid;
}

#header1{ display:block; height:100px;
background-color:#FFF;  
}
body #header1 a.logoeb { display:block; height:100px; width:100px; padding-right:100px; background:#FFF url('../../media/ehepost-icon.png") no-repeat; float:left; background-size:48%; }
body #header1 a.logokh { display:block; height:100px; width:226px; background:#FFF url('../../media/logo-kh.gif") no-repeat 24px 24px; float:left; }
body.stylekh #header1 a.logo,
body.stylehomekh #header1 a.logo,
body.stylesystem #header1 a.logo { display:block; height:100px; width:199px; background:#FFF url('../../media/logo-kh.gif") no-repeat 24px 14px; float:left; }

#header2, #headerhome{ 
clear:left;
height: 102px;
background-color: #FDC400;
}

#header1 img { float:left; }
#header2 img { float:left; }


body.stylehome #startbild,
body.stylehomekh #startbild{
position:relative;
margin-left:160px;
height:auto; z-index:20;
}

body.stylehomekh #col2,
body.stylehome #col2{
padding-top: 210px;
}


#main {     
position:relative;
margin:0;
padding:0; 
}

body.stylehome #inhalt,
body.stylehomekh #inhalt {
margin-top:263px;
}

#footer { width:100%; margin:0; height:30px; padding:10px 0px; border-top:10px solid #FDD973; 
background-color:#FDC400;  }

/* (en) Backup for correct positioning */
/* (de) Absicherung korrekte Positionierung */
#header, #nav, #main, #footer { clear:both; }



/*--------- Spaltenlayout wird überschrieben von eigenem CSS ---------------------------------------*/

/**
* (en) Formatting content container
* (de) Formatierung der Inhalts-Container
*
* |-------------------------------|
* | #header                       |
* |-------------------------------|
* | #col1   | #col3     | #col2   |
* | 160 px    | flexible  | 160px     |
* |-------------------------------|
* | #footer                       |
* |-------------------------------|
*/


#col1 { 
width:160px;
background:#FDD973;
z-index:100; }
#col1_content { padding:0; }

#col2 {
width:200px;
background:#FFF;
z-index:99; }
#col2_content { padding:20px 0 0 0; }

#col3 { 
position:relative;
background-color:transparent;
padding:20px 20px 20px 40px; }

body.styleeb #col3 { background-color:#FAFADB; }
body.styleebue #col3 { background-color:#FAFADB; }
body.stylehome #col3 { background-color:#FAFADB; } 

body.stylekh #col3 { background-color:#F5F0E9; }
body.stylehomekh #col3 { background-color:#F5F0E9; z-index:1; }


#col3_content { padding:0; }



/**
* ------------------------------------------------------------------------------------------------- #
*
* Skiplinks 
*
* (en) Visual styling for skiplink navigation
* (de) Visuelle Gestaltung der Skiplink-Navigation
*
* @section content-skiplinks
*/

#skiplinks a.skip:focus,
#skiplinks a.skip:active { 
color:#fff; 
background:#333; 
border-bottom:1px #000 solid;
padding:10px 0;
text-decoration:none;
}

/* Schrift allgemein */
html * { font-size:100.01%; }
textarea, pre, code, kbd, samp, var, tt {
font-family:Consolas, "Lucida Console", "Andale Mono", "Bitstream Vera Sans Mono", "Courier New", Courier;
}
/* (de) Basis-Layout erhält Standardschriftgröße von 12 Pixeln */
body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:75.00%;
color:#444;
}


.page {
  -moz-box-shadow:    0px 1px 8px 4px #ccc;
  -webkit-box-shadow: 0px 1px 8px 4px #ccc;
  box-shadow:         0px 1px 8px 4px #ccc;
}



}