@charset "UTF-8";
/**
* ====================================================================
*	Copyright (c) 2008 broed digital media - Babette Schröder. 
*	All rights reserved.
* ====================================================================
*/

@media all
{

/**
* Formatierung der Seitenbereiche
*
* |-------------------------------|
* | #kopfzeile (Logo)             |
* |-------------------------------|
* | #menuzeile                    |
* | (Hauptmenu auf Bild)          |
* |-------------------------------|
* | #col1   | #col3     | #col2   |
* | 25%     | flexible  | 25%     |
* |-------------------------------|
* | #fusszeile                    |
* |-------------------------------|
*
*/

body {
  background: #fff url(../images/background_grey_01.gif) left 82px no-repeat;  
  font-size: 11px;
  font-family: Verdana, Arial, Helvetica, SunSans-Regular, Sans-Serif;
  color:#3f3f40;  
  padding:0px;
  margin:0px;
}

#main { 	
text-align: left;
vertical-align: middle;	
margin: 0px auto;
padding: 0px;
width: 794px;
background-color: #ffffff;
}

/* ----------------- Kopfzeile mit Aconsite-Logo ------------------ */

#kopfzeile {
	padding:0;
	margin:0;
	height:82px;
	background: transparent;
}

#kopflogo {
	float:right;
	width:283px;
	height: 62px;
	background-color: #F5F5F5;
	text-align: center;
	padding-top:20px;
}

/* -------- zweite Kopfzeile mit Imagebereich und Hauptmenu --------- */

#menuzeile {
	padding:0;
	margin:0;
	height:246px;
	background: #EEEEEF url(../images/acongrafik_jogger.jpg) left top no-repeat;
	z-index:5;
}

#menurechts {
	float:right;
	width:283px;
	height: 246px;
	background-color: #E9E9EA;
	text-align: center;
}

/* ------ IE7-Anpassung fuer rechtes Bild ----- */
*+html #menurechts {
	position:relative;
	top:-245px;
	left:0;
}

/* ------------------- Fusszeile mit festen Links ------------------- */

#fusshintergrund {
	width:100%; height:44px; 
	background: #FFF url(../images/background_grey_02.gif) left top repeat-x;
	margin-top:-8px;
}
#fusszeile {
	height:32px;
	margin: 0px auto;
	padding: 0px;
	width: 794px;
	border: 0px solid #aaa;
}
#fussrechts {
	float:right;
	width:283px;
	height: 24px;
	background-color: #EFEFF0;
	text-align: center;
	padding-top:8px;
	font-size:81.82%; /* -- entspricht 8px --*/
	color: #595960;
	z-index:3;
}

#fussrechts a {
	color: #595960;
}

#fussrechts a:focus, 
#fussrechts a:hover,
#fussrechts a:active {
	color: #00519E;
}


/* ---------- Content-Bereiche mit Schriftformatierungen ------------- */
/* ------ wenn einspaltig, dann 'content1', sonst 'content2' -------- */
#content2 { 
	width:794px; 
	background-color: #FAFAFA; 
	margin-top:4px;
}
#col0 {
	z-index:0;
	position: relative;
	top:0;
	margin-left: 155px;
	margin-bottom:-4px;
	padding-right:20px;
	margin-top:-4px;
}
#col1 {

	border-right:283px solid #F3F3F3;
	position: relative;
	top:0;
	margin-top:0px !important;
	margin-top:-8px;
	margin-bottom:-12px;
	margin-left: 155px;
	padding-right:20px;
	z-index:1;
}

#col2 {
	float:right;
	margin-left:511px;
	width: 243px;
	height:auto;
	/*min-height:60%;
	 background-color: #F3F3F3; */
	position: absolute;
	top:332px;
	z-index:2;
	padding:20px;
}

#col2 .aconaktuell h2 {
	font-size: 127.27%; /* -- entspricht genau 14px -- */
	color: #014C92;
	margin-top: 2.8em;
	margin-bottom: 0.2em;
	line-height:1.6em;
}

#col2 .aconaktuell p {
}

#col2 .aconaktuell a {
	float:right;
	margin-top:-8px;
	font-size:81.82%; /* -- 8 Pixel __ */
}

#col2 .aconservice h1 {
	background-color:#FFF;
	position:relative;
	top:70px;
	margin:2px;
	width:209px;
	font-size: 118.18%; /* -- entspricht genau 13px -- */
	color:#014C92;
	font-weight: 600;
	padding: 8px 15px;
	height:auto;
}
#col2 .aconservice p {
	position:relative;
	top:74px;
	margin:2px;
	width:209px;
	font-size: 100%;
	line-height:1.6em;
	text-align: justify;
	padding: 8px 15px;
	height:auto;
}

h1 {
	font-size: 136.36%; /* -- entspricht genau 15px -- */
	font-weight: 900;
	letter-spacing:0.02em;
	color: #014C92;
	margin-top: 1em;
	margin-bottom: 0.5em;
	line-height:1.6em;
}

h2 {
	font-size: 127.27%; /* -- entspricht genau 14px -- */
	color: #014C92;
	margin-top: 1.5em;
	margin-bottom: 0.2em;
	line-height:1.6em;
	letter-spacing:0.02em;
}

h3 {
	font-size: 109.09%; /* -- entspricht genau 12px -- */
	text-transform: uppercase;
	margin-top: 2.5em;
	margin-bottom: 0.2em;
	line-height:1.6em;
	letter-spacing:0.02em;
}

li {
	margin: 6px 0; 
	line-height:1.4em;
}

hr {
	margin: 3em 0;
}

p {
	line-height:1.6em; /* -- Schriftgroesse wird im body auf 11px festgelegt -- */
}

p.klickpfad {
font-size:81.82%; /* -- entspricht 8px --*/
margin:4px 0 6px 0;
padding-top:4px;
}

p.klickpfad a {
color: #000;
}

p.klickpfad a:hover {
color: #00519E;
}

p.klickpfad .current {
color: #00519E;
}

a { 
color: #00519E;
background-color:transparent;
text-decoration: none; 
}
 
pre { 
color: #564b47;
font-size: 11px;
background-color:transparent;
font-family: Courier, Monaco, Monospace;
}

}

@media print
{
	p, h1, h2, h3, pre {
	color: #000;
	}
	
	.ie_menu {display: none;
	}
	.menu {display:none;
	}

}