* {
  margin: 0;
  padding: 0;
  border: 0;
}
 
body {
  font-size: 100.01%;
  font-family: Arial, Helvetica, sans-serif;
  background: #fff url(/static/img/hdpe/pic_bg_left.jpg) no-repeat;
  color: #000;
}
    
/* links */
a,
a:visited,
a:active {
  font-weight: bold;
  text-decoration: none;
  color: #a13136;
}

a:hover,
a:focus {
  text-decoration: underline;
  outline: none;
}

/* headlines */

h2 {
  font-size: 1.6em;
  color: #a13136;
  margin: 10px 0;
}

h3 {
  color: #000;
  font-size: 1.2em;
  margin-bottom: 13px;
}

p {
  padding: 0px;
  margin: 0px; 
}

.content_object_hr {
  display: none;
}

table,
td,
input,
select,
textarea {
  font-size: 1em;
}


/* Klassen die oft benötigt werden und einfach zusätzlich eingebunden werden können */

.clear{
  clear: both;
}

.noheight{
  height: 0;
  line-height: 0;
}

.normal{
  font-weight: normal;
}

.invisible{
  display: none;
}

.caption {
  font-size: x-small;
  background-color: #fff;
  padding: 2px;
  color: #000;
  margin-bottom: 10px;
}

.offscreen{
  position: absolute;
  top: -1000px;
}

a.offscreen:focus,
a.offscreen:hover,
a.offscreen:active{
  position:absolute;
  left: 20px;
  top: 20px;
  background-color: #fff;
  color: #000;
}


#page_container {
  width: 927px;
  text-align: left;
  font-size: 0.8em;
}
   
#page_body_left{
  float: left;
  width: 198px;
  position: relative;
}

#page_body_cols_container {
  padding-top: 16px;
  float: left;
  border-left: 7px solid #96172a;
  width: 722px;
  padding-bottom: 20px;
  background: #fff url(/static/img/hdpe/pic_bg_right.jpg) top right no-repeat;
}

#page_body_main_container{
  float: left;
  padding: 0 50px 0 13px;
  width: 430px;
}

#page_body_main_container_full{
  width: 480px;
  padding-left: 13px;
}

#page_body_right{
  float: left;
  width:196px;
  padding: 16px;
}



#main_navigation{
  margin-top: 189px;
  float: right;
  font-family: Tahoma, Arial, Helvetica, sans-serif;
  font-size: 0.83em;
}

#main_navigation img{
  display: none;
}
 
#main_navigation ul {
  list-style-type: none;
  border-bottom: 3px solid #6b514e;
  width: 170px;
}

.msie6 #main_navigation ul {
  width: auto;
}

#main_navigation li {
  margin-top: -12px;
  margin-left: -4px;
}

.msie6 #main_navigation li {
  margin-left: 0;
}

.msie6 #main_navigation li.first {
  padding-top: 12px;
}

#main_navigation a {
  display: block;
  background: url(/static/img/hdpe/navelem_bg.gif) no-repeat;
  width: 156px;
  text-decoration: none;
  color: #666;
  padding: 9px 5px 18px 13px;
  text-transform: uppercase;
  border-bottom: 1px solid #a13035;
}

#main_navigation  a:hover, 
#main_navigation  a:focus,
#main_navigation  a:active{
  background: url(/static/img/hdpe/navelem_active_bg.gif) no-repeat;
  color: #fff;
}

#main_navigation li.last a{
  padding-bottom: 13px;
}


/* ###################### Language Navigations ########################## */

/* ------- PAGE_HEAD_LANG_NAV ------ */
#page_head_lang_nav{
  position: absolute;
  top: 4px;
  left: 715px;
}

#page_head_lang_nav ul{
  list-style-type: none;
  display: inline;
}

#page_head_lang_nav li{
  list-style-type: none;
  display: inline;
}


/* CONTENT_OBJECTS */
.content_object{
  margin: 0 0 20px 0;
}

/* nur für ie-win sichtbar \*/
* html .content_object{
    height: 1%;
}
/* */

/*
 * hier werden die verschiedenen DIV-BEREICHE designed (also Hintergründe, Borders, margins etc..)
 * ausserdem können hier für die verschieden DIV-BEREICHE die GLOBALEN TAGDEFINITIONEN überschrieben werden 
 */

 
 
 
/* ##################################### PAGE_HEAD #################################### */

#page_head_title_img {
  position: absolute;
  top: 23px;
  left: 33px;
  z-index: 5;
}

#page_body_cols_title {
  display: none;
}

/* #####################################    PAGE_BODY    ################################### */

    
/* ---------------- PAGE_BODY_FOOT --------------- */
#page_body_foot {
  clear: both;
  background-color: #96172a;
  color: #fff;
  padding: 5px 20px;
  margin-left: 198px;
  font-size: 0.8em;
}
    
#page_body_foot .ww,
#page_body_foot a,   
#page_body_foot a:visited {    
  color: #EB757B;
}

/* ###############################      PAGE_BODY_MAIN_CONTENT       ########################## */

/* IMAGES */
#page_body_main_content .richtext{
  margin-bottom: 10px;
}


/* LISTS */
#page_body_main_content ol {
  padding: 0;
  margin: 0 0 0 30px;
}

#page_body_main_content ul {
  padding: 0;
  margin: 0 0 0 18px;
}

/* Seitenteaser */
.teaser{
    font-size: 0.83em;
    margin: 0 0 10px 0;
}

.teaser h2{
    margin: 0;
    padding: 0;
}


/* ################################    PAGE_BODY_RIGHT_CONTENT     ####################### */

/* ### F C K - EDITOR ###*/
/* hier alles festlegen, was aus dem FCK_editor kommen kann */

/* TEXT */
#page_body_right_content .richtext{
  font-size: 0.87em;
  margin: 0 0 10px 0;
}


#page_body_main_content .img_gallery .preview {
  text-align: center;
}

#page_body_main_content .img_gallery .preview img {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 7px !important;
}

#page_body_main_content .img_gallery .thumb_preview img {
  margin: 4px !important;
  float: none;
  border: 1px solid #96172a;
  padding: 1px;
}

#page_body_main_content .img_gallery .thumb_preview a {
  text-decoration: none;
  display: block;
  float: left;
}

#page_body_main_content .img_gallery .diashow_controls {
  text-align: center;
}

#page_body_main_content .img_gallery .diashow_controls img {
  vertical-align: text-top;
  margin: 0 3px;
}

#page_body_main_content .img_gallery .slideshow {
  margin-left: 20px;
}