/*
############################## www..at ################################### 

<!-- |#############################################################################| -->
<!-- | powered by                                                                  | -->
<!-- |      _ _      _   _                                                    _    | -->
<!-- |   __| (_) ___| | | | ___  _ __ ___   ___ _ __   __ _  __ _  ___   __ _| |_  | -->
<!-- |  / _` | |/ _ \ |_| |/ _ \| '_ ` _ \ / _ \ '_ \ / _` |/ _` |/ _ \ / _` | __| | -->
<!-- | | (_| | |  __/  _  | (_) | | | | | |  __/ |_) | (_| | (_| |  __/| (_| | |_  | -->
<!-- |  \__,_|_|\___|_| |_|\___/|_| |_| |_|\___| .__/ \__,_|\__, |\___(_)__,_|\__| | -->
<!-- |                                         |_|          |___/                  | -->
<!-- | mailto:office@diehomepage.at                        web: www.diehomepage.at | -->
<!-- |#############################################################################| -->  

Wichtige Farben:

*/
   
/* ###################### Allgemeine Formatierungen ###################### */    

body {
    margin: 0px;
    padding: 0px;
    font-family: Arial, Verdana, sans-serif;
    font-size: 11px;
    color: #4F4F4F;
    background-color: #fff; /* muß auch in mittig #td-zent eingestellt werden */
}
* + html body{
 font-size: 12px;  
}
 
#news_teaser_box {
 position: absolute;
 top: 102px;
 left: 4px;
 border: 1px solid #000;
 height: 144px;
 width: 202px;
 padding: 0px;
 margin: 0px;
 display: none;
} 
#news_teaser_box #titel a{
 display: block;
 font-size: 12px;
 background-color: #242D72;
 width: 202px;
 wid\th: 198px;
 padding: 2px;
 color: white;
} 
#news_teaser_box img {
 margin: 2px;
 width: 114px;
 height: 86px;
 border: 1px solid #000;
 float: left;
 
} 
#news_teaser_box #einleitung {
 font-size: 10px;
 margin: 2px;
 width: 74px;
 height: 86px;
 border: 1px solid #fff;
 float: right;
}
#news_teaser_box #allenews {
 line-height: 3em;
 width: 100%;
 text-align: center;
 font-size: 11px;
}

#hg_startbox {
 background: url('../sysbilder/hg_startbox.gif') no-repeat;
 height: 380px;
 width: 300px;
 float: right;
 padding: 0px;
 margin-left: 0px;
 border: 1px solid #fff;
}
#hg_startbox .innen {
 margin: 2px;
 background-color: #fff;
 width: 280px;
 height: 160px;
 border: 1px solid black;
 margin: 8px 0;
}
/*
#hg_startbox ul {
 list-style-image:  url(../sysbilder/icon-pfeil-gross.gif); 
 margin: 2px;
 padding-left: 42px;
}

#hg_startbox ul li {
 background-color: red;
 height: 10px;
}
*/
#hg_startbox .innen img {
 float: left;
 vertical-align: middle;
 
}
#hg_startbox .innen .bild img {
margin: 2px;
border: 1px solid black;
}
#hg_startbox .innen .titel {
line-height: 2.5em;
height: 33px;
font-weight: bolder;
border-bottom: 1px solid black;
width: 280px;

}
#hg_startbox .innen .uschrift1 {
 font-size: 11px;
 font-weight: bold;
 
 display: block;
 height: 24px;
 padding-bottom: 6px;
 width: 280px; 
 
}
#hg_startbox .innen .einleitung1 {
 font-size: 10px;
 display: block;
 height: 42px;
 padding-left: 4px;
 padding-right: 2px;
 line-height: 1.2em;
 
}

#hg_startbox .innen .uschrift2 {
 font-size: 11px;
 font-weight: bold;
 
 display: block;
 height: 24px;
 padding-bottom: 6px;
 width: 280px; 
 
}
#hg_startbox .innen .einleitung2 {
 font-size: 10px;
 display: block;
 height: 42px;
 padding-left: 4px;
 padding-right: 2px;
 line-height: 1.2em;
 
}



h1{
font-size: 150%; 
}

h2{
font-size: 130%; 
}

h3{
font-size: 120%; 
}





.note{
font-size: 85%; 
}                                                                                                                                                            
                                                                                                                                                              

 #header h1 {
 padding: 0px;
 margin: 0px;
}


A:link {text-decoration: none; color: black; }
A:visited {text-decoration: none; color: black;} 
A:active {text-decoration: none; color: black;} 
A:hover {text-decoration: underline; color: black;} 

/* ###################### Layoutformatierungen ###################### */  
/*
#wrap {
 min-width:750px;
 max-width:980px;

 width:expression(document.body.clientWidth < 900? "750px": "980px" && document.body.clientWidth > 900? "980px": "980px");
 background-color: red;
} 
*/ 
#wrap {
 min-width:990px;
 max-width:1000px;
 min-height: 500px;

} 

/* Kopf */
#logo {
    position: absolute;
}
#logo a img{
 height: 100px;
 width: 200px;
}

/*  Kopfbilder */
#default #kopfbild {
 background:url('../sysbilder/kopfbild.gif') no-repeat;
}
#stahlbau #kopfbild {
 background:url('../sysbilder/kopfbild2.gif') no-repeat;
}

/* dieter geändert */
.block {
       margin: 0;
       padding: 8px;
       height: 130px;
       heig\ht: 130px; 
       margin-bottom: 10px;
}

.block .einleitung{
 color: #000;
 font-weight: lighter;
 padding-left: 246px;
 height: 160px;
}


.block .weiter {
 height: 30px;
 padding-top: 4px;
 text-align: right;
}
.block  img {
     /* float: left; */
    /*  border: 1px solid #000;
      border-bottom-color: #EF7F01;
      border-right-color: #EF7F01;
      background: #D6D6D6;  */
      float: left;
     /* width: 240px; */
     /* height: 180px; */
      }

/* Header */
#header{
    width:  1000px;
    height: 252px;
    background:url('../sysbilder/kopfbild.gif') no-repeat;

}

#header #kopfbild {

  
}







  



/* Message */
#message {
 margin:0;
 padding: 8px 25px 0px 0;
 padding-bottom: 20px;
 color: #036554;
 text-align: right;
 clear: left;
 font-style:italic
}

#breitcontent {
 float: right;
 width: 95%; /* 100% für volle Breite */
 font-size: 100%;
 line-height: 1.2em;
 /* min-height hack for ie6 */
 min-height: 420px;
 height: auto !important;
 height: 420px;
 padding:20px;
 
}


/* Boxen und Button kugelsicher */ 
 
#content .box {
  width: 636px;
  font-size: 100%;
  background: url(../sysbilder/box_neu_01_unten.gif) no-repeat bottom left;
  float: right;
  margin-bottom: 10px;
  height: 236px;
  }
#content .box h3 {
  margin: 0;
  padding: 10px 8px 6px 10px; 
  
  color: #fff;
  border-bottom: 1px solid #fff; 
  background: url(../sysbilder/box_neu_01_oben.gif) no-repeat top left; 
  }
#content .box ul {
  margin: 0;
  padding: 14px 10px 14px 10px;
  list-style: none;
  }
  
#content .box li {
  margin: 0 0 5px; 
  padding-left: 16px;
/*  background: url(../sysbilder/li-bullet.gif) no-repeat 0 3px; */
  }

#content .box A:link {color: #627081;text-decoration: none}

#content .box A:visited {text-decoration: none;} 
#content .box A:active {text-decoration: underline;} 
#content .box A:hover {text-decoration: underline;} 

/* links und usabillity */
#back {
 z-index: 300;
 position: absolute;
 top: 125px;
 left: 20px;
}
* + html #back{
  top: 128px;
}

/* neu ab pfingstl */
#teaserblock {
font-size: 10px; 

}
.teaserbox  {
width: 174px;
height: 230px;
float: left;
border: 1px solid #036554;
margin: 4px;
padding: 4px 4px;
}

.teaserbox  .titel{
font-size: 11px;
font-weight: bold;
height: 24px;
display: block;
line-height: 1em;

}
.teaserbox  .einleitung{
height: 60px;
display: block;
padding-top: 4px;

}
.teaserbox  .weiter{
 float: right;
  
}
/* boxen neu ende */

/* #sidebar box */
#sidebar .box {
  width: 273px;
  font-size: 100%;
  background: url(../sysbilder/div-bottom.gif) no-repeat bottom left;
 
  }
#sidebar .box h3 {
  margin: 0;
  padding: 10px 8px 6px 10px;
  
  color: #fff;
  border-bottom: 1px solid #fff; 
  background: url(../sysbilder/h3-bg.gif) no-repeat top left; 
  }                                                                                                                   
#sidebar .box ul {
  margin: 0;
  padding: 14px 10px 14px 10px;
  list-style: none;
  }
  
#sidebar .box li {
  margin: 0 0 5px; 
  padding-left: 16px;
 /* background: url(../sysbilder/li-bullet.gif) no-repeat 0 3px;  */
  color: red; list-style-type: square; margin-top: 0.2em; padding: 0;
  }

#sidebar .box A:link {color: #627081;text-decoration: none}

#sidebar .box A:visited {text-decoration: none;} 
#sidebar .box A:active {text-decoration: underline;} 
#sidebar .box A:hover {text-decoration: underline;}   
/* Indestrucible box */

.button {
  float: left;
  margin: 10px 0;
  padding: 0;
  color: #666;
  background: url(../sysbilder/rounded-right.gif) top right no-repeat;
  clear: both;
  } 
.desc {
  margin: 0;
  padding: 9px 9px 0 9px;
  background: url(../sysbilder/rounded-left.gif) top left no-repeat;
  }
.link {
  margin: 0;
  padding: 0 0 0 9px;
  background: url(../sysbilder/rounded-left.gif) bottom left no-repeat;
  }
.link em {
  display: block;
  padding: 0 9px 9px 0;
  font-style: normal;
  background: url(../sysbilder/rounded-right.gif) bottom right no-repeat;
  }
.button a {
  font-size: 130%;
  color: #e70;
  }
  
/* Tabelle in CSS Kugelsicher */
.forums {
      line-height: 1.0em;
      background: #919191;
      }
    
.forums table {
      width: 99%;
      position: relative;
      top: -4px;
      left: -4px;
      border: 1px solid #000;
      background: #fff;
      font-size: 80%;
      }
.forums table caption {
      margin: 0;
      padding: 8px 20px;
      text-align: left;
      border: 1px solid #000;
      border-bottom: none;
      background: #fff;
      font-size: 120%; 
      }
      
.forums table th, .forums table td {
      margin: 0;
      padding: 8px 20px;
      text-align: center;
      border-bottom: 1px solid #b5b5b5;
      font-size: 100%;
      }
            
.forums table th {
      color: #999;
      font-size: 110%;
      }
.forums table .name {
      text-align: left;
      }
.forums table tr {
      background: #e6e6e6;
      }
.forums table tr.alt {
      background: #f1f1f1;
      }
.forums table td a {
      display: block;
      font-weight: lighter; 
    
      }

.forums table td.img img {
      float: left;
      margin: 0 8px 0 0;
      padding: 4px;
      border: 1px solid #D9E0E6;
      border-bottom-color: #C8CDD2;
      border-right-color: #C8CDD2;
      background: #fff;
      }


      
/* Textblock */
#textblock {
      float: left;
      width: 304px;
      padding: 10px 0;
      background: url(sysbilder/bg.gif) no-repeat top left;
      }
#textblock dl {
      float: left;
      width: 260px;
      margin: 10px 20px;
      padding: 0;
      display: inline; /* fixes IE/Win double margin bug */
      }
#textblock dt {
      float: right;
      width: 162px;
      margin: 0;
      padding: 0;
      font-size: 130%;
      letter-spacing: 1px;
      color: #627081;
      }
#textblock dd {
      margin: 0 0 0 98px;
      padding: 0;
      font-size: 85%;
      line-height: 1.5em;
      color: #666;
      }
#textblock dl dd.img {
       margin: 0;
       }
#textblock dd.img img {
      float: left;
      margin: 0 8px 0 0;
      padding: 4px;
      border: 1px solid #D9E0E6;
      border-bottom-color: #C8CDD2;
      border-right-color: #C8CDD2;
      background: #fff;
      }

/* reverse float */

#textblock .alt dt {
      float: left;
      }
#textblock .alt dd {
      margin: 0 98px 0 0;
      }
#textblock .alt dd.img img {
      float: right;
      margin: 0 0 0 8px;
      }

/* button weitere Details */ 
div.button2 A {font-size: 65%; color: #fff; text-decoration: none; line-height: 1.9em; font-weight: bolder; } 
div.button2 A:hover { color: #000; text-decoration: none; }

div.button2{background:url('../sysbilder/button2_le.gif') no-repeat left top;margin:0;margin-left:10px;margin-top:2px;padding:0;height:18px;float:left;}
div.button2 div{background:url('../sysbilder/button2_re.gif') no-repeat right top;margin:0;padding:0;height:18px;float:left;}
div.button2 div div{background:url('../sysbilder/button2_bg.gif') repeat-x;margin:0;padding:0;margin-right:5px;margin-left:5px;line-height:18px;text-align:center;}

/* button6 */  
div.button6 A {font-size: 90%; color: #000; text-decoration: none; line-height: 3em; font-weight: bolder;} 
div.button6 A:link {color: #000; text-decoration: none;  }
div.button6 A:hover { color: green; text-decoration: none; }

div.button6{background:url('../sysbilder/button6_links.gif') no-repeat left top;margin:0;margin-left:10px;margin-top:2px;padding:0;height:40px;float:left;}
div.button6 div{background:url('../sysbilder/button6_rechts.gif') no-repeat right top;margin:0;padding:0;height:40px;float:left;}
div.button6 div div{background:url('../sysbilder/button6_mitte.gif') repeat-x;margin:0;padding:0;margin-right:10px;margin-left:10px;line-height:36px;text-align:center;}


/* Formulare 
div.myform {border: 1px solid; padding: 0.5em;}
label.left {float: left; width: 10em;}
div.row {margin-bottom: 1em; clear: left;}
div.element {padding-left:10em;}
ul.errors {color: red; list-style-type: square; margin-top: 0.2em; padding-left: 1em;}  */  

dl.zend_form {border: 1px; padding: 0.5em; width: 26em;}
fieldset {padding: 0.5em; width: 28em}
#basic-label {display: none;}
dt {float: left; width: 10em; margin:0px; padding:0px;}
dd {float: left; width: 14em; margin: 2px 0px; padding-right: 10px;} 
#delInhalte-element{float: left; width: 7em; margin:0px; padding:0px;}
#register-element{float: left; width: 7em; margin:0px; padding:0px;}
#register-label{display:none;}
#delInhalte-label{padding-left: 40px;}

#dd div.row {margin-bottom: 1em; clear: left;}
div.element {padding-left:10em;}  
ul.errors {color: red; list-style-type: square; margin-top: 0.2em; padding-left: 1em;}

/* footer */
#footer {
margin-top: 1px;
clear: both;
padding-top: 1px;
}
#footer p{
 clear: both;
 background: trasparent;
 height: 1px;
 line-height: 2em;
 color: white;
 margin-bottom: 0;
 margin-top: 1px;
 text-align: center;


}

/* copyright */
#copyright {
    font-size: 60%;
    text-align: center;
    padding:0;
    margin:0;
}

#copyright a{
    color: #CFCFCF;
    text-decoration: underline;
}

#copyright a:hover{
    color: #000;
    text-decoration: none;
}