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

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

Wichtige Farben:

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




#gruppen{
clear: both;
padding-top: 10px;
background: url(../sysbilder/b_05.gif) no-repeat bottom left; 
width: 1000px;
height: 251px;
float: left;
}

#gruppen #bo1{
 height: 200px;
 width: 170px;
 
 padding: 0px;
 margin: 30px 0 0 20px;
 border: 1px solid #808080;
 
 
}
#gruppen #bo1 ul{
list-style-type:square;
list-style-position: outside;
margin-left: 15px;
font-size: 11px;
}
#gruppen #bo1 img{
 height: 128px;
 width: 170px;
 
}


#gruppen #bo2{
 position: absolute;
 top: 568px;
 left: 218px;
 height: 244px;
 width: 170px;
 padding: 0 6px;
 margin: 0px 0 0 0px;
}
#gruppen #bo2 h1{
 color: #f8a61b;
 font-size: 18px;
}
#gruppen #bo2 h3{
 color: #fff;
 font-size: 11px;
 margin-bottom: 20px;
}
#gruppen #bo2 ul{
list-style-type:square;
list-style-position: outside;
margin-left: 15px;
font-size: 11px;
}
#gruppen #bo2 img{
 padding: 0 0 0 6px;
}


#gruppen #bo3{
 position: absolute;
 top: 568px;
 left: 412px;
 height: 244px;
 width: 170px;
 padding: 0 6px;
 margin: 0px 0 0 0px;
}
#gruppen #bo3 h1{
 color: #f8a61b;
 font-size: 18px;
}
#gruppen #bo3 h3{
 color: #fff;
 font-size: 11px;
 margin-bottom: 20px;
}
#gruppen #bo3 ul{
list-style-type:square;
list-style-position: outside;
margin-left: 15px;
font-size: 11px;
}
#gruppen #bo3 img{
 padding: 0 0 0 6px;
}

#gruppen #bo4{
 position: absolute;
 top: 568px;
 left: 606px;
 height: 244px;
 width: 170px;
 padding: 0 6px;
 margin: 0px 0 0 0px;
}
#gruppen #bo4 h1{
 color: #f8a61b;
 font-size: 18px;
}
#gruppen #bo4 h3{
 color: #fff;
 font-size: 11px;
 margin-bottom: 20px;
}
#gruppen #bo4 ul{
list-style-type:square;
list-style-position: outside;
margin-left: 15px;
font-size: 11px;
}
#gruppen #bo4 img{
 padding: 0 0 0 6px;
}



#gruppen #bo5{
 position: absolute;
 top: 594px;
 right: 18px;
 
 height: 200px;
 width: 170px;
 
 padding: 0px;
 margin: 0px 0 0 0px;
 border: 1px solid #808080;
}
#gruppen #bo5 ul{
list-style-type:square;
list-style-position: outside;
margin-left: 15px;
font-size: 11px;
}

#gruppen #bo5 img{
 height: 128px;
 width: 170px;

}

#banner img{
position: absolute;
top: 0px;
left: 315px;
}

#footer {

margin-top: 30px;
clear: both;
padding-top: 20px;
background: url('../sysbilder/b_06.jpg') no-repeat bottom left;

}