/* GLOBAL */

#flashcontent {background-color:#000000;height: 500px;}
	/* end hide */

body  {
	font: 1em "Century Gothic", Arial, Helvetica, sans-serif;
	background: #000;
	margin: 0; 
	padding: 0;
	text-align: center; /* Hierdurch wird der Container in IE 5*-Browsern zentriert. Dem Text wird dann im #container-Selektor die Standardausrichtung left (links) zugewiesen. */
	color: #ccc;
	line-height: 135%;
	text-align: center;
}
.home body, td, th, tr, p, div, a {font-family: "Century Gothic",Arial,sans-serif;font-size: 1em;color: #ccc;text-decoration:none; line-height: 135%;}
h1, h2, h3, h4, h5, h6{font-family: "Century Gothic",Arial,sans-serif;font-size: 2em;font-weight:normal;color: #ccc;}	
h3 {font-family: "Century Gothic",Arial,sans-serif;color: #ccc;font-size: 1.5em;}
#footer { width: 100%;float:right;padding: 10px 10px; background:#000;	color:#ccc;text-align:right;font-size:0.8em;border-top:2px solid #cc0000;} 

.home #container {
	position:relative; top:50px;
	width:100%; overflow: hidden; /* Mit dieser Breite wird ein Container erstellt, der in ein 800 Pixel breites Browserfenster passt, sofern für den Text die Standardschriftgröße des Browsers übernommen wird. */
	margin: 0 auto; /* Durch automatische Ränder (in Verbindung mit einer Breite) wird die Seite zentriert. */
	border-top: 0px solid #cc0000;
	min-height:10; min-width: 960px;  background: url(/images/bg_main.jpg) repeat-x; overflow:hidden;
	text-align: left; /* Hierdurch wird die Einstellung text-align: center im Body-Element überschrieben. */
}
.home #header { 
	background: #fff; 
	height:0px;
	border-bottom:0px solid #cc0000;
	padding: 0 10px 0 20px;  
} 
.home #mainContent {
	border-top:0px solid #cc0000;
	padding: 0 0px;
	min-width:960px; min-height:500px ; background: url(/images/bg_content2.jpg) no-repeat;
}
.home #mainContent_nav {
	position:relative; top:374px;
	width:400px;
	height:110px;
	float:right;
}
.home #mainContent_name {
	position:relative; top:0px;
	width:400px;
	height:60px;
	background:#cc0000;
	float:right;
}
.home #mainContent_name h1 {text-align:left; font-size:1.4em;color:#333;text-decoration:none;}
.home #mainContent_name a {margin-left:10px;text-align:center; font-size:1em;color:#ccc;text-decoration:none;}
.home #mainContent_link h2 {text-align:left; font-size:1em;color:#000;text-decoration:none;}
.home #mainContent_link a {margin-left:10px;text-align:center; font-size:1.0em;color:#ccc;text-decoration:none;}

.home #mainContent_name a:link{color:#ccc;
	
	margin: 0; /* Wenn Sie den Rand des letzten Elements im #header-div auf 0 einstellen, können Sie das Auftreten unerwarteter Abstände zwischen divs vermeiden. Wenn das div einen Rahmen hat, ist dies unnötig, weil dieser Rahmen die gleiche Wirkung hat. */
	padding: 10px 0; /* Durch die Verwendung der Auffüllung anstelle von Rändern lässt sich gewährleisten, dass das Element die Kanten des div nicht berührt. */
}

.home #mainContent_link {position:relative; top:18px;width:400px;height:30px;background:#666;float:right;}
.content #container {position:relative; top:20px;margin: 0 auto; /* Durch automatische Ränder (in Verbindung mit einer Breite) wird die Seite zentriert. */
	border: 0px solid #fff;
	min-height:0px; min-width: 960px;  background: url(/images/bg_mainx.jpg) repeat-x; overflow:hidden;
	text-align: left; /* Hierdurch wird die Einstellung text-align: center im Body-Element überschrieben. */
}
.content #header_port_main { 
	padding: 0 10px 0 20px;  /* Diese Auffüllung entspricht der linksbündigen Ausrichtung der Elemente in den divs, die darunter erscheinen. Wenn im #header anstelle von Text ein Bild eingesetzt wird, sollten Sie die Auffüllung entfernen. */
	height:auto;
	text-align:right;
	color:#CCC;
	font-size:0.8em;
	border-bottom:2px solid #cc0000;
} 
.content #header h1 {
	margin: 0; /* Wenn Sie den Rand des letzten Elements im #header-div auf 0 einstellen, können Sie das Auftreten unerwarteter Abstände zwischen divs vermeiden. Wenn das div einen Rahmen hat, ist dies unnötig, weil dieser Rahmen die gleiche Wirkung hat. */
	padding: 10px 0; /* Durch die Verwendung der Auffüllung anstelle von Rändern lässt sich gewährleisten, dass das Element die Kanten des div nicht berührt. */
}
.content #mainContent {width:100%;min-height: 400px;padding: 0 20px;} /* padding (Auffüllung) bezeichnet den Innenabstand und margin (Rand) den Außenabstand der div -Box. */	
.content #mainContent_left {position:relative; left:10px; top:30px; width:550px;float:left;}
.content #mainContent_diashow {position:relative; left:10px; top:0px;width:550px;float:left;}

.content #mainContent_right 		{position:relative; left:0px; top:0px; width:400px; min-height:470px; float:right; overflow:hidden;}
.content #mainContent_right_header 	{position:relative; top:30px; width:400px; height:60px; background:#cc0000; float:right;font-size:1.2em;border:0px solid #c3c;}
#mainContent_right_header h3 		{padding-left:20px; font-size:1.2em;color:#ccc;text-decoration:none;line-height:100%;}
#mainContent_right_link             {position:relative; top:48px;width:400px; padding: 10px 20px 10px 10px;background:#666;font-size: 0.8em; float:right;}
#mainContent_right_link_text        {position:relative; top:5px;left: 40px; width:350px; margin-bottom: 10px; font-size:inherit;}
#mainContent_right_link a:hover 	{color:#900; text-decoration:underline;}
#mainContent_right_link2   			{position:relative; top:63px;width:400px;  padding: 10px 20px 10px 10px;background:#666;font-size: 0.8em; float:right;}	
#mainContent_right_link2_text   	{position:relative; top:5px;left: 40px; width:350px; margin-bottom: 10px; font-size:inherit;}	
#mainContent_right_link3   			{position:relative; top:75px;width:400px;  padding: 10px 20px 10px 10px; background:#666;font-size: 0.8em; float:right;}	
#mainContent_right_link3_text   	{position:relative; top:5px;left: 40px; width:360px; margin-bottom: 10px; font-size:inherit;}
#mainContent_right_link3_text a:hover {color:#900; text-decoration:underline;}
.content #mainContent_right_link2 a{color:#ccc;font-size: 1.0em;text-decoration:none;}