/* ########################################################################################
Standard Stylesheet für 3D Werkstatt Göbels
Stand: Entwicklungsversion
Datei: standard_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: white;
	}

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

	
body {
	font-family: "Times New Roman", Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	background-color: lightgray;
	}
	
	
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 white;
	padding: 5px;
	border-radius: 5px;
	}


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

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

#kopfbereich{
	
	}

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

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

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

#navileiste {
	margin: 0;
	}
	

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

#textbereich {
	position: relative;
	top: 5px;
	text-align: center;
	margin: 0;
	margin-top: 5px;
	background-color: blue;
	border: 1px solid blue;
	border-radius: 10px;
	}
	
#impressum p{
	margin: 10px 5px 10px 5px;
	}
	
#impressum address {
	font-style: normal;
	letter-spacing: 2px;
	line-height: 1,5;
	}

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

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

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

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

#artikel {
	position: relative;
	top: 5px;
	text-align: center;
	margin: 0;
	margin-top: 5px;
	background-color: blue;
	border: 1px solid blue;
	border-radius: 10px;
	}
	
/* ########################################################################################
x. Markierung während der Entwicklung
##########################################################################################*/

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