/* css released under Creative Commons License -  http://creativecommons.org/licenses/by/2.0/deed.en  */
/* html5 + CSS 3 Template created by miss monorom  http://intensivstation.ch 2013 */

/* reset */
* {
margin: 0;
padding: 0;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
/* render html5 elements as block 
   rendert html5 elemente als block  */

header, footer, section, aside, nav, article { display: block;}

body {
background-color: #fff;
font-size: 0.95em;
color:#000;
font-family: 'Open Sans', sans-serif;
}

a {color: #000; text-decoration:underline}
a:visited {text-decoration:none}
a:hover {color: #4db848;text-decoration:none}
a:active { color:#000000;text-decoration:none}

h1, h2 {
font-size:1.8em;
font-weight: normal;
margin: 0 0 20px;
}
h1{
	padding:0;
	margin:0;
}

img{border:none;}

p{
 padding: 1em 1em 1em 0;
font-size: 14px;
line-height:1.5em;
}

strong{
	font-weight: 600;
	color: #4db848
}
	
/* ---------- header, content, footer width -------------- */
.inner{
	margin: 0 auto;
	padding: 0;
	max-width: 1170px;
	min-width:700px;
}

/* ----------header for logo-------------- */
header {
	background:url(img/headerBg.gif) repeat-x;
	width: 100%; 
/* 	position: fixed;
	left: 0;
	top: 0;*/
	padding-bottom:44px;
}


header .facebook{
float:left;
width: 100%;
    padding-bottom: 17px;
}

header .facebook a{
	float: right;
	font-weight: 600;
	color:#fff200;
	 padding: 0.5em 1.5em;

}
header .facebook img{

	padding-top:0.3em

}
header .facebook span{
    float: right;
    padding-left: 1em;
    padding-top: 0.5em;

}

header .logo{
display:block;
	}
header .phone{
	float: right;
	 margin-top: 41px;
	}
header .phone a{
	background:url(img/phone.png) 5px 4px no-repeat;
	padding-left: 45px;
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	font-weight:bold;
	font-size:36px;
	text-decoration: none;
}

.bt{
	background:#009448;
	color:#fff200;
	text-decoration: none;
	font-size: 16px;
	padding:1em 2em;
}	

.bt:hover{
	background:#000;
	color:#fff;

}	

/* ----------------- Navi--------------------- */

.nav{
	display: block;
	 margin-top: 33px;
}
.nav ul{
	float:right;
	list-style-type: none;
}
.nav ul li{
	float:left;
}
.nav ul li a{
	text-transform: uppercase;
	 text-shadow: 1px 1px #000;
	 font-size: 17px;
	 padding:0.7em 1.7em;
	 border-right: 1px solid #77c49c;
}
.nav ul li.thispage a{
	background:#000;
	color:#fff;
}
.nav ul li a.last{
	border:none;
}


/* ----------------- content--------------------- */

section#content {
background-color: #fff;
max-width: 1170px;
min-width:700px;
margin:0  auto;
padding: 0;
}

article{
	max-width: 737px;
	display: inline-block;
	float: left;
	margin-right: 115px;
}


#sidebar {
  background-color: #fff;
    display: inline-block;
    max-width: 311px;
    min-width: 300px;
    padding: 0;
}
#sidebar ul{
	padding-left: 1em
}
#sidebar ul, #sidebar ul li{
	list-style-type: none;
	float: left;
	width: 100%;
}
#sidebar ul li{
padding-bottom: 2em;
font-size: 14px;
}
#sidebar ul li span{
	background: #4db848;
	color:#fff;
	font-size: 16px;
	padding:0.4em 0.8em;
	font-weight: 600;
	margin-right: 10px;
	}
.banner{
	display: block;
}

/*Services page*/
ul.services,ul.services li{
	list-style-type: none;
	float: left;
}

ul.services li{
width:50%;
padding-bottom: 2em
}

ul.services li h2 {
margin:0;
}

ul.services li p{
width:90%;
}

/*Contact page*/
table{
	 border-collapse: collapse;
}

table td, table th{
	 padding: 9px 8px 0;
	text-align:left;
    padding: 1em 0 0;
}
table label{
	float: left;
	font-weight: 400;
	line-height: 32px;
	width: 80px;
	font-size: 12px;
}

table input[type=text], table .select, table textarea{
	 padding: 10px;
	 border:1px inset #767574;
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
}
table input[type="reset"]{
	background: none repeat scroll 0 0 #f4f4f4;
    border:1px solid #dadada ;
    color: #75706c;
    cursor: pointer;
    font-size: 11px;
    padding: 0.5em 1em;
    text-decoration: none;
}
table input[type="submit"]{
	background: none repeat scroll 0 0 #009448;
    border: medium none;
    color: #fff200;
    cursor: pointer;
    font-size: 11px;
    padding: 0.5em 1em;
    text-decoration: none;
}



table input[type="submit"]:hover{
	background:#000;
	color:#fff;

}

  .err
    {
        font-family : Verdana, Helvetica, sans-serif;
        font-size : 12px;
        color: #fff;
		padding:0.5em;
		background:#4db848;
		margin:1em 0;
	
    }
	
	#contact_form_errorloc{
		background:transparent;
		color:red
	}
/* -----------footer--------------------------- */

footer {

	/*width: 100%; 
	position: fixed;
	left: 0;
	bottom: 0;*/


	}
footer .bg{
 	background: none repeat scroll 0 0 #000;
    border-top: 15px solid #009448;
    float: left;
    width: 100%;
     padding:2em 0 1em;
}
footer .col1, footer .col2{
		width: 58%;
		float:left;
	}
footer .col2{
		width: 40%;

	}
footer a, footer p{
	color: #fff;
}

footer p{
    clear: both;
    padding: 10px 8px 8px;
	}

footer .links{
float:right;
clear:both;
}

footer ul.menu, footer ul.details {
	list-style-type: none;
	float: left;
}

	footer ul.details {
		background: url("img/icons.gif") 0 0 no-repeat;
		padding-left: 30px
	}

footer ul.menu li {
	display: inline-block;
	background:url("img/line.gif") right center no-repeat;
	padding: 0 15px 0 10px;


}

footer ul.menu a{
	text-transform: uppercase;
	text-decoration: none;
}

footer ul.details li{
	color:#fff;
	font-size: 13px;
	float:left;
	width: 100%;
	padding: 5px 0;
}
footer ul.details li.fbook{
 color: #fff;
    font-size: 13px;
    margin-left: -30px;
    margin-top: 12px;
    padding: 0 1em 1em 0;
}
footer ul.details li.fbook img{
float:left;
padding-right: 12px

}

footer ul.details li.fbook span{
float:left;
padding-top: 5px

}

footer ul.details a{
	text-decoration: none;
	font-size: 13px;
}
  a.jdesign{
            background: url('img/jdesignhover.png') 0 0 no-repeat;  
            width:120px;
            height:50px;
            float:right;
             
        }
    a.jdesign:hover{
         background: url('img/jdesignhover.png') 0 -50px no-repeat;  
       
 }