/*   MAIN STYLESHEET   */
/*   ===============   */

/*   STANDARD FORMATTING (Must Come First)  */

/*   Following Neutralises the Different Default Settings of the Different Browsers   */
body, div, form,
h1, h1, h2, h3, h4, h5, h6,
p, ul, ol, li, pre,
table, thead, tbody, tfoot, tr, th, td {
	margin:0px;
	padding:0px;
}
												/*** Default Formatting for Links is Empty so that Gecko Browsers do not Show Hover for Anchors  ***/
a:link, a:visited, a:hover, a:active, a:focus {
}
a:visited {
	outline: none;				/* Die zuletzt geklickten Link zu verstecken */
}
a {
	text-decoration:none;
}

img { border:none }


/* ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~*/

/* Text Sizing Method from: A List Apart - "How to Size Text in CSS"
 - http://www.alistapart.com/articles/howtosizetextincss
*/

/* ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~*/

body {
	font-family: 'Times New Roman',Times,serif;
	background-color: #fefbf8;			/* ~helle beige  */
}
body #IE6orless {														/* ~  */
	width: 100%;
	background-color: white;				/*  Passend zu logo gif  */
}


.container {
	margin: 5% auto;
	padding: 3% 5%;
	width: 80%;
	min-width: 550px;
	max-width: 800px;										/* ~  */
	overflow: hidden;								/* ~Für die gefloatete Kontakt informationen  */
	text-align: center;
	font-size:16px;									/* ~Für alle Browsern äusser IE - sehe nächste Deklaration  */
	line-height:1.125em;						/* ~Ümgefäht 18px  */
	border: 1px solid gray;
}
#IE7orless .container {
	font-size:100%;									/* ~Sehe vorgänige Deklaration  */
}
h1, h2, .name, .highlight {
	font-family: 'TeXGyreScholaBold', Arial, serif;
	color: #6cb26c;									/* ~helle grün  */
}
h1 {
	font-size: 2.5em;								/* ~  */
	line-height:1.5em;							/* ~  */
	text-align: justify;						/* ~  */
	letter-spacing: 0.1em;
	text-transform: uppercase;			/* ~  */
}
h2 {
	font-size: 1.5em;								/* ~  */
	line-height:1.125em;						/* ~Ümgefäht 18px  */
	text-align: left;
}

#logo {														/* ~  */
	float: right;
	margin: 0 0 5% 0;								/* ~  */
	width: 230px;
	height: 167px;
	background-image:url(../grafiken/mund-logo-230.png);	/*  Transparenter Hintergrund  */
	border: 0px solid gray;
}
#IE6orless #logo {								/* ~  */
	background-image:url(../grafiken/mund-logo-230.gif);	/*  Weisser Hintergrund  */
}

.name {
	margin-top: 5%;									/* ~  */
	font-size: 1.5em;								/* ~  */
	line-height:1.25em;							/* ~  */
	text-align: left;
}

.highlight {
	clear: both;										/* ~  */
	font-size: 1.75em;							/* ~  */
	line-height:1.25em;							/* ~  */
	text-align: left;
	border: 0px solid gray;
}

.contact {
	position: relative;								/* ~  */
	margin-top: 7.5%;									/* ~  */
	vertical-align: bottom;
	text-align: left;						/* ~ Hilft IE mit mit Positioneirung von linkem Rand,
																				da er so ungenau positioniert  */
	font-family: 'TeXGyreScholaRegular', Arial, serif;
	font-size: 1.5em;								/* ~  */
	font-weight: bold;							/* ~  */
	line-height:1.125em;						/* ~Ümgefäht 18px  */
	color: #788c78;									/* ~mittel grün  - sehe auch .link */
	background-color: transparent;
}

.address,
.telephone {
	display: -moz-inline-stack;			/* ~FF2  */
	display: inline-block;
	position: static;								/* ~Habe gehofft, dass dies IE8 mit den Genauigkeit
																				helfen könnte, aber scheinbar hilft es nicht.  */
	padding-bottom: 0.2em;					/*  Platz für 'g' 'p' usw. zu lassen  */
	vertical-align: bottom;
	background-color: transparent;
}
#IE7orless .address,
#IE7orless .telephone {
	zoom: 1;
	display: inline;								/* ~IE6-7  */
	_height: 1em;										/* ~IE6 hack  */
}
.address {
	width: 43%;											/* ~  */
	text-align: left;
}
#IEroot .address {
	width: 43%;											/* ~ Sonst bricht das Layout wenn contact Div
																				schmaler als 600px Breite ist!!!
																				Sehe: John Resig's
																					http://ejohn.org/blog/sub-pixel-problems-in-css  */
}
.telephone {
	width: 55%;											/* ~  */
	text-align: right;
}

.link {
	color: #788c78;									/* ~mittel grün - sehe auch .contact */
}
.link:hover {
	text-decoration: underline;
}