/* CSS Seite Start neue version 3.0.2 - Copyright - Püschel GmbH & Co.KG */

/* allgemeine Angaben start */
body {
 background-image: url(../bilder/hg.gif);
 background-repeat: repeat-x;
 background-color: #fffeff;
 color: black;
 font-family: verdana, arial, sans-serif;
 margin: 0 auto;
 padding: 0;
} 
a:link { color: #000061;
}
a:active { color: #000061;
}
a:visited { color: #000061;
}
#menu a:hover { color: #ffff00;
}
#untermenu a:hover { color: #ff4500;
}

.skip {
 position: absolute;
 margin-left: -10000px;
}
h1, h2, h3 { 
 font-size: 1.7em;
 padding: 8px 0 5px 10px;
 line-height: 1.2em;
 color: #000079;
 margin: auto;
 margin-top: 10px;
 margin-bottom: 10px;
 font-family: Arial, Georgia, "Times New Roman", Times, serif;
 border-bottom: 1px solid #000051;
}
h4, h5, h6 { 
 font-size: 1.1em;
 padding: 2px 0 2px 3px;
 line-height: 1.2em;
 color: #000079;
 margin: auto;
 margin-top: 7px;
 margin-bottom: 7px;
 font-family: Arial, Georgia, "Times New Roman", Times, serif;
}

img {
 padding: 1px;
 border: 1px solid #808080;
}
.flinks {
 float: left;
 margin-top: 0.9em;
 margin-right: 1.1em;
 margin-bottom: 0.65em;
 padding: 1px;
}
.frechts {
 float: right;
 margin-top: 0.1em;
 margin-left: 0.4em;
 padding: 1px;
}
.frechts2 {
 float: right;
 margin-top: 0.6em;
 margin-left: 1.4em;
 margin-bottom: 0.6em;
 padding: 1px;
}
.frechts3 {
 float: right;
 margin-left: 1.1em;
 margin-bottom: 0.8em;
 padding: 1px;
}
.logo {
 float: left;
 margin: 1px;
 padding: 0px;
 border: none;
}
.logo2 {
 float: left;
 margin: 0px;
 padding: 0px;
 border: none;
}
.logo3 {
 float: left;
 margin: 0px;
 padding: 0px;
 border: none;
}
.logo4 {
 margin-left: 45px;
 margin-bottom: 2px;
 padding: 0px;
 border: none;
}
/* allgemeine Angaben Ende */


/* Hauptteil, innere flaeche - start */
#page {
 width: 930px;
 padding-left:2%;
 margin: 0px;
}
/* Hauptteil, innere flaeche - Ende */

/* Logo Start */
#logo {
 background: #3c78ff;
 width: 100%;
 padding-left:2%;
 height: 150px;
 overflow: hidden;
}
#logofeld {
 width: 900px;
 height: 150px;
 overflow: hidden;
}
#logopueschel {
 width: 300px;
 height: 150px;
 margin:0px;
 padding: 0px;
 overflow: hidden;
 float: left;
}
#logodruck {
 display: none;
}
#logobild {
 background: url(../bilder/pueschel1.jpg) no-repeat;
 width: 600px;
 height: 150px;
 float: left;
}
#logotext {
 width: 570px;
 height: 35px;
 padding-top: 115px;
 float: right;
}
#logotext h1{
 background: #0046e3;
 line-height: 0.8em;
 font-size: 1.6em;
 font-weight: bold;
 color: #FFFFFF;
 margin: auto;
}
#cookmaxlogo {
 width: 200px;
 height: 35px;
 padding:0px;
 margin-bottom: 4px;
 float: left;
}
#cookmax {
 margin: auto;
 width: 200px;
 height: 35px;
 padding:0px;
}
#cookmax a{
width: 200px;
height: 35px;
display: blocK;
text-align: center;
 line-height: 1.35em;
 font-size: 1.3em;
 font-weight: bold;
 text-decoration: none;
 color: #f7a600; 
 background: black;
}

/* Logo Ende */


/* Menu unten Start */
#menuunten {
 background: #0046e3;
 Width: 100%;
 height: 22px;
 margin-bottom: 10px;
 padding: 0;
}

#menu { 
 width: 100%;
 margin: 0 auto;
 padding: 0;
 text-align: right;
 color: #FFFF00;
}
#menu li {
 display: inline;
 padding-left: 10px;
 padding-right: 15px;
 line-height: 2em;
 font-size: 0.65em;
 font-weight: bold;
 list-style-type: none;
 border-left: 1px solid #FFFFFF;
 text-decoration: none;
}
#menu li a {
 color: #FFFFFF;
 text-decoration: none;
}
/* Menu unten Ende */

/* Hauptteil Start */
/* untermenu Start */
#untermenulogo {
 width: 210px;
 height: 450px;
 padding: 1px;
 float: left;
}
#untermenu { 
 width: 210px;
 height: 255px;
 margin: 0px;
 padding-left: 5px;
 padding-top: 25px;
 float: left;
 color: #ff4500;
}
#untermenu li {
 line-height: 2em;
 font-size: 0.85em;
 font-weight: bold;
 list-style-type: none;
 border-top: 1px solid #000079;
 text-decoration: none;
}
#untermenu li a {
 display: block;
 width: 200px;
 color: #000079;
 text-decoration: none;
}
#untermenustart {
 width: 200px;
 height: 60px;
 margin-left: 5px;
}
/* menu unten Ende */


/* menushop Start*/
#untermenushop {
 width: 200px;
 height: 72px;
 padding-left: 5px;
 float: left;
 margin-bottom: 2px;
 color: #000079; 
}
#untermenushoplink {
 width: 190px;
 height: 60px;
 padding: 4px;
 line-height: 1.2em;
 font-size: 0.8em;
 border: 1px solid #000079;
}
#untermenushoplink a{
 padding: 3px;
 line-height: 2.5em;
 font-size: 0.9em;
 font-weight: bold;
 text-decoration: none;
 color: #000079; 
 background: #ECED04;
}
/* menushop Ende */

#sonderangebot {
 width: 900px;
 height: 20px;
 margin: auto;
 padding: 0px;
 line-height: 0.8em;
 font-size: 0.9em;
 text-align: center;
 color: red;
 float: left;
 font-weight: bold;
border: 1px solid #000079;
}
#mitteoben {
 width: 900px;
 margin: auto;
 padding: 0px;
 height: 5px;
 margin-bottom: 1px;
 background-color: #0046e3;
}
#mitte {
 width: 900px;
 margin: auto;
 padding: 0px;
 height: 450px;
 margin-bottom: 17px;
}
#allgemein {
 width: 635px;
 height: 430px;
 margin: auto;
 margin-top: 5px;
 padding: 1px;
 padding-left: 3%;
 line-height: 1.7em;
 font-size: 0.9em;
 overflow: auto;
 float: left;
}
/* Hauptteil Ende */


/* startseite Start */
#start {
 width: 600px;
 margin: 0px; 
 padding-left: 35px;
 padding-top: 16px;
 float: left;
}
/* startseite Ende */


/* technik Start */
#technikoben {
 width: 630px;
 height: 85px;
}
#technikunten {
 width: 630px;
 height: 260px;
}
/* Technik Ende */


/* planung Start */
.planung {
 margin: auto;
 padding: 5px;
 font-size: 0.9em;
 overflow: auto;
}
.planungli {
 width: 190px;
 float: left;
}
.planungre {
 width: 415px;
 float: left;
}
/* planung Ende */


/* AGB Start */
#agb {
 margin: auto;
 padding: 10px;
 overflow: auto;
}
#agb li {
 margin-bottom: 8px;
 line-height: 1.5em;
 list-style-type: lower-alpha;
 font-family: Arial, Georgia, "Times New Roman", Times, serif;
}
/* AGB ende */


/* referenz start */
#referenz {
 margin: auto;
 padding: 10px;
}
#referenz ul {
 margin: 5px;
 margin-left: 5px;
}
#referenz li {
 line-height: 1.6em;
 font-size: 0.9em;
 font-family: Arial, Georgia, "Times New Roman", Times, serif;
}
/* referenz ende */


/* Mitglieder Start */
.mitglied {
 margin: auto;
 padding-top: 15px;
 font-family: Arial, Georgia, "Times New Roman", Times, serif;
}
.mitgliedli {
 width: 105px;
 height: 120px;
 float: left;
}
.mitgliedre {
 width: 480px;
 height: 120px;
 padding-left: 6px;
 line-height: 1.1em;
 font-size: 0.9em;
 float: left;
}
.mitglied2 {
 margin: auto;
 padding-top: 5px;
 font-family: Arial, Georgia, "Times New Roman", Times, serif;
}
.mitgliedli2 {
 width: 105px;
 height: 170px;
 float: left;
}
.mitgliedre2 {
 width: 480px;
 height: 170px;
 padding-left: 6px;
 line-height: 1.1em;
 font-size: 0.9em;
 float: left;
}
/* Mitglied Ende */

/* Katalog Start */
.katalog {
 margin: auto;
 padding-top: 25px;
 font-family: Arial, Georgia, "Times New Roman", Times, serif;
 overflow: auto;
}
.katalogli {
 width: 210px;
 height: 350px;
 float: left;
}
.katalogre {
 width: 320px;
 height: 200px;
 padding-left: 8px;
 line-height: 1.4em;
 font-size: 0.9em;
 float: left;
}
.gastroshop {
 width: 320px;
 height: 100px;
 padding-left: 8px;
 line-height: 1.4em;
 font-size: 0.9em;
 float: left;
}
/* Mitglied Ende */



/* Kontakt Start */
.kontakt {
 width: 180px;
 height: 224px;
 margin: 0px;
 line-height: 1.56em;
 font-size: 0.9em;
 font-family: Arial, Georgia, "Times New Roman", Times, serif;
 float: left;
}
.kontakt2 {
 width: 180px;
 height: 60px;
 margin: 0px;
 float: left;
 line-height: 1.6em;
 font-size: 0.9em;
 font-family: Arial, Georgia, "Times New Roman", Times, serif;
}
/* Kontakt Ende */


/* Impressum Start */
.impressum {
 width: 260px;
 height: 150px;
 padding: 10px;
 line-height: 1.4em;
 font-size: 0.9em;
 font-family: Arial, Georgia, "Times New Roman", Times, serif;
 float: left;
}
h3 {
 margin: 0px auto;
 padding: 1px 0 1px 10px;
 line-height: 1em;
 font-size: 1.3em;
 color: #00008b;
 font-family: Arial, Georgia, "Times New Roman", Times, serif;
 border-bottom: 1px solid #0000CE;
}
.impressumtelefon {
 width: 115px;
 font-family: Arial, Georgia, "Times New Roman", Times, serif;
 float: left;
}
.impressum2 {
 width: 540px;
 padding: 10px;
 line-height: 1.4em;
 font-size: 0.9em;
 font-family: Arial, Georgia, "Times New Roman", Times, serif;
}
/* Impressum Ende */


/* Leihservice start */
.leihservice {
 width: 300px;
 height: 70px;
 padding: 5px;
 line-height: 1.4em;
 font-size: 0.9em;
 font-family: Arial, Georgia, "Times New Roman", Times, serif;
 float: left;
}
.leihservicelink {
 width: 590px;
 height: 21px;
 padding: 4px;
 margin: auto;
 line-height: 1.4em;
 font-size: 1.2em;
 font-family: Arial, Georgia, "Times New Roman", Times, serif;
 float: left;
}

.leihservice1 {
 width: 610px;
 height: 34px;
 float: left;
}
.leihservice2 {
 width: 150px;
 height: 34px;
 line-height: 1.2em;
 font-size: 0.9em;
 font-family: Arial, Georgia, "Times New Roman", Times, serif;
 float: left;
}
.leihservice3 {
 width: 450px;
 height: 34px;
 line-height: 1.2em;
 font-size: 0.9em;
 font-family: Arial, Georgia, "Times New Roman", Times, serif;
 float: left;
}

/* Leihservice Ende */


/* Service Start */
#service {
 width: 210px;
 height: 180px;
 line-height: 1.2em;
 font-size: 1.0em;
 float: right;
}
/* Service Ende */


/* Untertitel Start */
#untertitel {
 margin: 0;
 padding: 3px;
 text-align: center;
 line-height: 1.1em;
 font-size: 0.55em;
 font-family: Arial, Georgia, "Times New Roman", Times, serif;
}
/* Untertitel ende */

/* CSS Seite Ende - Copyright - Püschel GmbH & Co.KG */