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

/* #################################################################################################*/
/* BODYEIGENSCHAFTEN, BOXEN UND BOXMODELL*/
/* ################################################################################################ */
body {
background-color: #FFFFFF;
/* background-image: url(../Hintergrund/HintergrundHaisch.png); */
/* background-position: center; */ 
/* background-repeat: no-repeat; */
/* background-attachment: fixed; */
margin-top:0.5em;
margin-bottom:0.5em;
margin-left: 1em;
margin-right: 1em;
border-top-width: 0.5em;
border-top-color: #FFFFFF;
border-top-style: dotted;
border-bottom-width: 0.5em;
border-bottom-color: #FFFFFF;
border-bottom-style: dotted;
border-left-width: 0.5em;
border-left-color: #FFFFFF;
border-left-style: dotted;
border-right-width: 0.5em;
border-right-color: #FFFFFF;
border-right-style: dotted;
padding-top: 0.5em;
padding-bottom: 0.5em;
padding-left: 0.5em;
padding-right: 0.5em;
}

/* ############################################################################################################### */
/* 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;
			font-weight: bolder;
			color: FF0000;
}

/* ############################################################################################################### */
/* TEXTEIGENSCHAFTEN NORMALERTEXT */
/* ############################################################################################################### */
p {        	margin: 5px 25px 0px 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: top;
			white-space: normal;
			word-spacing: normal;
}

/* ################################################################################################################ */
/* NAVIGATION */
/* ################################################################################################################ */
#navigation {
   			width: 21%;
   			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: #FF0000;
   			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;
}


/* ####################################################################################################################### */
/* LINKS */
/* ####################################################################################################################### */
/* für einen normalen Link */
a:link {
			font-family: Arial, Helvetica, sans-serif; 
			font-size: 14px; 
			color: #0000FF;
			background-color: #FFFFFF;
			font-style: normal;
			font-variant: normal;
			font-weight: bolder;
			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;
}

/* für einen besuchten Link */
a:visited {
			font-family: Arial, Helvetica, sans-serif; 
			font-size: 14px; 
			color: #0000FF;
			background-color: #FFFFFF;
			font-style: normal;
			font-variant: normal;
			font-weight: bolder;
			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;
}

/* für einen Link, der den Focus über die Tastatur erhält */
a:focus {
       		/* Schriftfamilie */
			font-family: Arial, Helvetica, sans-serif; 
			font-size: 14px; 
			color: #0000FF;
			background-color: #FFFFFF;
			font-style: normal;
			font-variant: normal;
			font-weight: bolder;
			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;
}

/* für eine Link, über den man gerade mit der Maus fährt */
a:hover {
			font-family: Arial, Helvetica, sans-serif; 
			font-size: 14px; 
			color: #0000FF;
			background-color: #FFFFFF;
			font-style: normal;
			font-variant: normal;
			font-weight: bolder;
			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;
}

/* für einen gerade per Maus angeklickten Link */
a:active {
			font-family: Arial, Helvetica, sans-serif; 
			font-size: 14px; 
			color: #0000FF;
			background-color: #FFFFFF;
			font-style: normal;
			font-variant: normal;
			font-weight: bolder;
			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;
}