/* Knopf-Budke.com */

/*#################################################*/
/* Start - Standardsettings, Browserbugs und Hacks */

/* Randabstände und border aller HTML-Elemente auf Null setzen.
   Aussehen in unterschiedlichen Browsern. */
* { padding: 0; margin: 0; }

/* Artikel 'Useful Code Snippets' von Mike Foskett
   [http://www.websemantics.co.uk/tutorials/useful_css_snippets/] */
html { height: 100% }
body {
   min-height: 101%;
/* Beseitigung des Rundungsfehlers bei Schriftgrößen im Opera sowie Standardformatierungen */
   font-size: 100.01%;
/* FIX: Verhindert, dass positionierte Elemente nicht verschoben werden when die Größe des Browser
   Fensters geändert wird. */
   position: relative;
/* Vorgabe der Standardfarben und Textausrichtung*/
   color: #000;
   background: #fff;
   text-align: left;
}

strong {font-weight: normal;}

/* Standardrahmen zurücksetzen */
fieldset, img { border:0; }

/* Anpassung für Safari Browser. font-size:100% ist für den Safari in Formularen zu groß */
select, input, textarea { font-size: 99% }

/* Ende - Standardsettings, Browserbugs und Hacks */
/*################################################*/
/*
CSS - Definition - DEMO 1.01
Formular Generator für Redaxo 4.x
Ab: Version 4.5 Community Editon
Stand: 22.01.2008
Erstellt von: Thomas Skerbis , www.klxm.de
*/
/* Formular Definition */
/* Div das das Formular umschließt */
.formgen {
        font-size: 1em;
}

label,
select,
input[type=checkbox],
input[type=radio],
input[type=button],
input[type=submit] {
      cursor : pointer;
}

.formgen form {
         line-height : 120%;
         width: 680px;
}
/* Wie sehen die einzelnen Blöcke aus?
Jedes Feld wird von einem DIV umschlossen, das hier definiert werden kann */
.formgen .formblock {
         margin-bottom: 0px;
         background-color: #fff;
         padding-top: 2px;
         padding-bottom: 2px;
         padding-right: 2px;
         padding-left: 0px;
}
/* Verhalten von br-Tags */
.formgen br {
        clear : both;
}
/*
--------- FORMULAR-OBJEKTE ------------
*/
/* Trennelement , Abstand */
.formgen .formtrenn {
        display: block;
        height: 30px;
}
/* Hinweistext */
.formgen .formhinweis {
        font-weight: bold;
        color: #333333;
        font-size: 1.2em;
}
/* Überschrift */
.formgen .formheadline {
        font-weight: normal;
        color: #333333;
        float: left;
}
/* Passwortfeld */
.formgen .formpassword {
        width: 200px;
        background-color: #CCCCCC;
        margin-left: 0px;
}
/* Captcha-Bild */
.formgen .formcaptcha {
        border:none;
}
/* Aussehen der Select-Ausgabe */
.formgen .formselect {
         width: 200px;
         background-color: #CCCCCC;
         margin-left: 0px;
}
/* Sende-Button */
.formgen .formsubmit {
        width: 200px;
         margin-left: 95px;
         margin-top:10px;
}
/* Definition des Fieldsets, das das ganze Formular umschließt */
.formgen fieldset {
width: 400px;
padding-top: 10px;
padding-right: 20px;
padding-bottom: 10px;
padding-left: 20px;
border: 1px solid #C0C0C0;
}
/* Fieldsetbeschriftung */
.formgen legend {
font-weight: bold;
font-family: 'Lucida Sans', Arial, Verdana, sans-serif;
font-size:14px;
color: #333;
}
/* -------------- AUSGABEN / Fehlermeldungen -------- */
/* Fehlermeldung nach Versand */
.formgen .forminfo {
        color: #FFFFFF;
        background-color: #990000;
        border: 1px dashed #333;
        margin: 5px;
        padding: 5px;
}
/* Markierung der Labels bei Fehler */
.formgen .formerror {
        color: #FFFFFF;
        background-color: #990000;
}
DIV.form-module-thanks {
   font-weight: bold;
   font-family: 'Lucida Sans', Arial, Verdana, sans-serif;
   font-size:16px;
   color: #333;
}
/* Ende der Formulardefinition ************************************************/

#rexform label {
   font-family: 'Lucida Sans', Arial, Verdana, sans-serif;
   float: left;
   margin-top: 3px;
   padding-right: 17px;
   text-align: left;
   vertical-align:bottom;
   width: 180px;
}
/* Label */
.formgen label {
   font-family: 'Lucida Sans', Arial, Verdana, sans-serif;
   width: 180px;
   float: left;
   vertical-align:bottom;
   height: 20px;
   padding: 0px;
}

#rexform fieldset {
   margin-top: 10px;
}

#rexform legend {
   display: none;
}

/* Mehrzeiliges Eingabefeld */
.formgen .formtextfield {
        width: 390px;
        height: 150px;
        margin-left: 0px;
}
/* Textfeld */
.formgen .formtext {
        height: 20px;
        width: 200px;
        float: left;
        background-color: #eeeeee;
        margin-left: 0px;
}

#rexform input,
#rexform textarea {
   width: 190px;
   margin-top: 3px;
   background: #fff;
   border: 1px solid #C0C0C0;
   color: #333;
   font-family: 'Lucida Sans', Arial, Verdana, Sans-Serif;
   padding: 2px 2px;
}

#rexform textarea {
   font-size: 1em;
   padding-top: 2px;
}

#rexform input.submit {
   margin-left: 87px;
   margin-top: 20px;
   margin-bottom: 20px;
   width: 155px;
   border: 0;
   font-family: 'Lucida Sans', Verdana, Arial, Helvetica, Sans-Serif;
   font-weight: bold;
   padding: 7px 0 14px 0;
   cursor: pointer;
}

#rexform input:hover,
#rexform textarea:hover {
   border: 1px solid #980001;
   background: #fff;
}

#rexform input:focus,
#rexform textarea:focus {
   border: 1px solid #980001;
   background: #fff;
   outline-style: none;
}

a.online {
   color: #980001;
   text-decoration: underline;
}

span.raku {
   font-size:16px;
}

a.bildlink {
   color: #777;
   text-decoration: underline;
}


div#site {
   margin: 0 auto;
   text-align: left;
   width: 970px;
   background: url('http://www.knopf-budke.com/files/bkgr.gif') repeat-y;
}

div#outer {
   width: 960px;
   margin-left: 5px;
}


div#header {
   position: relative;
   top: 0px;
   width: 100%;
   height: 145px;
   background: #fff url('http://www.knopf-budke.com/files/banner_neu.jpg') no-repeat;
   z-index: 2
}

/* Sprachen, Sitemap, Impressum */
div.language {
   position: relative;
   top: 5px;
   left: 6px;
   height: 0px;
   font-family: Arial, Verdana, sans-serif;
   font-size: 14px;
   z-index: 3;
}


#headercontent {
   position: absolute;
   left: 480px;
   bottom: 0px;
}

#headercontent h1 {
   font-weight: normal;
   color: #fff;
   font-size: 2.5em;
}

#headercontent h1 sup {
   color: #777;
}

#headercontent h2 {
   font-size: 1.0em;
   font-weight: normal;
   color: #aaa;
}

A.sitemap {
   color: #333;
}

A.sitemap:hover {
   color: #333;
}


ul.sitemaplevel1 {
   padding-left:40px;
   list-style-type:square;
}

a.level1 {
}

a.home {
   font-family: Arial, Verdana, sans-serif;
   color:#fff;
   text-decoration: underline;
}

ul.sitemaplevel2 {
  padding-left:20px;
  list-style-type:square;
}

a.level2 {
}
li.main {
}

DIV.image {
  padding-right:20px;
  padding-bottom:20px;
  float:left;
  }

DIV.galerie br {
  clear: both;
}

DIV.txt-img {
     font-family: Arial, Verdana, sans-serif;
}

/* Menü horizontal */
DIV.menue {
        height:46px;
        width:120px;
        float:left;
}

/* Menü vertikal */
DIV.leftmenue{
        width:240px;
        float:left;
}
DIV.leftmenue_top {
   width:240px;
   height:68px;
   background: #A60000 url('http://www.knopf-budke.com/files/submenu.jpg') no-repeat;
}
p.navtop {
     padding: 14px 0px 0px 20px;
     font-size:36px;
     font-family: Arial, Verdana, sans-serif;
     color: #ffffff;
     font-weight:normal;
}
DIV.leftmenue_nav {
   width:240px;
   height:535px;
   background: #ffffff url('http://www.knopf-budke.com/files/submenu_bg.jpg') no-repeat;
}
p.navmenue {
     padding: 14px 0px 0px 20px;
     font-size:14px;
     line-height:2;
     font-family: Arial, Verdana, sans-serif;
     color:#ffffff;
     font-weight:normal;
}


DIV.productmain {
     width:720px;
     float:left;
     font-family: Arial, Verdana, sans-serif;
}

DIV.product_bl480 {
        width:480px;
        height:203px;
        float:left;
        background: #8D8A6A
}
DIV.product_bl240_rot {
        width:240px;
        height:203px;
        background: #A60000 url('http://www.knopf-budke.com/files/block_rot_203.jpg') no-repeat;
        float:left;
        text-align:center;
}

DIV.product_bl240_braun {
        width:240px;
        height:203px;
        background: #8D8A6A url('http://www.knopf-budke.com/files/block_braun_203.jpg') no-repeat;
        float:left;
}


a.faq {
        color: #333;
}

a.weiss {
        color: #ffffff;
}
a.weiss:hover {
        color: #ffffff;
        text-decoration:none;
}


#menu
{
position: relative;
background: #ffffff url('http://www.knopf-budke.com/files/menu_bg.gif') repeat-x top left;
height: 46px;
margin-bottom: 20px;
}

#menu ul
{
position: absolute;
top: 0px;
}

#menu ul li
{
position: relative;
display: inline;
}

#menu ul li a
{
}

#menu ul li a:hover
{
}

#menu ul li a.active
{
}

#menubottom
{
}

#content
{
}



/* begin Seite Home */

DIV.homedivider1
{
position: relative;
background: #ffffff url('http://www.knopf-budke.com/files/trans.gif') repeat-x;
height: 20px;
clear: both;
}

DIV.block1
{
background: #A60000 url('http://www.knopf-budke.com/files/block_rot.jpg') no-repeat;
float:left;
width: 240px;
height: 405px;
}

DIV.block2
{
float:left;
width:720px;
height:405px;
}

DIV.block3
{
background: #9C9976 url('http://www.knopf-budke.com/files/block_braun.jpg') no-repeat;
float:left;
width: 240px;
height: 405px;
}

DIV.block4
{
float:left;
width: 240px;
height: 405px;
}

DIV.block5
{
background: #A60000 url('http://www.knopf-budke.com/files/block_rot.jpg') no-repeat;
float:left;
width: 240px;
height: 405px;
}

DIV.block6
{
float:left;
width: 240px;
height: 405px;
}

p.block1_head {
   padding-left:15px;
   padding-right:15px;
   font-size:36px;
   font-family: Arial, Verdana, sans-serif;
   color:#ffffff;
   font-weight:normal;
}

p.block1_head2 {
   padding-left:15px;
   padding-right:15px;
   font-size:12px;
   font-family: 'Lucida Sans', Arial, Verdana, sans-serif;
   color:#ffffff;
   font-weight:bold;
}

p.block1_text {
   padding-left:15px;
   padding-right:15px;
   font-size:12px;
   line-height:23px;
   font-family: 'Lucida Sans', Arial, Verdana, sans-serif;
   color:#ffffff;
   font-weight:normal;
}

/* end Seite Home */



body,input {
   font-size: 10pt;
   font-family: 'Lucida Sans', Arial, Verdana, sans-serif;
   color: #333333;
}

p {
   text-align: left;
   font-family: 'Lucida Sans', Arial, Verdana, sans-serif;
}


h3 span
{
font-weight: normal;
}

h3,h4
{
display: inline;
font-weight: bold;
background-repeat: no-repeat;
background-position: right;
}

h1 {
   font-family: Arial, Verdana, sans-serif;
   font-size:36px;
   font-weight:normal;
}

h3
{
font-size: 1.7em;
padding-right: 34px;
background-image: url('http://www.knopf-budke.com/files/db1.gif');
}

h4
{
font-size: 1.2em;
padding-right: 28px;
background-image: url('http://www.knopf-budke.com/files/db2.gif');
}




.contentarea
{
padding-top: 1.3em;
padding-bottom: 3em;
clear:right;
}

img
{
border: none;
}

img.left
{
position: relative;
float: left;
margin: 0em 1.8em 1.4em 0em;
}

img.right
{
position: relative;
float: right;
margin: 0em 0em 1.8em 1.8em;
}

.divider1
{
position: relative;
background: #ffffff url('http://www.knopf-budke.com/files/border2.gif') repeat-x;
height: 14px;
margin: 2.0em 0em 1.5em 0em;
clear: both;
}

.divider2
{
position: relative;
height: 1px;
border-bottom: solid 1px #eaeaea;
margin: 2.0em 0em 2.0em 0em;
}

.post .details
{
position: relative;
top: -1.5em;
font-size: 0.8em;
color: #787878;
}

.post ul.controls
{
clear: both;
}

.post ul.controls li
{
display: inline;
font-size: 0.8em;
}

.post ul.controls li a
{
background-repeat: no-repeat;
background-position: left;
padding: 0em 1.0em 0em 20px;
}

.post ul.controls li a.printerfriendly
{
background-image: url('http://www.knopf-budke.com/files/icon-printerfriendly.gif');
}

.post ul.controls li a.comments
{
background-image: url('http://www.knopf-budke.com/files/icon-comments.gif');
}

.post ul.controls li a.more
{
background-image: url('http://www.knopf-budke.com/files/icon-more.gif');
}

.box
{
position: relative;
background: #FDFCF6 url('http://www.knopf-budke.com/files/boxbg.gif') repeat-x;
left: -1.5em;
top: -1.5em;
padding: 1.5em;
border-bottom: solid 1px #E1D2BD;
margin-bottom: 1.0em;
}

ul.linklist
{
list-style: none;
}

ul.linklist li
{
line-height: 2.0em;
}




#search
{
position: absolute;
top: 5.5em;
right: 2.0em;
padding-right: 0.0em;
}

#search input.text
{
margin-right: 0.5em;
vertical-align: middle;
border-top: solid 1px #333;
border-right: 0px;
border-bottom: solid 1px #777777;
border-left: 0px;
padding: 0.15em;
width: 10.0em;
}

#search input.submit
{
background: #939B00 url('http://www.knopf-budke.com/files/buttonbg.gif') repeat-x;
border: solid 1px #5F6800;
font-weight: bold;
padding: 0.25em;
font-size: 0.8em;
color: #F2F3DE;
vertical-align: middle;
}

#headerpic
{
position: relative;
height: 109px;
background: #ffffff url('http://www.knopf-budke.com/files/hdrpic.jpg') no-repeat top left;
margin-bottom: 2px;
}

#primarycontainer
{
float: left;
margin-right: -18.0em;
width: 100%;
}

#primarycontent
{
margin: 1.5em 22.0em 0em 0em;
}

#secondarycontent
{
margin-top: 1.5em;
float: right;
width: 18.0em;
}

#footer {
   clear: both;
   height: 2.0em;
   padding-top: 5.0em;
   padding-bottom: 1.2em;
   width: 960px;
   font-size: 0.8em;
   text-align: center;
}

#foot_kontakt {
   position: relative;
   height: 2.0em;
   clear: both;
   padding-top: 5.0em;
   width: 960px;
   font-size: 0.8em;
}

#foot_kontakt .left {
   position: absolute;
   left: 2.0em;
   bottom: 1.2em;
}

#foot_kontakt .right {
   position: absolute;
   right: 2.0em;
   bottom: 1.2em;
}


/* Christoph's Text Style */
div.product_text {
   padding: 0 20px;
   font-family: 'Lucida Sans', Arial, Verdana, sans-serif;
   font-size:14px;
}

div.product_text p, div.product_text ul {
   margin-bottom: 10px;
   line-height: 22px;
}

div.product_text h1, div.product_text h2 {
   color: #980001;
   margin-bottom: 10px;
   font-weight: normal;
}

div.product_text h1 {
   font-size: 36px;
   line-height: 40px;
   letter-spacing: -1px;
}

div.product_text h2 {
   font-size: 20px;
   line-height: 24px;
   letter-spacing: -1px;
   margin-top: 24px;
}

div.product_text h3 {
   font-size: 14px;
   line-height: 22px;
   font-weight: bold;
   margin-bottom: 10px;
   display: block;
}

/* Christoph's Form Style */
fieldset.formfield {
   padding: 12px;
}

#rexform input, #rexform textarea {
   padding: 4px 4px 0 4px;
   font-size: 12px;
}

#rexform input[type=submit] {
   margin-top: 20px;
   background-color: #980001;
   color: white;
   padding: 3px;
   border-top: 1px solid #FF8080;
   border-left: 1px solid #FF8080;
   border-right: 1px solid #440000;
   border-bottom: 1px solid #440000;
   font-weight: bold;
}

#rexform input[type=submit]:hover {
   background-color: #B00001;
}

img.formcaptcha {
   margin-top: 3px;
}

/* Christoph's Termin Style */
div.termin {
   border: 1px solid #C0C0C0;
   padding: 12px 12px 2px 12px;
   margin-bottom: 12px;
}

a {
   color: #333333;
   text-decoration: underline;
}

a:hover {
   text-decoration: none;
}