/*** Schriften ***/


/*** Ende Schriften ***/

/*** Allgemeine Farben ***/

.holzprofi {
    color: #e00;
}

.gebrauchtmaschinen {
    color: #7c5;
}
.hansschreiner {
    color: #e00;
}

.hauslhof {
    color: #e00;
}

.forestor {
    color: #e01;
}

/*** Ende allgemeine Farben ***/

/*** Grundlegende Definitionen ***/

html {
    height: 100%;
}

body {
    margin: 0px;
    padding: 0px;
    text-align:center;
    font-family: 'Noto Serif';
    height: 100%;
}
	
div#frame {
	width:100%;
	margin:0px auto;
	text-align:center;
}

a {
    text-decoration: none;
}
a img {
    border: none;
}

h2 {
    font-family: 'Roboto Condensed';
    text-transform: uppercase;
}

table.admin {
    border: 1px solid #053;
    border-collapse: collapse;
}

table.admin td {
    border: 1px solid #e00;
}

h1.cmspage {
    font-family: 'Roboto Condensed';
    text-align: center;
    text-transform: uppercase;
}

.hovergreen :hover {box-shadow: 5px 5px 4px #7c5;}

/*** Ende Grundlegende Definitionen ***/

div#mainheader {
    font-size: 64pt;
    font-family: 'Roboto Condensed';
    text-transform: uppercase;
    font-weight: 700;
    font-style: normal;
    margin-bottom: -40px;
    margin-top: -12px;
}

div#mainheader a {
    text-decoration: none;
}



.tagline {
    position: relative;
    margin-top: -20px;
    padding-bottom: 40px;
    font-size: 16pt;
    font-family: 'Noto Serif';
    font-weight: normal;
    font-style: italic;
    text-transform: none;
}

/*** Top Menu ***/

div#showhidemenu {
    visibility: hidden;
}

a#tllogo {
    display: inline-block;
    position: absolute;
    top: 0px;
    left: 40px;
}
.rlogoschweiz {
    display: inline-block;
    position: absolute;
    top: 20px;
    right: 40px;
    font-size: 10pt;
    font-family: 'Noto Serif';
}
.rlogo { 
    display: inline-block;
    position: absolute;
    top: 4px;
    right: 60px;
    font-size: 11pt;
    /* font-family: 'Noto Serif';*/
}

.rlogo img  {
    height: 64px;
    padding-top: 6px;
}

img.autlogo {
}

ul#topmenuul {
    margin-left: 40px;
    padding-left: 115px;
    margin-right: 40px;
    padding-right: 115px;
    padding-top: 12px;
    list-style: none;
    border-top: 2px dotted #e00;
}

li.topmenuli {
    display: inline-block;
    font-family: 'Roboto Condensed';
    font-size: 16pt;
    text-transform: uppercase;
    font-weight: normal;
    font-style: normal;
    padding-left: 36px;
    padding-right: 36px;
}

a.topmenua {
    color: black;
    text-decoration: none;
}

a.topmenua:hover {
}

/*** END ***/

div#innerframe {
    margin-left: 0px;
    text-align: left;
    padding-bottom: 134px;
    float: left;
    width: 100%;
    height: 100%;
}

p.welcome {
    font-size: 14pt;
    margin-left: 16px;
    margin-right: 62px;
    font-family: 'Roboto condensed';
    letter-spacing: 1px;
    text-transform: uppercase;
    display: inline-block;
}

span.waehrung {
    font-size: 14pt;
    margin-left: 16px;
    font-family: 'Roboto condensed';
    letter-spacing: 1px;
    text-transform: uppercase;
    display: inline-block;
    color: #03803B;
}


/*** CATALOGUE ***/

div#catalogue {
    width: 342px;
    text-align: left;
    height: 100%;
    float: left;
}

ul.maingroup {
    list-style: none;
}

li.maincat {
    position: relative;
    font-size: 15pt;
    font-family: 'Roboto Condensed';
    /* text-transform: uppercase; */
    font-weight: normal;
    font-style: normal;
}

ul.subgroup {
    list-style: none;
    padding-left: 24px;
}

li.subcat {
    position: relative;
    font-size: 12pt;
    font-family: 'Roboto Condensed';
    /* text-transform: uppercase; */
    font-weight: 300;
    font-style: normal;
}
ul.thirdgroup {
   list-style: none;
   margin-left: -24px;
}
a.mainlink {
    color: black;
    text-decoration: none;
}

a.sublink {
    color: black;
    text-decoration: none;
}

a.mainlink:hover {
}

a.sublink:hover {
}

a.active {
}

div.popup {
    position: absolute;
    background: #fff;
    top: 24px;
    left: 48px;
    display: none;
    width: 220px;
    border: 1px solid #e00;
    border-radius: 2px;
    z-index: 26;
    box-shadow: 5px 5px 4px #888;
    font-family: 'Noto Serif';
    font-size: 8pt;
    text-transform: none;
    padding: 4px;
}

img.fbsmiley {
   height: 36px;
   width: 36px;
   margin: 4px;
}
a.fb_sad, a.fb_nsad, a.fb_n, a.fb_nhpy, a.fb_hpy {
  display: inline-block;
  border: 2px solid #ddd;
  border-radius: 12px;
  margin-bottom: -4px;
}
div.announcements {
    font-family: 'Noto Serif';
    margin-left: 40px;
    margin-top: 32px;
}

li.saf {
    padding-bottom: 20px;
}

/*** Main contents area ***/

div#contents {
    margin-left: 368px;
    padding-right: 36px;
    font-size: 10pt;
    margin-bottom: 2px;
}

p.pprodimg {
    text-align: center;
    margin-right: 0px;
    position: relative;
}
p.headerpath {
    margin: 0;
    padding: 0;
}

p.headerpath a {
    color: #000;
    text-decoration: none;
}

div.artheader {
    position: relative;
    margin-top: 14px;
    color: #000;
    font-family: 'Roboto Condensed';
    text-transform: uppercase;
    font-weight: 300;
    padding: 3px;
    z-index: 24;
    border-radius: 8px;
}

div.artheader h2 {
    margin: 0;
    padding: 0;
}

p.artnum {
    font-family: 'Roboto Condensed';
    font-weight: 300;
    text-transform: uppercase;
    font-size: 12pt;
    margin-top: 0px;
    margin-left: 2px;
}

p.artdesc {
    font-size: 11pt;
    font-style: italic;
}

img.prodimg {
    margin: 8px;
    max-height: 400px;
}

ul.prodtabs, ul.fbtabs {
    list-style: none;
    display: inline;
}

ul.ptf {
    list-style: none;
    display: inline;
    margin-left: -40px;
}

ul.prodtabs li, ul.ptf li, ul.fbtabs li {
    display: inline;
}

ul.prodtabs li a, ul.ptf li a, ul.fbtabs li a {
    display: inline-block;
    color: black;
    font-size: 11pt;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 8px;
    padding-bottom: 8px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border-top: 1px solid #e00;
    border-left: 1px solid #e00;
    border-right: 1px solid #e00;
    margin-right:1px;
}

ul.prodtabs li a.active, ul.fbtabs li a.active {
    background: white;
}

ul.prodtabs li a:hover, ul.fbtabs li a:hover {
    color: white;
}

ul.prodtabs li a.active:hover, ul.fbtabs li a.active:hover {
}
table.standard {
    border-collapse: collapse;
}

table.standard th {
    padding: 8px;
}

table.standard td {
    padding: 4px;
}

div#details, div#pictures, div#video, div#shop, div#alter, div#anfrage, div#options, div#versions, div#prospekt, div#fberror, div#feedback {
    margin-top: -1px;
    margin-right: 40px;
    border-radius: 8px;
    padding: 16px;
}

span.files {
    float: right;
    position: absolute;
    display: inline-block;
    bottom: 12px;
    right: -3px;
    border-radius: 8px;
    padding: 0px 24px 12px 24px;
    text-align: left;
}
span.files img {
    padding-top: 16px;
}


span.subwrapper {
    width: 240px;
    height: 160px;
    border-radius: 4px;
    margin: 16px;
    float: left;
}

span.subwrapper img {
    height: 80px;
}

p.subp {
    text-align: center;
    font-size: 14pt;
    font-family: 'Roboto Condensed';
    text-transform: uppercase;
    font-weight: normal;
    font-style: normal;
}

p.pagination {
    text-align: center;
    font-size: 14pt;
    font-weight: 500;
}

a.paginationlink {
    display: inline-block;
    width: 28px;
    margin: 0;
    color: #000;
    background: #4b4;
    text-decoration: none;
    font-style: normal;
}

a.current {
    color: #000;
    border: 1px solid #000;
}

a.button {
    display: inline-block;
    padding-left: 12px;
    padding-right: 12px;
    padding-top: 4px;
    padding-bottom: 4px;
    margin-right: 12px;
    color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
    box-shadow: 6px 6px 5px #eee;
}

a.used {
    color: #000;
    background: #ccc;
}

div.newsitem {
    margin-left: 40px;
    margin-top: 24px;
    width: 511px;
}

h3.newsheader {
    font-size: 14pt;
    font-family: 'Roboto Condensed';
    font-weight: 500;
    text-transform: uppercase;
}

p.newsdatum {
    margin-top: -16px;
}

p.newstext {
    font-size: 12pt;
}

/*** Listen und Detaildarstellungen ***/

div.viewcontrol {
    position: relative;
    margin-top: 14px;
    margin-bottom: 4px;
    color: #000;
    font-family: 'Roboto Condensed';
    text-transform: uppercase;
    font-weight: 300;
    padding: 3px;
    z-index: 24;
    box-shadow: 5px 5px 4px #888;
}

h2.listviewmain {
    font-style: normal;
    display: inline;
    padding-left: 12px;
}

h2.listviewmain a {
    color: #000;
}

h1.listviewmain {
    font-style: normal;
    display: inline;
    padding-left: 12px;
    font-size: 15pt;
}

h1.listviewmain a {
    color: #000;
}

div.viewbutton {
    position: relative;
    display: inline-block;
    float: right;
    margin-right: 4px;
    padding-left: 4px;
    padding-right: 4px;
    padding-top: 2px;
    padding-bottom: 0px;
}

div.viewbutton a {
    display: inline-block;
    color: #FFF;
    text-decoration: none;
    font-size: 12pt;
    margin-top: 0px;
}

div.viewbutton a img {
    margin-top: -2px;
    float: right;
}

ul.contentslist {
    list-style: none;
    margin-left: 36px;
    font-family: 'Roboto Condensed';
    text-transform: uppercase;
}

div.detailbox {
    z-index: 12;
    font-family: 'Roboto Condensed';
    /* text-transform: uppercase; */
    position: relative;
    display: inline-block;
    width: 240px;
    height: 266px;
    overflow: hidden;
    text-align: center;
    font-size: 12pt;
    font-weight: 500;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 6px 6px 5px #eee;
    margin: 10px;
    padding: 8px;
}

div.dbimg {
    margin: 0;
    margin-left: 10px;
    height: 200px;
    width: 220px;
    text-align: center;
    position: absolute;
    top: 8px;
}

div.dbtxt {
    position: absolute;
    top: 208px;
    height: 68px;
    width: 240px;
    overflow: hidden;
}

div.detailbox img {
    margin: auto;
    max-height: 200px;
    max-width: 220px;
}

div.detailbox a.gridlink {
    text-align: center;
}

div.detailbox:hover {
    box-shadow: 6px 6px 5px #bfb;
}

span.detailstandort {
    font-family: 'Noto Serif';
    font-size: 9pt;
    font-style: italic;
}

p.preis {
    font-weight: bold;
    font-size: 12pt;
}

li.listrow {
    min-width: 540px;
    font-size: 12pt;
    min-height: 36px;
}

li.listrow img {
    max-width: 70px;
}

li.odd {
}

li.listrow a, div.detailbox a {
    color: #000;
}

span.listpreis {
    margin-left: 18px;
    font-size: 10pt;
    font-family: 'Noto Serif';
}

a.sublitext {
    display: inline-block;
    position: relative;
    top: -10px;
}


div#searchbox {
    position: absolute;
    top: 32px;
    right: -24px;
    margin: 2px;
    padding: 8px;
    border-radius: 4px;
    background: #fff;
    z-index: 26;
}

form#searchform {
    display: inline-block;
    margin-top: -4px;
    z-index: 27;
}

form#searchform input {
    margin-top: 3px;
    display: inline;
}

div.searchres {
    margin: 4px;
    font-size: 12pt;
    min-width: 420px;
    z-index: 28;
}

div.searchres:hover {
}

div.searchres a {
    display: block;
    color: #000;
    text-decoration: underline;
}

div#filterbox {
    position: absolute;
    top: 32px;
    right: -24px;
    margin: 2px;
    padding: 8px;
    border-radius: 4px;
    background: #fff;
    z-index: 26;
    min-width: 320px;
}

#afform input {
    margin-right: 8px;
}

label.error {
    font-size: 10pt;
}
/*** Impressum-Leiste ***/

h2.h1text {
    margin: auto;
    margin-top: 36px;
    font-size: 9pt;
    font-weight: 300;
    text-align: center;
}

div#impressum {
    position: fixed;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 58px;
    text-align: center;
    font-family: 'Roboto Condensed';
    text-transform: uppercase;
    font-size: 10pt;
    background: white;
    box-shadow: inset 0 0 7px #aaa;
    z-index: 72;
}

div#impressum a {
    color: black;
    text-decoration: none;
    position: relative;
}

img.bottomlogo {
    border: none;
    display: inline;
    padding: 2px;
    margin-left: 40px;
    margin-right: 40px;
    padding-top: 8px;
    height: 36px;
}

div.sociallink {
    display: inline-block;
}

div.ipopup {
    position: absolute;
    background: #fff;
    bottom: 40px;
    right: -20px;
    display: none;
    width: 220px;
    border-radius: 2px;
    z-index: 26;
    box-shadow: 5px 5px 4px #888;
    font-family: 'Noto Serif';
    font-size: 9pt;
    font-style: italic;
    text-transform: none;
    padding: 4px;
}

/*** ADMIN ***/

div.actree {
    position: fixed;
    text-align: left;
    width: 460px;
    height: 100%;
    float: left;
}

div.acdetail {
    text-align: left;
    margin-left: 470px;
}

div#filetree  {
    width: 640px;
    margin-left: 120px;
}

table.ann_edit_table {
    border: 3px solid #7c5;
    border-collapse: collapse;
    margin: 16px;
    text-align: left;
    font-family: 'Noto Serif';
}

table.ann_edit_table td {
    border: 1px solid #9e7;
    padding: 5px;
}

a.ann_aktiv {
    display: inline-block;
    background: #3c3;
    box-shadow: 5px 5px 4px #888;
    border-top: 1px solid #5e5;
    border-bottom: 1px solid #1a1;
    border-left: 1px solid #5e5;
    border-right: 1px solid #1a1;
    margin: 6px;
    padding: 4px;
    color: black;
}

a.ann_deakt {
    display: inline-block;
    background: #d33;
    box-shadow: 5px 5px 4px #888;
    border-top: 1px solid #f55;
    border-bottom: 1px solid #b11;
    border-left: 1px solid #f55;
    border-right: 1px solid #b11;
    margin: 6px;
    padding: 4px;
    color: black;
}

table.tblalist tr:nth-child(even) {
    background: #EEE;
}

div.langlink {
    display: inline-block;
    font-size: 13pt;
    font-family: 'Roboto Condensed';
    text-transform: uppercase;
    font-weight: normal;
    font-style: normal;
    margin-left: 39px;
}

div.kursetop {
    margin-left: 40px;
    font-size: 14pt;
    font-family: 'Noto Serif';
    color: #03803b;
}

div.kursebot {
    margin-left: 40px;
    font-size: 10pt;
    font-family: 'Noto Serif';
    color: #03803b;
}

/*** SLAVE-Artikel ***/
p.slavearticle {
    border-top: 1px solid #777;
    width: 80%;
}
.slavetitle {
   margin-left: 16px;
   margin-right: 16px;
   width: 60%;
   font-size: 12pt;
   font-weight: bold;
}
img.slaveprodimg {
    padding: 10px;
    height: 36px;
}