/* Layoutstruktur */
#bg { top: 0px; left: 0px; width: 100%; height: 100%; z-index: 1; position: absolute;  }
#layout {top: 0px; left: 0px; width: 100%; height: 100%; z-index: 1; text-align: center; position: absolute; overflow:hidden}
#frame { margin: 3% auto; width: 900px; height: 580px; border: 3px solid black; z-index: 2; text-align: left; overflow: hidden; position: relative; visibility: visible; scrollbar-3dlight-color: #d8c09c; scrollbar-arrow-color: #fae696; scrollbar-darkshadow-color: #fae696; scrollbar-face-color: #fffae1; scrollbar-highlight-color: #fffae1; scrollbar-shadow-color: #d8c09c; scrollbar-track-color: #fae696 }
#top { background-image: url(images/topbg.jpg); background-repeat: no-repeat; top: 0px; left: 0px; width: 900px; height: 90px; position: absolute; visibility: visible}
#left { border-top: 3px solid black; top: 90px; left: 0px; width: 275px; height: 445px; position: absolute; visibility: visible}
#right { background-image: url(images/rightbg.jpg); background-repeat: no-repeat; border-top: 3px solid black; border-left: 3px solid black; top: 90px; left: 275px; width: 625px; height: 445px; position: absolute; visibility: visible}
#bottom { background-image: url(images/bottombg.jpg); background-repeat: no-repeat; border-top: 3px solid black; top: 535px; left: 0px; width: 900px; height: 45px; position: absolute; visibility: visible }
/* End Layoutstruktur */

/* Inhalte */
#content { top: 50px; left: 15px; width: 600px; height: 392px; overflow: auto; position: absolute; visibility: visible }
#navi { top: 60px; left: 17px; width: 124px; position: absolute; visibility: visible }
/* End Inhalte */

/* Sidebar */
#sidebar { background-repeat: no-repeat; top: 50px; left: 415px; width: 177px; height: 339px; position: absolute; visibility: visible }
.sidebar { margin-top: 170px; margin-left: 48px; width: 120px; height: 155px; overflow: auto }
/* End Sidebar */

/* Control Set */
#controlset { background-image: url(images/controlsetbg.gif); background-repeat: no-repeat; top: 78px; left: 275px; width: 133px; height: 15px; text-align: center; position: absolute; visibility: visible }
#controlset img { margin-top: 8px }
/* End Control Set */

/* Infofenster */
#information { background-image: url(images/info/infobg.gif); background-repeat: no-repeat; top: 120px; left: 320px; width: 291px; height: 292px; position: absolute; visibility: visible }
.info { float: left }
.close { float: left; margin-left: 192px }
/* End Infofenster */

/* Layoutelemente */
#stern { top: 0; left: -4px; position: absolute; visibility: visible }
#stern img {width: 177px; height: 154px; behavior: url(pngbehavior.htc)}
#logo { top: 9px; left: 687px; position: absolute; visibility: visible }
#stripe { top: 380px; left: 54px; position: absolute; visibility: visible }
#stripe img {width: 225px; height: 58px; behavior: url(pngbehavior.htc)}
/* End Layoutelemente */

/* Schriftzug */
.header { top: 10px; left: 185px; position: absolute; visibility: visible }
.header img { width: 382px; height: 45px; behavior: url(pngbehavior.htc) }
.slogan { top: 55px; left: 480px; position: absolute; visibility: visible }
.slogan img { width: 190px; height: 23px; behavior: url(pngbehavior.htc) }
/* End Schriftzug */

/* Tel.- Faxnr. und E-Mail */
.tel {float: left; margin-left: 22px; margin-top: 10px }
.fax {float: left; margin-left: 53px; margin-top: 10px }
.mail {float: left; margin-left: 57px; margin-top: 9px }
/* End Tel.- Faxnr. und E-Mail */


/* Images */


a {color: #b45000; text-decoration: none }
a:hover {color: #ff6600 }



body, p, input, td, textarea, select {font-family: arial, helvetica; font-weight: bold; line-height: 14px; font-size: 12px; color: #000000 }
td { border: 1px solid black; padding: 4px }
p {margin-top: 0px }
h1 {font-size: 18px; color: #000000 }
h2 {font-size: 14px; color: #000000; text-decoration: underline; margin-bottom: 18px; margin-top: 0px }
li {margin-left: -24px }
ul {margin-top: -10px; line-height: 16px }
ol {margin-top: -10px; line-height: 16px }
.smaller, input.txtedit, input.preise, input.bestellform, select {line-height: 13px; font-size: 11px }
.smallest {line-height: 11px; font-size: 9px }

.tblclear { border-left: none; border-right: none; font-size: 4px; line-height: 4px; }
.tblhead, .tblhead1 { border-bottom: none; color: #fffae1; background-color: #c75000 }
.tblline1a, .tblline1b { border-top: none;  background-color: #fffae1 }
.tblline2a, .tblline2b { border-top: none; background-color: #fff5c3 }
.tblhead1, .tblline1b, .tblline2b { border-left: none }

input   {background-color: #FFFFFF; width: 222px; height: 20px; border: 1px solid #000000 }
input.button { width: 100px; text-align: center}
input.txtedit {background-color: #cccccc; width: 65px; height: 16px; text-align: center }
input.preise, input.bestellform {width: 48px; height: 16px}
input.bestellform  { border: none; background-color: #fffae1}
textarea {background-color: #FFFFFF; border: 1px solid #000000 }
textarea.aktedit  {width: 400px; height: 300px}


/* Jubiläum (Added 24.02.10) */
#overlay { position:absolute; z-index:999; left:0px; top:0px; width:100%; height:2000px; background: #000; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter: alpha(opacity=60); opacity:0.6 }
#layerbox { position: absolute; z-index: 1000; left:0px; top:0px; width:100%; height:100% }
#layerad { margin: 0 auto; padding: 0; width: 599px; height: 606px; background: url(images/kampagne/campaign.png) transparent no-repeat;  }
#layerad form { margin: 0; padding: 0 }
#layerad #empty { width: 599px; height: 520px; }
#layerad #close_but { display: block; text-indent: -9999px; width: 155px; height: 22px; margin: 0 0 0 238px; padding: 0;  background: url(images/kampagne/close.gif) 0 0 no-repeat; }
#layerad #close_but:hover { background-position: -155px 0 }

#layerad p.clear { margin: 0; padding: 0; height: 0px; font-size: 0px; line-height: 0px; clear: both }
#layerad #campaign_submit { width: 120px; height: 22px; margin-bottom: 30px; float: left}
#layerad #campaign_submit.small { margin-left: 85px; }
#layerad #campaign_submit.medi { margin-left: 52px; }
#layerad #campaign_submit.large { margin-left: 52px; }
