/*
Theme Name:         Jacobsen_Massage
Theme URI:                 http://www.jacobsen-massage.ch
Description:         Massage Theme!
Version:                 1.0
Author:                         Marco Jacobsen
Author URI:         http://www.jacobsen-massage.ch
Tags:                         massage, wellness, orange, basic
*/


@viewport{
    zoom: 1.0;
    width: extend-to-zoom;
}

@-ms-viewport{
    width: extend-to-zoom;
    zoom: 1.0;
}

@import url(css/mobile.css);
@import url(css/menu.css);
@import url(css/reset.css);
@import url(css/typography.css);
@import url(css/layout.css);



html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big,
cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl,
dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
        margin: 0;
        padding: 0;
        border: 0;
        vertical-align: baseline;
        background: transparent;
}
body {
        line-height: 1;

}
h1, h2, h3, h4, h5, h6 {
        font-family: Tahoma, Times, serif;

        font-weight: 600;

        color: #1c3939;/*#5d2207;*/
}
ol {
        list-style: none;
}
blockquote {
        quotes: none;
}
blockquote:before, blockquote:after {
        content: '';
        content: none;
}
del {
        text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
        border-collapse: collapse;
        border-spacing: 0;
}
a img {
        border: none;
}

/* ------

/* General
-------------------------------------------------------------- */
@media screen and (min-width: 580px) {
         #desktop_dontshow{display:none; }
  }

body {
        background-color: #f7f0e5;
}

#clear {
        clear:both;
}

#wrap {
        background: white;
        margin: 30px auto;
        width: 960px;
        padding: 0px 0px 0px 0px;
}

#content {
        margin: 30px 80px 30px 80px;
        width: 800px;
        padding: 0;
        min-height: 400px;

}

#content {
        min-height: 400px;
        height: auto !important;
}

#content {
        min-height:400px;
   height:auto !important;
   height:400px;
}

.info {

        text-align:right;

        font-family: Tahoma, Times, serif;

}


.underline {text-decoration:underline;}

.embed-container {
position: relative;
overflow: hidden; 
width: 100%;
	min-height: 1900px;
}

.embed-container iframe {
position: absolute; 
top: 0; 
left: 0; 
width: 100%; 
height: 1900px;  
}

/* Typography
-------------------------------------------------------------- */
p, ul, table#preise, td, div.p, th{
        font-family:Tahoma, Times, serif;
        font-size:0.9em;
        line-height:1.462em;
        color:#232323;

}

.footer {
        font-family:Tahoma, Times, serif;
        font-size:0.750em;
        line-height:10px;
        color:#232323;
        text-align:center;
}


h1,h2{
        /*letter-spacing: 0.4pt;*/
        line-height: 1.2;
        font-weight:normal;

         /*text-transform: uppercase;*/
}

span.h1_home{
        font-family: Tahoma, Times, serif;
        font-size: 1.6em; font-weight:normal;
        float:left;
        color: #1c3939;
}

h1{font-size: 1.8em; letter-spacing: 0.4pt;}
h2{font-size: 1.3em; padding-bottom: 15px;}
h2.birs_section{font-size: 2.0em;}
h3{font-size: 1.1em;
        font-weight: 400;
        letter-spacing: 0.4pt;
	padding-bottom: 15px;
}





/* Links
-------------------------------------------------------------- */
a {
        color:#a53b3b;
        text-decoration:none;
}
a:hover {
        color:#5d2207;
        text-decoration: underline;
}

a.info {
        font-size: 0.813em;
        color: white;

}
a.info2 {
        font-size: 0.813em;
        color: #a53b3b;
        text-decoration:none;
}

a.red {
        font-size: 1.0em;
        color: #a53b3b;}







/* Header
-------------------------------------------------------------- */
#header {
        position:relative;
}



hr.menulinie {
border: 0;
height: 1px;
width: 100%;
margin: 0;
position:relative;
top:0px;
float:left;
text-align: left;
background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.25), rgba(0,0,0,0));
background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.25), rgba(0,0,0,0));
background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.25), rgba(0,0,0,0));
background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.25), rgba(0,0,0,0));
}



hr.menulinie2 {
        border:0;
        border-bottom:1px solid #dddddd;
        width: 100%;
        margin: 0;
        position:relative;
        top:0px;
        float:left;
        text-align: left;

}


ul.social {
        height:50px;
        position:relative;
        top: 15px;
        right:80px;
        float:right;
}
ul.social li {
        float: left;
        margin: 0px 10px 0px 1px;
}

a.facebook {
        width:20px;
        height:20px;
        display:block;
        background:url(images/sprites.png) 0 0px repeat;
        text-indent:-9999px;
}

a.facebook:hover {
        width:20px;
        height:20px;
        display:block;
        background:url(images/sprites.png) 0 -21px repeat;
        text-indent:-9999px;
}



a.email {
        width:20px;
        height:20px;
        display:block;
        background:url(images/sprites.png) 0 -40px repeat;
        text-indent:-9999px;
}

a.email:hover {
        width:20px;
        height:20px;
        display:block;
        background:url(images/sprites.png) 0 -59px repeat;
        text-indent:-9999px;
}


/* Content
---------------------------------------*/
#left {
        float:left;
}

#intro-text{

        margin: 0;
        padding:0;
        width: 100%;

}


#intro-slider{
        padding: 0;
        float: right;

        margin: 0 0 0 40px;
}

#intro-slider > IMG{
        max-width: 400px;
}

a > IMG {    max-width: 350px;}

#angebot, #about{

        margin: 0;
        padding:0;

        width: 100%;

}

#formular {
        position:relative;
        margin: 0;
        padding:0;
        float: left;
        width: 340px;

}

#bild  {
        padding: 0;
        float: right;
        width: 360px;
        margin: 0px 0 0 40px;
}

#bild_message  {
        padding: 0;
        float: right;
        width: 360px;
        margin: 70px 10px 0 0px;
}

#wo_wann {

        margin: 0;
        padding:0;
        float: right;
        width: 350px;

}
#google {
        margin: 0px 0px 0 0px;
        padding:0;
        text-align: right;


}

#google_map {
         width: 350px;
         height:350px;}

#praxis {
        padding: 0;


        margin: 0px 40px 0 0px;
}

.portrait {
        padding: 0;
        float: left;
        margin: 0px 40px 0px 0px;
}

#termin {
        color:#232323;
        line-height: 16px;
        font-family: "Tahoma", Times, serif;
        font-size:0.9em;
}

li.intext {
        list-style: disc inside;
        color:#b33434;
        float:left;
        padding-right: 5px;
		  text-indent: -15px;
}

#preise  {
        border: 1px solid #39807a;
        background-color: #F9F9F9;
        width: 100%;

}

#preise td, #preise th {

        border-bottom: 1px solid #39807a;

}

#preise th {
        background-color: #39807a;
        color: white;
        font-weight: bold;
        font-size:1.0em;
        padding: 7px 7px 8px;
}

#preise td {
        font-size: 1.0em;
        padding: 4px 7px 2px;
        vertical-align: top;
}


#tele_buchen  {
        border: 1px solid #39807a;
        background-color: #F9F9F9;
        width: 100%;

}

#tele_buchen td, #tele_buchen th {

        border-bottom: 1px solid #39807a;

}

#tele_buchen th {
        background-color: #39807a;
        color: white;
        font-weight: bold;
        padding: 7px 7px 8px;
}

#tele_buchen td {
        padding: 4px 7px 2px;
        vertical-align: top;
}



/* Footer
---------------- */

#wrap_footer {
        background: url(images/footer_bg.jpg) 0 repeat-y;
        width: 100%;
        margin: 0;
        padding: 0;
        height: 180px;
}

.footer_widget {
        color:white;
        line-height: 1.2em;
        font-family:"Tahoma", Times, serif;
        font-size:0.9em;
}

.kontakt_footer{
        background:url(images/sprites.png) 0px -77px repeat;
        margin: 30px 0 0 58px;
        width:250px;
        float: left;
        color:white;
}

#termine_footer{
        margin: 35px 0 0 80px;
        width: 200px;
        float: left;
}

#rechts_footer{
		background: url(images/sprites.png) -30px 3px repeat;
        margin: 40px 0 0 0;
        float: right;
        width: 250px;
}

span.titel_footer {
        font-size:1.3em;
        line-height: 30px;
        font-weight:normal;
        margin-left: 30px;
}

span.titel_footer_kontakt {
        font-size:1.3em;
        line-height: 30px;
        font-weight:normal;
        margin-left: 25px;
        color:white;
        font-family:"Tahoma", Times, serif;
}

.footer_h2 {
font-family:"Tahoma", Times, serif;
        display:inline; color:white; font-weight:normal;
        font-size:0.9em;
}

.footer_fb {float:left; margin-left:10px;}
.footer_google {float:right; margin-right:10px;}

#footer_termin_table{
    margin: 0;
    padding: 0;
    position: relative;
    top: -15px; }



/*INPUT*/

input, textarea, select {
    border: 1px solid #ccc;
    border-radius: 3px;
         line-height: 1.0em;
         padding: 5px;
         margin: 3px 0px 10px 0px;
         }

input[type="submit"], input[type="button"], input[type="reset"],a.button
{
        padding: 10px;
     height: auto;
     width: auto;
     border: none !important;
     cursor: pointer;
     -webkit-border-radius: .4em;
     -moz-border-radius: .4em;
     border-radius: .4em;
     border: solid 1px #980c10;
     background: #39807a;
     background: -webkit-gradient(linear, left top, left bottom, from(#e06464), to(#c34949));
     background: -moz-linear-gradient(top,  #e06464,  #c34949);
     filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#e06464', endColorstr='#c34949');
                font-weight: bold;
                font-size: 1.0em;
                color: #fff;
                font-family:"Tahoma", Times, serif;
}

input[type="submit"]:hover, input[type="button"]:hover, input[type="reset"]:hover, a.button:hover
{
         background: #39807a;
     background: -webkit-gradient(linear, left top, left bottom, from(#4b8974), to(#1c3a3a));
     background: -moz-linear-gradient(top,  #4b8974,  #1c3a3a);
     filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr= '#4b8974', endColorstr='#1c3a3a');
}

a.button {
	font-size: 0.9em;
	padding: 6px;
	font-weight:normal;
	text-decoration:none;
 
}

.green_box {
    background-color: #4b8974;
    border-radius: 5px 5px 5px 5px;
    overflow: hidden;
    padding-top: 15px!important;
    padding-right: 15px!important;
    padding-bottom: 15px!important;
    padding-left: 15px!important;
	color:ivory !important;
}

.content_text .two_columns {		
    background-color: #4b8974;
    margin-top: 20px !important;
    margin-bottom: 20px !important;
}

.two_columns ul li {
	margin-left: 20px;
	margin-right: 20px;
	list-style: square !important;
	color: ivory;
}

div [class*="two_columns"] {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
}





/* COntact7 Formular*/
.rechts {
        float:right;
}

.wpcf7-form select {
        padding:5px;
        font-size: 0.9em;
        font-family:"Tahoma", Times, serif;
}



.wpcf7-form input, .wpcf7-form textarea {
    border-color: #808080 #C0C0C0 #C0C0C0 #D4D4D4;
    border-style: solid;
    border-width: 1px;

    font-size: 1.0em;
    font-family:"Tahoma", Times, serif;
    float: none;
    margin: 0;
}
.wpcf7-form textarea {

    font-size: 0.9em;
    height: 80px;
         font-family:"Tahoma", Times, serif;
}
.wpcf7-form p{
    font-size : 0.9em;
    font-family:"Tahoma", Times, serif;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 0 0 10px;

}


.birchschedule-radio-buttons {
        font-size:1.0em;
}

.ui-datepicker table { font-size:1.2em !important;}


/* menu    */



#dc_jqmegamenu_widget-2-item ul li .sub-container.non-mega li a {
    padding: 7px 5px 7px 22px;
    margin-right:5px;
}






