/*
############################## 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: small;
    color: #4F4F4F;
    background-color: #EFEFEF; /* muß auch in mittig #td-zent eingestellt werden */
    
}
 
h1{
font-size: 150%; 
}

h2{
font-size: 130%; 
}

h3{
font-size: 120%; 
}

ul {
  margin: 0;
  padding: 4px;
  margin-left: 12px; 
  list-style: square;
  }

ul li{
 font-size: 90%;
 margin: 0 0 0px; 
 padding-left: 0px; 
}



.note{
font-size: 85%; 
}                                                                                                                                                            
                                                                                                                                                              

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


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

/* ###################### 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: 158px;
}

.block {
       margin: 0;
       padding: 8px;
       height: 180px;
       heig\ht: 180px; 
       margin-bottom: 20px;
}

.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: 158px;
    background:url('../sysbilder/b_01.gif') no-repeat;
   
}




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

#breitcontent {
 float: right;
 width: 95%; /* 100% für volle Breite */
 font-size: 95%;
 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;} 

/* #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: 30px;
clear: both;
padding-top: 20px;
background: url('../sysbilder/footer_balken.gif') no-repeat bottom left;

}
#footer p{
 
 width: 500px;
 
 line-height: 2em;
 color: white;
 margin-bottom: 0;
 padding-top: 15px;
 margin-top: 4px;
 padding-left: 250px;

 font-size: 11px;
 float: left;  
}

#footer #gutschein {

 width: 990px;

 
 color: white;
 margin-bottom: 0;
 padding-top: 0px;
 margin-top: 0px;
 padding-right: 10px;
 text-align: right;
 font-size: 11px;
 
 font-size: 18px;
 font-weight: bolder;
}


/* 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;
} 

/*  neue formatierungen */

#teaser{ 

 color: white;
 height: 322px;
 width: 1000px;
 background: url(../sysbilder/b_03.jpg) no-repeat bottom left;
 float: right; 
 text-align: right;
 margin: 0px;
 padding:0px;
}
#teaser #bildgross{

 width: 790px;
 height: 322px;
}

#teaser a{ 
 color: white;
}
#teaser #block1{
 width: 203px;
 height: 96px;

 position: absolute;
 top: 188px;
 right: 0px;
}
#teaser #block1 h1{
 font-size: 18px;
 font-weight: bolder;
 padding: 0px 8px 0px 40px;
}

#teaser #block1 p {
 
 padding: 0px 8px 0px 40px; 
} 
 
#teaser #block2{
 text-align: center;
 width: 203px;
 height: 96px;

 position: absolute;
 top: 292px;
 right: 0px;
}
#teaser #block2 h1{
 font-size: 14px;
 font-weight: bolder;
 display: inline;
 margin-top: 4px;
}

#teaser #block2 p {
 
  
} 


#teaser #block3{
 text-align: right;
 width: 203px;
 height: 96px;

 position: absolute;
 top: 424px;
 right: 0px;
}
#teaser #block3 h1{
font-size: 18px;
 font-weight: bolder;
 padding: 0px 8px 0px 40px;

 
}

#teaser #block3 p {
margin: 0px 8px 0px 0px; 
}

#titel {
 padding-top: 1px; 

}

#wrapperdetail {
 background-color: white;
 padding-top: 20px;
 padding-bottom: 0px;
}