body {
background-color: #fff;
font-family: Tahoma,Geneva,sans-serif;
font-size: 0.8em;
margin: auto;
text-align: left;
}

/* Site Construction */

#container {
width: 800px;
margin: auto;
padding: auto;
}

#header {}

#header-cont {
width: 750px;
float: left;
margin: 10px 0 0 0;
border: solid 1px #000;
}

#wrapper {}

#wrapper-cont {
width: 750px;
float: left;
margin: 10px 0 0 0;
border: solid 1px #000;
}

#footer {}

#footer-cont {
width: 750px;
margin: 10px 0 10px 0;
float: left;
border: solid 1px #000;
}

/* END Site Construction */

/* Text/Fonts */

h1, h2, h3, h4, h5 {
color: #004400;
}

h1 {
margin-left: 5px;
}

h2, h3, h4, h5 {
margin-left: 10px;
}

p {
margin: auto 15px auto 15px;
}

/* END Text/Fonts */

/* Header Extra */

#header h1 {
text-align: center;
}

/* Header Extra */

/* Wrapper Extra */

.kod {
background: #f5ffc9;
width: 700px;
margin: 5px 15px 5px 15px;
padding: 4px;
border: solid 1px #000;
}

.kod p {
margin: auto 10px auto 10px;
}

.css {
background: #a6effe;
width: 700px;
margin: 5px 15px 5px 15px;
padding: 4px;
border: solid 1px #000;
}

.css p {
margin: auto 10px auto 10px;
}

/* END Wrapper Extra */

/* Footer Extra */

#footer table {
margin: auto;
}

#wrapper table {
margin: auto;
}

#wrapper td{
padding-left: 15px;
padding-right: 15px;
border: solid 1px #000;
}

#wrapper th {
color: #fff;
text-align:center;
background: #aeaeae;
}

/* End Footer Extra */

/* Hover Step 1 */

.s1 {
width: 150px;
height: 50px;
margin-left: 15px;
background: url("images/bild1.png");
}

.s1:hover {
width: 150px;
height: 50px;
margin-left: 15px;
background: url("images/bild1_2.png");
}

/* END Hover Step 1 */

/* Hover Step 2 */

.nav {
	height: 50px;
	width: 750px;
	float: left;
	margin: auto auto 15px 15px;
}

.nav li {
	height: 50px;
	float: left;
	text-indent: -999em;
}

.nav ul {
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.s2, .s3 {
	background: transparent url("images/bild1.png");
	height: 50px;
	width: 150px;
	display: block;
	margin: 0;
}

.s3:hover{
	background: transparent url("images/bild1_2.png");
}

/* END Hover Step 2*/

/* Hover Step 3 */

.s4 {
	width: 120px;
	height: 120px;
	margin-left: 15px;
	background: url("images/bild2.png");
	background-position: -390px 530px;
}

/* END Hover Step 3 */

/* Hover Step 4 */

.s5 {
margin-left: 15px;
}

.s5 {
	background: transparent url(images/bild3.png) repeat scroll 0 150px;
	height: 50px;
	width: 150px;
	display: block;
	margin-left: 15px;
}

.s5:hover {
	background-position: 0 0;
}

/* END Hover Step 4 */

/* Hover Step 5 */
.s6 {
	background: transparent url(images/bild3.png) repeat scroll 0 150px;
	height: 50px;
	width: 150px;
	display: block;
	margin: 0;
}

.s6:hover {
	background-position: 0 0;
}

/* END Hover Step 5 */

/* Hover Step 6 */

.nav2 {
	height: 50px;
	width: 750px;
	float: left;
	margin: auto auto 15px 15px;
}

.nav2 li {
	height: 50px;
	float: left;
}

.nav2 ul {
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.s7 {
	background: transparent url(images/bild4.png) repeat scroll 0 150px;
	height: 50px;
	width: 150px;
	display: block;
	margin: 0;
}

.s7:hover {
	background-position: 0 0;
}

.txt {
	color: #000;
	text-align: center;
	font-size: 16px;	
	padding-top: 15px;
	padding-bottom: 15px;
}

.txt:hover {
	color: #fff;
	text-align: center;
	font-size: 16px;	
	padding-top: 15px;
	padding-bottom: 15px;
}


/* END Hover Step 6 */


/* Begin Links */

A:link {text-decoration: none;}
A:visited {text-decoration: color: #fff;}
A:active {text-decoration: none;}
A:hover {text-decoration: underline; color: #363430;}

/* End Links */
