/*
 * @author		Christian Born
 * @package		CB
 * @copyright	Copyright (C) 2012. All rights reserved.
 * @license		GNU/GPL
 * @lastupdate	26.02.2016
 */

 /*********************************************************
  * Schriftarten Anfang
  *********************************************************/
 
@font-face {
 font-family: "MyCustomFont";
 src: url("./fonts/abalc_0.eot") /* EOT file for IE */
}

@font-face {
 font-family: "MyCustomFont";
 src: url("./fonts/abalc_0.ttf") /* TTF file for CSS3 browsers */
}

 /*********************************************************
  * Schriftarten Ende
  *********************************************************/

html
{
	/* setzt minimale Höhe der Seite auf 101%
	 * somit wird gleich der vertikale Scrollbalken angezeigt
	 * und es wird verhindert das die Seite hü, falls
	 * der Scrollbalken erst später angezeigt wird
	min-height: 101%;
	 */
}

body
{
	font-size: 12px;
	font-family: "MyCustomFont", "Abadi MT", "Abadi MT Condensed Light", "Arial", "Bookman Old Style"; /* */
	background: url(../images/background.png);
	color: white;
	padding: 0px;
	margin: 0px;
	text-align: left;
}
 /*********************************************************
  * BODY Klassen
  *********************************************************/

body.width_0 div#container{
	width: 800px;
}  

body.width_1 div#container{
	width: 900px;
}  
  
body.width_2 div#container{
	width: 1000px;
}  
  
h3
{
	font-size: 12px;
	font-family: "MyCustomFont", "Abadi MT", "Abadi MT Condensed Light", "Arial", "Bookman Old Style"; /* */
	color: black;
	text-align: left;
}

p{
	font-size: 14px;
}

 /*********************************************************
  * Bilder im allgemeinen
  *********************************************************/

img{
	border-width: 0;
}

 /*********************************************************
  * CONTAINER
  *********************************************************/

#container{
	/*
	background: grey;
	*/
	padding: 0px;
	margin: 0px auto;
	height: 100px;
	width: 1000px;
}

 /*********************************************************
  * TOP
  *********************************************************/

#top{
	/*background-color: green;*/
	padding: 0px;
	border: 0px solid black;
	float: left;
	width: 1000px;
	height: 160px;
}

 /*********************************************************
  * LOGO
  *********************************************************/

#logo{
	-moz-border-radius: 20px 20px 20px 20px;
	-moz-box-shadow: 0px 0px 0px #CCCCCC;
	background: url(../images/logo.png) no-repeat;
	/*padding: 2px;*/
	height: 120px;
	width: 1000px;
	position: relative;
	float: left;
	z-index: 2;
}

#contentbeginn{
	background: #8BA68B;
	padding: 0px;
	width: 620px;
	height: 46px;
	float: left;
	position: relative;
	left: 190px;
	z-index: 1;
	top:-50px;
}

 /*********************************************************
  * TOPMENU Bereich
  *********************************************************/

#topmenusearch {
	-moz-border-radius: 20px 20px 20px 20px;
	-moz-box-shadow: 0px 0px 0px #CCCCCC;
	/*
	background-color: lightblue;
	*/
	padding: 0px;
	border: 0px solid black;
	/*
	width: 1000px;
	*/
	min-height: 16px;
	position: relative;
	float: left;
	/* =================================================
	   Abstand der Topmenües vom linken Rand
	   ================================================= */
	left: 24%; /*  (((x*80)+((x-1)*10)) / 1000) / 2*/
	
}

#topmenu{
	/*
	background: lightgreen;
	*/
	padding: 0px 0px 0px 0px;
	width: auto;
	position: relative;
	float: left;
}

 /*********************************************************
  * TOPMENU Menü
  *********************************************************/

ul.menu_top {
	margin:0;
	padding:0;
	float: left;
	width: 100%;
	height: 45px;
}

ul.menu_top li {
	margin:0;
	padding:0;
	list-style:none;
	float: left;
	height: 45px;
	background: url(../images/button_aktive.png);
	/* =================================================
	   Abstand der Menüeinträge zueinander
	   ================================================= */
	margin:0 10px 0 0;
}

ul.menu_top li a {
	text-decoration: none;
	display: block;
	padding: 10px 0px 0px 0px;
	
	/* =================================================
	   Schrift für Menüeinträge
	   ================================================= */
	font-weight: 100;
	font-size: 1.2em;
	
	/*
	border-top:0.4em solid silver;
	border-bottom:0.4em solid silver;
	*/
	color: white;
	
	height: 45px;
	width: 80px;
	text-align:center;
}

ul.menu_top li a:hover {
	/*
	border-top:0.4em solid #900;
	border-bottom:0.4em solid #900;
	*/
	color: white;
	height: 35px;
	background: url(../images/button_inaktive.png);
	/*text-transform:uppercase;*/
}

 /*********************************************************
  * MID
  *********************************************************/

#mid{
	padding: 0px;
	border: 0px solid black;
	width: 1000px;
	float: left;
	left: 20%;
}

 /*********************************************************
  * MIDcontent
  *********************************************************/

#midcontent{
	-moz-border-radius: 20px 20px 20px 20px;
	-moz-box-shadow: 0px 0px 0px #CCCCCC;
	/*
	background: #AFF0FF;
	*/
	padding: 0px;
	border: 0px solid black;
	width: 1000px;
	float: left;
}

 /*********************************************************
  * STATUSSEARCH
  *********************************************************/

#statussearch{
	background: #CCDECD;
	padding: 0px;
	width: 620px;
	position: relative;
	float: left;
	left: 190px;
}

 /*********************************************************
  * STATUS
  *********************************************************/

#status{
	padding: 6px;
	float: left;
	position: relative;
	/*
	border-bottom: 1px solid #FFFFFF;
	*/
}
  
  /*********************************************************
  * SEARCH
  *********************************************************/

#search{
	padding: 2px;
	float: right;
	position: relative;
}

#mod-search-searchword{
	width: 120px;
}
  
 /*********************************************************
  * momentan aktiver Link
  *********************************************************/
#leftmenu li#current a{
	color: #4169e1;
}

 /*********************************************************
  * CONTENT
  *********************************************************/

#content{
	/*
	border-top: 1px solid #FFFFFF;
	*/
	background: #8BA68B;
	padding: 0px;
	margin: 0px;
	width: 620px;
	/*
	min-height: 300px;
	*/
	float: left;
	position: relative;
	left: 190px;
}

h2 {
	align: center;
	text-align: center;
	font-style: normal;
	font-size: 20px;
	font-weight: 100;
        border-top: solid thin white;
        border-bottom: solid thin white;
	width: 420px;
	margin: 5px auto;
	padding: 5px 0px;
}

.leading-0{
	/*background-color: #EEEEEE;*/
}

.maincontentclass{
	/*min-height: 500px;*/
}

.hkhz_herz_zurueck {
	margin: 2px;
	padding: 0px;
}

#kontakt_text {
	margin: 10px 10px 10px 10px;
	padding: 0px;
}

#kontakt_text a:link, a:visited, a:active {
	font-size: 14px;
}

#kontakt_text a:hover {
	text-decoration: underline;
}

 /*********************************************************
  * RIGHTMENU
  *********************************************************/

#rightmenu{
	padding: 10px;
	/*
	border-left: 1px solid #999999;
	min-height: 500px;
	*/
	width: 179px;
	float: right;
	position: relative;
}

 /*********************************************************
  * BOTTOM
  *********************************************************/

#bottom{
	/*background-color: #EEEEEE;*/
	padding: 0px;
	border: 0px solid black;
	float: left;
	width: 1000px;
}

 /*********************************************************
  * FOOTER ID
  *********************************************************/

#footer{
	/*
	-moz-border-radius: 20px 20px 20px 20px;
	-moz-box-shadow: 0px 0px 0px #CCCCCC;
	*/
	background: #CCDECD;
	padding: 0px 5px;
	width: 610px;
	/*min-height: 10px;*/
	border-top: 1px solid #FFFFFF;
	float: left;
	position: relative;
	left: 190px;
}

/* id = #id
 * class = element.klasse
 * Joomla CSS Klassen
 * ==================
 * 
 */

.item-page{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

div.item-page a:link, a:visited, a:active {
	color: white;
	font-size: 20px;
	font-style: normal;
	text-decoration: none;
}

div.item-page a:hover{
	/*color: white;
	font-size: 20px;
	font-style: normal;*/
	text-decoration: underline;
}

.actions li{
	list-style-type: none;
	display: inline;
}

/*
div.moduletable h3{
	color: #0066cc;
}
*/

 /*********************************************************
  * LINKS generell
  *********************************************************/
/*
a:link{
	color: #223322;
	text-decoration: underline;
}

a:visited{
	color: #444444;
	text-decoration: underline;
}

a:active{
	color: #332233;
	text-decoration: underline;
}

a:hover{
	color: #332233;
	text-decoration: overline;
}
*/