﻿/* basic.css (Allgemein)  
  Enthält allgemeine Stile, die
  global gelten (wird durch andere
  css überschrieben).
*/

/*
====================================================
====================================================

  CSS für enco-Stil, Juli 2007
  enco GmbH (www.enco.de)
  © 2007 gloeckner.vlaic.de, enco GmbH
  
  Letzte Änderung: 24.01.2008
  
========================================

  ------------------------------
          enco-Farben
  ------------------------------
  Logo-grau:      #666666 (=60% grau)
  Logo-rot:       #E52520
  Rahmen-beige:   #f6e1ca (ca.) (alt: F0C698)
  Hover-beige:    #fef4f0
  rot (dunkler):     #A81917  (alt: #E1252A)
  rot (heller):      #E26563  (alt: #FFCCCC)
  grau (dunkler):    #333333  (alt: #606060)
  grau (heller):     #999999  (alt: #E1E1E1)
  beige/nude (hell):    #FFF2E5  (alt: #F0C698)
  beige/nude (dunkel):  #E5CDB7  (alt: #F0C698)
  ------------------------------
          Allgemein
  ------------------------------
  schwarz:    #000
  weiss:      #FFF
  grau 10%:   #DDDDDD   
  grau 20%:   #C0C0C0
  grau 30%:   #A8A8A8
  grau 40%:   #939393
  grau 50%:   #808080
  grau 60%:   #6F6F6F (=Logo-grau)
  grau 70%:   #5D5D5D
  grau 80%:   #4B4B4B
  grau 90%:   #383838

========================================

  ------------------------------
          HINWEISE
  ------------------------------
  
  ------- [Browser-Filter] ------
    
  Alle Stile orientieren sich nach
  Standards (FireFox, Opera). Abweichungen
  für den IE werden am Ende der jeweiligen
  Stildefinition eingetragen.
  
  Für IE gibt es eigene Filter für 
  alle alle Version (IE5-IE7).
  
  Filter-Aufbau (Bsp.):
  
  #header {
    margin-top: 8px;     <-- alle Browser
    .margin-top: 10px;   <-- IE7 +IE6)
    _margin-top: 4px;    <-- nur IE6
    \margin              <-- nur IE5 ? (unklar)
  }
  
  (Reihenfolge ist wichtig!)
  


====================================================
====================================================
*/


/*
-----------------------------
  ALLGEMEIN
-----------------------------
*/

*,
body,a,div,em,label,
li,ol,p,strong,td,
th,u,ul {
	font-family: "Lucidia Sans", Arial, san-serif;
	font-size:12px;
	color:#333333; /* dunkles grau */
}

.ce_download {
	vertical-align:top;
}

/*
-----------------------------
  FORMULARE
-----------------------------
*/

input,
select,
textarea
{
	font-family:"Lucidia Sans", Arial, san-serif;
	font-size:11px;
	color:#666666;
}

/*
-----------------------------
  BILDER
-----------------------------
*/

/* Rand und Abstand um jedes Bild */
img
{
	border-top: 1px #606060 solid;
  border-bottom: 1px #606060 solid;
  border-left: 1px #606060 solid;
  border-right: 1px #606060 solid;
  padding: 2px 2px 2px 2px;
}




/*
-----------------------------
  TEXTE / ÜBERSCHRIFTEN
-----------------------------
*/

p,
pre,
form
{
	margin:0px;
	padding:0px;
}

/* Header Allg. */
/* für grosse Header auch "Century Gothic" mögl. */

h1, h2, h3, h4, h5{ 
  font-family: "Lucidia Sans", Arial, san-serif;
  background-color:transperent;
  margin: 1em 0em 1em 0em;
  line-height: 1em;
}

h1
{
  font-family: "Lucidia Sans", Arial, san-serif;
	margin:0px 0px 15px 0px;
	padding:15px 0px 2px 0px;
	border-bottom:1px solid #cccccc;
	font-weight:normal;
	font-size:18px;    /* erst ab 22px gibt es glattes Schriftbild mit "Century Gothic"! */
	color: #485C60;
	font-spacing
}

h2
{
	margin:0px 0px 13px 0px;
	padding:10px 0px 2px 0px;
	font-weight:normal;
	font-size:16px;
	color: #000;
}

h3
{
	margin:0px 0px 11px 0px;
	padding:5px 0px 1px 0px;
	font-weight:bold;
	font-size:14px;
}

h4
{
	margin:0px 0px 9px 0px;
	padding:0px 0px 1px 0px;
	font-weight:bold;
	font-size:12px;
}


/*
-----------------------------
  LINKS
-----------------------------
*/

a, a:visited, a:active {
color: #E52520;   /* enco-rot */
border: 0;
text-decoration: none;
}

a:hover {
color: #666666; /* enco-grau */
text-decoration: underline;
}

a img {
/*border: none;*/
margin: 0;
border: 1 solid #fff;
border-top: 1 solid #fff;
border-right: 1 solid #fff;
border-bottom: 1 solid #fff;
border-left: 1 solid #fff;
padding: 3px;
}

/*.mod_article block .image_container {

border-top: 1 solid #000000;
border-right: 1 solid #485C60;
border-bottom: 1 solid #485C60;
border-left: 1 solid #485C60;

}*/



/*
-----------------------------
  SCROLLBARS
-----------------------------
*/

/* Stil für "flache" Scrollbars */
/*
html, body {
scrollbar-face-color: #ffffff;
scrollbar-arrow-color: #80A763;
scrollbar-track-color: #E7EAD7;
scrollbar-shadow-color: #ffffff;
scrollbar-highlight-color: #ffffff;
scrollbar-3dlight-color: #80A763;
scrollbar-darkshadow-color: #80A763;
}*/

body {
scrollbar-face-color:#F0CAA6;
scrollbar-highlight-color:#F0CAA6;
scrollbar-3dlight-color:#FFFFFF;
scrollbar-darkshadow-color:#BE9874;
scrollbar-shadow-color:#F0CAA6;
scrollbar-arrow-color:#FFFFFF;
scrollbar-track-color:#FFE8C4;
}




/* ENDE basic.css */

