/* CSS Document */

@font-face {
	font-family: 'FreestyleScript';
	src: url('/styles/fonts/freestyle_script.woff');
    }

body {
    margin: 0;
    padding: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 100%;
    line-height: 1.5rem;
    color: #444;
    background: #c2c2c2;
    }

img, embed, object, video {
    max-width: 100%;
    }

a:link, a:visited { color: #4C4D4F; text-decoration: none; outline: none;}
a:active, a:hover { color: #720803; text-decoration: underline; outline: none;}

hr {
    margin: 0 40px;
    }

h1 {
    margin: 0px;
    padding-left: 40px;
    padding-top: 40px;
    font-weight: bold;
    font-size: 1.25rem;
    color: #981d1d;
    }

h2 {
    margin: 0px;
    font-weight: bold;
    padding-left: 40px;
    font-size: 1.125rem;
    color: #ea6300;
    }

h3 {
    margin: 20px 0px 20px 40px;
    font-weight: bold;
    font-size: 1rem;
    color: #adadad;
    }

#content .table {
    display: table;
    width: 26em;
    padding: 0 40px 0 40px;
    }

#content .tr {
    display: table-row:;
    padding-top: 5px;
    }

#content .th {
    display: table-caption;
    width: 24em;
    font-weight: bold;
    }

#content .td1 {
    display: table-cell;
    width: 4em;
    }

#content .td2 {
    display: table-cell;
    width: 20em;
    }

#content .table a {
	color: #720803;
    text-decoration: underline;
    }

#content .table a:hover {
	color: #000;
    text-decoration: none;
    }

#content .aktion {
   color: red;
   font-weight: bold; 
    }

#content ul {
    padding-left: 60px;
    }

#index_container {
    margin: 3% auto;
    max-width: 710px;
    text-align: center;
    }

#index_container img {
    border: none;
    }

#container {
    margin: auto;
    max-width: 770px;
    border: solid 5px #fff;
    background: #fff;
    }

#top {
    max-width: 770px;
    height: 82px;
    background: url(/images/top.jpg) no-repeat;
    }

#header {
    max-width: 770px;
    height: 170px;
    background: url(/images/header.jpg) repeat;
    }

#Logo {
    width: 250px;
    height: 105px;
    margin: 17px 0 20px 17px;
    background: url(/images/Logo_Schreinerei.jpg) no-repeat;
    }

#SchrBest {
    padding-left: 115px;
    color: #fff;
    }

#SchrBest a {
    color: #c0c0c0;
    font-size: 0.75rem;
    }

#SchrBest a:hover {
    color: #fff;
    text-decoration: underline;
    }

#menu_column {
    float: left;
    position: relative;
    margin-top: -252px;
    margin-bottom: 5px;
    max-width: 230px;
    margin-left: 27px;
    font-size: 0.875rem;
    z-index: 900;
    background-color: #412318;
    }

#menu_column p img {
    margin: 70px 0 70px 43px;
    }

.menu_list {
    max-width: 230px;
    }

.menu_list ul {
    list-style-type: none;
    margin: 10px;
    padding: 0;
    max-width: 213px;
    }

.menu_list li a {
    display: block;
    height: 25px;
    padding-top: 6px;
    padding-left: 50px;
    color: #fff;
    outline: none;
    background: url(/images/menu_button.gif);
    }

.menu_list li a:hover, .menu_list li .current {
    color: #a81407;
    background: url(/images/current_button.gif);
    }

.Bild {
    max-width: 150px;
    height: 112px;
    margin: 50px 0 50px 42px;
    background: url(/images/Hobel-Transparent.png) no-repeat;
    }

#contact {
    max-width: 215px;
    padding: 0 0 20px 15px;
    color: #fff;
    font-size: 0.875rem;
    line-height: 20px;
    }

#contact p {
    padding-top: 50px;
    font-size: 1rem;
    font-weight: bold;
    font-family: arial;
    }

span {
    font-size: 1.5rem;
    font-family: FreestyleScript;
    }

#contact a {
    color: #fff;
    }

#contact a:hover {
    color: #a81407;
    }

#contact table {
    margin-left: -4px;
    }

#right_column {
    background: url(/images/right_bg.jpg) repeat-x;
    }

.right_link {
    float: left;
    margin: auto;
    }

.right_link ul {
    margin: 0px;
    list-style: none;
    padding-left: 300px;
    }

.right_link li{
    display: inline;
    }

.right_link li a {
    float: left;
    margin-top: 55px;
    max-width: 100px;
    color: #fff;
    text-decoration: none;
    text-align: center;
    background: url(/images/bullet.gif) no-repeat;
    }

.right_slogan {
    float: right;
    text-align: right;
    margin-top: 70px;
    padding-right: 15px;
    max-width: 260px;
    color: #ccc;
    }

#content {
    padding-left: 250px;
    }

#content p {
    margin-top: 15px;
    padding-left: 40px;
    padding-right: 40px;
	overflow: hidden;
    }

.map {
    max-width: 425px;
    height: 350px;
    display: block;
    margin: 40px;
    border: none;
    }

.wedo {
    font-size: 0.6875rem;
    }

.wedo h1 {
    font-size: 0.875rem;
    padding-top: 20px;
    }

#footer {
    clear: both;
    max-width: 770px;
    padding: 10px 0;
    font-size: 0.75rem;
    text-align: center;
    background: #dedede;
    font-weight: bold;
    }

#datenschutz {
    font-weight: normal;
    font-size: 0.6875rem;
    font-style: normal;
    text-decoration: underline;
    }

/* SLIDER */
#slider {
    position: relative;
    max-width: 770px;
    height: 169px;
    overflow: hidden;
    }

.container {
    max-width: 770px;
    height: 169px;
    padding-left: 250px;
    overflow: hidden;
    cursor: pointer;
    }

ul.slides {
    position: relative;
    display: block;
    margin: 0px;
    padding: 3px 0 0 0;
    list-style: none;
    }

ul.slides li {
    position: absolute;
    display: none;
    width: 1550px;
    overflow:hidden;
    }

ul.slides li .thumbholder {
    float: left;
    position: relative;
    margin: 0px;
    padding: 0px;
    }

ul.slides li .txtholder {
    max-width: 300px;
    float: left;
    }

#slider .pagination {
    position: absolute;
    display: block;
    width: 100px;
    top: 125px;
    right: 10px;
    list-style: none;
    text-align: center;
    z-index: 900;
    }

ul.pagination li {
    display: inline;
    }

ul.pagination li a {
    float: left;
    display: block;
    width: 19px;
    height: 19px;
    margin: 3px;
    text-indent: -9000px;
    background: url(/images/slidernav.png) no-repeat;
    }

ul.pagination li.active a {
    text-indent: -9000px;
    background: url(/images/slidernav-active.png) no-repeat!important;
    }

#slider .container  h2 {
    display: block;
    padding: 5px 0 0 10px;
    font: normal 25px Georgia, "Times New Roman", Times, serif;
    color: #ccc;
    }

#slider .container p {
    display: block;
    padding: 0 0 0 10px;
    font: normal 14px Georgia, "Times New Roman", Times, serif;
    color: #ccc;
    line-height: 16px;
    }
/* END SLIDER */

/* CONTACTFORM */
#Kontaktformular p {
    margin-top: 20px;
    margin-left: 10px;
    }

textarea {
    resize:none;
    max-width: 350px;
    height: 120px;
    overflow: auto;
    overflow: hidden;
    }

.contact_error_h2 {
    font-size: 0.9375rem;
    color: #ff3333;
    }

.contact_error {
    color: #ff3333;
    }

/* END CONTACTFORM */

/* CAPTCHA */
.FCap {
    max-width: 274px;
    height: 110px;
    margin-left: 50px;
    }

.label {
    max-width: 120px;
    padding: 0px;
    }

.captcha {
    max-width: 110px;
    padding: 0 0 0 5px;
    }

.captchareload {
    padding: 0px;
    }

.captchareload img {
    padding: 10px;
    border: none;
    }

.field {
    max-width: 200px;
    padding: 0 0 0 5px;
    }

input.errordesignfields, textarea.errordesignfields {
    background-color: #cc3333;
    }
/* END CAPTCHA */

/* Menu Responsive */
#mobile-header {
    display: none;
    }

#SchrBest_Responsive {
    display: none;
    }

@media only screen and (max-width: 480px) {
    #slider img {
        display: none;
    }
}
    
@media only screen and (max-width: 768px) {
    #slider {
        position: relative;
        width: 100%;
        overflow: hidden;
    }
    
    .container {
        padding-left: 0px;
    }

    #slider .container  h2 {
        font-size: 1.25rem;
    }

    #slider .container p {
        display: block;
        padding: 0 0 0 10px;
        font: normal 0.75rem Georgia, "Times New Roman", Times, serif;
        color: #ccc;
        line-height: 1rem;
    }
    
    #mobile-header {
        display: block;
        }
    
    #sidr-id-SchrBest_Responsive {
        float: right;
        padding-right: 20px;
    }
    
    #sidr-id-SchrBest_Responsive a {
        color: #c0c0c0;
        font-size: 0.75rem;
    }
    
    #sidr-id-SchrBest_Responsive a:hover {
        color: #fff;
        font-size: 0.75rem;
        text-decoration: underline;
    }

    #responsive-menu-button {
        display: inline-block;
        float: left;
        height: 30px;
        width: 30px;
        margin-top: 2px;
        margin-left: 2px;
        background: url('/images/nav-icon.png') no-repeat;    
        }

    #menu_column {
        display: none;
        }
        
    #content {
        padding-left: 0px;
        }
        
    #content a {
        font-size: 0.875rem;
    }

/*        
    .sidr-class-Bild {
    max-width: 150px;
    height: 112px;
    margin: 100px 0 50px 42px;
    background: url(/images/Hobel-Transparent.png) no-repeat;
    }
*/
        
    #sidr-id-contact {
        max-width: 215px;
        padding: 0 0 20px 15px;
        color: #fff;
        font-size: 0.875rem;
        line-height: 20px;
        }

    #sidr-id-contact p {
        padding-top: 50px;
        font-size: 1rem;
        font-weight: bold;
        font-family: arial;
        }

    #sidr-id-contact span {
        font-size: 1rem;
        font-weight: bold;
        font-family: verdana italic;
        font-style: italic;
        }

    #sidr-id-contact a {
        color: #fff;
        }

    #sidr-id-contact a:hover {
        color: #981D1D;
        }

    #sidr-id-contact table {
        margin-left: -4px;
        }
        
    #top {
        height: 50px;
    }
}