/* EFFINGERHOF AG | Druck - Verlag - Neue Medien | www.effingerhof.ch */


/********************************************************/
/* allgemein */
/********************************************************/

* {
  padding: 0;
  margin: 0;
  border: 0;
}

html, body {
  height: 100%;
}


html {
  overflow-y: scroll; /* Scrollbar vertikal erzwingen (CSS3!) aber IE zeigt eh einen ... */
  /*background: #fff url(../bilder/eagbspk_fsp_body_bg_verlauf.gif) repeat-x left top;*/
  background: #ff6600 url(../bilder/fzwz_hintergrund_12_05.jpg) no-repeat center top;
}

body {
  font-size: 70%;
  font-size: 80%;
  line-height: 1.6em;
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  
  text-align: center; /* IE-Zentrierung */
  
  /* Farbwechsel */
  color: #444;
}


/* Links */
#inhaltsspalte a:link, #inhaltsspalte a:visited, 
#footer a:link, #footer a:visited {
  text-decoration: none;
  
  /* Farbwechsel */
  color: #ff6600;
  border-bottom: 1px dotted #444;
}

#inhaltsspalte a:hover, #inhaltsspalte a:active, 
#footer a:hover, #footer a:active {
  text-decoration: none;
  
  /* Farbwechsel */
  color: #444;
  border-bottom: 1px dotted #1986ae;
}


/* Absaetze */
p {
  line-height: 1.6em;
  margin: 0 0 1em 0;
}

ul {
  list-style-type: none;
  list-style-position: outside;
}


.floatleft { float: left; }
.floatright { float: right; }
.displaynone { display: none; }
.hidden { visibility: hidden; }
.clearboth { clear: both; }

.rot { color: #930; }
.blau { color: #1986ae; }
.bold { font-weight: bold; }
.italic { font-style: italic; }



/********************************************************/
/* Textformatierung */
/********************************************************/

h1 {
  font-size: 130%;
  margin: 0 0 0.5em 0;
  
  /* Farbwechsel */
  color: #ff6600;
}
 
h2 {
  font-size: 120%;
  margin: 0 0 0.3em 0;
  
  /* Farbwechsel */
  color: #ff6600;
}

h3 {
  font-size: 110%;
  
  /* Farbwechsel */
  color: #ff6600;
}

h4 {
  font-size: 100%;
  
  /* Farbwechsel */
  color: #ff6600;
}

h5 {
  font-size: 100%;
}



/********************************************************/
/* Layout */
/********************************************************/

#wrapper {
  position: relative;
  width: 980px;
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin: auto auto;
  padding: 0 9px 0 9px !important;
  padding: 0 0 0 0; /* IE6 */
  /*text-align: justify;*/
  text-align: left;
  
  /* Farbwechsel */
  
 background: url(../bilder/eagbspk_fsp_wrapper_bg_noshade.gif) center top repeat-y;
  
  
}


/********************************************************/

#header {
  position: relative;
  width: 958px;
  height: 250px;
  height: 260px;
  margin: 0 0 0 10px;
  
  /* Farbwechsel */
  background: #FFF;  

  border-left: 1px solid #8a8a8a;
  border-right: 1px solid #8a8a8a;
}

#kopfschatten {
  position: relative;
  float: left;
  display: block;
  width: 100%;
  height: 10px;
 background: url(../bilder/obenschatten_hint.gif) left top repeat-x;
  overflow: hidden;
  
}



#headerelemente {
  width: 600px;
  height: 100px;
  float: left;
  margin: 15px 0 -115px 24px !important;
  margin: 15px 0 -115px 12px;
}


#suche {
  /*display: none;*/
  float: left;
  display: inline;
  width: 140px;
}

#hilfsnavi {
  /*display: none;*/
  float: left;
  display: inline;
  margin: -3px 0 0 0;
}

#logobereich {
  width: 300px;
  height: 100px;
  float: left;
  text-align: right;

  margin: 0 0 0 633px !important;
  margin: 0 0 0 316px; /* IE6 */
}

#headerpic {
  width: 958px;
  height: 148px;
  margin: 0 0 0 0;
  float: left;
  
  /* Farbwechsel */
  border-top: 1px solid #8a8a8a;
  border-bottom: 1px solid #8a8a8a;
  
}

#headerpic_bild {
  width: 958px;
  height: 148px;
  margin: 2px 0 0 2px;
  margin: 1px 0 0 1px;
  margin: 0px 0 0 0px;
  overflow: hidden;
}

#headerpic_bild h1 {
  display: none;
}


/********************************************************/

#inhaltsbereich {
  width: 960px;
  margin: 0 0 0 10px !important;
  margin: 0 0 0 5px; /* IE6 */
  float: left;
}


/********************************************************/

#navigation {
  position: relative;
  width: 208px;
  height: auto;
  min-height: 183px !important;
  min-height: 233px; /* IE6 */
  margin: 0 0 0 25px !important;
  margin: 0 0 0 12px; /* IE6 */
  padding: 50px 0 20px 0 !important;
  padding: 50px 0 0 0;
  float: left;
  
  /* Farbwechsel */
  background: transparent url(../bilder/eagbspk_fsp_leftcol_bg.gif) no-repeat;
  border-left: 1px solid #c8c8c8;
  border-right: 1px solid #c8c8c8;
  
  
  text-align: left;
}


* html #navigation {
  width: 210px;
  height: 233px;
  overflow: visible;
  margin: -2px 0 0 12px; /* IE6 */
}




/********************************************************/

#inhaltsspalte {
  position: relative;
  margin: 0 0 0 90px;
  padding: 50px 0 0 0;
  width: 545px;
  float: left;
  
  /* Farbwechsel */
  background-color: transparent;
}

.beitrag_inhaltsspalte {
  position: relative;
  float: left;
  width: 100%;
  display: block;
  clear: both;
  margin-bottom: 20px;
}


/********************************************************/

.stopper {
  clear: both;
  padding: 0 0 1px 0;
}

#footer {
  position: relative;
  width: 960px;
  height: 1px;
  
  margin: auto auto;
  margin-top: -1px;
  
  text-align: left;
  
  /* Farbwechsel */
  background-color: transparent;
  clear: both;
}

#footer p {
  margin: 0 0 0.5em 0;

  /* Farbwechsel */
  color: #444;
}

#adresse {
  position: relative;
  width: 180px;
  height: 135px;
  margin: -135px 0 0 25px !important;
  margin: -135px 0 0 16px; /* IE6 */
  padding: 0 0 0 15px !important;
  padding: 0 0 0 8px;
  float: left;
  clear: both;
  overflow: hidden;
  
  display: none;
}

#eaglink {
  position: relative;
  width: 16px;
  height: 79px;
  margin: -85px -19px 0 0 !important;
  margin: -85px -38px 0 0; /* IE6 */
  float: right;
}

#eaglink a:link, #eaglink a:visited, #eaglink a:hover, #eaglink a:active {
  text-decoration: none;
  border: 0;
}

/* Bildlinks nicht mit Border unten */
.csc-textpic-imagewrap a,
.tx-andshadowbox-thumb a {
  border-bottom: none !important;
}

/* Seite x von x nicht anzeigen bei slimbox-Bildern */

#lbNumber {
  display: none;
}



/********************************************************/
/*  AND Shadowbox  */
/********************************************************/


div#shadowbox_title_inner {
  /*display: none;*/
}

.tx-andshadowbox-pi1 img.thumbnail {
  margin: 0 5px 5px 0;
  padding: 0;
  border: 1px solid #FFF;
}

div.tx-andshadowbox-pi1 {
  /*margin-top: -20px;*/
}

div#shadowbox_nav_previous a,
div#shadowbox_nav_next a,
div#shadowbox_nav_close a,
div#shadowbox_counter {
  font-style: normal;
  font-size: 12px;
}


/*

.tx-andshadowbox-thumb {
margin: 0 5px 10px 0;
}
*/




/*************************************************************************/
/*                     BULLET-LISTEN IM INHALT                           */
/*************************************************************************/


#inhaltsspalte ul, #inhaltsspalte ol { /* bullet-listen einr�cken */

  margin: 0px 0 17px 15px;
  list-style-type: disc;
} 


* html #inhaltsspalte ul, * html #inhaltsspalte ol { /* bullet-listen einr�cken IE 6 ... */
  margin-left: 18px;
  margin-left: 15px;
}