/*        BASISPAKET VARIANTE 1 - c Manuela Hopp */



html        {
                background-color: #ffe595;
                font-family: arial, helvetica, sans-serif;
                font-size: 1em;
				line-height: 1.4em;
                color: #000000;
				margin: 0 auto;
				height: 100%;
}
body {
  background-color: #ffe595;
}

.site {
 height: auto; 
 min-height: 100%;
}


/* ****************** HEADER, OBERSTE REIHE mit Logo ************************************************************** */

header {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 130px;
	width: 100%;
	background-color: #c5cdd2;
}

header #logo 	{
	position: absolute;
	left: 25%;
	top: 0px;
	height: 130px;
	width: 65%;
	background-color: #fff;
}

header #logo img {
	margin-left: 1.2rem;
	margin-top: 0.8rem;
}

/* ******************* NAVIGATION TOP ******************************************************************* */

nav {
	position: absolute;
	top: 130px;
	left: 0px;
	width: 100%;
	height: 50px;
	background-color: #d3d9dd;
}

nav #navLinks {
	position: absolute;
	left: 25%;
	top: 0px;
	width: 65%;
	background-color: #ffe595;
}

nav #navLinks ul {
       list-style-type: none;
       list-style-image: none;
	   margin-left: -1.2rem;
}

nav #navLinks ul li {
       position: relative;
       text-align: left;
	   display: inline;
}

nav #navLinks ul li a, a:link, a:visited {
       text-decoration: none;
       color: #58585A;
	   margin-bottom: 3px;
	   padding: 3px;
	   width: auto;
	   padding-right: 5px;
	   font-size: 14px;
}

nav #navLinks ul li a:hover, a:active {
       text-decoration: underline;
       color: #58585A;
	   margin-bottom: 3px;
	   padding: 3px;
	   width: auto;
	   padding-right: 5px;
	   font-size: 14px;
}

/* ****************** CONTENT ********************************************************************************************* */

main {
		position: absolute; 
		top: 180px;
		left: 0px;
		width: 100%;
		min-height: 70%;
		background-color: #ffe595;
		padding-bottom: 16%;
}

main #foto {
	width: 25%;
	height: 100%;
}

main #foto img {
	width: 100%;
}

main #content {
	position: absolute;
	left: 25%;
	top: 0px;
	width: 65%;
	min-height: 100%;
	background-color: #fff;
}

h1, h2, h3, p {
	margin-left: 1.4rem;
}

h1 {
                margin-top: 20px;
				color: #8A9EB5;
				font-size: 1.4em;
}

h2 {
                margin-top: 25px;
				color: #87888A;
				font-size: 1.2em;
}

h3 {
                margin-top: 15px;
				margin-bottom: 5px;
				font-size: 1em;
				border-bottom: 1px solid #87888A;
				background-color: #D3D9DD;
				color: #87888A;
}

p {
                margin-top: 0px;
				margin-bottom: 10px;
				color: #58585A;
}

main ul {
	margin-top: 0px;
	color: #58585A;
}

main ul li {
	list-style-type: none;
	list-style-image: url("../imgs/list01.gif");
}

hr {
	margin-left: 25px;
	color: #d3d9dd;
	width: 90%;	
	background: none;
}

footer p {
	margin-top: 8px;
}

strong {
				color: #8A9EB5;
				font-weight: bold;
}

a.textlink, a.textlink:link, a.textlink:visited {
	font-size: 1em;
	color: #8a9eb5;
}

a.textlink:hover, a.textlink:active {
	color: #000;
}

a.footerlink, a.footerlink:link, a.footerlink:visited {
	font-size: 1em;
	color: #58585A;
}

a.footerlink:hover, a.footerlink:active {
	color: #000;
}

/* ****************** FUSSZEILE ************************************************************** */

footer {
	position: fixed;
	left: 0px;
	bottom: 0px;
	width: 100%;
	background-color: #c5cdd2;
	height: 11%;
	z-index: 1000;
}