﻿/* HL Chemie CSS  */

body {
	font-size: 11px;
	font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
	color:#888783;
	font-weight: normal;
	padding:0;
	margin:0;
	background-image: url(../images/bg_balken_top.gif);
}



a:link {
	color: #888783;
	text-decoration:none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
} a:active {
	color: #888783;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration:none;
} a:visited {
	color: #888783;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration:none;
} a:hover {
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration:none;
}


/********** Styles for fe_login ***************/
.tx-felogin-pi1 fieldset {
border: none;
padding: 0px;
margin: 0px;
}

.tx-felogin-pi1 legend {
display: none;
}


/*Headlinies*/
h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight: bold;
	color: #555452;
	background-color: #E9E6DF;
	line-height: 20px;
	padding-left: 10px;
}

h2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight: bold;
	font-style: normal;
	color: #555452;
}

/* ----------container zentriert das layout-------------- */
#container {
	width: 1024px;
	margin: 0 auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #888783;
}

#search {
float: right;

z-index: 1000;
}

/* ----------Headbereich-------------- */
#header {
	margin: 0;
	padding: 0;
	height: 112px;
	width: 1024px;
}
#logo {float: left; width: 200px}
#menutop {float: right; padding-top: 93px;}

.zelle_menu_top {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight: normal;
	width: 431px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 8px;
}
#headgrafik {
	height: 200px;
	width: 1024px;
	margin: 0;
	padding: 0;

}

#suche {

	margin: 0;
	padding-left: 810px;
	padding-top: 7px;
	z-index: 1000;
	position: absolute;
}

/* -----------------Headline Menus--------------------- */

#inhalt_hd {
	margin: 0;
	padding: 0;
	width: 1024px;
}

#hd_menu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight: bold;
	color: #888783;
	margin: 0;
	width: 219px;
	padding-left: 31px;
	line-height: 20px;
	background-image: url(../images/bg_headline.gif);
	vertical-align: middle;
	float: left;
}

#hd_content {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight: bold;
	color: #888783;
	width: 756px;
	padding-left: 10px;
	line-height: 20px;
	background-image: url(../images/bg_headline.gif);
	vertical-align: middle;
	float: right;
}

/* -----------------Inhalte--------------------- */

#contentcontainer {
	margin-top: 50px;
	padding: 0px;
	width: 1024px;
}

#div_menu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight: bold;
	margin: 0px;
	width: 219px;
	padding-left: 0px;
	float: left;
}

#div_login {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight: normal;
	margin: 0px;
	width: 250px;
	position: relative;
	float: left;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	border-style: none;
}

#div_content {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight: normal;
	width: 766px;
	padding-left: 0px;
	float: right;
	min-height: 500px;
}

.rootline {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight: normal;

}

/* --------------Hauptmenu------------- */
#menu 
{
width:250px;
height:300px;
float:left;
}



/* -----------footer--------------------------- */
#footer_container {
	margin-top: 20px;
	padding: 0px;
	width: 1024px;
}

#footer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	font-weight: normal
	margin: 0px;
	float: left;
}



/*-------------Rootline menu---------------------*/
.klickpfad a:link,
.klickpfad a:visited,
.klickpfad a:hover,
.klickpfad a:active{
       font-weight:bold;
       font-size:11px;
}
.klickpfadact a:link,
.klickpfadact a:visited,
.klickpfadact a:hover,
.klickpfadact a:active{
      font-weight:bold;
        color:#888783; 
        font-size:11px;  
}


/*-------------Slideout Menü---------------------*/
ul#menuListV{
width:230px;

}
ul#menuListV, ul#menuListV ul{
list-style-type:none;
margin:0;
padding-left: 10px;
/*padding:0; */
}
/*Normal Zustand 1 Ebene */
a.menuLinkV:link, a.menuLinkV:visited, a.menuLinkV:hover, a.menuLinkV:active{
	display:block;
	position:relative;
	/*height:17px;*/
	margin:0px;
	padding:2px;
	font-size: 11px;
	font-weight: normal;
	padding-left:20px;
	text-decoration:none;
	color:#888783;
    border-bottom: 1px solid #AFAEA9;
    font-weight:normal;
	
}
 
a.menuLinkV:hover {
	background-position:center left;
	/*text-decoration: underline;*/
        color:#888783;
}
/* Aktiver Zustand 1. Ebene - wenn keine Unterpunkte vorhanden */
a.menuLinkActV:link, a.menuLinkActV:visited, a.menuLinkActV:hover, a.menuLinkActV:active{
	display:block;
	position:relative;
	/*height:17px;*/
	margin:0px;
	padding:2px;
	padding-left:20px;
	font-size:11px;
	font-weight: normal;
	text-decoration:none;
	color:#888783;
	font-weight:bold;
	border-bottom: 1px solid #AFAEA9;
}
/* Aktiver Zustand 1. Ebene - wenn Unterpunkte vorhanden */
a.menuLinkAct2V:link,a.menuLinkAct2V:visited,a.menuLinkAct2V:hover,a.menuLinkAct2V:active{
	display:block;
	position:relative;
	/*height:17px;*/
	margin:0px;
	padding:2px;
	padding-left:20px;
	font-size:11px;
	font-weight: normal;
	text-decoration:none;
	color:#888783;
	font-weight:bold;
	border-bottom: 0px solid #fff;
}
/*Normal Zustand 2. Ebene */
a.submenuLinkV:link, a.submenuLinkV:visited,a.submenuLinkV:hover,a.submenuLinkV:active{
        font-family: Verdana;
	display:block;
	position:relative;
	height:15px;
	margin:0px;
	padding:1px;
	padding-left:30px;
	font-size: 10px;
	font-weight: normal;
	text-decoration:none;
	background-position:center left;
	color:#888783;
}
 
a.submenuLinkV:hover {
	color:#888783F;
	font-weight: bold;
}
/* Aktiver Zustand 2. Ebene  */
a.submenuLinkActV:link, a.submenuLinkActV:visited,a.submenuLinkActV:hover,a.submenuLinkActV:active{
 font-family: Verdana;
	display:block;
	position:relative;
	/*background-color:#FFD5B1;*/
	color:#888783;
	height:15px;
	margin:0px;
	padding:1px;
	padding-left:30px;
	font-size:10px;
	font-weight: bold;
	text-decoration:none;
	background-position:center left;
}
/*Normal Zustand 3. Ebene */
a.subsubmenuLinkV:link, a.subsubmenuLinkV:visited,a.subsubmenuLinkV:hover,a.subsubmenuLinkV:active{
        font-family: Verdana;
       
	display:block;
	position:relative;
	/*height:16px;*/
	margin:0px;
	padding:1px;
	margin-left:10px;
	padding-left:30px;
	font-size:10px;
	font-weight: normal;
	text-decoration:none;
	background-position:top left;
	color:#888783;
}
 
a.subsubmenuLinkV:hover {
	text-decoration: underline;
}
/* Aktiver Zustand 3. Ebene  */
a.subsubmenuLinkActV:link, a.subsubmenuLinkActV:visited,a.subsubmenuLinkActV:hover,a.subsubmenuLinkActV:active{
 font-family: Verdana;
	display:block;
	position:relative;
	/*background-color:#FFD5B1;*/
	color:#888783;
	/*height:15px;*/
	margin:0px;
	padding:1px;
	margin-left:10px;
	padding-left:30px;
	font-size:10px;
	font-weight: normal;
	text-decoration:none;
	background-position:top left;
}



/* Formatierung 	 für alle Seiten */

#indexedsearchbox input { /* Alle Labels UND Formularelemente auswählen */
  display: block;
  float: left;
  width: 150px; /* Breite.*/
  border-style:none;
}

#indexedsearchbox form br { /* Alle Zeilenumbrüche in Formularen auswählen */
  clear: left; /* das floating der labels und inputs aufheben */
}

#indexedsearchbox .submit { /* den Submit-Button */
  float: none;
  padding-left:10px;
  width: 40px;
    border-style:none;
}

#div_login{
   font-size:10px;
   color:#888783;
   text-align:left;
   margin: 0px;
   padding-top: 100px;
   border-style:none;
}
#div_login span{
   font-style:italic;
   margin-bottom:3px;
   border-style:none;

}
#login input.login{
   margin-top:5px;
   border-style:none;
}
#login input.logout{
   margin-top:5px;
   border-style:none;
}






/* Powermail */
span.powermail_mandatory {
	color: red;
}
input.validation-failed,
textarea.validation-failed {
	background-color: red;
}
div.powermail_mandatory_js {
	color: red;
	margin: 3px 0 15px 120px;
}
fieldset.tx-powermail-pi1_fieldset {
	border: 0px solid #A5ACB2;
	background-position: 100% 60%;
	padding: 10px;
}
fieldset.tx-powermail-pi1_fieldset label {
	display: block;
	width: 120px;
	float: left;
	clear: both;
	font-weight: bold;
}
fieldset.tx-powermail-pi1_fieldset input,
fieldset.tx-powermail-pi1_fieldset textarea {
	width: 260px;
}

div.tx_powermail_pi1_fieldwrap_html {
	margin: 3px 0;
}
input.powermail_submit {
	margin: 10px 120px;
	font-weight: bold;
	border: 1px dashed #444;
	width: 50px;
}
td.powermail_all_td {
	padding: 3px 10px 3px 0;
}
