@charset "utf-8";

@import url(https://fonts.googleapis.com/css?family=Lato);


*	{
	margin:0px;	
	padding:0px;
	}

		
body	{
		background-color:#3F3D3D;
		font-family: 'Lato', sans-serif;
		font-size:14px;
}

header	{
		height:auto;
		min-height:300px;
}

a{	
		text-decoration: none;
		color:black;
}

main	{
		width:100%;
		height:auto;
		min-height:300px;
		background-color:white;
}

li{
		list-style-type:none;
		list-style-position:inside;
}

h1		{
		font-size:14px;
		text-align:center;
		margin-left:7px;
		margin-right:7px;
		padding-top:160px;
		padding-bottom:15px;
}

h2{	
		font-size:12px;
		text-align:center;
		margin-left:7px;
		margin-right:7px;
		padding-top:8px;
		padding-bottom:13px;
}

h3{	
		font-size:12px;
		text-align:left;
		margin-left:15px;
		margin-right:7px;
		padding-top:3px;
}
	
p{
		font-size:12px;
		margin-left:15px;
		margin-right:10px;
		margin-bottom:12px;
}

th	{
		font-weight:bold;
		background-color:#636364;
}

td{
		padding-left:4px;
		padding-top:2px;
		padding-bottom:2px;
		border-bottom-width:1px;
		border-bottom-style:dotted;
		border-bottom-color:grey;
}

table{
		font-size:12px;
		margin-bottom:25px;
}

caption{
		font-size:13px;
		text-align:center;
		margin-left:7px;
		margin-right:7px;
		padding-top:8px;
		padding-bottom:13px;
}

li[class="lastli"]{
		padding-bottom:10px;
}

p[class="unterschrift"]{
		padding-bottom:10px;
}

label	{
		display:inline-block;
		width:80px;
		margin-bottom:4px;
}

label[for="weiblich"], label[for="maennlich"]{
		width:35px;
}

input[type="text"], input[type="email"]{
		width:280px;
		background-color:#EEEEEE;
		border:0;
}


input[type="checkbox"]{
		margin-left:50px;
}

input[type="submit"], input[type="reset"]{
		width:75px;
		background-color:#EEEEEE;
		border:0;
		text-align:center;
		margin-right:2px;
		margin-top:15px;
		margin-bottom:15px;
}

footer{
		background-color:#646464;
		width:100%;
		height:30px;
		position:relative;
}


.footer a{
		color:white;
		float:right;
		margin-top:4px;
		margin-left:6px;
}

.footer a:hover {
		color:black;
}

.schlussabsatz{
		margin-bottom:20px;
}

.zitat{
		font-size:13px;
		font-style:italic;
		color:black;
		padding-top:10px;
}

.paarberatung li{
		font-size:12px;
		padding-left:15px;
		padding-right:15px;
		list-style-type:disc;
		list-style-position:inside;
}

.ausweg li{
		font-size:12px;
		padding-left:15px;
		padding-right:15px;
		list-style-type:disc;
		list-style-position:inside;
}

.jobabend li{
		font-size:12px;
		padding-left:15px;
		padding-right:15px;
		list-style-type:disc;
		list-style-position:inside;
}

.urlaub li{
		font-size:12px;
		padding-left:15px;
		padding-right:15px;
		padding-bottom:3px;
		list-style-type:disc;
		list-style-position:inside;
}

.vertraeglichkeit li{
		font-size:12px;
		padding-left:15px;
		padding-right:15px;
		list-style-type:disc;
		list-style-position:inside;	
}

.gesundheitsmassnahmen li{
		font-size:12px;
		padding-left:15px;
		padding-right:15px;
		padding-top:2px;
		list-style-type:disc;
		list-style-position:inside;	
}

.coachinggrund li{
		font-size:12px;
		padding-left:15px;
		padding-right:15px;
		padding-top:2px;
		list-style-type:disc;
		list-style-position:inside;
}

.mb li{
		font-size:12px;
		padding-left:15px;
		padding-right:15px;
		padding-top:2px;
		list-style-type:disc;
		list-style-position:inside;
}

.bgm li{
		font-size:12px;
		padding-left:15px;
		padding-right:15px;
		padding-top:2px;
		padding-bottom:3px;
		list-style-type:disc;
		list-style-position:inside;
}

.veranstaltung{
		width:60%;
}

.termine{
		width:40%;
}

.metabolicleistung {
		width:70%;
}

.paketeins {
		width:10%;
}

.paketzwei {
		width:10%;
}

.paketdrei {
		width:10%;
}

.lasttr {
		background-color:#636364;
		color:white;
}

.grey {
		background-color:#636364;
}

.greytwo {
		background-color:#B2B2B2;
} 

.greythree {
		background-color:#EEEEEE;
}

.letzterpunkt{
		margin-top:15px;
		margin-bottom:15px;
}

.inklammern{
		font-size:9px;
}

.underline {
		text-decoration:underline;
}

.abstandobenzwei{
		margin-top:100px;
}

.tabellendarstellung{
		min-width:288px;
}

.pflichtfeld{
		color:green;
}


#wraper	{
		width:100%;
		max-width:1280px;
		height:auto;
		min-height:800px;
		/*position:relative;*/
		margin:auto;
		background-color:white;
}

#logo_block{
		background-color:white;
		padding-top:7px;
		padding-bottom:7px;
		padding-left:7px;
		min-height:50px;
}

#logo_jutta_rauter {
		max-width:50px;
		float:left;
}

#titlename {
		font-size:24px;
		font-weight:bold;
		float:left;
		margin-top:10px;
		padding-left:15px;
}

#title {
		clear:float;
		display:block;
		font-size:14px;
		font-weight:bold;
		margin-top:45px;
		margin-left:65px;
		margin-bottom:15px;
}

#steine_im_wasser, #buddha, #symbol_spirale, #gruene_aepfel,
 #glasfenterspirale, #blumenvase, #strichmaennchen_mit_herz, #rote_kiste, #wassertropfen{
		width:100%;
		min-width:320px;
		max-height:160px;
		padding-bottom:6px;
}

#topnav{
		margin-left:14px;
		margin-right:10px;
}

#topnav li{
		float:left;
		height:30px;
		font-size:14px;
		padding-top:8px;
		padding-left:3px;
		padding-right:7px;
		border:1px dotted #B2B2B2;		
}

#topnav a:hover {
		color:#333333;
		font-weight:bold;
}

#topnav a:active{
		color:green;
}

#button_therapien{
		max-width:64px;
}

	#therapiennav{
		visibility:hidden;
		height:0px;
		transition:height 0.5s;
}

	#button_therapien:hover #therapiennav{
		visibility:visible;
		}
		
	#therapiennav li{
		position:relative;
		z-index:6;
		background-color:#FAFAFA;
		margin-left:-3px;
		padding-bottom:6px;
		width:120px;
		}
		
#button_ernaehrung{
		max-width:139px;
}	

	#ernaehrungsnav{
		visibility:hidden;
		height:0px;
		transition:height 0.5s;
}

	#button_ernaehrung:hover #ernaehrungsnav{
		visibility:visible;
		}
		
	#ernaehrungsnav li{
		position:relative;
		z-index:5;
		background-color:#FAFAFA;
		margin-left:-3px;
		width:139px;
}
		
#button_coaching{
		max-width:61px;
}	

	#coachingnav{
		visibility:hidden;
		height:0px;
		transition:height 0.5s;
}

	#button_coaching:hover #coachingnav{
		visibility:visible;
		}	
		
	#coachingnav li{
		position:relative;
		z-index:4;
		background-color:#FAFAFA;
		margin-left:-3px;
		padding-bottom:6px;
		width:133px;
}
	
#button_termine{
		max-width:121px;
}	
	
	#terminenav{
		visibility:hidden;
		height:0px;
		transition:height 0.5s;
}

	#button_termine:hover #terminenav{
		visibility:visible;
		}	

	#terminenav li{
		position:relative;
		z-index:3;
		background-color:#FAFAFA;
		margin-left:-3px;
		width:146px;
	}
	
	#bgmsupervision{
		position:relative;
		z-index:2;
	}
	
#button_uebermich{
		max-width:121px;
}

	#uebermichnav{
		visibility:hidden;
		height:0px;
		transition:height 0.5s;
}
	
	#button_uebermich:hover #uebermichnav{
		visibility:visible;
		}
	
	#uebermichnav li{
		position:relative;
		z-index:1;
		background-color:#FAFAFA;
		margin-left:-3px;
		width:121px;
	}
	
	
#portraet_jutta_rauter {
		width:30%;
		min-width:140px;
		min-height:115px;
		float:right;		
		margin-left:5px;
		margin-right:20px;
		margin-top:5px;	
		margin-bottom:5px;
}

#unterschrift_jutta_rauter{
		width:20%;
		min-width:130px;
		margin-left:15px;
		margin-bottom:35px;
}

#jameda_siegel{
		margin-left:-10px;
		margin-top:-20px;
}

#portraetzwei_jutta_rauter{
		width:30%;
		min-width:140px;
		min-height:115px;
		float:right;		
		margin-left:5px;
		margin-right:20px;
		margin-top:5px;	
		margin-bottom:5px;
}

#metabolic_balance_betreuer_siegel{
		width:50%;
		max-width:190px;
		margin-top:10px;
		float:left;
}

#bbgmlogo{
		margin-top:30px;
		margin-bottom:15px;
		margin-left:15px;
}

#bbgm_siegel {
		width:80%;
		max-width:250px;
		max-height:68px;
}

#methoden li{
		list-style-type:disc;
		list-style-position:inside;
		font-size:12px;
		font-style:italic;
		margin-left:15px;
		margin-bottom:5px;
}

#veranstaltungen	{
		margin-left:15px;
		margin-right:16px;
}
		
	#veranstaltungen tr:nth-child(odd)	{
		background-color:#636364;
		color:#ffffff;
	}

#veranstaltungentermine	{
		margin-left:15px;
		margin-right:16px;
}
		
	#veranstaltungentermine tr:nth-child(odd)	{
		background-color:#636364;
		color:#ffffff;
	}	

#metabolicpreise	{
		margin-left:15px;
		margin-right:15px;
}

#metabolicpreise th{
		color:white;
}

#hinweis{
		margin-top:10px;
}

#kontakt{
		font-size:12px;
		margin-left:15px;
		margin-right:10px;
		margin-bottom:12px;
}

#weiblich, #maennlich{
		margin-left:-25px;
}

#weiblich{
		margin-right:25px;
}

#email{
		margin-bottom:10px;
}

#emailtext{
		background-color:#EEEEEE;
		border:0;
		resize:vertical;
}

#zitatbalken{
		height:80px;
		background-color:#EEEEEE;
}


@media (min-width:768px){
	
header	{
		min-height:420px;
		background-size:90%;
}

h1		{
		font-size:15px;
		text-align:center;
		margin-left:45px;
		margin-right:45px;
		padding-top:105px;
		padding-bottom:25px;
}

h2{
		font-size:14px;
		text-align:center;
		margin-left:45px;
		margin-right:45px;
		padding-top:20px;
		padding-bottom:20px;
}

h3{
		margin-left:45px;
}

p{
		margin-left:45px;
		margin-right:45px;
	}	

caption{
		font-size:14px;
		text-align:center;
		margin-left:45px;
		margin-right:45px;
		padding-top:20px;
		padding-bottom:10px;
}

footer{
		height:45px;
	}	

.krisenausweg{
		margin-top:-20px;
}

.zweispalten	{
			column-count:2;
			column-gap:20px;
			-moz-column-count:2;
			-moz-column-gap:20px;
			-webkit-column-count:2;
			-webkit-column-gap:20px;
}

.paarberatung li{
		padding-left:45px;
}

.ausweg li{
		padding-left:45px;
}

.jobabend li{
		padding-left:45px;
}

.urlaub li{
		padding-left:45px;
}

.vertraeglichkeit li{
		padding-left:45px;
}

.gesundheitsmassnahmen li{
		padding-left:45px;
}
		
.coachinggrund li{
		padding-left:45px;
}

.mb li{
		padding-left:45px;
		padding-right:35px;
}

.bgm li{
		padding-left:45px;
		padding-right:35px;	
}	

.ausgleichtextplusue{
		margin-top:20px;	
}
.ausgleichzurue{
		margin-top:-40px;
}

.ausgleichzuruezwanzig{
		margin-top:-20px;
}

.ausgleichtextue{
		margin-top:-12px;
}

.abstanduntendreissig{
		margin-bottom:30px;
}

.topminuszwanzig{
		margin-top:-20px;
}

.ansaetze{
		padding-bottom:30px;
}

.abstandinmeinerpraxis{
		margin-top:80px;
}

.zitat{
		font-size:15px;
		text-align:center;
		margin-top:30px;
		margin-bottom:30px;
}

.inklammern{
		font-size:11px;
}

.footer a{
		margin-left:20px;
}

.abstandobendrei{
		margin-top:10px;
}


#logo_jutta_rauter {
		padding-left:38px;
		padding-right:10px;
}

#title {
		margin-left:112px;
}

#steine_im_wasser, #buddha, #symbol_spirale, #gruene_aepfel,
 #glasfenterspirale, #blumenvase, #strichmaennchen_mit_herz, #rote_kiste, #wassertropfen{
		width:100%;
		min-width:768px;
		max-height:400px;
}

#topnav{
		margin-left:45px;
		margin-right:45px;
}

#portraet_jutta_rauter {
		float:left;
		min-width:200px;
		margin-left:45px;
		margin-right:90px;
		margin-bottom:15px;
}

#portraetzwei_jutta_rauter{
		float:left;
		min-width:200px;
		margin-left:45px;
		margin-right:90px;
		margin-bottom:15px;
}

#unterschrift_jutta_rauter{
		width:25%;
		min-width:160px;
		margin-left:45px;
}


#jameda_siegel{
		margin-left:15px;
}

#metabolic_balance_betreuer_siegel{
		min-width:152px;
		clear:float;
		margin-top:10px;
		margin-left:90px;
		margin-right:40px;
		margin-bottom:10px;
}

#bbgmlogo{
		margin-left:45px;
		
}

#bbgm_siegel {
		width:80%;
		max-width:250px;
	
}	

#methoden li{
		margin-left:45px;
}

#veranstaltungen	{
		margin-left:45px;
		margin-right:35px;
}

#veranstaltungentermine	{
		margin-left:45px;
		margin-right:35px;
}

#metabolicpreise	{
		margin-left:45px;
		margin-right:35px;
}		
	
	#kontakt{
		margin-left:45px;
		margin-right:45px;
}
}


@media (min-width:800px){

.abstandpdreissig{
		padding-bottom:30px;
}	

#metabolic_balance_betreuer_siegel{
		margin-right:240px;
}

#portraet_jutta_rauter {
		margin-right:180px;
		margin-bottom:15px;
}

#portraetzwei_jutta_rauter{
		margin-right:165px;
}

}


@media (min-width:980px){

input[type="text"], input[type="email"]{
		width:230px;
}

/*input[type="textarea"]{
		width:230px;
		height:150px;
}	*/

input[type="submit"], input[type="reset"]{
		margin-left:45px;
		margin-right:45px;
		margin-top:40px;
}

.title {
		max-width:85px;
		text-align:left;
		clear:float;
		margin-left:110px;
		padding-right:10px;
}

.abstandp{
		margin-bottom:55px;
}

.abstandpfuenfzehn{
		padding-bottom:30px;
}

.abstandoben{
		margin-top:70px;
}

.tabellendarstellung {
		min-width:390px;
}

.abstandinmeinerpraxis{
		margin-top:25px;
}

.zitatzwei{
		margin-top:25px;
}
	
	
#strichbutton{
		visibility:hidden;
		height:0px;
}

#portraet_jutta_rauter {
		margin-left:120px;
		margin-right:260px;
}

#portraetzwei_jutta_rauter {
		margin-left:120px;
		margin-right:195px;
}

#metabolic_balance_betreuer_siegel{
		min-width:152px;
		clear:float;
		margin-top:10px;
		margin-left:145px;
		margin-right:240px;
}

}


@media (min-width:1280px){


.abstandindexliste{
		margin-bottom:80px;
}

.tabellendarstellung {
		min-width:530px;
}

.abstandoben{
		margin-top:5px;
		margin-bottom:115px;
}

.topmminusfuenfzehn{
		padding-top:-15px;
}

.abstandzweihundert{
		margin-top:200px;
}

.kontaktueberschrift{
		margin-left:-95px;
}


#steine_im_wasser, #buddha, #symbol_spirale, #gruene_aepfel,
 #glasfenterspirale, #blumenvase, #strichmaennchen_mit_herz, #rote_kiste, #wassertropfen{
		width:100%;
		min-width:1280px;
		max-height:500px;
}

#metabolic_balance_betreuer_siegel{
		clear:float;
		margin-top:10px;
		margin-left:215px;
		margin-right:175px;
}

#portraet_jutta_rauter {
		margin-right:60px;
}

#portraetzwei_jutta_rauter {
		margin-right:60px;
}

#emailtext{
		width:400px;
}

}