
html            { overflow:auto; overflow-y:scroll; border:none;}

body 			{ background-color:#333333; border:none; margin: 0px; padding:0px;
                  background-image:url(../images/site/background.jpg); background-repeat:no-repeat; background-position:center top; }

img				{ border:0px;}
ul              { list-style-type:square;}
li              { margin-bottom:0px;}
hr				{height: 1px; border-width: 1px 0 0 0; border-style: solid; border-color: #cccccc; margin:10px 0px;}
.clear          { clear:both;}				

/* FORMATIERUNG TEXT*/
body			{ font-size:12px; font-family:Arial, Helvetica, Verdana, Sans-Serif; color:#333333; line-height:20px;}

h1 				{ font-family:Arial, Helvetica, Verdana, Sans-Serif; font-size:12px;  font-weight:normal; color:#666666; margin:0px 0px 5px 0px; }
h2 				{ font-family:Arial, Helvetica, Verdana, Sans-Serif; font-size:24px;  font-weight:normal; color:#333333; margin:0px 0px 7px 0px; }
h3				{ font-family:Arial, Helvetica, Verdana, Sans-Serif; font-size:16px;  font-weight:normal; color:#9a84b5; margin:0px 0px 10px 0px; }
		
a               { cursor:pointer; outline:0px; color:#666666; text-decoration:none; outline:0px;}
a:link			{ color:#9a84b5; text-decoration:underline; }	
a:visited		{ color:#9a84b5; text-decoration:underline; }	
a:hover		    { color:#666666; text-decoration:underline; }	
a:active		{ color:#9a84b5; text-decoration:underline; }	
		

.lila           { color:#9a84b5; }

/* CONTAINER */
  
#holder         { position:relative; margin:0px auto; margin-top:20px; width:968px; min-height:400px; border:solid 1px #ffffff; background-color:#f2f2f2; background-image:url(../images/site/head_bg.jpg); background-repeat:no-repeat; overflow:hidden;}
#hotline        { position:absolute; width:230px; height:60px; top:10px; right:20px; background-image:url(../images/site/hotline.png); background-repeat:no-repeat; }
#nav            { position:relative; top:0px; left:0px; margin-top:0px; width:230px; height:200px; float:left; }
#aktion_nav     { padding:10px; }
.aktion_entry   { padding:5px 0px; }
#contentholder  { position:relative; top:0px; left:0px; margin-top:-60px; width:710px; float:left; padding:10px; background-color:#ffffff; min-height:320px; }
#content        { float:left; width:470px; margin-right:10px; }
#aktion         { float:left; width:210px; padding:10px; min-height:400px; background-image:url(../images/site/aktion_bg.jpg); background-repeat:repeat-x; }
#footer         { position:relative; top:0px; left:0px; width:968px; height:30px; background-color:#f2f2f2; color:#999999;}

#holdershadow               { position:absolute; top:175px; left:0px; width:968px; min-height:300px; background-image:url(../images/site/contentholder_bg.jpg); background-repeat:repeat-x; }      
#contentholdershadow        { position:absolute; top:120px; left:225px; width:740px; height:300px; background-image:url(../images/site/schatten2.png); background-repeat:repeat-x; }
#contentholdershadowbottom  { position:relative; width:730px; left:230px; height:10px; background-image:url(../images/site/schatten4.jpg); background-repeat:no-repeat;  }
#footershadow               { position:relative; margin:0px auto; width:970px; height:10px; background-image:url(../images/site/schatten3.jpg); background-repeat:no-repeat; margin-bottom:20px; }

#popupkalender              { position: absolute; top: 0px; margin: auto; width: 100%; z-index: 10; background-image: url(../images/bg_fader.png); }
#popupkalender .kalender    { background-color: #ffffff; width: 132px; height: 192px; margin: auto; margin-top: 250px; padding: 5px; }
#popupkalender .kalender  .olddate    { color:#ffffff; background-color:#eaeaea; }
#popupkalender .kalender  .selected   { color:#ffffff; background-color:#9a84b5; }

/* CONTENT */

#content                    { text-align:justify; position:relative; }

.leistung1                  {display:inline-block; width:228px; float:left; padding:0px; margin-bottom:10px; margin-right:10px; }
.leistung2                  {display:inline-block; width:228px; float:left; padding:0px; margin-bottom:10px;}
.leistung1 img, .leistung2 img {width:230px; height:100px; }
.container                  {color:#666666; display:inline-block; border:solid 1px #cccccc; border-top:solid 0px #ffffff; border-left:solid 1px #ffffff; padding:0px 10px 10px 10px; width:208px; height:20px; line-height:25px;}

a.leistung1, a.leistung2    { text-decoration:none; }

/* NAVIGATION */

#nav ul                     { width:230px; list-style-type: none; margin:12px 0px 0px 0px; padding:0px; }
#nav ul li                  { margin-left:10px; border-bottom:solid 1px #b4b4b4;}

#nav ul li a                { font-size:12px; color:#333333; text-decoration:none; display:inline-block; padding-left:10px; width:210px; height:30px; line-height:40px; }
#nav ul li a:link           { }
#nav ul li a:visited        { }
#nav ul li a:hover          { background-color:#f2f2f2; }
#nav ul li a:active         { }

#nav .set                   { font-weight:normal; background-color:#9a84b5; color:#ffffff; background-image:url(../images/site/bg_nav_hover.jpg); background-repeat:no-repeat;}
#nav a.set:hover            { font-weight:normal; background-color:#9a84b5; color:#ffffff; background-image:url(../images/site/bg_nav_hover.jpg); background-repeat:no-repeat; }
                            
/* FOOTER */

#footer                     { color:#333333; font-size:12px; text-align:center; line-height:30px;}
#footer a                   { color:#666666; text-decoration:none; display:inline-block; }
#footer a:link              {  }
#footer a:visited           {  }
#footer a:hover             { text-decoration:underline; background-color:Transparent; }
#footer a:active            {  }

/* KALENDER */
#kalendertable a            {color: #ffffff; text-decoration: none;}
#kalendertable td.head      {background-color: #ff0000;}
#kalendertable td.tcell     {text-align: center}
#kalendertable td.tcell a   {display: inline-block; background-color: #999999; width: 22px; height: 20px}
#kalendertable td.tcell a:hover {background-color: #666666;}

/* FORMULARE */

.form_inputtext             { border:solid 1px #cccccc; width:120px; margin-bottom:10px;  font-family:Arial, Helvetica, Verdana, Sans-Serif; color:#333333; font-size:12px;}
.form_select                { border:solid 1px #cccccc; margin-bottom:10px;  font-family:Arial, Helvetica, Verdana, Sans-Serif; color:#333333; font-size:12px;}
.form_textarea              { border:solid 1px #cccccc; width:320px; margin-bottom:10px; height:180px;  font-family:Arial, Helvetica, Verdana, Sans-Serif; color:#333333; font-size:12px;}

.form_inputtext_error       { border:solid 1px #cccccc; width:120px; background-color:#9a84b5;  font-family:Arial, Helvetica, Verdana, Sans-Serif; color:#333333; font-size:12px;}
.form_select_error          { border:solid 1px #cccccc; background-color:#9a84b5;  font-family:Arial, Helvetica, Verdana, Sans-Serif; color:#333333; font-size:12px;}
.form_textarea_error        { border:solid 1px #cccccc; width:320px; background-color:#9a84b5;  font-family:Arial, Helvetica, Verdana, Sans-Serif; color:#333333; font-size:12px;}

form table                  { border-collapse:separate; margin:10px; width:450px; }
form table tr td            { vertical-align:top; padding:0px 5px;}
