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

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

Wichtige Farben:

*/
/* ###################### Individuelle Seitenformatierungen ###################### */

/* ######## Gutter ########*/

#link {

width: 260px;
float: right;
height: 22px;
line-height: 2em;
padding-top: 8px;
text-align: right;
padding-right: 15px;
padding-right: 15px;
font-size: 11px;
}

#message{
 
 width: 690px;
 font-size: 20px;
 font-weight: bolder;
 font-style: italic;
 color: #EF7F01;
 line-height: 2em;
 padding-left: 15px;
 padding-bottom: 6px;
}


#bilderbuehne {
 padding-left: 14px;
}
.bilderbox {
 float: left;
 padding:  2px;
 margin: 2px;
/* border: 1px solid black;  */
 background-color: #fff;
 
}
* html .bilderbox {
 float: left;
 padding:  2px;
 margin: 2px;
/* border: 1px solid black; */
 background-color: #fff;
 width: 232px;
}
.bilderbox img {
     /* float: left; */
    /*  border: 1px solid #000;
      border-bottom-color: #EF7F01;
      border-right-color: #EF7F01;
      background: #D6D6D6;  */
      
      width: 230px;
      height: 173px;
      clear: both;
}

.bilderbox .einleitung{
 color: #000;
 height: 20px;
 font-size: 64%;
 clear: both;
 line-height: 2.3em;
 margin-left: 5px; 
}      
      
      
#unten #content {

 font-size: 95%;
 line-height: 1.2em;
 /* min-height hack for ie6 */
/* min-height: 420px;
 height: auto !important;
 height: 420px; */
 padding: 0 20px;
 clear:both;
}

#links #content {
 width: 700px;
 font-size: 95%;
 line-height: 1.2em;
 /* min-height hack for ie6 */
/* min-height: 420px;
 height: auto !important;
 height: 420px; */
 padding: 0 20px;
 float: right;
}

#keineleiste #content {

 font-size: 95%;
 line-height: 1.2em;
 /* min-height hack for ie6 */
 min-height: 420px;
 height: auto !important;
 height: 420px;
 padding: 0 20px;
 
}  

#teaser{
margin-left: 20px;
margin-top: 20px;
}
#teaser .teaserbox {
width: 280px;
height: 241px;
border: 1px solid black;
float: left;
margin: 0 10px;
}

#teaser img {
padding: 1px;
}


/* Boxen und Button kugelsicher */ 
/* von dieter neu */ 
#content .box {
    
  width: 312px;
  font-size: 100%;
/*  background: url(../sysbilder/box_neu_01_unten.gif) no-repeat bottom left;  */
  
  margin-bottom: 10px;
  height: 180px;
  margin: 10px;
  float: left ;

  }
  
* html #content .box {
  width: 312px;
 
  }  
  
  
    
#content .box h3 {
  margin: 0;
  padding: 6px 8px 6px 10px; 
  font-size: 12px;
  
  color: #fff;
  border-bottom: 1px solid #fff; 
 /* background: url(../sysbilder/box_neu_01_oben.gif) no-repeat top left; */
  background-color: #7a7a7a; 
  }

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

#content .box h3 A:visited {color: #fff; text-decoration: none;} 
#content .box h3 A:active {color: #fff; text-decoration: underline;} 
#content .box h3 A:hover {color: #fff; text-decoration: underline;} 
  
#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;} 




.block {
       font-size: 11px;
       margin: 0;
       padding: 8px;
       height: 134px;
       heig\ht: 134px; 
      /* background-color: #fff; */
       margin-bottom: 20px;
     /*  border-left: 1px solid #c3c8c6;
       border-right: 1px solid #c3c8c6;
       border-bottom: 1px solid #c3c8c6; */
}

* + html .block {
   height: 136px; 
}

.block .einleitung p{
 font-size: 12px;
 font-family: arial;
 font-weight: lighter;
} 

* +html .block .einleitung p{
 font-size: 12px;
 font-family: arial;
 font-weight: lighter;
} 

.block .einleitung{
 color: #000;
font-weight: lighter; 
 
}

*  html .block .einleitung{
 


}

.block .weiter {

 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;
      
      margin-right: 4px; 
     
      } 
* + html .block  img{
     
} 

* + html .block .weiter {
  padding-top: 4px;
 text-align: right;

}