/*
*														  :KX,          
*												  .lKXd.          
*											   .:xK0c.            
*											.:xX0l,.              
*										  'xXNNXkxdddxkO0Od.      
*										 oKOd,...     :0Xk'       
*								  ,kO:    .         'kXx'         
*							   ,d0Kd.  ...',.      ;KXl.',,,,,,,,.
*							'l0Ko'   'oxkkkkxdl,   0NXOxdddddxXNK:
*						 .c0Kd,.    ,xkkkkkkkkkd.   ..      ;0Ko. 
*					   :O0x:.       dkkkkkkkkkkk;          dXO.   
*					.lK0c.          .dkkkkkkkkkl          xN0.    
*				  .dKk:.              ;xxxxxd;.           .:.     
*				.oXNNXK00000KKXOc                                 
*				00o:;..     'OX0;                                 
*						  .oXO;                                   
*						 c0O,             ll          .           
*						xXl.              xK:.....;dxOx.          
*						'.  .kd           .0Xxxkkkk0Xc.           
*							.OK,           00.      'kO;          
*							 .kKc          ..        .0K.         
*							   cOOc.                 .0K.         
*								 'o0Ol;.           .:00'          
*									.cox00dc::::cdO0d;.           
*										..,o0NN0d;..              
*
*    						http://www.mhgraphik.de, Germany
*/
  

body {
	font-family: 'Open Sans',Arial,Helvetica,sans-serif;
	font-weight: 300;
	background-color: #fff;
	margin: 0;
	padding: 0;
	-webkit-hyphens: auto;
 	-moz-hyphens: auto;
 	-ms-hyphens: auto;
 	hyphens: auto;
}

h1, h2, h3 { margin-top: 0; text-align: center; }

p { margin-top: 0; padding: 7px; }

h1 { 
	margin-left: -285px;
	font-size: 2.0em;
	line-height: 150%;
	font-weight: 300; 
}

h2, h3 {
	background-color: #86b20a;	
	height: 28px;
	font-size: 12pt;
	font-style: italic;
	line-height: 150%; 	
	color: #fff;
}

h2 { width: 680px; }

h3 { width: 310px; }

a img { border: none; }

a:link, a:visited, a:hover {
	text-decoration: none;
	background-color: transparent;
}

a:hover { color: #5e7924; }

a:link, a:visited { color: #0080c6; }

.bild {
	position: fixed;
	bottom: 0px;
	left: 50%;
	margin-left: -480px;
	width: 960px;
	height: 519px;
	background-image: url(../muenster/hg_spagyrik-muenster_schmal.jpg);
	background-repeat: no-repeat;
	z-index: 1;
}

.hgr {
	position: fixed;
	bottom: 0px;
	right:0px;
	width: 50%;
	height: 95px;
	background-image: url(../muenster/hgr.gif);
	background-repeat: repeat-x;
	z-index: 0;
}

.hgl {
	position: fixed;
	bottom: 0px;
	left:0px;
	width: 50%;
	height: 80px;
	background-image: url(../muenster/hgl.gif);
	background-repeat: repeat-x;
	z-index: 0;
}

.natur {
	position: fixed;
	left: 0;
	bottom: 0;
	width: 3%;
	height: 100%;
	background-image: url(../muenster/tpz_blue.png);
	background-repeat: repeat;
	z-index: 4;
} 

.container {
	position: fixed;
	left: 50%;	
	width: 960px;
	height: 100%;
	margin-left: -440px;
	z-index: 3;
}

.header, .adress {
	margin-top: 10px;
	color: #0080c6;
}

.adress { 
	margin-top: -21px;
	margin-left: -285px;
	font-size: 14px;
	text-align: center;
}

.header, .adress, .content, .mineralsalz, .ohrakupunktur, .dorn, .bach, .navigation, .textbox {
	background-image: url(../muenster/tpz.png);
	background-repeat: repeat;
}

.content, .mineralsalz, .ohrakupunktur, .dorn, .bach {
	font-size: 13pt;
	color: #006;
}


.content { width: 680px; }

.dorn, .ohrakupunktur, .bach, .mineralsalz { width: 310px; }

.ohrakupunktur, .bach {
	position: absolute;
	left: 50%;
	margin-left: -70px;
	top: 105px;
	z-index: 3;
}

.foto, .map {
	top: 20px;
	width: 180px;
	height: 180px;
}

.foto, .map, .navigation {
	position: absolute;
	left: 50%;	
	margin-left: 270px;
	z-index: 3;
}

.foto { background-image: url(../muenster/persoenlich_schmal.jpg); background-repeat:no-repeat; }
.map { background-image: url(../muenster/map.jpg); background-repeat:no-repeat; }

.navigation {
	top: 200px;
	width: 200px;
	font-size: 14px;
	color: #0080c6;
}

.textbox { 
	position: absolute;
	top: 105px;
	left: 50%;
	margin-left: -110px;
	width: 310px;
} 

textarea#style {
	position: absolute;
	top: 0px;
	left: 50%;
	margin-left: -155px;
	width: 300px;
	height: 120px;
	border: 2px solid #79a804;
	padding: 5px;
	outline:0; 
}

.textform { 
    border: 0; 
    -webkit-border-radius: 30px; 
    -moz-border-radius: 30px; 
    border-radius: 30px;
	box-shadow: 1px 1px 0 0 #fff, 5px 5px 10px 2px #e4f0cc inset; 
	-moz-box-shadow: 1px 1px 0 0 #fff, 5px 5px 10px 2px #e4f0cc inset; 
	-webkit-box-shadow: 1px 1px 0 0 #fff, 5px 5px 10px 2px #e4f0cc inset; 
	-webkit-background-clip: padding-box; 
    outline: 0; 
    height: 16px; 
    width: 120px; 
    padding-left: 10px; 
    padding-right: 10px; 
} 

.submit, .reset {
	position: absolute;
	top: 145px;
	color: #fff; 
    border: 0; 
    -webkit-border-radius: 30px; 
    -moz-border-radius: 30px; 
    border-radius: 30px; 
	box-shadow: 1px 1px 0 0 #e4f0cc, 5px 5px 40px 2px #79a804 inset; 
	-moz-box-shadow: 1px 1px 0 0 #e4f0cc, 5px 5px 40px 2px #79a804 inset; 
	-webkit-box-shadow: 1px 1px 0 0 #e4f0cc, 5px 5px 40px 2px #79a804 inset; 
	-webkit-background-clip: padding-box; 
    outline:0; 
} 
.submit { left: 0; } 
.reset { left: 100px; } 