* {
margin:0;
padding:0;
border:0;
}

footer, header, main, nav, aside, section {
	display:block;
}

/*Ende Default Settings*/
/*……………………………………………………………………………………………………………………………………………*/
/*Angaben für Layoutrahmen*/

#site { 
	width:1040px; 
	margin-top:0; 
	margin-right:auto; 
	margin-bottom:1em; 
	margin-left:auto;
	background-image:url(../sicherung-v1/heftdateien/bilder/bg.png); 
	background-position:bottom right; 
	background-repeat:no-repeat;
}

#gesamt { 
	width:54em;
	background-color: rgba(255, 255, 255, 0.8);
	font-size:95%;
	margin-top:1em; 
	margin-right:auto; 
	margin-left:auto;
	padding:0.5em 0em 0.5em 0.5em;
}

/*Ende Angaben für Layoutrahmen*/
/*……………………………………………………………………………………………………………………………………………*/
/*Allgemeine Angaben*/

body {
background-color:#fff;
font-family:Arial, Helvetica, sans-serif;
font-size:100.01%;
color:#000;
letter-spacing:1px;
}

p {
padding-bottom:0.8em;
}

h1 {
	font-family:Liberation, Verdana, sans-serif;
	font-size:2.2em;
	letter-spacing:0.25em;
	margin-bottom:0.3em;
	padding-top:0.1em;
}

h2 {
	font-size:1.1em;
	color:#fff;
	text-shadow:#0A0A0A 0px 2px 5px;
	letter-spacing:0.15em;
	margin-top:0.2em;
}

li {
	list-style:none;
}

.normal {
	font-weight:normal;
}

/*Ende Allgemeine Angaben*/
/*……………………………………………………………………………………………………………………………………………*/
/*Angaben für Schriften*/

@font-face {
	font-family:Liberation;
	src:url(../schriften/Liberation-Sans-fontfacekit/web%20fonts/liberationsans_bold_macroman/LiberationSans-Bold-webfont.eot);
		src:url(../schriften/Liberation-Sans-fontfacekit/web%20fonts/liberationsans_bold_macroman/LiberationSans-Bold-webfont.svg);
			src:url(../schriften/Liberation-Sans-fontfacekit/web%20fonts/liberationsans_bold_macroman/LiberationSans-Bold-webfont.ttf);
				src:url(../schriften/Liberation-Sans-fontfacekit/web%20fonts/liberationsans_bold_macroman/LiberationSans-Bold-webfont.woff);
	}

/*Ende Angaben für Schriften*/
/*……………………………………………………………………………………………………………………………………………*/
/*Angaben für header*/

header {
min-height:82px;
background-color:#6379ab;
margin-bottom:1em;
padding-top:0.5em; 
padding-left:0.5em; 
padding-bottom:1em;
border:1px solid #000;
}

/*Ende Angaben für header*/
/*……………………………………………………………………………………………………………………………………………*/
/*Angaben für Kopfbereich #bild*/

#bild {
	width:149px;
	height:82px;
	float:left;
	margin-right:1.8em;
	-moz-box-shadow: #000 2px 2px 10px;
	-webkit-box-shadow: #000 2px 2px 10px;
	box-shadow: #000 2px 2px 10px;
}

/*Ende Angaben für #bild*/
/*……………………………………………………………………………………………………………………………………………*/
/*Angaben für nav*/

nav {
	background-color:#efece0;
	font-family:Verdana, Geneva, sans-serif;
	font-size:85%; 
	color:#af5518; 
	font-weight:bold;
	line-height:1.5em;
	margin-bottom:4em;
	padding:0.6em;
	-moz-border-radius-topright:15px;
	-moz-border-radius-bottomright:0px;
	-moz-border-radius-bottomleft:15px;
	-moz-border-radius-topleft:0px;
	-webkit-border-top-right-radius:15px;
	-webkit-border-bottom-right-radius:0px;
	-webkit-border-bottom-left-radius:15px;
	-webkit-border-top-left-radius:0px;
	border-top-right-radius:15px; 
	border-bottom-right-radius:0px; 
	border-bottom-left-radius:15px; 	
	border-top-left-radius:0px;
}

nav h3 { 
	font-size:100%; 
	color:#af5518;
	margin-bottom:0.5em;
}

/*Ende Angaben für nav*/
/*……………………………………………………………………………………………………………………………………………*/
/*Angaben für Hauptbereich Mitte main*/

main {
	width:33em;
	float:left;
	font-size:85%;
	line-height:125%;
	margin-bottom:1em;
	padding-right:1em; 
	padding-left:1em;
}

main h3 {
	font-size:100%;
	margin-top:0.8em; 
	margin-bottom:0.2em;
}

/*Ende Angaben für main*/
/*……………………………………………………………………………………………………………………………………………*/
/*Angaben für linken Bereich #links*/

#links {
	width:11.5em;
	float:left;
}

#links aside { 
	font-size:70%; 
	color:#5b4628;
	padding:0.6em 0.3em;
}

#links aside h3 {
	font-size:120%;
	color:#000;
	margin-bottom:0.2em;
}

blockquote {
margin-bottom:1.4em;
}

.zitat {
	font-style:italic;
	letter-spacing:normal;
}

/*Ende Angaben für #links*/
/*……………………………………………………………………………………………………………………………………………*/
/*Angaben für rechten Bereich #rechts*/

#rechts {
	width:11.5em;
	float:right;
	background-color: rgba(209, 214, 226, 0.6);
	line-height:115%;
	margin-bottom:1em;
	padding:0.6em;
	-moz-border-radius-topright:0px;
	-moz-border-radius-bottomright:15px;
	-moz-border-radius-bottomleft:0px;
	-moz-border-radius-topleft:15px;
	-webkit-border-top-right-radius:0px;
	-webkit-border-bottom-right-radius:15px;
	-webkit-border-bottom-left-radius:0px;
	-webkit-border-top-left-radius:15px;
	border-top-right-radius:0px; 
	border-bottom-right-radius:15px; 
	border-bottom-left-radius:0px; 
	border-top-left-radius:15px;
}

#rechts aside {
	font-size:77%;
	color:#000;
}

#adresse { 
	color:#5b4628; 
	font-weight:bold;
	padding-top:3em;
}

#adresse p {
	padding-right:0.2em; 
	padding-bottom:0.5em; 
	padding-left:0.2em;
}

#adresse a, 
#adresse a:link,
#adresse a:visited
{
	color:#5b4628; 
	font-weight:bold;
	text-decoration: none;
}

#adresse a:active, 
#adresse a:hover
{
	text-decoration: underline;
}

/*Ende Angaben für #rechts*/
/*……………………………………………………………………………………………………………………………………………*/
/*Angaben für Fussbereich footer*/

footer {
	clear:both;
	  /* Permalink - use to edit and share this gradient: 	http://colorzilla.com/gradient-editor/#8a6d4c+0,3a2618+97,3a2618+100 */
  	background-color: #8a6d4c; /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
 	 background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzhhNmQ0YyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk3JSIgc3RvcC1jb2xvcj0iIzNhMjYxOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzYTI2MTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
 	 background: -moz-linear-gradient(top,  #8a6d4c 0%, #3a2618 97%, #3a2618 100%); /* FF3.6+ */
 	 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8a6d4c), color-stop(97%,#3a2618), color-stop(100%,#3a2618)); /* Chrome,Safari4+ */
	  background: -webkit-linear-gradient(top,  #8a6d4c 0%,#3a2618 97%,#3a2618 100%); /* Chrome10+,Safari5.1+ */
 	 background: -o-linear-gradient(top,  #8a6d4c 0%,#3a2618 97%,#3a2618 100%); /* Opera 11.10+ */
 	 background: -ms-linear-gradient(top,  #8a6d4c 0%,#3a2618 97%,#3a2618 100%); /* IE10+ */
 	 background: linear-gradient(to bottom,  #8a6d4c 0%,#3a2618 97%,#3a2618 100%); /* W3C */
 	 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8a6d4c', endColorstr='#3a2618',GradientType=0 ); /* IE6-8 */
	 font-size:75%;
	 color:#fff;
	 font-weight:bold;
	 letter-spacing:normal;
	 padding:0.5em 1em 0.5em 2em;
	 border:1px solid #000;
}

.fuss {
	font-weight: normal;
	padding-left: 2.3em;
}

/*Ende Angaben für footer*/



/*Zusatz-Definitonen fuer Hinweis*/

main a:link { 
 	color: #cc6600;
	text-decoration: none;
	border-bottom: thin dotted #990000;
}

main a:visited,
main a:hover,
main a:active {
    color: #990000;
    text-decoration: none;
    border-bottom: thin dotted #cc6600;
}

footer a:link,
footer a:visited,
footer a:hover,
footer a:active
{
	margin-left:2em;
	font-size:100%;
	color: #fff;
	text-decoration: none;
	border-bottom: thin dotted #fff;
}

/* nicht Bestandteil des Lernheftes */