/* dieses Layout ist für eine 100% Höhe Zentriert ausgelegt. Da sich innen Layer nicht optimal auf die Bildschirmgrösse anpassen lässt
   solte im main div mit einem Hintergrundbild gearbeitet werden. Dieses Hintergrundbild kaschiert die nicht vorhandene Höhe des Meues und Contents
   Die Fusszeile ist ausserhalb des main div gesetzt, damit dieser immer zuunterst an der Seite ist, daher muss in der Gesammthöte die Höhe der Fusszeile
   abgerechnet werden
   bb 22.10.08
   UPDATE 18.01.2012  Body Overflow scroll eingesetzt ACHTUNG sep IE css erstellen und da den Overflow wieder übersteuernt
   UPDATE 18.01.2012   Div Rechts eingesetzt
   UPDATE 18.01.2012   Div Rechts eingesetzt
   UPDATE 09.07.2012  Joomla 2.5.6
   */
   
/* ausblenden der Fehlermeldung wegen Phoca Slidshow) */
#contentmain > b:nth-child(1),
#contentmain > b:nth-child(2),
#contentmain > b:nth-child(3),
#contentmain > b:nth-child(4),
#contentmain > b:nth-child(5){
	display: none;
} 
 
  /* Layout Bestimmen Höhe und Ausrichtung----------------------------------------------------------------------------------------------------------------------------------------------------------*/
html {
 height:100%;																		/* ----------FF+IE7--------------------100% Höhe erzwingen*/
 }
 * html { 
 height:100%;																		/* ----------FF+IE7--------------------100% Höhe erzwingen*/
 }

 body {
	overflow-y: scroll; 															/* ----------IE 7-----------------------Scrollbar erzwingen von FF und IE 8 */
}	

body {
	height: 100%;																	/* ------------FF+IE7-------------------100% Höhe erzwingen */
	margin:0px;
	padding: 0px;
	text-align: center;  															/* ---xx-------IE6+IE7-----------------Zentrierung Layout ACHTUNG wirkt sich auch auf den Text aus im Div main wieder nach links ausrichten, wenn links gewünscht  auto löschen----------------------*/															
	font-size:100.01%;															/* -------------IE6+IE7-----------------Um Anzeigefehler - besonders bei einer Schriftgradnderung  zu vermeiden, ist bei der Verwendung von em die Schriftgre fr das erste Element in der Einheit % anzugeben und hierbei exakt 100% zu vermeiden.*/
	background:  url(../images/hg_body.jpg) #DDE7F6 no-repeat center bottom fixed;
}

 /* Layer Positionierung Bestimmen-------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
div#main {
    position: relative;															     /*-------------FF+IE7------------------relativ, damit der footer auch bei kürzerem content ganz unten an der seite steht */
	text-align: left;																	/* -------------IE6+IE7----------------Zentrierung Seiteninhalt zurücksetzten, damit der Text rechtbündig ist Nachteil Absatzformatierung in HTML  geht nicht mehr*/		
	width:980px;																	 /*  ---xx-----------------------------------Breite des Layouts-*/
	/*height: 88%;																     --------------IE6------------------------Mindest Höhe erzwingen falls der content länger ist. ACHTUNG Fusszeile abziehen*/
	height:auto !important;												     /*  -------------FF------------------------Mindest Höhe erzwingen falls der content länger ist. ACHTUNG Fusszeile abziehen*/
	min-height:88%;															     /* ------------IE7------------------------Mindest Höhe erzwingen falls der content länger ist. ACHTUNG Fusszeile abziehen*/
	margin: 0px auto;															  /* ------------FF-------------------------auto Zentrierung Layoutwenn links gewünscht  auto löschen----------------------*/
	padding:0px;
	background:  url(../images/hg_main.png);/* ----xx---------------------------------HG Bild und Frabe-----------------------------*/
	/*border:2px solid green;---kontrolle*/
}

div#head {
	height: auto;
	width: 100%;
	margin: 0px;
	padding: 0px;
	background:  url(../images/hg_header.png);
	/*border:2px solid Fuchsia;---kontrolle*/
}

div#menue {
	float: left;
    width: 210px;																	
	margin: 0px;
	padding-top:15px;
	padding-bottom: 30px;
	text-align: left;	
	/*border:2px solid fuchsia;---kontrolle*/															  
}


div#contentmain {
    /*  width: auto !important;													---xx--------------------------------------Breite des Layouts geht auch in % und Pixel, ACHTUNG Abstand vom Text durch Breite  regulieren, NICHT mit padding links und rechts.*/	
	width: 700px;																  /*  ---xx------------IE6---------------------Breite ACHTUNG % geht NICHT :-)  */
	margin-left:230px;														 /*   ---xx--------------------------------------Menübreite inkl den Abstand  zum Content*/
    padding-top: 20px ;							       						  /* ---xx--------------------------------------Abstand des Inhaltes NUR oben und unte anpassen------------*/
	padding-bottom: 30px;		
	padding-right: 0px;
	padding-left: 0px;								 		   
	/*border:2px solid blue;-----kontrolle*/
}

/* Drucker E-Mail icons, liegen nun im Content */
ul.actions
 {
    list-style: none;					
	text-decoration: none;  
    margin:0px;
	padding:0px;
	float: right;
	 /*border:2px solid Teal;---kontrolle*/
}
ul.actions li{
    list-style: none;           												
	margin:0px;																	
	padding:0px;	
	float: left;
	 /*border:2px solid red;---kontrolle*/	
}

div#rechts {
	float: right;																			/*  ---xx--------------------------------Die Breite des Modules rechts muss am div#content abgezogen werden, oder den div in den div#content stellen.*/												      
	width: 260px;														
	height: auto;
	text-align: right;
	padding-top:20px;
	padding-right: 20px;
	padding-left:25px;
	/*border:2px solid blue;  ----kontrolle*/
}
  
div#fusszeile{
	clear:both;
	text-align: right;
	width: 980px;	
	min-height: 30px;
	margin: 0px auto;															  /* -------------------------------------auto Zentrierung Fusszeile wenn links gewünscht  auto löschen----------------------*/
    color: #B5B5B5; 
	background-color: #000;
	/*border:2px solid yellow;---kontrolle*/
  } 
  
 div#fusszeile p{
  	margin:0px;
	padding:0px;
  } 
 /* STARTSEITE modul ACHTUNG NEU das ist für die Startseite, die Spalten sind nun im CSS deviniert----------------------ACHTUNG mit dem Float  wegen Fusszeile-------------------------------*/   
  .column-1, .column-2,   .column-3{
    width: 33%;
    float: left;
	;/*border: 2px solid green---kontrolle*/
}


/* Beiträge als Blog muss overvlow gesetzt werden, da sonst der div#contentmain nicht bis ganz nach unten geht. ohne overvlow hat der div.blog keine höhe :-) */
div.blog{
	overflow: auto;
	/*border: 2px solid Lime;---kontrolle*/
}

div.items-row{
	display: inline-table;
	width: 100%;
	/*border: 2px solid red;---kontrolle*/
}


  /*Copiright--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/  
   div#copy{
	text-align: right;
	/*border: 2px solid Lime;---kontrolle*/
  } 
  a.copy:link, a.copy:visited, a.copy:active{
  	float: right;
  	font : 6.4pt Arial, Helvetica, sans-serif;
    color: #B5B5B5; 
  	text-decoration: none;
}
  a.copy:hover{
  	font : 6.4pt Arial, Helvetica, sans-serif;
    color: #8C8C8C; 
  	text-decoration: underline;
}

 span.article_separator{
 display: none;
}