body {
	background-color: #F7F7F7;
}

/*
 * Login-Form Anpassungen
 */
fieldset{
	border:none;
}

form#com-form-login {
	padding-top: 30px;
}

/*
 * Das Hauptfenster, in dem Das Template geladen wird.
 */
#mainframe {
	margin: 0px auto; 
	margin-top: 10px;
	width: 980px;
	font-family: Verdana;
	font-size: 11px;
	border: 1px solid black;
	-moz-border-radius:4px;
	-khtml-border-radius:4px;
	
}

/*
 * Der obere Bereich, inklusive Logo, Menü 
 */
#header {
	background-color: #FFFFFF;
	width: 100%;
	height: 120px;
	background-image: url(../images/background_red.png);
	background-position: bottom;
	background-repeat: repeat-x;
}

#headerLeft {
	float: left;
	width: 220px;
	height: 120px;
}

#headerCenter {
	/*background-color: #FFFFFF;*/
	background-image: url(../images/header.png);
	float: left;
	width: 540px;
	height: 26px;
	padding-top: 94px;
	z-index: -9999;
}

#headerRight {
	padding-top: 60px;
	padding-left: 15px;
	float: left;
	height: 60px;
	width: 205px;
}

/*
 * Der mittlere Hauptbereich
 */
#content {
	width: 100%;
	height: 100%;
	background-image: url(../images/background.png);
	background-repeat: repeat-y;
}

#contentLeft {
	float: left;
	width: 220px;
	height: 600px;	
	background-image: url(../images/helic_web_22.gif);
	background-repeat: no-repeat;		

}

#contentCenter {
	padding: 15px;
	float: left;
	width: 510px;	
	color: #525050;
	line-height: 130%;	
	background-color: #FFFFFF;
}

#contentRight {
	width:219px;
	float: right;
}

/*
 * Der Footer 
 */
#footer {
	padding-left: 220px;
	width: 760px;
	border-top: 1px solid white;
	background-color: #B6BBB5;
	clear: both;
	font-size: 10px;
	font-family: Verdana;
	color: #FFFFFF;
}

/*
 * ************************************************
 * Ab hier erfolgt der weitere Kontext links und
 * rechts
 * ************************************************
 */

#claim {
	padding-top: 20px;
	padding-left: 20px;
	padding-bottom: 30px;
	font-family: Verdana;
	font-size: 11px;
	color: #FFFFFF;
	font-weight: bold;
}

#contact {
	padding-top: 390px;
	padding-left: 20px;
	font-family: Verdana;
	font-size: 11px;
color: #FFFFFF;
	font-weight: bold;
}

.customBlock {
	padding-bottom: 30px;
	margin-left: 0px;
}

.customMenu {
	margin-bottom: 5px;
	width: 204px;
	height: 20px;
	background-color: #9EA39E;
	font-family: Verdana;
	font-size: 12px;
	color: #FFFFFF;	
	font-weight: bold;
	padding-top: 5px;
	padding-left: 13px;
}

.customMenu2 {
	margin-bottom: 5px;
	margin-left: 0px;
	width: 201px;
	height: 20px;
	background-color: #808080;
	font-family: Verdana;
	font-size: 12px;
	color: #FFFFFF;	
	font-weight: bold;
	padding-top: 5px;
	padding-left: 13px;
}


.customContent {
	padding-left: 15px;
	padding-right: 15px;
	width: 170px;
	margin: 10px;
	text-align: center;
}

.customContent2 {
	padding-left: 24px;
	padding-right: 15px;
	width: 170px;
	margin: 10px;
	text-align: left;
}

.customContent3 {
	padding-left: 5px;
	padding-right: 5px;
	width: 170px;
	margin: 10px;
	text-align: left;
}


/*
 * ************************************************
 * Ab hier ist der Aufbau der Seite zuende. 
 * Es folgt das Menü, Schriftarten usw.
 * ************************************************
 */
 
/*
 * Drop-Down-Menu
 * Diese Werte überschreiben die CSS Datei von HXDMOOMENU
 */
#menu {
	width: 540px;
	border-top: 1px solid black;
}

#hxdmoomenu ul{
	background: #A2113A;
}		

#hxdmoomenu ul:hover{
    background: #A2113A;
}        


#hxdmoomenu ul li{
	background: #A2113A;
	padding-left: 0px;
	padding-right: 0px;
	border: 0px;
}

#hxdmoomenu ul li:hover{
	background: #CCCCCC;
}

#hxdmoomenu ul li li:hover{
	background: #cccccc;
}

#hxdmoomenu ul li li{
	margin-bottom: -2px;
	background: #808080;
}

#hxdmoomenu ul li a{
	text-decoration: none;
	color: #FFFFFF;
	padding: 0 7px;
}		

#hxdmoomenu ul li a:hover{
	display:block;
}		

#hxdmoomenu li.active a {
	display:block;
}

#hxdmoomenu li ul {
	margin-top:0px;
	margin-left:auto;
	width:195px;
}

#hxdmoomenu ul ul ul {
	margin-top:0px;
	margin-left:25px;
}

#hxdmoomenu ul ul li{
	display:block;
	padding:0 0 0 13px;
	text-align:left;
	width:182px;
}

/*
 * Footer-Element
 */
.mainlevel {
	padding-left: 29px;
	padding-right: 29px;
}


/*
 * Grundsätzliche Formatierung der kompletten Seite
 */
#mainframe a {
	color: #525050;
	text-decoration: underline;
}

#mainframe a:active {
	color: #525050;
	text-decoration: none;
}

#mainframe blockquote {
	margin-left: -5px;
	padding-left: 5px;
	width: 418px;
	padding-top: 15px;
	font-family: Arial, Verdana;
	font-size: 13px;
	line-height: 140%;
	border-top-width: 1px;
	border-top-style: dotted;
	float: left;
}

#mainframe div.article_seperator {
	width: 450;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
}

/*
 * Formatieren des Content Fensters
 */
#contentCenter ul {
	list-style-type: square;
	line-height: 150%;
}

#contentCenter a {
	color: #525050;
	text-decoration: underline;
}

#contentCenter a:active {
	color: #525050;
	text-decoration: none;
}

#contentCenter blockquote {
	width: 470px;
	font-family: Arial, Verdana;
	font-size: 13px;
	line-height: 140%;
	border-top-width: 1px;
	border-top-style: dotted;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	float: left;
} 

/*
 * Formatierung des Sendenbuttons
 */



/*
 * Formatierung des Footers
 */
#footer a {
	color: #525050;
	text-decoration: none;
}

#footer a:hover {
	color: #525050;
	text-decoration: underline;
}
 
/*
 * Alle Bilder ohne Rand darstellen
 */
a img {border: none}

/*
 * Definieren der Stylesheets von Tabellen
 */
table.moduletable {
	width: 100%;
	margin-top: 5px;
	margin-left: 5px;
	padding: 0px;
	border-spacing: 0px;
	border-collapse: collapse;
}

table.contentsend {
	background-image: url(../images/helix-mitte.png);
	background-position: 0px 0px;
	background-color: #E5E5E5;
}

td.createdate {
	font-weight: bold;
}

td.contentheading {
	color: #A2113A;
	padding-bottom: 15px;
	font-weight: bold;
	font-size: 17px;
	line-height: 25px;
}

/*
 * Diverse Formatierung von Überschriften
 */
h2.menutitle {
	color: #A2113A;
	font-weight: bold;
	font-size: 17px;
	line-height: 100%;
}

h2.componentheading {
	color: #525050;
	font-weight: bold;
	font-size: 17px;
	line-height: 100%;
}

span.contentheading {
	color: #525050;
	padding-bottom: 15px;
	font-weight: bold;
	font-size: 17px;
	line-height: 25px;
}

/*
 * Contentpane wird scheinbar von Joomla erstellt.
 */
.contentpaneopen h1 {
	font-size: 17px;
	font-weight: bold;
	color: #525050;

	line-height: 25px;
}

.contentpaneopen {
	line-height: 130%;
	margin-left: -3px;
} 

.contentpaneopen td.createdate {
	padding-top: 11px;
	line-height: 100%;
}

.contentpaneopen td.contentheading {
	line-height: 100%;
}

.contentpaneopen a.readon {
	color: #A2113A !important;
	text-decoration: none;
}

.componentheading {
	color: #a2113a;
	font-size: 17px;
	font-weight: bold;

	padding-top: 10px;
	line-height: 0px;
}

/*
 * Buttons
 */
.back_button {
	font-size: 11px;
}

.back_button a {
	color: #525050;
	text-align: none;
}

.back_button a:hover {
	color: #525050;
	text-align: underline;
}

/*
 * ProduktSuche
 */
.produktSucheSelect {
	font-size: 10px;
	width: 146px;
	margin-top: 5px;
}

.produktSuche  {
	border: 1px solid black;
}

.produktSuchfeld {
	float:left;
	padding-right:5px;
}

.produktSucheEinleitung  {
	width:460px;
	padding-left:15px;
	padding-top:5px;
	padding-bottom:5px;
	font-weight: normal;
	
}

.produktSucheTitel {
	text-decoration: none;
	color: #A2113A;
}

.produktSucheResults {
	width:340px;
	border:1px solid black;
}

.produktSucheFrame {
	width: 512px;
	height: 500px;
	border: none;
}