/* Basisvorlage CSS
Zepf Werbung
www.zepf-werbung.de
Start: 30.5.2016
Letzte Aenderung: 3.5.2023
*/

/* Farbschema
--------------------------------------------------------------------------------------- */

/*
Farbton (gelb): #
*/

/* Reset
--------------------------------------------------------------------------------------- */
* {
	padding: 0;
	margin: 0;
	border: 0;
}
/* Globals und Typo 
--------------------------------------------------------------------------------------- */

html {
	background-color:#fff;
	background-image: url(../images/fond_1_weiss.png);
	background-repeat:repeat;
}

body {
	font-size: 100%;
}


html>body {
	font-size: 20px;
}

a:link {
	color: #700;
}

a:visited {
	color: #800;
}

a:hover {
	color: #c00;
	text-decoration: underline;
}

/* Macht die gepunktete Linie um geklickte Links unsichtbar
--------------------------------------------------------------------------------------- */
a:focus {
    outline: none;
}


/* Vertikaler Rhythmus basierend auf 12px Basisgröße für den Fließtext
--------------------------------------------------------------------------------------- */
p {
	font: 1em/1.5em Verdana, Arial, Tahoma, sans-serif;

}

h1 {
	font: 1.8em/1em Verdana, Arial, Tahoma, sans-serif;
	margin-top: 0em;
	margin-bottom: 0,5em;
	color: #333;
	font-weight: bold;
}

h1 span {
	display: none;
}


h2 {
	font: 1.2em/1em Verdana, Arial, Tahoma, sans-serif;
	margin-top: 1em;
	margin-bottom: 0,1em;
	color: #333;
	font-weight: bold;
}

h3 {
	font: 1.05em Verdana, Arial, Tahoma, sans-serif;
	color: #333;
	font-weight: bold;
}

/* E-Addr Spann
--------------------------------------------------------------------------------------- */

p#mailinvite::after, span#displayMail::before, span#displayMail::after {background-color#DDD; color:#333;} 
p#mailinvite::after {content: "o\40zepf-werbung.de";}
span#displayMail::before {content: "inf";}
span#mussWeg {display:none;}
span#displayMail::after {content: "o\40zepf-werbung.de";}



/* Bilder und verlinkte Bilder ohne Rahmen 
--------------------------------------------------------------------------------------- */
img, a img {
	border: 0;
}


/* Links- bzw. Rechtsausrichtung für Elemente
--------------------------------------------------------------------------------------- */
.links {
	float: left;
	margin: 0 0.5em 0.5em 0;
}

.rechts {
	float: right;
	margin: 0 0 0.5em 0.5em;
}


/* Layoutelemente
Verwenden Sie overflow: hidden; um nötige Foats aufzulösen.
--------------------------------------------------------------------------------------- */

#hauptinformation {
	clear: both;
	float: left; 
	max-width: 690px;
	color: #333;
	padding: 140px 20px 20px 70px;
}

#hauptinformation alt {
	clear: both;
	float: left;
	width: 590px;
	color: #333;
	padding: 140px 20px 20px 70px;
}