/* 
    Document   : selecta
    Created on : 11.02.2010, 17:53:41
    Author     : guest
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

root { 
    display: block;
}

body{
  background: #333333;

  text-align:center;
  font: 10pt Verdana, Arial, Helvetica, sans-serif;
}

#page-wrapper{
  width: 1000px; position: relative; margin: 0 auto; padding: 0 0 50px 0;
}

#head{
  background: #333333 url(header.png) no-repeat;
  background-position:center center;
  width: 1012px;
  height: 230px;
}

ul{

list-style-type:disc;
  color: #f9be34;

}
#menu{
  background : #333333 url(menu6.jpg) repeat-x;
  background-position:center center;
  width: 1012px;
  height: 42px;
  color: white;
  vertical-align:middle;
  padding-top:1px;
  font-weight: bold;
  font-size: 9pt;

}
#menu ul {
  
  margin: 9px;
}

#menu li {
  display: inline;
  list-style-image: url(foo.jpg);
  list-style: none;
  
  padding: 0 0px 8px 8px;
}

#menu li a{

  font: 400 1.3em verdana, arial, sans-serif;
  text-decoration: none;
  color: #f9be34;
  outline: none;
}

#menu li a:hover{
 color: #f9be34;
  border-top: #e18419 2px solid;
  outline: none;

   
}
#menu1{
  background : #333333 url(menu3.jpg) repeat-x;
  background-position:center center;
  width: 1012px;
  height: 42px;
  color: white;
  vertical-align:middle;
  padding-top:1px;
  font-weight: bold;
  font-size: 7pt;

}
#menu1 ul {

  margin: 15px;
}

#menu1 li {
  display: inline;
  list-style-image: url(foo.jpg);
  list-style: none;

  padding: 0 0px 8px 8px;
}

#menu1 li a{

  font: 400 1.3em verdana, arial, sans-serif;
  text-decoration: none;
  color: #f9be34;
  outline: none;
}

#menu1 li a:hover{
 color: #f9be34;
  border-top: #f9be34 2px solid;
  outline: none;
}

#TWOONE .liTwoOne a, #TWOTWO .liTwoTwo a, #TWOTHREE .liTwoThree a{
    color: #f9be34;
  border-top: #f9be34 2px solid;
  outline: none;
}

#ONE  .liOne a, #TWO .liTwo a, #THREE .liThree a, #FOUR .liFour a, #FIVE .liFive a, #SIX .liSix a, #SEVEN .liSeven a, #EIGHT .liEight a, #NINE .liNine a{
 color: #f9be34;
  border-top: #f9be34 2px solid;
  outline: none;
  
}
.right {
width: 200px;
float: right;
padding: 10px;
border-left: 1px solid #bbb;
font-size: 12px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color : #f9be34;

}
.left {
float: left;
padding: 10px;
font-size: 12px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color : #f9be34;
}

.left a {
height: 30px;
font-size: 11px;
font-weight: bold;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-decoration: underline;
color: #f9be34;}

.right ul {
list-style-type: disc; 
padding: 5px 10px 10px 10px;
color : #f9be34;

}
.right h2 {
height: 30px;
font-size: 12px;
font-weight: bold;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #f9be34;
line-height: 30px;
}
.right h3 {
height: 30px;
font-size: 11px;
font-weight: bold;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #f9be34;
line-height: 30px;
}

.right a {
height: 30px;
font-size: 11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-decoration: underline;
color: #f9be34;}

#content{
  padding-top:1px;
  background-color: #333333;
  width: 1012px;
  text-align: left;
  line-height: 14pt;
  color: white;
}

#foot{
  background : #333333 url(menu6.jpg) repeat-x;
  background-position:center center;
  width: 1012px;
  height: 42px;
  color: white;
  vertical-align:middle;
  padding-top:1px;

  font-size: 8pt;

}
#foot a, foot p{

  text-decoration: none;
  color: #f9be34;
  outline: none;
  margin: 8px 8px 8px 8px;
  text-decoration:underline;
}
#foot a:hover{
  color: #f9be34;
  border-top: #f9be34 2px solid;
  outline: none;
}
#imagesLeft1{
  float: left; padding: 25px 10px 10px 10px; text-align: left;
}
#imagesLeft{
  width: 400px; float: left; padding: 25px 10px 10px 10px; text-align: center;
}
#imagesRight{
  width: 400px; float: right; padding: 25px 10px 10px 10px; text-align: center;
}

h1{
  font-size: 14pt;
  font-weight: bold;
  font-style: italic;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  margin: 25px 8px 8px 15px;
  line-height: 18pt;
  color: #f9be34;
}
h2
{
  font-size: 12pt;
  font-weight: bold;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  margin: 20px 8px 8px 20px;
  line-height: 16pt;
  color: #f9be34;
}
h3
{
  font-size: 10pt;
  font-weight: bold;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  margin: 20px 8px 8px 20px;
  line-height: 14pt;
  color: #f9be34;
}

p1{
  margin: 8px 8px 8px 25px;
  line-height: 14pt;
   color: #fff;
}

p{
  margin: 8px 8px 8px 25px;
  line-height: 14pt;
   color: #f9be34;
}



/* Aktivkohlerechner*/
form.cmxform{
  margin: 0 20px 0 20px;
  width:1000px;
}

form.cmxform fieldset {
  margin-bottom: 10px;
  width:800px;
}
form.cmxform legend {
  padding: 0 2px;
  font-weight: bold;
  margin-left: 25px;
}
form.cmxform label {
  display: inline-block;
  line-height: 1.8;
  vertical-align: top;
}
form.cmxform fieldset ol {
  margin: 0;
  padding: 0;
}
form.cmxform fieldset li {
  list-style: none;
  padding: 5px;
  margin: 0;
}
form.cmxform fieldset fieldset {
  border: none;
  margin: 3px 0 0;
}
form.cmxform fieldset fieldset legend {
  padding: 0 0 5px;
  font-weight: normal;
}
form.cmxform fieldset fieldset label {
  display: block;
  width: auto;
}
form.cmxform em {
  font-weight: bold;
  font-style: normal;
  color: #f00;
}
form.cmxform label {
  width: 400px; /* Width of labels */
}
form.cmxform fieldset fieldset label {
  margin-left: 300px; /* Width plus 3 (html space) */
}