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

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

Wichtige Farben:

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

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

dl.zend_form {border: 1px; margin-left: 36px; padding: 0.5em; width: 26em;} 
dl.zend_form #senden { margin-left: 100px}
dl.zend_form #delInhalte {display: none;}
#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;
}

#content {
 width: 400px;

}
#kontaktformular{
 padding: 0 20px;
}

 #delInhalte-label{
 width: 10px;
 display: inline;
}
#senden-element{
  width: 50px;
}


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

#link {
 margin:0;
 padding: 20px 25px 40px 0;
 padding-bottom: 10px;
 color: #424242;
 text-align: right;
 clear: left;
 font-size: 12px;
 border: 1px solid transparent;
}


#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 */ 
 
#content .box {
    
  width: 378px;
  font-size: 100%;
  background: url(../sysbilder/box_neu_01_unten.gif) no-repeat bottom left;
 
  margin-bottom: 10px;
  height: 236px;
  margin: 10px;
  float: left ;

  }
#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;} 


.block {
       margin: 0;
       padding: 8px;
       height: 180px;
       heig\ht: 180px; 
       
       margin-bottom: 20px;
       border-right: 1px solid black;
}

* html .block {
   
}


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

 height: 160px;
}

* html .block .einleitung{
 
}

.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;
      }

* html #kontakt #fieldset-basic{
 
 width: 200px;
}
* html #kontakt #fieldset-basic legend{
 
  margin-bottom: 20px;
}
* +html #kontakt #fieldset-basic{

 width: 408px;
}

* +html #kontakt #fieldset-basic legend{
 
  margin-bottom: 20px;
}