@CHARSET "UTF-8";

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;	
}
			
img {
	border: 0;
}

h2, p, td, li {font-family: Verdana, Arial, Helvetica, sans-serif;color:#000000; font-size: 9pt;}
h2{color:#005752;}
h1, h3 {font-family: Arial, Helvetica, Arial, sans-serif; font-size:14pt; color: #FFFFFF; padding: 0; margin: 0;}
h3 {font-weight: bold;}
h1 {font-weight: normal;}
h4 {font-weight: lighter; font-size: 8pt }

a:link    { color: #000066; text-decoration: none;}
a:visited    { color: #000066; text-decoration: none;}
a:hover    { color: #CC0000; text-decoration: underline;}
a:active    { color: #CC0000; text-decoration: underline;}

tr.even{background-color:#f6f6f6; height:14px;}
tr.odd {background-color:#e3e3e3; height:14px;}
td.log {font-size: 8pt; vertical-align: top;}
td.logHeadline{font-weight:bold;}
.bad{background-color:#F9DEDE; color:#660000;}
.good{background-color:#EAFFEA; color:#006600;}
.message{color:#086703;}
.info{font-size: 8pt;}
.headline {font-size: 8pt; font-weight: bold;}


#container {
	position: absolute;
	top: 10px;
	left: 50%;
	width: 846px;
	margin-left: -423px;
	background-repeat: repeat-y;
	background-position: left top;
	height: 90%;
	/*background-color: #999999;*/	
}

#pano {
    /*postition: absolute;*/
    top: 10px;
    left: 0px;
    width: 846px;
  	height: 139px;
  	background-image: url(../images/pano_clariant.gif);
}

#headerclariant {
    position: absolute;
    top: 28px;
    left: 189px;
}

#titel {
    position: absolute;
    top: 82px;
    left: 189px;
}



#wrapper{
    margin-top: 10px;
    border: 1px;
    border-style: solid; 
    border-color: #005752;
    height: 100;
    padding-bottom: 5px;
    
}


#content{
    /*position: absolute;*/
    margin-left: 189px;
    margin-top: 20px;
}

#manage {
    margin-left: 10px;
}


input, button {
    border: 1px;
    border-style: solid;
    border-color: #666666;
    background-color: #ffffff;
    font-family: Arial;
    font: 9pt;
    /*font-weight: bold;*/
    color: #000000;
    font-style: inherit;
    width: 200px; 
}


textarea { 
    font: 9pt;
    font-family: Arial;
    font-size: 9pt;
    color: #000000; 
    background-color: #ffffff; 
    width: 400px; 
    border: 1px;
    border-style: solid;
    border-color: #666666;
}

strong.clariant{font-family: Arial, Helvetica, Arial, sans-serif; font-size:9pt; font-weight: bold; color: #FFFFFF;}



.radio { 
    width: auto;    
    border: 0px;
}

select {
  font: 9pt;
    font-family: Arial;
    font-size: 9pt;
    color: #000000; 
    background-color: #ffffff; 
    width: 200px; 
    border: 1px;
    border-style: solid;
    border-color: #666666;
}

input.button, button.button {
    background-color: #eeeeee;
    color: #000000;
    width: 95px;
}

input.button:hover, button.button:hover {
    background-color: #005752;
    color: #FFFFFF;
}

.inputHighlighted {
    background-color:#FFFFCC;
}

.errorMessage{
	color:#c00;
}

ul    { padding-left: 6pt; margin-left: 6pt; }
ul li { list-style: disc; list-style-position: outside; color: #005752 }