/* Autor: www.meiss.info */
/* Start 2008 */
/* Stand 16.11.2008 */

/* Infos ------------------------------------------------------------------------ */
/*
1. Innen und Aussenabstände aller Elemente auf Null
2. body: text-align: center im Body = für die Zentrierung des Layouts im IE 5
3. #box: Zentrierung Horizontal = vertikale Abstände 0, li+re auto = Zentrierung
	text-align: center im Body = für die Zentrierung des Layouts im IE 5
	daher nun, text-align: left = Alle Elemente wieder linksbündig
	
<meta http-equiv="content-type" content="text/html;  charset=iso-8859-1" />
<!-- Angabe zum Zeichensatz : westeuropaeische Sprachen -->
<meta http-equiv="language" content="de" />
<!-- Angabe Sprache -->
<meta http-equiv="pragma" content="no-cache" />
<!-- Keine Zwischenspeicherung auf Proxyservern -->
<meta http-equiv="imagetoolbar" content="no" />
<!-- IE Toolbar ausschalten -->

<script type="text/javascript">
document.write("Darstellungsmodus:" + document.compatMode);
</script>

Info: Zwei Angaben: 1. Wert = oben und unten 2. Wert = rechts und links
Info: margin sollte nicht für <tr> und <td> eingesetzt werden, sondern border-spacing

Info: Gesamtbreite: 970px
Info: Hintergrund: #fff
Info: blau Navi: #0063a6
Info: blau Logo: #00509d
Info: Orange Schrift: #f29400
Info: 3x css_*.css
*/

/* struktur

| body (zentrierung und backgroundimage)
|| div#box (zentrierung)
||| div#boxcontent (breite festlegen)
|||| div#header
|||| div#header2
|||| div#mastertextbox
||||| div#navbox (navi)
|||||| <ul id="ohne id!"> 
||||| div#textbox (textinhalte der seite)
|||| div#footer (fusszeile im layout)
|||| div#footer2 (fusszeile außerhalb layout)

/////////////////////////
|						|
|	header = 970x270px	|
|						|
/////////////////////////
/////////////////////////
|						|
|	header2 = 970x15px	|
|						|
/////////////////////////
/////////////////////////
|						|
|						|
|mastertextbox=970x??px |
|						|
/////////////////////////
/////////////////////////
|						|
|	footer = 970x70px	|
|						|
/////////////////////////

*/

/* ---------------------------------------------------------------------------------- */
/* Allgemeine Anweisungen - siehe auch "css_neutral.css ----------------------------- */
/* ---------------------------------------------------------------------------------- */

* {
	padding: 0;
	margin: 0;
}

a img {
	border: none; /**/
}

table, tr, td {
	margin: 0px;
	padding: 0px;
	border: none;
	font-family: Arial, Verdana, Helvetica, Sans-Serif;
	color: #000;
}

/* ---------------------------------------------------------------------------------- */
/* Allgemeine Anweisungen - FF ----------------------------- */
/* ---------------------------------------------------------------------------------- */

html {
	height: 101%; /* erzwingt Scrollbar in FF */
}


/* Layout Formatierungen ------------------------------------------------------------ */
/* ---------------------------------------------------------------------------------- */

p  {
	margin-top: 5px;
	margin-bottom: 5px;
}

strong  {
	font-weight: bold;
}

em {   
     font-style: italic;   
     font-weight: normal;   
}  

.mitte  {
	text-align: center;
}

p.hinweis  {
	color: #666;
	font-size: 85%;
	font-style: italic;
}

p.linie {
 	border-bottom: 1px dashed black;
	margin-bottom: 15px;
	padding-bottom: 10px;
}

h1 {
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	color: #f29400;
	font-size: 130%;
	font-weight: bold;
	text-align: left;
	margin-bottom: 15px;
}

h2 {
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	color: #000;
	font-size: 115%;
	font-weight: bold;
	text-align: left;
	margin-top: 5px;
	margin-bottom: 10px;
}

h3 {
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	color: #000;
	font-size: 105%;
	font-weight: bold;
	text-align: left;
	margin-top: 20px;
	margin-bottom: 5px;
}

/* Layout Listen -------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------- */

ul, ol {
	list-style-position: inside;
	margin-left: 20px;
	margin-top: 1em;
	color: navy;
}

li {
	padding-bottom: 0.5em;
}

li li {
	padding-bottom: 0.1em;
}

ul  {
	list-style-type: circle;
	margin-left: 20px;	
}

ol {
	list-style-type: decimal;
}



/* Layoutstuktur Body/Background ---------------------------------------------------- */
/* ---------------------------------------------------------------------------------- */

body {
/* 	background-image: url('../images/bg_back.jpg');
	background-color: #00509d;
	background-repeat: repeat-x;
	background-position: top left; */
}

div#box {
	margin: 0 auto; 
	text-align: left;
}

div#boxcontent {
	width: 970px;
	margin: auto;
}


div#header {
/*	float: left; */
	width: 970px;
	height: 270px;
	background-repeat: no-repeat;
	background-image: url('../images/bg_header.jpg');
}

div#header2 {
	float: left;
	width: 970px;
	height: 15px;
	background-repeat: no-repeat;
	background-image: url('../images/bg_header2.jpg');
}

div#mastertextbox {
	float: left;	
	width: 970px;
	margin: auto;
	background-repeat: repeat-y;
	background-image: url('../images/bg_content.gif');
}

div#footer {
	float: left;	
	width: 970px;
	height: 70px;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url('../images/bg_fooder.jpg');
}

div#footer2 {
	float: left;	
	width: 970px;
	height: 20px;
}

/* ---------------------------------------------------------------------------------- */
/* INHALT div#mastertextbox (970 = Rand 3 + Navbox 220 + Textbox 744 + Rand 3)------- */
/* ---------------------------------------------------------------------------------- */

div#navbox /* Breite 240px */
{
/*	height: 350px; */
	width: 220px; /* width: 240px = 220 + margin-right 20 + padding-left 10 + border-right 5 */
	float: right;
	margin-top: -15px; /* -15px die Navi nach oben über Header2 geschoben */
	margin-right: 20px; /* Abstand zum rechten Rand */
	background-repeat: no-repeat;
	background-position: top center;
	background-image: url('../images/bg_navi.jpg');
/*	position: relative;  cc: für das Positonierungsproblem im IE bei negativ margin */	
/*	display: inline;  cc: für den doubled-margin-bug im IE6 */
}

div#textbox /* Breite 730px */
{
/*	float: left; */
	float: right;	
	width: 670px; /* FF width: 730px = 670 + margin-left 20 + padding 20 + 20 | für den IE width: 700 px */
/*	height: 350px;	 /* bei einer Höhenangabe erweitert der FF nicht mehr die Textbox autom nach unten! */
	padding-top: 0px;
	margin-left: 20px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 0px;		
	font-size: 80%;	
	text-align: justify;	
}

/* Inhalte div#footer --------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------- */

p#fuss {
	font-size: 65%;
	color: #999;
	text-align: center;
	padding-top: 0px;
	padding-left: 20px;
	padding-right: 20px;	
	line-height: 12px;
	letter-spacing: 1px;
}

/* Inhalte div#footer2 -------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------- */

p#fuss2 {
	text-align: right;
	padding-top: 0px;
	padding-right: 20px;
	letter-spacing: 5px;
}