body{
	/*background-image: url(./bilder/bgbig.jpg);*/
	background: #B1D899;
	background-repeat: no-repeat;
	background-position: center top;
	font-family: Times New Roman;
	background-attachment: fixed;
	scrollbar-track-color:#ffffff;
	scrollbar-face-color:#fefefe;
	scrollbar-3dlight-color:#ddc;
	scrollbar-highlight-color:#776;
	scrollbar-shadow-color:#776;
	scrollbar-darkshadow-color:#ddc;
	scrollbar-arrow-color:#776;
	font-size: 14px;
	}
	
	h1, h2, h3{ font-weight: bold; color: #AF2951}
	h1{font-size: 1.5em}
	h2{
	font-size: 1.1em;
	font-style: italic;
	left: 10px;
}
	h3{color: #83C661 ; font-size: 1.0em}
	td {color: #AF2951;}
	hr {color:  #fff; border-top: 1px dotted #AF2951; height: 1px;}
	input, textarea, select {background: #DCEDD2; color: #6B8146; font-size: 0.9em; border: 1px solid #A8BC85}
	
	
	/*abgerundete Ecken*/
	#ol, #physiotherapie .ol  {background:  #B1D899 url(./bilder/ol.gif) top left no-repeat;}
	#or, #physiotherapie .or  {background:  #B1D899 url(./bilder/or.gif) top right no-repeat;}
	#ul, #physiotherapie .ul  {background:  #B1D899 url(./bilder/ul.gif) bottom  left no-repeat;}
	#ur, #physiotherapie .ur {background:  #B1D899 url(./bilder/ur.gif) bottom right no-repeat;}
	
	  
	 .ol {background:  #fff url(./bilder/ol.gif) top left no-repeat;}
	 .ul {background:  #fff url(./bilder/ul.gif) bottom  left no-repeat;}
	 .or {background:  #fff url(./bilder/or.gif) top right no-repeat;}
	 .ur  {background:  #fff url(./bilder/ur.gif) bottom right no-repeat;}
	  
	/*alle Seiten*/
	#o, .o  {border-top: 1px solid #76C150;}
    #u, .u   {border-bottom: 1px solid #76C150;}
    #l, .l  {border-left: 1px solid #76C150;}
    #r, .r {border-right: 1px solid #76C150;}




#total { width: 100%; height: 100%; margin: auto;   }

/*grosse blockelemente*/
#outer, #physiotherapie {
float: left; margin-right: 10px; background: #fff; 
 } 

#menu { 
/* border-left: 1px solid #AF2951;
border-right: 1px solid #AF2951; */
margin-top: 30px;  
position: relative;
left: 0px; 
top: 0px; 
text-align:left; 
width: 120px; 
text-align: left;
padding: 0px;
font-size: 12px;  
}

#menu ul, #menu li{margin-left: 5px; padding: 0px; list-style-type: none; font-weight: normal;}
#menu li{margin-left: 16px; }
#menu h1{ font-weight: normal; font-size: 12px; margin: 0px; text-align: left;}
#menu h1 span { font-weight: bolder;}
#menu  h1 a:link{color: #AF2951; text-decoration: none;}
#menu  h1 a:visited{color: #D19196;}
#menu  h1 a:hover{color: #8BC969;  }
#menu  h1 a:active{color: #ffffff;  }

#menu  li a:link {color: #AF2951; text-decoration: none;}
#menu  li a.inversred:link {color: #ffffff; text-decoration: none;}
#menu  li a:visited {color:  #D19196;}
#menu  li a:hover {color: #8BC969;  }
#menu  li a:active {color: #AF2951;  }

a {font-size: 12px; font-family: Times New Roman, Times, serif; text-decoration: none; color: #AF2951; }
a:link{text-decoration: underline;}
a:hover{color: #8BC969;  }
a:active{color: #B9DCA3;  }
a:visited{color: #D19196;}

#main {
min-width: 500px;
width: inherit;
max-width: 700px;
z-index: 100;
}

#pictoleiste {
float: right;
width: 560px; 
max-width: 800px;
}

.transparent {
background: #ffffff;
filter: alpha(opacity=100); /* MSIE/PC */
-moz-opacity: 1.0; /* Mozilla 1.6 and older */
opacity: 1.0;
}




/*Veranstaltungsblock - wird immer wieder angezeigt*/
#blinker { 
		width: 250px;;
		height: auto; 
		margin: 20px; 
		margin-bottom: 5px;  
		padding-left: 20px; 
		background: #fff; 
		font-size: 10px; 
		text-align: left; 
		padding-left: 15px;  
		filter: alpha(opacity=75); /* MSIE/PC */
		-moz-opacity: 0.75; /* Mozilla 1.6 and older */
		opacity: 0.75;
		border: 1px solid #AF2951;
		outline: 2px solid #fff;
		
		-moz-border-radius: 5px; /* Mozillas */
		-moz-outline-radius: 6px;
		-khtml-border-radius:5px; /*Safari etc*/
		-khtml-outline	-radius:6px;

}

#blinker h2 {font-weight: bolder; font-size: 16px; padding-left: 12px; margin: 0px;}

h1#a {text-decoration: none; background: #ffffff;}
h1#a:link{color: #AF2951;}
h1#a:visited{color: #D19196;}
h1#a:hover{color: #8BC969;  }
h1#a:active{color: #B9DCA3;  }

.inversred, .buttonbox {
	color: #FFFFFF;
	background-color: #AF2951;
}



a.inversred:link {color: #ffffff; text-decoration: none;}
a.inversred:visited {color:  #ffffff;}
a.inversred:hover {color: #ffffff;  }
a.inversred:active {color: #ffffff;  }



#zufrieden {position: relative; left: 0px; top: 0px;}
#laessig {position: relative; left: 75px; top: 0px;}
#bewegt {position: relative; left: 150px; top: 0px;}
#stubenhocker {position: relative; left: 230px; top: 0px;}
#schoenstark {position: relative; left: 343px; top: 0px;}
#fuenfzigplus {position: relative; left: 435px; top: 0px;}
#feiern {position: relative; left: 480px; top: 0px;}

 
#content{ padding: 10px; margin-left: 10px; height: 280px; overflow: auto; width: 600px; }
#content{height: auto; display: block; }



.detail {
font-size: 9px; font-family: Helvetica, Verdana, Arial; 
display: block;
 margin-bottom: 3px; 
 min-height: 40px;
 height: auto; 
 -moz-border-radius: 4px;
  cursor: pointer;
}

.showbox{z-index: 1000;
position: absolute;
left: 30%;
top: 0; 
background: #DCEDD2;
display: none; 
border: 1px solid #7CC458; 
width: 250px;
padding: 10px;
border: 5px solid #ffffff; 
height: 200px; 
overflow: auto;
cursor: pointer;
font-size: 1.2em;
 -moz-border-radius: 14px;

}

.showbox2{z-index: 1000;
position: relative;

right: 20px;
top: -10px; 
background: #fafafa;
border: 1px solid #7CC458; 
width: 500px;
padding: 10px;
border: 5px solid #ffffff; 
overflow: auto;
cursor: pointer;
font-size: 1.2em;
 -moz-border-radius: 5px;

}



.buttonbox {padding: 3px; border: 1px solid #ffffff;}
a.buttonbox:link{color: #ffffff;}
a.buttonbox:hover{color: #8BC969;  }
a.buttonbox:active{color: #8BC969;  }
a.buttonbox:visited{color: #ffffff;}






.border {border: 1px solid #AF2951; padding: 5px;}
#alles {position: absolute; left: 0; top: 0px; width: 100%; height: 100%; background: #ffffff; z-index: 1;}


.floatright {float: right; margin: 0px;}
.width30 {width: 30%; padding: 5px;}
.width50 {width: 45%; padding: 5px; margin: 5px;}
.width75 {width: 75%; padding: 5px;}
.clearing {clear: both;}
.uline {border-bottom: 1px solid #AF2951; font-weight: bold;  }
 

#weg { display: none;}

/*Physiotherapie*/
#physiotherapie { width: 240px;   }
#physiotherapie .physinhalt {padding: 5px ; position: relative; top: 0px; left: 0px;}

.zweispalten {
	width: 660px;
	min-height: 300px;
	background: url('./bilder/infobg.jpg') top left no-repeat;
	
	
}

.linkespalte { width 260px; float: left; padding: 15px;}
.rechtespalte { width 260px;  margin-left: 335px; padding: 15px; }