/*
Theme Name: massagetherapie kaestli
Theme URI: www.massagetherapie-kaestli.ch
Description: massagetherapie kaestli
Version: 1
Author: WP-100
Mon Theme by WP-100 || copyright 2015
*/


/*RESET BROWSERS*/
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;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0;}


/*-------------------------------------------------------------------------------------------
----------------------------------ACCUEIL----------------------------------------------------
-------------------------------------------------------------------------------------------*/


/*------------------Header----------------*/

body{
font-family:Arial, Helvetica, sans-serif;
color: #333;
font-size:14px;
line-height:130%;
margin:0 auto 0 auto;
background-image:url(images/hintergrund-5x90.jpg);
background-repeat:repeat-x;
}

div#header{
height:320px;
width:100%;
background-color:#e75012;
}

div#headerimage{
height:280px;
width:100%;
margin-top:90px;
background-color:#f09b78;
background-image:url(images/praxis-2000x280.jpg);
background-position:center;
background-repeat:no-repeat;
}

div#headerimage-test{
height:280px;
width:100%;
margin-top:90px;
background-color:#f09b78;
background-image:url(images/praxis-2000x280.jpg);
background-position:center;
background-repeat:no-repeat;
}

div#logo{
display: block;
width:800px;
position: relative;
margin-left:0;
margin:0 auto;
}

div#logo img{
margin-top:-30px;
height:120px;
width:415px;
}

/*---------------MENU----------------*/

div#menu{
height:40px;
width:800px;
margin:12px auto;
}


ul.menu{
	list-style-type: none;
}

ul.menu li{
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:14px;
	color:#fff;
	letter-spacing:1px;
}

ul.menu li a{
}

ul.menu li a:link{
	color:#fff;
	text-decoration:none;
	margin-right:20px;
}

ul.menu li a:visited{	
	color:#fff;
}

ul.menu li a:hover{
	color:#fff;
}

ul.menu li a:active{
	color:#fff;	
}

ul.menu li a:hover, #menu .current_page_item a {
	color:#fff;
} 




/*-------------Schriften------------*/



h1{
	font-size:25px;
	color:#333;
	line-height:30px;
	margin-bottom:10px;
}


h2{
	font-size:20px;
	color:#333;
	line-height:20px;
	margin-bottom:10px;
}

h3{
	font-size:16px;
	color:#333;
	line-height:20px;
}

a{
	color:#e75012;
	
}


h6{
font-size:20px;
font-weight:normal;
line-height:25px;
}





/*------------------CONTENT------------*/



div#content{
width:800px;
height:auto;
margin:60px auto;
}



div#textspalte{
width:480px;
margin-top: 0;
margin-left:0;
}

div#textspalte img{
float:left;
margin: 0 20px 10px 0;
	
}


div.textspalte-logo{

position:absolute; 
margin: 200px -40px auto 300px; 
z-index:-1;"
	
}



div#kontaktspalte{
width:250px;
float:right;
}