/*
FARBEN
grau (rahmen)           #636363
hellgrau (schrift)      #d8d7d7
*/
body, html {
    height: 100%;
}
body {
    font-family: verdana,tahoma,helvetica,arial,sans-serif;
    width: 100%;
}
html {
    background: #474849 url(/fileadmin/customers/grenzhof/gfx/html-bg.gif) repeat-x top;
}
/***************************    general classes   *****************************/
em, i { font-style: italic; font-weight: inherit; }
strong, b { font-weight: bold; }

/***************************   content elements    ***************************/
#gmapmarker,
#gmapDirHead,
#zw_gmap_code a,
#gmapDirFrom,
#gmapDirTo {
    color: #000 !important;
    padding-bottom: 10px;
}
.align-center {
    text-align: center;
}
.align-justify {
   text-align: justify;
}
.align-right {
    text-align: right;
}
#content-text {
    line-height: 1.4em;
}
#content-text h1,
#content-text h2,
#content-text h3,
#content-text h4,
#content-text h5,
#content-text h6 {
    font-family: garamond,georgia,"Times New Roman",serif;
    /*font-weight: bold;
    font-style: italic;*/
}
#content-text h1 {
    font-size: 182%;
    border-bottom: 2px solid #d8d7d7;
    padding: 0 0 16px 0;
}
#content-text h2 {
    font-size: 176%;
    padding: 0 0 16px 0;
}
#content-text h3 {
    font-size: 123.1%;
    padding: 0 0 12px 0;
    font-weight: bold;
}
#content-text h4 {
    font-size: 93%;
    padding: 0 0 7px 0;
    font-weight: bold;
}
#content-text h5 {
    font-size: 93%;
    padding: 0 0 7px 0;
    font-weight: normal;
}
#content-text p,
#content-text li {
    font-size: 93%;
}
#content-text h1,
#content-text .news-list-container h2 {
    margin-bottom: 10px;
}
#content-text .csc-texttext p,
#content-text .csc-texttext ul,
#content-text .csc-texttext ol,
#content-text .csc-textpic-text p,
#content-text .csc-textpic-text ul,
#content-text .csc-textpic-text ol,
#content-text .news-single-item h2,
#content-text .news-single-item p,
#content-text .news-date {
    margin: 0 0 16px 0;
}
#content-text .csc-textpic,
#content-text .csc-texttext {
    overflow: hidden;
}
#content-text .csc-textpic,
#content-text .csc-texttext,
#content-text .news-list-container,
#content-text .news-single-item,
#content-text .csc-sitemap,
#content-text .tx-zwgmap-pi1,
#content-text .tx-pilmailform-pi1 {
    margin-bottom: 32px;
}
#content-text .csc-sitemap li {
	margin-left: 2em;
}

/*listen*/
#content-text .csc-texttext ul li,
#content-text .csc-textpic-text ul li {
    list-style-type: disc;
/* in case of list images *
    list-style-image: url(/fileadmin/layouts/gfx/ul-li.gif);
*/
}
#content-text .csc-texttext ol li,
#content-text .csc-textpic-text ol li {
    list-style-type: decimal;
}
#content-text .csc-textpic-text,
#content-text .csc-texttext {
	margin: 0 0 32px 0;
}
#content-text .csc-texttext li,
#content-text .csc-textpic-text li {
    list-style-position: outside;
    position: relative;
    left: 2em;
    padding-right: 2em;
}
#content-text li li {
    font-size: 100%;
}
#content-text,
#content-text a,
#sidebar,
#sidebar a,
#callback .submit,
#footer,
#footer a,
#onlineres .submit,
#quicklinks a,
.mailform .submit {
    color: #fff;
}



#main {
    position: relative;
    width: 942px;
    margin: 0 auto;
    padding: 78px 0 0 0;
}

/*sass*/
/*
#theme {
    background: #636363;
}
*/
#theme,
#navi-main .a0,
#onlineres,
#callback,
#footer,
#homelink {
    background: transparent url(/fileadmin/customers/grenzhof/gfx/grey-transparent-bg.png) repeat;
}
#navi-main .a1 {
    background: transparent url(/fileadmin/customers/grenzhof/gfx/dark-grey-transparent-bg.png) repeat;
}

#theme {
    position: relative;
    z-index: 0;
    /*padding: 10px;*/
    margin: 0 0 24px 0;
    width: 942px;
    height: 450px;
}
#theme .theme-frame {
    position: absolute;
    background: transparent url(/fileadmin/customers/grenzhof/gfx/grey-transparent-bg.png) repeat;
    font-size: 1px;
    z-index: 50;
}
#theme .top {
    top: 0;
    width: 326px;
    border-bottom: 1px solid #000;
}
#theme .bottom {
    bottom: 0;
    width: 922px;
    border-top: 1px solid #000;
    left: 10px;
}
#theme .top-left {
    left: 10px;
}
#theme .top-right {
    right: 10px;
}
#theme .hori {
    height: 10px;
}
#theme .vert {
    width: 10px;
    height: 430px;
    top: 10px;
}
#theme .left {
    left: 0;
    border-right: 1px solid #000;
}
#theme .right {
    right: 0;
    border-left: 1px solid #000;
}
#theme .corner {
    width: 10px;
    height: 10px;
}
.corner-top-left {
    top: 0;
    left: 0;
}
.corner-top-right {
    top: 0;
    right: 0;
}
.corner-bottom-right {
    bottom: 0;
    right: 0;
}
.corner-bottom-left {
    bottom: 0;
    left: 0;
}

/*sass (bildberechnung*/
#homelink {
    position: absolute;
    z-index: 55;
    top: 0;
    left: 50%;
    margin: 0 0 0 -135px;
}

#content,
#sidebar {
    float: right;
}
#content {
    padding: 0 0 0 25px;
    width: 677px;
}
#sidebar,
#onlineres {
    width: 240px;
    margin: 0 0 25px 0;
}

#navi-main {
    margin: -4px 0 25px 0;
}
#navi-main a {
    display: block;
    text-decoration: none;
    margin-bottom: 3px;
}
#navi-main a {
    border-left: 8px solid #8a8989;
}
#navi-main .a0,
#sidebar h3,
#onlineres .submit,
#callback .submit,
.mailform .submit {
    text-transform: uppercase;
}
#navi-main .a0,
#sidebar h3 {
    font-size: 100%;
}

#navi-main .a0 {
    padding: 4px 0 4px 10px;    
}
#callback h3,
#onlineres h3 {
    padding: 4px 0 4px 10px;        
}
#callback .tx-pilmailform-pi1,
#onlineres form {
    padding: 4px 0 8px 10px;    
}
#navi-main .a1 {
    padding: 4px 0 4px 20px;
}
#navi-main .act0 .a0,
#navi-main a:hover {
    border-left: 8px solid #840928;
}
#navi-main .act0 .a0 {
    color: #840928;
}
#navi-main .act0 .a0,
#navi-main .act1 .a1 {
    font-weight: bold;  
}

/********* callback ***********************************************************/
#callback .text,
.mailform .text,
.mailform textarea {
    background: #cfcfcf;
    border: 1px solid #e9e9e9;
    color: #636363;
    padding: 2px 0 2px 5px;
    margin: 0 0 5px 0;
}
#onlineres .submit,
#callback .submit,
.mailform .submit {
    border: 2px solid #383838;
    background: #383838;
}

/********* footer *************************************************************/
#footer {
    width: 100%;
    float: left;
    font-size: 85%;
    margin: 0 0 30px 0;
}
#footer .csc-texttext,
#footer p {
    float: left;
}

/********* news ***************************************************************/
.news-list-item {
    width: 310px;
    float: left;
}
.news-list-item.odd {
    margin-right: 57px;
}
#content-text .news-list-container {
    float: left;
}
#content-text .news-list-container img {
    margin: 0 0 8px 0;
}
#content-text .news-list-container h2 a {
    text-decoration: none;
    font-weight: bold;
}
#content-text .news-single-item {
    float: left;
}
#content-text .news-single-item .news-single-img {
    float: left;
    margin: 0 20px 10px 0;
}
#content-text .news-date {
    font-weight: bold;
}
#content-text .news-next-prev-links {
    float: left;
    width: 100%;
}
#content-text .news-single-backlink {
    clear: both;
    float: left;
    margin: 24px 0 0 0;
}

/********* galleriffic ********************************************************/
.tx-billitongalleriffic-pi1 .galleriffic-hidden,
.tx-billitongalleriffic-pi1 .gallery,
.tx-billitongalleriffic-pi1 .pagination {
    display: none;
}
.tx-billitongalleriffic-pi1 .galleriffic-js-initialized .gallery,
.tx-billitongalleriffic-pi1 .galleriffic-js-initialized .pagination {
    display: block;
}
.tx-billitongalleriffic-pi1 .galleriffic-js-initializing ul.thumbs {
    display: none;
}
.tx-billitongalleriffic-pi1 .galleriffic-js-initialized ul.thumbs {
    float: left;
}
.tx-billitongalleriffic-pi1 .gallery {
    float: right;
    position: relative; /* required for absolutely positioned magnifier */
}
.tx-billitongalleriffic-pi1 .gallery a {
    text-decoration: none;
    color: #777;
}
.tx-billitongalleriffic-pi1 .gallery  a:focus,
.tx-billitongalleriffic-pi1 .gallery  a:hover,
.tx-billitongalleriffic-pi1 .gallery  a:active {
    text-decoration: underline;
}
.tx-billitongalleriffic-pi1 div.controls div {
    margin: 5px 0;
}
.tx-billitongalleriffic-pi1 div.controls a {
    padding: 5px;
}
.tx-billitongalleriffic-pi1 div.ss-controls {
    float: left;
}
.tx-billitongalleriffic-pi1 div.nav-controls {
    float: right;
}
.tx-billitongalleriffic-pi1 div.loader {
    background-image: url('typo3conf/ext/billiton_galleriffic/res/loader.gif');
    background-repeat: no-repeat;
    background-position: center;
    width: 550px;
    height: 350px
}
.tx-billitongalleriffic-pi1 div.slideshow {
    clear: both;
}
.tx-billitongalleriffic-pi1 div.slideshow span.image-wrapper {
    float: left;
    padding-bottom: 12px;
}
.tx-billitongalleriffic-pi1 div.slideshow a.advance-link {
    padding: 2px;
    display: block;
}
.tx-billitongalleriffic-pi1 div.slideshow img {
    display: block;
}
.tx-billitongalleriffic-pi1 div.download {
    float: right;
}
.tx-billitongalleriffic-pi1 div.caption {
    display: none;
}
.tx-billitongalleriffic-pi1 div.image-title {
    font-weight: bold;
    font-size: 1.4em;
}
.tx-billitongalleriffic-pi1 div.image-desc {
    line-height: 1.3em;
    padding-top: 12px;
}
.tx-billitongalleriffic-pi1 ul.thumbs {
    clear: both;
    margin: 0;
    padding: 0;
}
#content-text .tx-billitongalleriffic-pi1 ul.thumbs li {
    position: static;
    float: left;
    clear: none !important;
    padding: 0 !important;
    margin: 0 10px 10px 0 !important;
    list-style: none !important;
}
.tx-billitongalleriffic-pi1 a.thumb {
    padding: 3px;
    display: block;
}
.tx-billitongalleriffic-pi1 ul.thumbs li.selected a.thumb {
    background: #840928;
}
.tx-billitongalleriffic-pi1 a.thumb:focus {
    outline: none;
}
.tx-billitongalleriffic-pi1 ul.thumbs a.thumb img {
    display: block;
}
.tx-billitongalleriffic-pi1 div.pagination {
    clear: both;
}
.tx-billitongalleriffic-pi1 div.pagination.top {
    float: left;
}
.tx-billitongalleriffic-pi1 div.pagination.top {
    margin-bottom: 10px;
}
.tx-billitongalleriffic-pi1 div.pagination a,
.tx-billitongalleriffic-pi1 div.pagination span.current {
    display: block;
    float: left;
    margin-right: 2px;
    padding: 4px 5px 2px 5px;
}
.tx-billitongalleriffic-pi1 div.pagination a:hover {
    background-color: #eee;
    text-decoration: none;
}
.tx-billitongalleriffic-pi1 div.pagination span.current {
    font-weight: bold;
    background-color: #00305e;
    color: #fff;
}
.tx-billitongalleriffic-pi1 .gallery .magnifier {
    position: absolute;
    right: 10px;
    bottom: 10px;
    padding: 3px;
}
.tx-billitongalleriffic-pi1 .pagination a,
.tx-billitongalleriffic-pi1 .gallery .controls a {
    -moz-user-select: none;
}



/********* quicklinks / languagemenu ******************************************/
#languagemenu,
#quicklinks {
    position: absolute;
    z-index: 60;
    top: 45px;
}
#languagemenu {
    left: 0;
}
#quicklinks {    
    right: 0;
}
#languagemenu li,
#quicklinks li {
    float: left
}
#quicklinks li a {
    text-decoration: none;
    font-size: 85%;
    height: 1em;
    line-height: 1em;
}
#quicklinks li.first a {
    border-right: 1px solid #d8d7d7;
}
#quicklinks li.last a {
    border-left: 1px solid #d8d7d7;
}
#languagemenu li.first,
#quicklinks li.first a {
    padding: 0 5px 0 0;
}
#languagemenu li.last,
#quicklinks li.last a {
    padding: 0 0 0 5px;
}
#quicklinks li.middle a {
    padding: 0 5px;
}
.tx-billitonadgallery-pi1 {
    margin-bottom: 10px;
}
.ad-gallery .ad-thumbs li a img {
    border:3px solid #6C6C6C;
}
.tx-billitonadgallery-pi1 .ad-gallery .ad-thumbs li a.ad-active img {
    border:3px solid #840928;
}
.tx-billitonadgallery-pi1 .ad-gallery .ad-forward,
.tx-billitonadgallery-pi1 .ad-gallery .ad-back {
    background-position: 0 50%;
}
/********* price-table ********************************************************/
table.pricetable {
    width: 100%;
    margin-bottom: 35px;
}
table.pricetable thead th {
    font-weight: bold;
    text-align: right;
}
table.pricetable tbody tr {
    border-bottom: 1px solid #8A8989;
}
table.pricetable tbody td {
    padding: 2px 2px 2px 0;
}
table.pricetable tbody td.td-0 {}
table.pricetable tbody td.td-1 {
    width: 5%;
    text-align: right;
}
table.pricetable tbody td.td-2,
table.pricetable tbody td.td-3 {
    width: 18%;
}
table.pricetable tbody td.last {
    padding-right: 0;
}
table.pricetable tbody td.td-2,
table.pricetable tbody td.td-3 {
    text-align: right;
}