/*
CSS LAYOUT
Robert Prysok
Webdesign mit Cascading Style Sheets
*/

/* ############################################################################################################### */
/* Hier werden die Abstände auf 0 gesetzt, um das Browser-Offset zu entfernen und damit die Inhalte ganz oben */    
/* Links plaziert werden können. */
/* ############################################################################################################### */
body, html, #navigation, #container, #inhalt, #infobox {
           	margin:0;
           	padding:0;
}

/* ################################################################################################################ */
/* BODYEIGENSCHAFTEN */
/* ################################################################################################################ */
body {
           	background-color:#FFFFFF;
}

/* ################################################################################################################ */
/* KOPFTEIL */
/* ################################################################################################################ */
#kopfteil {
           	background-color: #FFFFFF;
            background-image: url(../HaischTank/Hintergrund/HintergrundHaischTank.png);
			background-repeat: no-repeat;
			background-position: left;
           	padding: 70px;
           	margin-bottom: 0;
}

/* ################################################################################################################ */
/* NAVIGATION */
/* ################################################################################################################ */
#navigation {
   			width: 20%;
   			float: left;
  			background-color: #FFFFFF;
}

#navigation ul {
   			list-style-type: none;
   			margin: 0;
   			padding: 0;
}

#navigation li {
   			margin: 0 0 2px 0;
}

#navigation li a:link, #navigation li a:visited {
   			display: block;
   			text-decoration: none;
   			font-weight: bold;
   			padding: 5px 5px 5px 0.5em;
   			border-left: 12px solid #333333;
   			background-color: #009933;
   			color: #FFFFFF;
   			width: 100%;
}

#navigation li a:hover, #navigation li a:active, #navigation li a:focus {
   			border-left: 12px solid #333333;
   			background-color: #FFFFFF;
   			color: #000000;
}

/* ################################################################################################################ */
/* INFOBOX */
/* ################################################################################################################ */
#infobox {
           	width: 15%;
			height: 60%;
           	float: right;
           	background-color:#FFFFFF;
			background-image: url(../HaischTank/Hintergrund/HintergrundInfobox.png);
			background-repeat: no-repeat;
			background-position: top;
}

/* ############################################################################################################### */
/* INHALTSBEREICH FÜR HAUPTTEXTE */
/* ############################################################################################################### */
#inhalt {
           	width: 60%;
           	float: left;
           	background-color: #FFFFFF;
			color: #806640;		   
}

/* ################################################################################################################ */
/* KOPFEIGENSCHAFTEN ÜBERSCHRIFT */
/* ################################################################################################################ */
#kopf h1 {
           	margin: 0; padding: 25px;
}

/* ############################################################################################################### */
/* TEXTEIGENSCHAFTEN NORMALERTEXT */
/* ############################################################################################################### */
p {        	margin: 25px 25px 0 25px;
			font-family: Arial, Helvetica, sans-serif; 
			font-size: 14px; 
			color: 000000;
			font-style: normal;
			font-variant: normal;
			font-weight: normal;
			direction: lrt;
			letter-spacing: normal;
			line-heigth: normal;
			Text-align: left;
			Text-decoration: none;
			Text-indent: Inherit;
			Text-transform: none;
			unicode-bidi: normal;
			vertical-align: baseline;
			white-space: normal;
			word-spacing: normal;
}

/* ############################################################################################################### */
/* ÜBERSCHRIFTEN */
/* ############################################################################################################### */
h1 {       	margin: 0 25px 25px 25px;
           	padding-top: 25px;
			font-family: Arial, Helvetica, sans-serif; 
			font-size: 16px;
			color: FF0000;
			font-style: normal;
			font-variant: normal;
			font-weight: normal;
			direction: lrt;
			letter-spacing: normal;
			line-heigth: normal;
			Text-align: left;
			Text-decoration: none;
			Text-indent: Inherit;
			Text-transform: none;
			unicode-bidi: normal;
			vertical-align: baseline;
			white-space: normal;
			word-spacing: normal;
}

/* ################################################################################################################ */
/* LISTEN UND AUFZÄHLUNGEN */
/* ################################################################################################################ */
ul {
		list-style-image: none;
		list-style-position: outside;
		list-style-type: circle;
		font-family: Arial, Helvetica, sans-serif; 
		font-size:12px;
		color: 009933;
}

/* ################################################################################################################ */
/* TABELLEN */
/* ################################################################################################################ */
table {
			border-collapse: collapse;
			border-spacing: 1em;
			caption-side: bottom;
			empty-cells: show;
			width: 90%;
			height: 30%;
			background-color: #FFFFFF;
			margin-left: 25px;
}

td {
			background-color: #FFFFFF;
			font-family: Arial, Helvetica, sans-serif; 
			font-size: 14px; 
			color: 000000;
			font-style: normal;
			font-variant: normal;
			font-weight: normal;
			direction: lrt; 
			letter-spacing: normal;
			line-heigth: normal;
			Text-align: left;
			Text-decoration: none;
			Text-indent: Inherit;
			Text-transform: none;
			unicode-bidi: normal;
			vertical-align: top;
			white-space: normal;
			word-spacing: normal;
}