/* 
CSS-File für SAPO Media
*/

/* wichtige Farben
Dunkles blau: #000066
Mittel blau: #0079B9
rot: #B80202
*/

* {
	padding: 0;
	margin: 0;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75%;
	color: #000066;	/* DAs ist die Fliesstext-Schriftfarbe */
	background-color: #FFFFFF; /* Higrufarbe Oben, Mitte und Unten */
	text-align: center;
	/* z-index: 1; */
	scrollbar-base-color: #F3F3F3;
    scrollbar-track-color: #F3F3F3;
    scrollbar-face-color: #F3F3F3;
    scrollbar-highlight-color: #FFFFFF;
    scrollbar-3dlight-color: #FFFFFF;
    scrollbar-darkshadow-color: #CCCCCC;
    scrollbar-shadow-color: #CCCCCC;
    scrollbar-arrow-color: #990000;
}
/* das wrap ist ne Huelle und macht's mittig  */
#wrap { margin: 0 auto; 
		padding: 0; 
		width: 760px; 
		text-align:left; 
		height: 100%;  
		/* min-width: 700px;*/
}
a {
	color: #F00303;
}
p {
	font-size: 1.3em;
	margin-top:0px;
	margin-bottom:8px;
}
img, a img {
	border:0;
}
/* setzt alle Standardabstände auf Null */
h1, h2, h3, h4, hr, p, div, span, ul, ol, li, fieldset, blockquote, br {
margin: 0;
padding: 0;
}

#header {
	margin-top: 30px;
	height: 120px;
	width: 760px;
	font-size: 1.2em;
	border-top-width: 0px;
	/* border-top-style: solid;
	border-top-color: #000066;
	background-color: #0000C9; */
	background: transparent url(../css/sapobanner.jpg) no-repeat bottom left; 
}

#breadcrumb {
width: 570px; height: 20px;
font-style: normal;
font-weight: 500;
font-size: .8em;
padding: 0;
margin-top: 5px;
margin-left: 190px;
color: #A1A6FC;
background: transparent;
}
#breadcrumb a, #head p.hinweis a {
font-weight: 500;
color : #9797C0;
background: transparent; 
text-decoration: none;
}
#breadcrumb a:visited {
color : #bdb3aa;
background: transparent; 
text-decoration: none;
}
#breadcrumb a:hover,#breadcrumb a:focus, #head p.hinweis a:hover {
color : #df2111;
background: transparent; 
text-decoration: underline;
}
#breadcrumb a:active {
color : #df2111;
background: transparent; 
text-decoration: none;
} 							/* Ende vom Breadcrumb*/ 
#navigation {
	width: 190px;
	float: left;
	/*background: transparent url(../nav/nav_vert.jpg) no-repeat top left;*/
	padding-bottom: 170px; 
}
#navigation ul {
	margin-top: 15px;
	padding: 0px;
	width: 130px;
	list-style-type: none;
}
#navigation ul li{
	padding: 3px;
	padding-left: 22px;
	margin-bottom: 12px;
	/*background-color: #A1A6FC;  */
	display: block;
	background: #fff url(../nav/nav_strich120.gif) no-repeat top left;
}
#navigation a{
	font-size: 1.0em;
	text-decoration: none;
	color: #000066;
	font-weight: 600;
	display: block;
}
#navigation a:hover{
	text-decoration: underline;
	color: #df2111;
}
#navigation .aktiv {
	font-size: 1.1em;
	color: #df2111;
	font-weight: bold;
	display: block;
	/*margin: 0px;*/
	background: #fff url(../nav/nav_strich120.gif) no-repeat top left; 
	/*list-style-image: url(../nav/pfeil.gif); */
}
/* Ende der Navi */

#content {
	width: 570px;
	float: left;
}
#content h1 {
font-size: 1.4em;
font-weight: 700;
margin: 0 0 10px 0;
padding-top: 10px;
color: #990000;
background: transparent;
}
#content h2 {
font-size: 1.1em;
margin: 0 0 10px 0;
padding: 0;
color: #660000;
background:transparent; 
text-align: left;
}
#content h3 {
font-size: 1.1em;
color: #000066;
background:transparent;
margin: 0 0 0 0;
padding: 0;
}

#anne  {
	margin-top: 2px;
	width: 400px;
	font-size: 1.0em;
	float: left;
}
#anne a {
	color: #660000;
}
#anne table {
	margin-top: 2px;
	margin-left: 0px;
	width: 400px;
}
#anne td {
	text-align: left;
	padding: 4px;
}

#infospalte {
	width: 160px;
	float: left;
	font-size: 0.9em;
	padding: 7px 0 0 0;
	text-align: left;
	margin-left: 10px;
}

#footer {
	margin-top: 20px;
	margin-left: 0px;
	font-size: 9px;
	float: left;
	width: 760px;
	height: 22px;
	text-align: center;
	/*border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #A1A6FC;*/
	background: transparent url(../css/footer.gif) no-repeat top left; 
}