/* 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;
}

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: #444;
	border-bottom: 1px dotted #444;
}

#inhaltsspalte a:hover, #inhaltsspalte a:active, 
#footer a:hover, #footer a:active {
	text-decoration: none;
	
	/* Farbwechsel */
	color: #1986ae;
	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: #1986ae;
}
 
h2 {
	font-size: 120%;
	margin: 0 0 0.3em 0;
	
	/* Farbwechsel */
	color: #1986ae;
}

h3 {
	font-size: 110%;
	
	/* Farbwechsel */
	color: #1986ae;
}

h4 {
	font-size: 100%;
	
	/* Farbwechsel */
	color: #1986ae;
}

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;
	
	/* Farbwechsel */
	background: url(../bilder/eagbspk_fsp_wrapper_bg_schatten.png) center top repeat-y !important;
	background: url(../bilder/eagbspk_fsp_wrapper_bg.gif) center top repeat-y; /* IE6 */
}


/********************************************************/

#header {
	position: relative;
	width: 958px;
	height: 250px;
	margin: 0 0 0 10px;
	
	/* Farbwechsel */
	background: #fff;	

	border-left: 1px solid #8a8a8a;
	border-right: 1px solid #8a8a8a;
}

#headerelemente {
	width: 600px;
	height: 100px;
	float: left;
	margin: 15px 0 -115px 24px !important;
	margin: 15px 0 -115px 12px;
}


#suche {
	display: none;
}

#hilfsnavi {
	display: none;
}

#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: 954px;
	height: 144px;
	margin: 2px 0 0 2px;
	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;
}

#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;
}



.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;
} 


