/* ######################################################################################################
** ### Vorbereitende Maßnahmen | Reset ##################################################################
** ######################################################################################################
*/
	/* Hiermit werden die Randabstände und border aller HTML-Elemente auf Null gesetzt. Damit wird das       
	** Aussehen der Webseite in unterschiedlichen Browsern vereinheitlicht. 
	*/
	
	* { margin:0; padding: 0; } 

	/* Das zurücksetzen der Innen- und Außenabstände verursacht zu kleine Selectboxen. Dies wird korrigiert */
	option {padding-left: 0.4em}
	
	/*
	** Die nachfolgenden Angaben entstammen dem Artikel 'Useful Code Snippets' von Mike Foskett
	** [http://www.websemantics.co.uk/tutorials/useful_css_snippets/]
	*/
	
	/* Vertikalen Scrollbalken im Netscape & Firefox erzwingen. Dies verhindert, dass zentrierte Layouts 
	** um 10 Pixel springen wenn der Seiteninhalt kleiner wird als die Höhe des Browserfensters. */
	html { height: 100% } 
	body { 
		min-height: 101%;	
	/* Beseitigung des Rundungsfehlers bei Schriftgrößen im Opera sowie Standardformatierungen */
		font-size: 100.01%; 
	/* FIX: Verhindert, dass positionierte Elemente nicht verschoben werden when die Größe des Browser 
			Fensters geändert wird. */
		position: relative; 
	
	/* Vorgabe der Standardfarben und Textausrichtung*/     
		color: #000;        
		background: #fff;
		text-align: left; 
	} 
	
	/* Standardrahmen zurücksetzen */
	fieldset, img { border:0; }
	
	/* Anpassung für Safari Browser. font-size:100% ist für den Safari in Formularen zu groß */ 
	select, input, textarea { font-size: 99% }
	
	
/* ######################################################################################################
** ### Markupfreie CSS-Floatclearing-Lösungen ###########################################################
** ######################################################################################################
*/

	/* Clearfix-Methode zum Clearen der Float-Umgebungen */
	 .clearfix:after {
		content: "."; 
		display: block; 
		height: 0; 
		clear: both; 
		visibility: hidden;
	}
	
	/* Diese Angabe benötigt der Safari-Browser zwingend !! */
	.clearfix { display: block; } 
	
	/* Overflow-Methode zum Clearen der Float-Umgebungen */
	.floatbox { overflow:hidden; }
	
	/* IE-Clearing: Benötigt nur der Internet Explorer und über iehacks.css zugeschaltet */
	#ie_clearing { display: none }
	
/* ####################################### Ende Clearing ####################################### */
	
	/* ######################################################################################################
** ### Skiplink-Navigation ##############################################################################
** ######################################################################################################
*/

.skip {
	position: absolute;
	left: -1000em; 
	width: 20em;
}
	
body { 
	background-position: top left;
	background-repeat: repeat-x;
	font-family:Verdana, Arial, san-serif;
	font-size:11px;
	background: #ffffff; 
	background: url(http://www.atrium.cc/deu/templates/atrium/images/hg.jpg);
	background-position: top left;
	background-repeat: repeat-x;
}

/* Layoutpositionierung | Randgestaltung */
#page_margins {
	width: 938px; 
	position: relative;   
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	background: #fff; 
}

#page{ }

/* Formatierung der Kopfbereiches */

#header { 
	position:relative;
	background-color: #fff; color: #fff; padding: 0px;
	height: 281px;
	}

	
	/* ####################################### Spaltenformatierung ####################################### */
	
#col1 {
		float: left;
		width: 25%;  /* Standard-Wert, falls keine anderen Vorgaben gemacht werden */
		display:none;
	}
#col1_content { padding-left: 20px; padding-right: 10px; display:none;}
	
#col2 {
		float:right; 
		width: 197px; /* Standard-Wert, falls keine anderen Vorgaben gemacht werden */
		margin-left:43px;
	}
#col2_content {	padding-left: 0; padding-right: 0;   }
	
#col3
	{
		width:693px;
		margin-left: 0; margin-right: 0; border-right: 0; 
	}
	
#col3_content { padding-left: 0; padding-right: 0px; padding-top:55px; padding-bottom:35px; }
/* ### #col3_content { padding-left: 0; padding-right: 0px; padding-top:0px; padding-bottom:35px; } ######### */

/* ####################################### Ende Spaltenformatierung ####################################### */
	
/* ####################################### Navigation ####################################### */


#nav {
	width:198px;
	margin-top:83px;
} 
	
	
#nav ul {
	width:198px;
}

#nav li {
	width:198px;
	border-bottom:1px solid #a2a2a2;
	 list-style-type: none;
	 padding:9px 0 9px 0;
}
	
	
#nav li a {
	font-size:14px;
	font-family:Arial, san-serif;
	font-weight:bold;
	text-decoration:none;
	color: #646464;
}	

#nav li a:hover {
	color: #b81115;
}	

#nav li#current a {
	color: #b81115;
}	


/* ####################################### Ende Navigation ####################################### */

	
#col1 a {
	text-decoration:underline;
	color: #0044CC;
}	

#footer a {
	text-decoration:underline;
	color: #0044CC;
}	
	
	
#footer {
	text-align:center;
	padding-bottom:35px;
}


#col2 h3{
	font-size:14px;
	font-family:Arial, san-serif;
	font-weight:bold;
	padding-bottom:9px;
	border-bottom:1px solid #a2a2a2;
	color: #b81115;
	margin-top:40px;
	margin-bottom:15px;
}


#page h2, #col3 h2, #col3 h3 {
	font-size:14px;
	font-family:Arial, san-serif;
	font-weight:bold;
	padding-bottom:9px;
	border-bottom:1px solid #a2a2a2;
	color: #646464;
	margin-top:35px;
	margin-bottom:15px;
}

.m4j_heading {
	font-size:14px;
	font-family:Arial, san-serif;
	font-weight:bold;
	padding-bottom:9px;
	border-bottom:1px solid #a2a2a2;
	color: #646464;
	margin-top:35px;
	margin-bottom:15px;
}

#col3 h4 {
	font-size:14px;
	font-family:Arial, san-serif;
	font-weight:bold;
	padding-bottom:9px;
	color: #b81115;
	margin-top:15px;
	margin-bottom:5px;
}

#col3 p {
	margin-top:5px;
	margin-bottom:5px;
	line-height:14px;
}


#col3 a, #col2 a {
	color:#0044CC;
	text-decoration:underline;
}

#col3 strong {
	color:#484848;
}

div.picls {
	float: left;
	margin: 5px 5px 15px 5px;
	padding:5px 5px 5px 5px;
}

div.picls ul {
	list-style-type:none;

}

div.picls li {
	text-align:center;
}

div.picls img {
	margin-bottom:10px;
}

div.picls li.title {
	font-weight:bold;
}

.hide {
	display:none;
}




#system-readmore {
	margin-top:20px;
}

.readon {
	padding-top:20px;
	font-weight:bold;
	display:block;
}

span.leading_separator {
	clear:left;
	display:block;
}

span.article_separator {
	clear:left;
	display:block;
}

#m4j-5-0, #m4j-5-1, #m4j-5-2 {
	margin-right:5px;
}

.m4j_form_wrap {
line-height:18px;
}

.m4j_submit_wrap, .m4j_submit {
margin-top:20px;
padding-top:20px;
}

#m4j-5-2 {
padding-bottom:20px;
margin-bottom:20px;
}

#m4jForm {
padding-top:20px;
}