/*
	Farben der Fonts:
	hintergrund: #ffffff (weiß) | verlauf orange: ee7600 -> ffa500
	tabellenueberschrift: #1A1A1A (gray10) | tabelleninhalt: #333333 (gray20) | headerhintergrund #4D4D4D (grau30)
	schrift: #ffffff (schwarz)
	rahmen: #000000 (weiß)
	link: #BABABA (grau73) | link-visited: #DBDBDB (grau86) | link-hervorgehoben: #EDEDED (grau93)
*/
body				{
	background: #ffffff; 
	margin: 0px 0px 0px 0px;  /* aussenabstand oben rechts unten links */
	padding: 0px 0px 0px 0px; /* innenabstand oben rechts unten links */
	background-image : url('http://www.gundrum.info/images/verlauf.gif');
	background-repeat : repeat-x;
}

#seite				{ /* ---------- container für alle inhalte ------ */
	background: #ffffff;
	width: 1004px;
	\width: 1024px;
	w\idth: 1004px;
	margin: 5px 0px 5px 0px; /* aussenabstand oben rechts unten links */
	padding: 0px 0px 0px 0px; /* innenabstand oben rechts unten links */
	margin-left: auto;
	margin-right: auto;
}

#header				{ /* integriert den header mit bild, erzeugt den rahmen (oben, links und rechts) und rundet die ecken ab */
	height: 100px;
	border: 1px #000000;
	border-top-style: solid;
	border-left-style: solid;
	border-right-style: solid;
	background: url('http://www.gundrum.info/images/header.jpg') #4D4D4D; /* grau30 */
	background-repeat: no-repeat;
	background-position: center;
}

#menu				{ /* ---------- container für das menu ------ */
	padding: 5px 0px 0px 50px; /* innenabstand oben rechts unten links */
	background: #4D4D4D; /* grau30 */
	height: 25px;
	text-align: left;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
}

#menublock_1
	{
	float: left;
	width: 100px;
	}
#menublock_2
	{
	float: left;
	width: 100px;
	}
#menublock_3
	{
	float: left;
	width: 100px;
	}
#menublock_4
	{
	float: left;
	width: 100px;
	margin-left: 25px;
	}
#menublock_5
	{
	float: left;
	width: 100px;
	margin-left: 50px;
	}

#inhalt				{ /* container für den rahmen rechts und links */
	padding: 5px 10px 0px 10px; /* innenabstand oben rechts unten links */
	border-left: 1px solid #000000;
	min-height: 600px; /* erzeugt eine mindesthöhe von 600px */
	border-right: 1px solid #000000;
	background: #4D4D4D; /* grau30 */
}

#inhalt:after		{
	/* inhalt pseudo-element :after;
	 * somit [clear] moeglich */
	content: ".";
	/* [content] verbergen; */
	visibility: hidden;			
	height: 0;
	/* block-level fuer [clear]; */
	display: block;
	/* [float] clearing;
	 * einbeziehen der float-container;
	 */	
	clear: both; 
	}

#inhalt				{display: inline-block;}

/* hides from IE-mac \*/
* html #inhalt	{height: 1%;}
#inhalt			{display: block;}
/* end hide from IE-mac */

/*.news				{
	position: relative;
	min-height: 600px;
	padding: 20px 10px 0px 10px; innenabstand oben rechts unten links
} */

#facts_links		{ /* ordnet den container links an */
	width: 49%;
	float: left;
	padding: 2px 0px 0px 2px; /* innenabstand oben rechts unten links */
}

#facts_rechts		{ /* ordnet den container rechts an */
	width: 49%;
	float: right;
	padding: 2px 2px 0px 0px; /* innenabstand oben rechts unten links */
}

#footer				{
	height: 15px;
	text-align: center;
	padding: 5px 0px 10px 0px; /* innenabstand oben rechts unten links */
	border: 1px #000000;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-style: solid;
	background: #4D4D4D; /* grau30 */
}

/* --------------------- Schriften -------------------------------- */

body,td,th,div,font	{
	font-family: tahoma, arial, helvetica, sans-serif;
	line-height: 1.2em;
	font-size: small;
	letter-spacing: 0.1em;
	color: #000000;
	text-align: left;
}

h1					{ /* überschrift 1 auf den seiten */
	font-family: tahoma, arial, helvetica, sans-serif;
	letter-spacing: 0.3em;
	line-height: 1.6em;
	font-size: 0.875em; /* 14px */
	font-weight: bold;
	padding: 0px 0px 0px 10px; /* innenabstand oben rechts unten links */
}	

h2					{ /* überschrift 2 auf den seiten */
	font-family: tahoma, arial, helvetica, sans-serif;
	letter-spacing: 0.2em;
	line-height: 1.4em;
	font-size: small;
	font-weight: bold;
	padding: 0px 0px 0px 8px; /* innenabstand oben rechts unten links */
}

.quote			{
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: x-small;
	color: white;
	line-height: 125%;
	background-color: #4d4d4d;
	border: 1px solid white;
	margin: 5px;
	padding: 5px;
}

p.zurueck			{ /* zurück-text */
	font-family: tahoma, arial, helvetica, sans-serif;
	font-size: small;
	text-align: center;
}

p.text	{
	font-family: tahoma, arial, helvetica, sans-serif;
	line-height: 1.2em;
	font-size: small;
	letter-spacing: 0.1em;
	text-align: left;
	padding: 10px 0px 8px 0px; /* innenabstand oben rechts unten links */
}

p.link	{
	font-family: tahoma, arial, helvetica, sans-serif;
	line-height: 1.2em;
	font-size: small;
	letter-spacing: 0.1em;
	text-align: left;
	padding: 10px 0px 8px 0px; /* innenabstand oben rechts unten links */
}
/* --------------------- Links -------------------------------- */

a					{
	font-family: tahoma, arial, helvetica, sans-serif;
	line-height: 1.2em;
	font-size: small;
	letter-spacing: 0.1em;
	color: #BABABA;
	text-decoration: none;
	text-align: left;
}

a:visited			{
	font-family: tahoma, arial, helvetica, sans-serif;
	line-height: 1.2em;
	font-size: small;
	letter-spacing: 0.1em;
	color: #DBDBDB;
	text-align: left;
}

a:hover				{
	font-family: tahoma, arial, helvetica, sans-serif;
	line-height: 1.2em;
	font-size: small;
	letter-spacing: 0.1em;
	color: #EDEDED;
	border-bottom: 1px dashed #ffffff;
	text-align: left;
}

/* --------------------- Klassen -------------------------------- */

.bild_li			{ /* links angeordnete bilder mit abstand rechts 7px */
	border: 1px solid #BABABA;
	float: left;
	margin: 0px 7px 0px 0px; /* aussenabstand der grauen linie oben rechts unten links */
	padding: 2px 2px 1px 2px; /* innenabstand der grauen linieoben rechts unten links */
	}

.bild_re			{ /* rechts angeordnete bilder mit abstand links 7px */
	border: 1px solid #BABABA;
	float: right;
	margin: 0px 0px 0px 7px; /* aussenabstand oben rechts unten links */
	padding: 2px 2px 1px 2px; /* innenabstand oben rechts unten links */
	}

.facts				{ /* umrandet den text und stellt mit margin-bottom den Abstand zur nächsten klasse her */
	background-color: #7F7F7F;
	min-height: 85px;
	border: #000000;
	border-style: dashed;
	border-left-width: 1px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	margin-bottom: 5px;
	padding: 7px;
}

.neues_ueber {
	background: url('http://www.gundrum.info/images/grad_orange.png') repeat-x bottom;
	height: 26px;
}
	.neues_ueber p {
		padding: 6px 0 0 10px;
		height: 20px;
		margin: 0;
	}
	.neues_ueber a {
		text-decoration: none;
	}

.neues_inhalt		{ /* umrandet den text und stellt mit margin-bottom den Abstand zur nächsten klasse her */
	background-color: #7F7F7F;
	min-height: 90px;
	border-left: 1px solid #ffa500;
	border-right: 1px solid #ffa500;
	border-bottom: 1px solid #ffa500;
	padding: 5px 5px 5px 5px; /* innenabstand oben rechts unten links */
	margin: 0px 0px 7px 0px; /* aussenabstand oben rechts unten links */
}

.tabelle_ueber		{ /* umrandet den text und stellt mit margin 0050 den Abstand zur nächsten neues her */
	background: url('http://www.gundrum.info/images/grad_orange.png') repeat-x bottom;
	height: 22px;
}
	.tabelle_ueber h2 {
		padding: 2px 0px 0px 8px; /* innenabstand oben rechts unten links */
		margin: 0;
	}
.tabelle_inhalt		{ /* umrandet den text und stellt mit margin-bottom den Abstand zur nächsten klasse her */
	background-color: #7F7F7F;
	min-height: 90px;
	border-left: 1px solid #ffa500;
	border-right: 1px solid #ffa500;
	border-bottom: 1px solid #ffa500;
	padding: 5px 5px 5px 5px; /* innenabstand oben rechts unten links */
	margin: 0px 0px 7px 0px; /* aussenabstand oben rechts unten links */
}

.tabelle_inhalt_center	{ /* umrandet den text und stellt mit margin-bottom den Abstand zur nächsten klasse her */
	background-color: #7F7F7F;
	min-height: 85px;
	border-left: 1px solid #ffa500;
	border-right: 1px solid #ffa500;
	border-bottom: 1px solid #ffa500;
	padding: 5px 5px 5px 5px; /* innenabstand oben rechts unten links */
	margin: 0px 0px 7px 0px; /* aussenabstand oben rechts unten links */
	text-align: center;
}

.tabelle			{ /* margin-bottom abstand herstellen */
	background-color: #7F7F7F;
	min-height: 85px;
	border-style: dashed;
	border-left-width: 1px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	padding: 5px;
	margin-bottom: 5px;
}