/* Formatierungen allgemein */
body {
    font: 80% verdana, helvetica, sans-serif;
    margin: 0;
    padding: .7em 0 1em 0;
    background: #eee;
/*    color: #555;   */
    color: #000;
    text-align: center;
    line-height: 1.5;
}

h1, h2, h3, h4 {
font-family: Verdana, Helvetica, sans-serif;
}

h1 {
font-size: 120%
}

h2 {
font-size: 100%
}

h4 {
margin: 0 0 0 0;
padding: 0 0 0 0;
font-size: 100%
}

.clearer {
    clear: both;
}

/* Ende allgemein */

/* gesamter Rahmen */
#rand {
width: 900px;
margin: 0px auto;
padding: 0;
text-align: left;
background: #f5f5f5;
border-left-width: 5px;
border-left-style:  solid;
border-color: #ffec00;
border-right-width: 5px;
border-right-style:  solid;
border-color: #ffec00;
/*border-bottom-width: 5px;
border-bottom-style: solid;
border-color: #ffec00; */
border-top-width: 5px;
border-top-style: solid;
border-color: #ffec00;
background: #ffcb2d url(../bilder/bilderbasic/gb_backschwarz.gif);
}

#rand2 {
width: 900px;
margin: 0px auto;
padding: 0;
text-align: left;
background: #f5f5f5;
border-left-width: 5px;
border-left-style:  solid;
border-color: #ffec00;
border-right-width: 5px;
border-right-style:  solid;
border-color: #ffec00;
/* border-bottom-width: 5px;
border-bottom-style: solid;
border-color: #ffec00; */
border-top-width: 5px;
border-top-style: solid;
border-color: #ffec00;
background: #ffcb2d url(../bilder/bilderbasic/gb_backweiss.gif);
}

#head {
padding: 100px 10px 0px 0px;
margin: 0;
border-bottom-width: 5px;
border-bottom-style:  solid;
border-color: #ffec00;
background: #ffcb2d url(../bilder/bilderbasic/gb_head_neu.gif) no-repeat;
}

#headbild {
padding: 100px 10px 0px 0px;
margin: 0;
border-bottom-width: 5px;
border-bottom-style:  solid;
border-color: #ffec00;
background: #ffcb2d url(../bilder/bilderbasic/gb_headbildleiste3.jpg) no-repeat;
}

/* der ganze mittlere Bereich: Navigation und Text */
#content {
margin: 0px 140px 0 150px;
color: #fff;
}

#content2 {
margin: 0px 140px 0 150px;
color: #000;
}

.absatz1 {
margin: 30px 180px 0 0px;
}


/* Navigation */
#nav {
float: left;
margin: 10px 0 50px 0;
width: 122px;
line-height: 220%
}

#nav ul { 
margin: 0;
padding: 0 0 0px 5px;
list-style: none;
font-family: verdana, helvetica, sans-serif;
font-size: 90%;
}

/* #nav ul ul { 
margin: 0;
padding: 0 0 0px 5px;
list-style: none;
font-family: verdana, helvetica, sans-serif;
font-size: 90%;
line-height: 200%
}  */

#nav .p1 li { 
padding: 0px 0 0px 5px;
list-style-image:url(../bilder/bilderbasic/gb_bullet.gif);
}

#nav a:link {
text-decoration: none;
color: #000000;
}
  
#nav a:visited {
text-decoration: none;
color: #000000;
}
  
#nav a:hover { 
text-decoration: underline;
}
  
#nav a:active { 
color: #000000;
text-decoration: underline;
} 

#nav a.home {
background: url(../bilder/bilderbasic/gb_home.gif) no-repeat;
padding: 0px 0px 0px 20px;
margin-left: 0;
}

#nav a.home:hover { 
text-decoration: underline;
}

#nav a.firma {
background: url(../bilder/bilderbasic/gb_home.gif) no-repeat;
padding: 0px 0px 0px 20px;
margin-left: 0;
}

#nav a.firma:hover { 
text-decoration: underline;
}

#nav a.holz {
text-decoration: none;
color: #000000;
background: url(../bilder/bilderbasic/gb_holz.gif) no-repeat;
padding: 0px 0px 0px 20px;
margin-left: 0;
}

#nav a.holz:hover { 
text-decoration: underline;
}

#nav a.holzalu {
text-decoration: none;
color: #000000;
background: url(../bilder/bilderbasic/gb_holzalu.gif) no-repeat;
padding: 0px 0px 0px 20px;
margin-left: 0;
}

#nav a.holzalu:hover { 
text-decoration: underline;
}
 
#nav a.kunststoff {
text-decoration: none;
color: #000000;
background: url(../bilder/bilderbasic/gb_kunststoff.gif) no-repeat;
padding: 0px 0px 0px 20px;
margin-left: 0;
}

#nav a.kunststoff:hover { 
text-decoration: underline;
}

#nav a.beschattungen {
text-decoration: none;
color: #000000;
background: url(../bilder/bilderbasic/gb_beschattungen.gif) no-repeat;
padding: 0px 0px 0px 20px;
margin-left: 0;
}

#nav a.beschattungen:hover { 
text-decoration: underline;
}

#nav a.zubehoer {
text-decoration: none;
color: #000000;
background: url(../bilder/bilderbasic/gb_zubehoer.gif) no-repeat;
padding: 0px 0px 0px 20px;
margin-left: 0;
}

#nav a.zubehoer:hover { 
text-decoration: underline;
}

#geschichte {
float: left;
margin: 10px 300px 0 0;
padding: 10px 0 0 0;
width: auto;
font: 100% verdana, helvetica, sans-serif;
background: #eee;
color: #000;
line-height: 2.5;
}

#navi {
float: right;
width: 200px;
font: 1.1em verdana, sans-serif;
color: #444;
text-align: center;
padding: 0;
background: #f5f5f5;
margin-bottom: 1em;
}

#info-linie{
float: right;
margin: 0px 0px 0px 0px;
padding: 30px 0px 0px 10px;
width: 140px;
font: 95% verdana, helvetica, sans-serif;
border-left-width: 2px;
border-left-style:  solid;
border-color: #ffec00;
}

#info2-linie{
float: right;
margin: 50px 50px 0px 0px;
padding: 10px 0px 50px 0px;
width: 190px;
font: 85% verdana, helvetica, sans-serif;
line-height: 1.5;
}

#info-haftung{
float: right;
margin: 70px 0px 0px 0px;
padding: 0px 0px 0px 20px;
width: 140px;
font: 95% verdana, helvetica, sans-serif;
border-left-width: 2px;
border-left-style:  solid;
border-color: #ffec00;
}
  
#prodstart-bild {
float: right;
margin: 0px 0px 0px 20px;
padding: 0px 0px 0px 10px;
width: 270px;
font: 85% verdana, helvetica, sans-serif;
border-left-width: 2px;
border-left-style:  solid;
border-color: #ffec00;
}

#prodstart-bild h2 {
font-size: 120%
}

#prodstart-bild h4 {
font-size: 120%
}

#prodstart-bild-kunst {
float: right;
margin: 50px 0px 0px 20px;
padding: 0px 0px 0px 10px;
width: 270px;
font: 100% verdana, helvetica, sans-serif;
border-left-width: 2px;
border-left-style:  solid;
border-color: #ffec00;
line-height: 1.5;
}

#prodstart-bild p {
margin: 5px 0 0 0;
padding: 0 0 0 0;
font-size: 120%;
}

#download {
float: right;
margin: 10px 0px 0px 0px;
padding: 0px 15px 0px 0px;
width: 70px;
font: 85% verdana, helvetica, sans-serif;
line-height: 1.5;
text-align: left;
}

a.downloadp:link, a.downloadp:visited, a.downloadp:active {
text-decoration: none;
color: #000000;
padding: 0px 0px 0px 0px;
line-height: 1.3;
}

a.downloadp:hover { 
text-decoration: underline;
}

a.bfrei:link, a.bfrei:visited, a.bfrei:active {
text-decoration: none;
color: #009607;
text-decoration: underline;
}

a.bfrei:hover { 
text-decoration: underline;
color: #000000;
}

.bfreip {
margin: 5px 0 0 0;
padding: 0 0 0 0;
}

#bottom {
font-size: 85%;
width: 900px;
margin: 0px 0px 0px 0px;
padding: 2px 0px 2px 0px;
text-align: center;
background: #ffec00;
}

table {
width: 200px;
border: 1px solid #000;
background: #f2f2f2
}

table h6 {
font: 100% verdana, helvetica, sans-serif;
font-weight: bold;
color: #058600;
padding: 0;
}

table th, table td {
font: 85% verdana, helvetica, sans-serif;
margin: 0pt;
padding: 8px 10px;
text-align: left;
border-bottom: 1px solid #b5b5b5;
}

table .first-col-bold {
font-weight: 700;
}

table tr {
background: #e6e6e6;
}

table tr.alt {
background: #f1f1f1;
}

table caption {
margin: 0;
padding: 8px 20px;
text-align: left;
color: #fff;
border: 1px solid #000;
border-bottom: none;
background: #515151;
}

#sprossen {
margin: 20px 160px 50px 0px;
padding: 0;
background: #f2f2f2;
}

#sprossen table {
background: fff;
}

#sicherheit {
float: left;
width: 370px;
margin: 20px 0px 20px 0px;
padding: 10px 10px 10px 10px;
background: #eaf2ea;
text-align: left;
}

#sicherheit2 {
float: left;
width: 400px;
margin: 10px 0px 20px 0px;
padding: 0px 0px 0px 0px;
}

#klima-text {
margin: 15px 160px 0px 0px;
padding: 2px 10px 2px 5px;
background: #e4e4e4;
}

#klima-text-2 {
float: right;
margin: 150px 8px 0px 0px;
padding: 2px 10px 2px 5px;
width: 200px;
background: #e4e4e4;
}

#klima-text-3 {
float: right;
margin: 0px 8px 0px 0px;
padding: 2px 10px 2px 5px;
width: 200px;
background: #e4e4e4;
}
p.subheader {
font: 120% verdana, helvetica, sans-serif;
font-weight: bold;
color: #058600;
padding: 0;
}

#team-1 {
float: left;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 289px;
border-right: 2px;
border-right-color: #fbe901;
color: #ffffff;
text-align: left;
background: #000000;
}

#team-2 {
float: right;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 289px;
color: #ffffff;
background: #000000;
}

#barr-1 {
float: left;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 210px;
border-right: 2px;
border-right-color: #fbe901;
color: #000;
text-align: left;
background: #fff;
}

#barr-1 ul{
list-style-type: disc;
list-style-position: outside;
display: inline;
text-align: left;
}

#barr-1 ul li{
margin: 0px 0px 0px 14px;
padding: 0px 0px 0px 0px;
}

#barr-2 {
float: right;
margin: 0px 16px 0px 0px;
padding: 0px 0px 0px 0px;
width: 210px;
color: #000;
background: #fff;
}

#barr-2 ul{
list-style-type: disc;
list-style-position: outside;
display: inline;
text-align: left;
}

#barr-2 ul li{
margin: 0px 0px 0px 14px;
padding: 0px 0px 0px 0px;
}

#kunststoff-text {
float: right;
margin: 30px 30px 20px 0px;
padding: 2px 10px 2px 5px;
width: 238px;
background: #e4e4e4;
font-size: 100%;
line-height: 1.5;
}

/* Kontaktformular */
#kontaktformular form {
margin: 0px 0px 30px 0px;
border: 1px solid #ddd;
background: #f5f5f5;
}

form {
padding: 5px 15px 15px 15px;
margin: 0;
font-size: 1em;
}

input, textarea {
border: 1px solid #f93;
background: #fff;
color: #555;
}
/* Ende: Kontaktformular */

a.download {
/* background: url(../bilder/bilderbasic/gb_home.gif) no-repeat;
padding: 0px 0px 0px 20px;
margin-left: 0;  */
text-decoration: none;
}

a.download:hover { 
text-decoration: underline;
}

/* Kennzeichnung aktuelle Link-Auswahl  */

body#linkaktuell li#linkaktuellnavi {
font-weight: bold;
color: #f5f5f5;
background-image: url(../bilder/bilderbasic/gb-navpfeil.gif);
background-repeat: no-repeat;
}

.blockhome {
padding: 0px 80px 0px 0px;
text-align: justify;
}

.blockgeschichte {
padding: 0px 40px 0px 0px;
text-align: justify;
}

.blockteams {
text-align: justify;
}

.blocksicherheit {
padding: 0px 200px 0px 0px;
text-align: justify;
}

.blockstartholzalu {
padding: 0px 350px 0px 0px;
text-align: justify;
}

.punkte_liste {
text-indent: -25px;
list-style-position: inside;
}

.no_punkte_liste {
list-style: none;
text-indent: -14px;
list-style-position: inside;
}

.zelle_center {
text-align: center
}

.table_roto {
width: 430px;
border: 1px solid #000;
background: #f2f2f2
}

.table_sicher {
width: 200px;
border: 1px solid #000;
background: #f2f2f2
}

.table_sicher2 {
width: 300px;
border: 1px solid #000;
background: #f2f2f2
}

.image_border {
border-top: 1px;
border-top-style: solid;
border-top-color: fff;
border-left: 1px;
border-left-style: solid;
border-left-color: fff;
border-right: 1px;
border-right-style: solid;
border-right-color: fff;
border-bottom: 1px;
border-bottom-style: solid;
border-bottom-color: fff;
}