/************* standard CSS aspiria ****************/

* {
	margin:0; padding:0;
}

html, body {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height:16px; 
  height:100%;
	text-align:center;
	color:#505050;
  background:#FFCCFF url(../images/aspiria_contentbg.gif) top center repeat-y;  
}


/***************** headlines *****************/
h1 {
  background: url(../images/headline_bg.gif) 0 1px no-repeat;
  margin: 0 0 18px 0;
  padding: 0 0 0 20px;
  height: 19px;
  font-size: 11px;
  color:#CC66CC;
  text-transform: uppercase;
}

h2 {
  background: url(../images/subheadline_bg.gif) 0 1px no-repeat;
  margin: 20px 0 18px 0;
  padding: 0;
  height: 19px;
  font-size: 11px;
  color:#CC66CC;
}

#content h3 {
  background:#CB77CB;
  color:#fff;
  padding: 1px 0 0 20px;
  font-size: 11px;
  height:18px;
}

h4	{
  margin:8px 0 2px 0;
  font-size: 11px;
  padding: 0 0 0 20px;
}

h5 {
  font-size:11px;
}

h5.pink {
  font-size:11px;
  color:#CC66CC;
}

ul#headline {
  width:478px;
  background: url(../images/subheadline_bg.gif) 0 1px no-repeat;
  margin: 0 0 18px 0 !important;
  padding: 0;
  height: 19px;
  font-size: 11px;
  color:#CC66CC;
  text-transform: uppercase;
  list-style-type:none;
}

#headline li {
  margin:0 !important;
  padding:0 20px !important;
  background:url(../images/headline_ele.gif) 1px 1px no-repeat;
  display:inline;
  font-weight:bold;
}




hr {
  background:url(../images/contentspacer_bg.gif) top left no-repeat;
  height:1px;
  padding:0;
  margin:0 0 6px 0;
  border: none;
}


#container {  
	width:896px;
	margin:0 auto;
	text-align:left;
  padding:0 2px 0 2px;
  min-height: 100%;
  background:url(../images/aspiria_contentbg.gif) top left repeat-y;  
}

* html #container	{
	height: 100%;
}

.aspirialogo {
  height:136px;
  background:url(../images/aspiria_top.jpg) top left no-repeat;
}

/*#### topnav ####*/

ul#topnavi {
	list-style-type:none;
  width:870px;
  padding:4px 13px 0 13px;
  height:20px;
  background:#F58736;
}

#topnavi li {
  padding:0 7px;
  display:inline;
}

#topnavi a {
  padding:1px 10px 1px 10px;
  color:#fff;
  text-decoration:none;
  text-transform: uppercase;
}

#topnavi a:hover {
  background:#fff;
  color:#CC66CC;
  text-decoration:none;
}

#topnavi a.ak, #topnavi a.ak:hover {
  background:#fff;
  color:#CC66CC;
  text-decoration:none;
}

/* subnav */

ul#subnavi {
	list-style-type:none;
  width:143px;
  line-height:15px;
  margin-bottom:18px;
}

#subnavi li {
  padding-bottom:5px;
}

#subnavi a {
  padding:0 0 0 20px;
  background:url(../images/subnav_bg.gif) 0 2px no-repeat;
  color:#EBC2EB;
  text-decoration:none;
  display:block;
}

#subnavi a.ak, #subnavi a.ak:hover, #subnavi a:hover  {
  background:url(../images/subnav_bgak.gif) 0 2px no-repeat;
  color:#fff;
}


.topspacer {
  background:#fff;
  height:2px;
  font-size:0;
  line-height:0;
}

#contleft {
  float:left;
  width:172px;
  padding:26px 11px;
}

#content {
  float:left;
  width:478px;
  padding:26px 19px 40px 18px;
}

#contright {
  float:left;
  width:151px;
  padding:63px 20px 26px 16px;
  color:#E96B0F;
  font-style:italic;
}

#contrightTeaser {
  float:left;
  width:166px;
  padding:39px 11px 26px 10px;
  color:#E96B0F;
}

#footer	{
  margin:-33px auto 0 auto;
  width:478px;  
	clear:both;
  border-top:1px solid #CC66CC;
  padding-top:5px;
  height:27px;
}

/* left */

.subnavspacer {
  height:13px;
  line-height:0;
  font-size:0;
}

.leftspacer {
  margin:5px 0;
  height:1px;
  background: url(../images/leftspacer_bg.gif) repeat-x;
  line-height:0;
  font-size:0;
}

.leftbox {
  background:#DD98DD;
  width:152px;
  padding:14px 10px 18px 10px;
  margin-bottom:1px;
  color:#fff;
}

.leftbox a, .leftbox a:hover {
  color:#fff;
  text-decoration:underline;
}

.leftbox h3 {
  margin-bottom:4px;
  padding:0;
  font-size:11px;
  color:#fff;
}

/* right */

.rightspacer {
  margin:5px 0;
  height:1px;
  background: url(../images/rightspacer_bg.gif) repeat-x;
  line-height:0;
  font-size:0;
}

.rightbox {
  background:#F8A977;
  width:147px;
  padding:14px 10px 18px 10px;
  margin-bottom:1px;
  color:#fff;
}

.rightbox a, .leftbox a:hover {
  color:#fff;
  text-decoration:underline;
}

.rightbox h3 {
  margin-bottom:4px;
  padding:0;
  font-size:11px;
  color:#fff;
}




/* Contentbereich */


p {
	margin:4px 0 9px 0;
}    

p.empf {
  padding:0 0 0 20px;
  margin-bottom:12px;
}

img	{
	border:0;
}


#content ul, #content ol {
  /*margin-top:-9px;*/
  margin-bottom:5px;
}

#content ul li, #content ol li {
  margin-left:30px;
  padding-top:5px;  
}

.messg	{
	color:#F58736;
}

.small {
  font-size:10px;
  line-height:15px;
}

.norm {
  font-weight:normal;
}

.hinweis {
  padding:4px 20px;
}

/* Links */

a	{
	color:#CC66CC; 
	text-decoration:underline;
}

.noline, .leftbox .noline	{
	text-decoration:none;
}

a:hover	{
  color:#CC66CC; 
	text-decoration:underline;
}

/****### kursTabelle, preisTabelle, kalender, kalenderliste ###****/

.kurse, .preise, .kalenderdetail, .kalenderliste {
  margin-top:10px;
  margin-bottom:20px;
}

.kalenderdetail {
  margin-bottom:0 !important; 
}

.kurse td, .preise td {
  height:20px;
  padding:1px 10px 1px 20px;
  background:#F1DDF1;
  vertical-align:top;
}

.kalenderliste td, .kalenderdetail td  {
  height:20px;
  padding:1px 10px 1px 20px;
  border-bottom:3px solid #fff;
}

.kLeft {
  width:143px; 
  border-right:3px solid #fff;
  border-bottom:3px solid #fff;
}

.pLeft {
  width:239px; 
  border-right:3px solid #fff;
  border-bottom:3px solid #fff;
}

.kallistLeft {
  width:130px;
  border-bottom:3px solid #fff;
}

.pMiddle {
  width:51px;  
  border-bottom:3px solid #fff;
  border-right:3px solid #fff;
}

.kallistMiddle {
  width:32px;
  border-bottom:3px solid #fff;
}

.kRight {
  width:274px;  
  border-bottom:3px solid #fff;
}

.k1Right {
  width:144px;  
  border-bottom:3px solid #fff;
}

.k2Right {
  width:100px;  
  border-bottom:3px solid #fff;
  text-align:right;
}

.pRight {
  width:83px;  
  border-bottom:3px solid #fff;
}

.kallistRight {
  width:220px;
  border-bottom:3px solid #fff;
}

.kHead, .pHead {
  background:#CB77CB !important;
  color:#fff;
  font-weight:bold;
}

.kalHead {
  background:#CB77CB;
  height:20px;
  color:#fff;
}

.kalSubhead, .kalList {
  background:#F1DDF1;
  height:20px;
}

.kSubhead, .pSubhead {
  background:#fff !important;
  color:#CB77CB;
  font-weight:bold;
}

.kSpecial {
  background:#FEE1E5 !important; 
}

.pSpacer {
  border-bottom:9px solid #fff !important;
}

/**** formularfelder ****/

fieldset	{
	border:0;
}

label {
	display:block;
	text-align:left;
	margin-top:4px;
}

.nwlRadio {
  float:left;
  margin-right:2px;
}

.nwlRadioLeft {
  margin-left:5px;
}

.nwlRadioLabel {
  float:left;
  width:auto;
  margin-top:-2px;
}

input {
 color:#CC66CC;
 font-size:11px;
 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
 padding:1px;
}

input.nwl {
  border:1px solid #fff;
  width:150px;
}


textarea {  
  float:left;
	background-color: #383838; 
	font-size: 11px; 
	color: #F2F2F2; 
	border: 1px #F2F2F2 solid;
	padding:1px;
  width:294px;
  height:84px;
  margin-bottom:12px;
}


.button {
  /*width:100px;*/
	font-size: 11px; 
  font-weight:bold;
	padding:2px 10px 3px 10px;
	color: #fff; 
	background-color:#CC66CC; 
	border:0 !important; 
}


/*### anmeldeformular ###*/

.anmeldeForm {
  width:280px;
  padding-right:30px;
  margin:10px auto 30px auto;  
  text-align:left;
}

.anmeldeForm label {
  float:left;
  width:70px;
  text-align:right;
  padding-right:8px;
}

#content input {
  border:1px solid #CC66CC;
}

.anmeldeFormInp {
  margin-top:4px;
  width:193px;
  float:left;
}

.anmeldeForm .inpMiddle {
  width:140px;
}

.anmeldeForm .inpSmall {
  width:46px;
}

.anmeldeForm .margLeft {
  margin-left:4px;
}

.margButtonLeft {
  margin-left:78px;
}


/* =Tools --------------------------------------------------------------------*/

.cleaner {
  border: none;
  clear: both;
  height: 0;
  font-size: 0;
  background: none;
  overflow: hidden;
}

.clear {
  clear: both;
}

.floatRight {
  float: right;
}

.floatLeft{
  float: left;
}

.center {
  text-align: center;
}

.left {
  text-align: left;
}

.right {
  text-align: right;
}

.justify {
  text-align: justify;
}

.noMarg {
  margin: 0;
}

.margBott {
  margin-bottom:14px;
}

.margTop {
  margin-top:10px;
}

.margRight {
  
}

.margLeft {
  margin-left:6px;
}

.noPad {
  padding: 0;
}

.noBorder {
  border: none;
}