/* ########################################################################################
Standard Stylesheet für Haki's Laden
Stand: Entwicklungsversion
Datei: hakis_style.css
Media: screen
Datum: 04. April 2020
Autor: Marco Göbels

Aufbau:		1. CSS Reset / Restauration
			2. Bereich Huelle
			3. Bereich Kopf
			4. Bereich Logo
			5. Bereich Kopfzeile
			6. Bereich Inhalt
			7. Bereich Navigation
			8. Bereich Text
			9. Bereich Bilder
			10. Bereich Fußleiste
			11. Bereich Artikel
			
			x. Markierung während der Entwicklung
						
##########################################################################################*/

/* ########################################################################################
1. CSS Reset / Restauration
##########################################################################################*/
* {
	padding: 0;
	margin: 0;
	color: black;
	}

*.text_aendern {
	color: orange;
	}
	
html {
	overflow-y: scroll;
	}

	
body {
	font-family: "Times New Roman", Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	background-color: lightyellow;
	}
	
	
ul ul { margin-bottom: 0; } 
li { margin-left: 1em ; } 

div {
	margin: 2px;
	padding: 2px;
	}
	
table {
	border-collapse: collapse;
	border: none;
	margin: 5px auto 5px auto;
	}
		
td {
	border: 1px solid black;
	padding: 5px;
	border-radius: 5px;
	}


/* ########################################################################################
2. Bereich Huelle
##########################################################################################*/
#h_huelle {
	width: 760px;
	margin-left: auto;
	margin-right: auto;
}

	
/* ########################################################################################
3. Bereich Kopf
##########################################################################################*/

#h_kopfbereich{
	
	}

/* ########################################################################################
4. Bereich Logo
##########################################################################################*/

#h_logo {
	position: absolute;
	width: 100px;
	height: 100px;
	}
	
/* ########################################################################################
5. Bereich Kopfzeile
##########################################################################################*/

#h_kopfzeile {
	margin-left: 120px;
	height: 100px;
	text-align: center;
	font-size: 40px;
	background-color: yellow;
	border: 1px solid yellow;
	border-radius: 10px;
	}
	
/* ########################################################################################
6. Bereich Inhalt
##########################################################################################*/
	
#h_inhalt{
	position: relative;
	}	
	
/* ########################################################################################
7. Bereich Navigation
##########################################################################################*/

#h_navileiste {
	margin: 0;
	}
	

#h_navileiste  li{
	display: inline;
	list-style-type: none;
	margin: 0;
	margin-left: 2px;
	margin-right: 2px;
	font-size: 15px;
	}
		
#h_navileiste a {
	text-decoration: none;
	background-color: yellow;
	color: black;
	border: 1px solid yellow;
	border-radius: 10px;
	padding: 5px;
	margin-bottom: 10px;
	
	}
	
/* ########################################################################################
8. Bereich Text
##########################################################################################*/

#h_textbereich {
	position: relative;
	top: 5px;
	text-align: center;
	margin: 0;
	margin-top: 5px;
	background-color: yellow;
	border: 1px solid yellow;
	border-radius: 10px;
	}

/* ########################################################################################
9. Bereich Bilder
##########################################################################################*/

#h_bildbereich {
	text-align: center;
	margin: 0;
	margin-top: 10px;
	padding: 10px;
	background-color: yellow;
	border: 1px solid yellow;
	border-radius: 10px;
	}
/* ########################################################################################
10. Bereich Fußleiste
##########################################################################################*/

#h_fussbereich{
	text-align: center;
	background-color: yellow;
	border: 1px solid yellow;
	border-radius: 10px;
	}	
	
#h_fussbereich address {
	font-size: 80%;
	font-style: normal;
	letter-spacing: 2px;
	line-height: 1,5;
	}

/* ########################################################################################
11. Bereich Artikel
##########################################################################################*/

#h_Artikel {
	position: relative;
	top: 5px;
	text-align: center;
	margin: 0;
	margin-top: 5px;
	background-color: yellow;
	border: 1px solid yellow;
	border-radius: 10px;
	}

	
/* ########################################################################################
x. Markierung während der Entwicklung
##########################################################################################*/

div {
	 /* border: 1px dotted black; */
	}