/*******************************************
 * common elements
 ******************************************/
body {
  background:url(../images/bg.jpg) repeat-x center 0;
  color:#666;
  font-family: Verdana, sans-serif;
  font-size:11px;
  margin:0 auto auto auto;
}

a { color:#666; }

img { border:0; }

h1 {
  font-size:12px;
  font-weight:bold;
  font-family:Verdana, sans-serif;
  color:#e32218;
  margin:0;
  text-transform:uppercase;
  padding-bottom:12px;
  padding-left:16px;
  background:url(images/h1.gif) no-repeat left 4px;
  margin-left:10px;
}

h2, h3, h4 {
 margin:0;
 background:url(images/h2_bg.png) repeat-x;
 color:#333;
 font-size:11px;
 text-transform:uppercase;
 padding-bottom:9px;
 padding-left:13px;
 line-height:20px;
}


/*******************************************
 * common classes
 ******************************************/


/*******************************************
 * main structure
 ******************************************/
div#main_content {
  width:912px;
  margin: 0 auto;
}

div#header {
  background:url(../images/header.jpg) no-repeat center center;
  padding-top:49px;
  height:223px;
  position:relative;
}

div#content {
  background:url(../images/content_bg.jpg) repeat-y;
  padding: 0 0 15px;
}

div#footer {
  background:url(../images/footer.jpg) no-repeat;
  height:37px;
  width:912px;
}

div#footer2 {
  background:url(../moo_CSD/images/footer1.png) no-repeat center center;
  height:66px;
  width:100%;
  margin-top:-10px;
  min-width:912px;
}

/*******************************************
 * header
 ******************************************/

/*logo*/
#logo {
  background:url(../images/logo.gif) no-repeat;
  height:39px;
  width:315px; 
  position:absolute;
  left:22px;
  top:106px;
  z-index:5;
}

#logo a {
  height:39px;
  width:315px;
  text-indent:-9000px;
  display:block;
}

/*ekomi*/
div#ekomi {
  float:right;
  margin-top:0;
  width:244px;
  height:186px;
  position:relative;
}

div#ekomi a {
  height:134px;
  left:50%;
  margin-left:-104px;
  margin-top:-67px;
  position:absolute;
  top:50%;
  width:200px;
}

/*sprachauswahl*/
div#header .sprachauswahl {
  float:right;
  height:19px;
  margin-top:4px;
}

div#header .sprachauswahl a {
  width:18px;
  height:11px;
  display:block;
  border:1px solid #fcfcfc;
  float:left;
  padding:0;
}

div#header .sprachauswahl a#ger {
  margin-right:20px;
}

div#header .sprachauswahl a#eng {
  margin-right:4px;
}

div#header .sprachauswahl a:hover {
  border-color:#6dd4ff;
  background:none;
}

/*******************************************
 * content
 ******************************************/
div#content_left {
  float:left;
  line-height:15px;
  margin:0;
  padding-left:20px;
  width:648px;
}

div#content_right {
  line-height:15px;
  float:left;
  padding:10px 42px 0 32px;
  width:170px;

}


/*******************************************
 * footer
 ******************************************/

div#footer span#copyright {
  float:left;
  line-height:25px;
  margin-left:20px;
}

div#footer span#date {
  float:right;
  line-height:25px;
  margin-right:20px;
}