body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	line-height: 1.6em;
	background-image: url(3gl-hintergrund.jpg);
	/*background-repeat:repeat-x;*/
	background-color: #FFE5B2;
	text-align: center;
	margin: 0;
	padding: 0;
}
/* ===========================================================*/
/* ======================= Ebenen ============================*/
/* ===========================================================*/

/*#kopf {
	 text-align: left; hebt zentrierung des Textes aus BODY auf 
	background-color: #FFFFFF;	
	-moz-border-radius: 15px 15px 0 0;
    -webkit-border-radius: 15px 15px 0 0;
	width: 770px;
	height: 60px;
	padding-top:15px;
	padding-bottom:0px;	
	margin-top:15px;
	margin-right: auto;
	margin-left: auto;
}*/

#hintergrund {
	/* background-color: #FFFFFF;	*/
	text-align: left; /* hebt zentrierung des Textes aus BODY auf */
	width: 58em;
	margin-top: 1em;
	margin-right: auto;
	margin-left: auto;	
}
#linkenavi {
	text-align: center;
	background-color: #FFFFFF;	
	float: left;
	width: 16em;
	-webkit-border-radius: 1.5em;
	border-radius: 1.5em;
	border: 0.25em solid #FF9900;
	padding-bottom:1.5em;
}
#inhalt {
	background-color: #FFFFFF;	
	float: right;
	width: 40em;
	-webkit-border-radius: 1.5em;
	border-radius: 1.5em;
	border: 0.25em solid #FF9900;
	padding-bottom:1.5em;
}
/*#fuss {
	text-align: left;  hebt zentrierung aus BODY auf 
	background-color: #FFFFFF;
	width: 770px;
	height: 60px;
	margin-right: auto;
	margin-left: auto;
	 wenn #fuss entfällt und runde Ecken bleiben soll, die beiden folgenden Befehle in #Hintergrund einfügen
	-moz-border-radius: 0 0 15px 15px; 
    -webkit-border-radius: 0 0 15px 15px;
}*/

/* ========================= Schriften =============================*/
p {
color:#000033;
padding:0 0 0 0;
margin:0 0.5em 0.6em 1em;
}
#linkenavi p {
margin: 0 0 0.7em 0;
line-height:2em;
}
.linkliste_ueberschrift {
margin:0 0.5em 0 1em;
font-weight:bold;
}
.linkliste {
line-height:2em;
}
h1 {
font-family: Arial, Helvetica, sans-serif;
font-weight:bold;
font-size: 1.2em;
line-height: normal;
color: #000000;
padding: 0;
margin: 1em 0.5em 0.5em 0.8em;
/*clear:both;*/

}

a {  color: #0000CC; text-decoration: none; font-weight: normal; font-style: normal}
a:visited {  color: #6666CC; text-decoration: none}
a:hover {  color: #009900; text-decoration: none}
h2 {
font-family: Arial, Helvetica, sans-serif;
font-size:1.05em;
font-style:italic;
color: #000000;
line-height: 1.4em;
text-align: left;
margin: 0;
padding: 0;
margin: 0.5em 0.5em 0.5em 1em;
}

/* ============================= MOBIL ======================================*/
@media screen and (max-width: 800px) {
#hintergrund {
width: 75%;
min-width:29em;
}
#inhalt {
float:none;
width: 100%;
min-width:29em;
margin-bottom: 1em;
}
#linkenavi {
float:none;
width: 100%;
min-width:29em;
}
#linkenavi p {
-moz-column-count: 2;
-webkit-column-count: 2;
column-count: 2;
}
}
@media screen and (max-width: 700px) {
.werbung468 {
width:100%;
height:auto;
}
}
@media screen and (max-width: 480px) {
#hintergrund {
width: 98%;
min-width:12em;
}
#inhalt {
float:none;
width: 98%;
min-width:12em;
margin-bottom: 1em;
}
#linkenavi {
float:none;
width: 98%;
min-width:12em;
}
#linkenavi p {
-moz-column-count: 1;
-webkit-column-count: 1;
column-count: 1;
}

}