/* CSS Document */

/* -------------------------------------------------------------
 1. RESET + STRUKTUR
 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
               * {
                    margin: 0;
                    padding: 0;
               }
               body
               {
        margin:0;
     padding:0;
                    background-color: #ffffff;
                    font: 11px/15px Verdana, Arial, Helvetica, sans-serif;
               }
               h1, h2, h3 {
                    padding: 0.7em 0;
               }
               
               p {
                    padding: 0.3em 0;
               }
            
      a {
       color:#993300;
       text-decoration:none;
      }
      a:hover {
       text-decoration:underline;
      }
               #wrapper
               {
     width:930px;
                    background-color: #ffffff;
     position:relative;
               }
    .trenner {
     clear:both;
    * height:20px;
    }
    .clear {
     clear:both;
    }
/* -------------------------------------------------------------
 2. BANNER
 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
 
   #banner {
    width:100%;
    padding:5px 0px;
    height:70px;
    background-color:#FFFFFF;
   }
 
   #banner .banner,.anzeigen {
    float:left;
    margin-left:10px;
    display:inline;
   }
   
   #skybanner {
    position:absolute;
    display:block;
    left:940px;
    top:100px;
   }
   
   
/* -------------------------------------------------------------
 3. FSV - Websites
 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
               #fsvsites {
     float:left;
        width:100%;
     border-bottom:2px solid #993300;
     text-align:right;
     font-size:9px;
     
               }
               #fsvsites ul {
                    padding: 0px;
     margin:0px;
     list-style: none;
               }
               
               #fsvsites li {
                    float: right;
                    width: auto;
 /*    border-bottom:1px solid #FFFFFF; */
     margin-left:1px;
               }
     #fsvsites a {
        float: left;
        width: auto;
        background: url("../media/pix/tab-oben-links.png") no-repeat left top;
        text-decoration:none;
        color:#993300;
        padding-left:10px;
     }
   
	  #fsvsites a:hover {
		   background-position: 0% -41px;
		   color: #FFFFFF;
	  }
     #fsvsites a span {
        float:left;
        width:auto;
        background: url("../media/pix/tab-oben-rechts.png") no-repeat right top;
        color:#993300;
        padding: 3px 10px 2px 0;   
     }
     #fsvsites a:hover span {
        background-position: 100% -41px;
        color: #FFFFFF;
        cursor:pointer;
     }
   
	#fsvsites li.current a {
		background: url("../media/pix/tab-oben-links.png") no-repeat left top;
		 background-position: 0% -41px;
	}
	#fsvsites li.current a span {
		background: url("../media/pix/tab-oben-rechts.png") no-repeat right top;
		 background-position: 100% -41px;
		 color:#FFFFFF;
	}

        
/* -------------------------------------------------------------
 3. HEADER
 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
 
 
               #header {
        clear:both;
                    background-color: #993300;
     position:relative;
      /* Volle Breite setzen */
                    width: 100%;
     height: 80px;
               }
      
      #fsvlogo {
        position:absolute;
     top:-24px;
     left:2px;
     width:39px;
     height:22px;
      }
      
      #subhead {
        position:absolute;
     top:33px;
     left:240px;
      }
      
      #subhead h1 {
        color:#FFFFFF;
     font-size:12px;
     margin:0px;
     padding:0px;
      }
      
      #suche {
        position:absolute;
     width:210px;
     text-align:right;
     padding-right:15px;
     top:20px;
     left:680px;
     font-size:10px;
      }
      
      #suche form {
        padding:0px;
     margin:0px;
      }
      
      #suche input {
        width:100px;
     font-size:10px;
     border:1px solid #EFEFEF;
      }
      #suche .button {
        width:40px;
     border:0px;
      }
      
/* -------------------------------------------------------------
 4. HAUPTNAVIGATION
 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
               #navbar {
     float:left;
        width:100%;
     text-align:right;
     font-size:11px;
     background-color:#993300;
     font-weight:bold;
     
               }
               #navbar ul {
                    padding: 0px;
     margin:0px;
     list-style: none;
     margin-left:10px;
               }
               
               #navbar li {
                    float: left;
                    width: auto;
     border-bottom:1px solid #993300;
               }
               #navbar a {
                    float: left;
                    width: auto;
                    background: url("../media/pix/htab-links.jpg") no-repeat left top;
                    text-decoration:none;
                    color:#993300;
                    padding-left:8px;
               }
      
               #navbar a:hover {
                    background-position: 0% -47px;
               }
      
               #navbar li.current {
     border-bottom:1px solid #FFFFFF;
               }
               #navbar li.current a {
                    background-position: 0% -47px;
               }
               #navbar li.current a span {
                    background-position: 100% -47px;
               }
      
      #navbar a span {
        float:left;
     width:auto;
                    background: url("../media/pix/htab-rechts.jpg") no-repeat right top;
                    color:#993300;
                    padding: 5px 13px 5px 5px;   
      }
      #navbar a:hover span {
                    background-position: 100% -47px;
     cursor:pointer;
      }
      
/* -------------------------------------------------------------
 5. INHALTSSTRUKTUR
 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
 
   #main {
    clear:both;
   }
   
   #main2 {
    clear:both;
    float:left;
    width:730px;
   }
   #main2spaltig {
    clear:both;
    float:left;
    width:930px;
   }
   
   #breadcrumb {
    clear:both;
   }
   #breadcrumb p {
    padding:8px 20px;
   }
      
/* -------------------------------------------------------------
 6. FOOTER
 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */  
 
 
    #footer {
     clear:both;
     width:100%;
     border-top:1px solid #993300;
    }   
    
    #footer a {
     color:#993300;
    }
    
    #footer p {
     padding:8px 20px;
    }
    
    
/* -------------------------------------------------------------
 7. SIDEBAR 1 SUBNAVI
 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
 
    #sidebar1 {
     width:170px;
     float:left;
    }
 
    #subnavi h2 {
     border-bottom:1px solid #A7A37E;
     background:url(../media/pix/subnavi-h2-rechts.jpg) no-repeat right top;
     background-color:#EFECCA;
     color:#111111;
     font-size:12px;
     /* font-style:italic; */
     padding:5px 10px;
    }
    #subnavi h2 span {
     background-color:#EFECCA;
     padding: 0px 10px;   
    }
    
    #subnavi img {
     border-bottom:1px solid #CCCC33;
    }
    
    #subnavi {
     border-bottom:5px solid #A7A37E;
    }
    
    #subnavi ul {
     border-top:1px solid #ffffff;
     margin:0px 0px 0px 0px;
     padding:0px 0px 0px 0px;
     list-style-type:none;
    }
    #subnavi li ul {
     /*text-indent:15px;*/
     border:0px;
    }
    #subnavi a {
     display:block;
     cursor:pointer;
    * width:145px;
     padding:5px 5px 5px 20px;
     color:#666666;
     text-decoration:none;
     background-color:#EFECCA;
     border-bottom:1px solid #ffffff;
    }
    #subnavi a:hover {
     color:#ffffff;
     background-color:#A7A37E;
    }
 #subnavi li ul li a {
  padding-left:30px;
*width:135px;
 }
    
    
/* -------------------------------------------------------------
 8. SIDEBAR 2 TEASERSPALTE
 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
 
    #sidebar2 {
     width:200px;
     float:right;
    }
    
    #sidebar2 .teaser {
     margin-bottom:10px;
     background:url(../media/pix/teaser-rund-links-unten.jpg) no-repeat bottom left;
     background-color:#E6E2AF;
    }
    #sidebar2 .teaser-fhdb {
     margin-bottom:10px;
     background:url(../media/pix/teaser-rund-links-unten.jpg) no-repeat bottom left;
     background-color:#E6E2AF;    
    }
    
    #sidebar2 h3 {
     font-size:12px;
     /* font-style:italic; */
     padding:5px 8px;    
    }
    #sidebar2 .teaser h3 {
     border-bottom:1px solid #ffffff;
     background:url(../media/pix/bg-h3-teaser-rechts.jpg) no-repeat;
     color:#111111;
    }
    
    #sidebar2 .teaser-fhdb h3 {
     border-bottom:1px solid #ffffff;
     background:url(../media/pix/bg-h3-teaser-rechts-fhdb.jpg) no-repeat;
     color:#ffffff;
    }
    
    #sidebar2 .teaser h3 span {
     background-color:#E6E2AF;
     padding-left:5px;
     padding-right:8px;
   
    }
    #sidebar2 .teaser-fhdb h3 span {
     background-color:#E15B04;
     padding-left:5px;
     padding-right:8px;   
    }    
    
    
    #sidebar2 ul {
     list-style-type: none;
    }
    
    #sidebar2 .inhalt {
     padding: 5px 8px 5px 12px;
    }
    
/* Sidebar 3 Teaserspalte bündig oben */    
   
    #sidebar3 {
     float:right;
     width:200px;
     background:url(../media/pix/teaser-rund-links-unten.jpg) no-repeat bottom left;
     background-color:#E6E2AF;
    }
    
    #sidebar3 ul {
     list-style-type: none;
    }
    #sidebar3 li {
     padding-bottom:5px;
    }
    
    #sidebar3 .teaser,#sidebar3 .teaser-fhdb {
     border-bottom: 5px solid #A7A37E;
    }
        
    #sidebar3 .inhalt {
     padding: 5px 8px 5px 12px;
    }
    
    #sidebar3 h3 {
     font-size:12px;
     /* font-style:italic; */
     padding:5px 10px 8px 10px;
     background:url(../media/pix/teaser-h3.jpg) no-repeat bottom left;
     margin-top:0px;     
    }    
 
 
/* Sidebar 4 Teaserspalte bündig oben orangetöne */    
   
    #sidebar4 {
     float:right;
     width:200px;
     background:url(../media/pix/teaser-rund-links-unten.jpg) no-repeat bottom left;
     background-color:#fff2d8;
    }
    
    #sidebar4 ul {
     list-style-type: none;
    }
    #sidebar4 li {
     padding-bottom:5px;
    }
    
    #sidebar4 .teaser,#sidebar4 .teaser-fhdb {
     border-bottom: 5px solid #FFCC66;
    }
        
    #sidebar4 .inhalt {
     padding: 5px 8px 5px 12px;
    }
    
    #sidebar4 h3 {
     font-size:11px;
     /* font-style:italic; */
     padding:5px 10px 8px 10px;
     background:url(../media/pix/teaser-h3.jpg) no-repeat bottom left;
     margin-top:0px;     
    }    
    
/* -------------------------------------------------------------
 9. CONTENT MITTLERE SPALTE
 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/*------------------------------
Teaserstyles für Homepage 
-------------------------------
*/

.db-headline {
 margin-top:15px;
 margin-left:10px;
 background-color:#993300;
 background-image:url(/media/pix/bg-h1-blau-weiss-li.jpg);
 background-repeat:no-repeat;
}
.db-headline h1 {
 font-size:11px;
 color:#ffffff;
 text-indent:15px;
 display:block;
 background:url(/media/pix/bg-h1-blau-weiss-re.jpg) no-repeat right top;
}
.db-rechts {
 float:right;
 width:200px;
 height:400px;
 overflow:hidden;
 border-left:1px solid #dddddd;
}
.db-links {
 width:700px;
 margin-left:10px;
}
.db-links .flash {
 width:475px;
 float:left;
}
.db-links .flash-inhalt {
 background-image:url(/media/pix/bg-home-flash.jpg);
 background-repeat:no-repeat;
 width:475px;
 height:310px;
}
.db-links .minilogo-text {
 padding:5px 0px 0px 10px;
}
.db-links .schnellsuche {
 float:left;
 width:215px;
 margin-left:8px;
}
.db-links form {
 padding:5px 5px 10px 5px;
 width:200px;
}
.db-links form select {
 width:180px;
 font-size:10px;
 margin-bottom:5px;
}
.db-links .liste {
 padding:5px 5px 10px 5px;
 margin-top:5px;
 width:200px;
}
.db-links .liste ul {
 list-style-image:url(http://213.178.161.52/www.bautipps.de/media/pix/fhdb-marker.gif);
 padding:0px 10px;
 margin:0px 0px 0px 10px;
}
.flash-breit {
 width:700px;
}
.flashtext {
width:700px;
clear:left;
 padding:0px 0px 8px 15px;
 font-weight:bold;
}

/* 
------------------------------
Teaserstyles für Hompage 
-------------------------------
*/
/* weitere Homepage-Styles */
    .teaser-home-normal  {
     float:left;
     width:222px;
  margin-left:10px;
  display:inline;
  margin-bottom:10px;
 
 
    }
    .teaser-home-normal h1 {
     font-size:11px;
     color:#000;
     padding:5px 5px 5px 10px;
 background-image:url(../media/pix/bg-h1-home-230.jpg);
  background-repeat:no-repeat;
    }
    .teaser-home-normal .inhalt  {
     padding:5px 5px 5px 10px;
  background-color:#ffffff;
  overflow:hidden;
  height:150px;
  border:1px solid #EFEFEF;
    }
 
    .teaser-home-normal .inhalt-kl  {
     padding:5px 5px 5px 10px;
  background-color:#ffffff;
  overflow:hidden;
  height:95px;
  border:1px solid #EFEFEF;
    }
 
    .teaser-home-normal .inhalt  ul {
     padding:0px 0px 0px 15px;
    }
    .teaser-home-normal .inhalt  img {
     padding:0px 5px;
    }
 
 
    .teaser-home-breit-scroll  {
     float:left;
     width:470px;
  margin-left:10px;
  display:inline;
  margin-bottom:10px;
 
 
    }
    .teaser-home-breit-scroll h1 {
     font-size:11px;
     color:#993300;
     padding:5px 5px 5px 10px;
  color:#000;
  background-image:url(../media/pix/bg-h1-home.jpg);
  background-repeat:no-repeat;
    }
    .teaser-home-breit-scroll .inhalt  {
     padding:5px 5px 5px 10px;
 /* background-color:#EFEFEF; */
  overflow:hidden;
  height:485px;
  border:1px solid #EFEFEF;
    }
 
    .teaser-home-breit-scroll .inhalt img {
     padding:5px;
  background-color:#FFFFFF;
    }
 
 
/* Inhaltsstyles Folgeseiten */
 
    #content {
     float:left;
     width:550px;
    }
    #contentiframe {
     float:left;
     width:730px;
     padding-left:20px;
    }
    #contentiframe h1 {
     font-size:12px;
     /* font-style:italic; */
     color:#993300;
     padding:5px 5px 5px 10px;
     border-bottom:1px solid #993300;
     margin-bottom:10px;   
    }
    #contentiframe iframe {
     margin-left:10px;   
    }
        
    #content .teaser-mitte {
     width:250px;
     float:left;
     display:inline;
     margin-left:20px;
     margin-bottom:20px;
    }
    
    #content .teaser-mitte h1 {
     font-size:12px;
     /* font-style:italic; */
     color:#993300;
     padding:5px 5px 5px 10px;
     /* border-left:1px solid #993300; */
     border-bottom:1px solid #993300;    
    }
    
    #content .teaser-mitte-scroll {
     padding:5px 5px 5px 10px;
     height:250px;
     overflow:auto;
     /* border-left:1px solid #993300;
     border-bottom:1px solid #993300; */
    }
    
    .teaser-mitte-scroll ul {
     list-style-type:none;
     padding-left:15px;
    }
    
    .teaser-breit .inhalt ul {
     list-style-type:none;
     padding-left:15px;
    }
    
 /* breiter Teaser für mittlere Spalte */
    #content .teaser-breit {
     width:520px;
     margin-left:20px;
     margin-bottom:20px;    
    }
    
    
    #content .teaser-breit h1 {
     font-size:12px;
     /* font-style:italic; */
     color:#993300;
     padding:5px 5px 5px 10px;
     /* border-left:10px solid #993300; */
     border-bottom:1px solid #993300;    
    }
    
    #content .teaser-breit .inhalt {
     padding:5px 5px 5px 10px;
     /* border-left:10px solid #993300; */
     /* border-bottom:1px solid #993300; */
    }
    #content .teaser-breit .inhalt-magazinblock {
     padding:5px 5px 5px 10px;
     /* border-left:10px solid #993300; */
     /* border-bottom:1px solid #993300; */
    }
    #content .teaser-breit .inhalt-magazinblock li {
     list-style-type:disk;
margin-left:10px;
padding-left:10px;
    }
    #content .teaser-breit .inhalt-magazinblock img  {
        padding-left:10px;
    }
    #content .teaser-breit .bildteaser {
     width:145px;
     float:left;
     display:inline;
     margin-right:20px;
     margin-bottom:5px;
    }
 
    
  /* Miniteaser innerhalb breitem Teaser aktuell z.B. Topthemen */
  
    .miniblock {
     float:left;
     width:200px;
     padding-right:15px;
     margin-bottom:10px;
    }
    
    .miniblock img {
     padding-right:10px;
    }
    
    
  /* Artikel Styles für Folgeseiten */
  
    .artikel-head {
     width:520px;
     margin-left:20px;   
    }
  
   .artikel-head h1{
     font-size:12px;
     /* font-style:italic; */
     color:#993300;
     padding:5px 5px 5px 10px;
     border-bottom:1px solid #993300;    
    }
    
   .artikel-head .inhalt {
     padding:5px 5px 5px 10px;
     /* font-style:italic; */
    } 
    .teaserliste-head {
     width:520px;
     margin-left:20px;   
    }
  
   .teaserliste-head h1{
     font-size:12px;
     /* font-style:italic; */
     color:#993300;
     padding:5px 5px 5px 10px;
     border-bottom:1px solid #993300;    
    }
    
   .teaserliste-head .inhalt {
     padding:5px 5px 5px 10px;
    }   
  
   .artikel {
     width:510px;
     margin-left:20px;
     margin-bottom:20px;
     padding-left:10px;
   }
   .artikel img {
     padding:5px 10px 5px 10px;
   }
    .checkliste td {
     padding:10px;
    } 
   
   .artikel-right {
    float:right;
    width:210px;
    border-top:5px solid #A7A37E;
    border-left:1px solid #A7A37E;
    margin-left:5px;
   }
   
   .artikel-right h3 {
    padding:0px;
   }
   .artikel-infobox {
    padding:5px;
    border-bottom:1px solid #A7A37E;
   }
   .artikel-right-inhalt {
    padding:5px;
    border-bottom:5px solid #A7A37E;
   }
   
   .artikel-right-inhalt img {
    padding:0px;
   } 
   
   .artikel-tt {
     width:510px;
     margin-left:20px;
     margin-bottom:20px;
     padding-left:10px;
   }
   
   .artikel-tt img {
    padding:10px;
    border:1px solid #A7A37E;
   }
   
   .teaser-tt {
    border-top:5px solid #A7A37E;
   }
   
   .teaser-tt p {
    padding:0px 10px 10px 10px;
   }
    .infobox {
    border-top:1px solid #A7A37E;
    border-bottom:1px solid #A7A37E;
    padding:5px;
    background-color:#EFEFEF;
    margin-top:10px;
    }
    .datumetc {
    border-bottom:1px solid #DDDDDD;
    padding:5px 5px 5px 10px;
    }
    .datum {
    float:left;
    }
    .printetc {
    float:right;
    }
.reddot {
    background-color:yellow;
color:red;
padding:5px;
border-bottom:1px solid red;
border-top:1px solid red;
    }
.ct-tt {
 width:170px;
 float:left;
 
}
.ct-tt-bild {
 padding:10px;
}
.ct-tt-text {
 padding:10px;
}
.kk-adressblock {
 width:220px; 
height:140px;
overflow:hidden;
margin-right:10px;
margin-bottom:10px;
background-color:#EFEFEF;
display:inline;
float:left;
}
.kk-adressblock .inhalt {
 padding-left:5px;
}
/* FIRMEN UND PRODUKTE */
.kategorie {
 float: left;
 padding: 3px;
 margin: 7px;
 height: 100px;
 width: 90px;
 text-align:center;
}
.kontaktform {
 background-color:#efefef;
 border:1px solid #dddddd;
}
.kontaktform td {
    padding:5px;
}
.kontaktform input {
    border:1px solid #dddddd;
}
#printbutton {
 position:absolute;top:185px;left:880px;
 }
.gs-tabelle td {
     padding:3px;
 }