/* dunkles lila: #7179b7 */
/* helles lila: #ccccff */
/* orange: #ff9900 */
* 		{ margin: 0; padding: 0;
			}
/* workaround WinXP SP2 */
a, a:link, a:visited, a:hover, a:focus, a:active   {}
/* ENDE / workaround WinXP SP2 */
html, body	{ line-height: 1.45;
			}
html		{ background-color: #fff; height: 100%;
		  background-image: url(../bilder/hg_html.gif); background-repeat: repeat-y; 
		  background-position: right top;
			}
body, td, th	{ font-family: Arial, Helvetica, sans-serif; color: #000; font-size: 100.01%;
			}
body		{ min-height: 100%; background-image: url(../bilder/hg_body.gif); background-repeat: repeat-y; 
		  background-position: left top;
			}
#top		{ height: 145px; background-color: #7179b7; border-bottom: 1px solid #fff;
		  background-image: url(../bilder/header.jpg); background-repeat: repeat-x; 
		  background-position: 166px 38px; 
			}
#top img	{ border-top: 0; border-bottom: 0; border-left: 0; border-right: 1px solid #fff; 
		  background-color: #ccccff; padding: 23px 0 22px 0; display: block;
			}
/* -------------------------------------------------- Tan Hack, nur fuer IE ---------------------------- */
* html #top img {border-top: 23px solid #ccccff; border-bottom: 22px solid #ccccff;}
* html #top img {bo\rder-top: 0; bo\rder-bottom: 0;}
/* -------------------------------------------------- Tan Hack Ende ------------------------------------ */

#top h1		{ font-size: 14px; font-weight: normal; line-height: 1.1; padding-top: 5px; margin-left: 171px; color: #fff;
			}
#top h2		{ font-size: 12px; font-weight: normal; line-height: 1.1; margin: 6px 0 0 171px;
			}
.left		{ float: left;
			}
.right		{ float: right;
			}
img.left	{ margin-right: .5em; margin-bottom: .5em;
			}
img.right	{ margin-left: .5em; margin-bottom: .5em;
			}
#header img	{ padding-top: 20px; border: 0;
			}
.clear		{ clear: both; line-height: 0; font-size: 1px; height: 0;
			}
.clear-image	{ clear: right;
			}
#content	{ margin: 20px 0 20px 166px; padding: 0 25px 0 20px;
			}
/* ----------------------------------------- 3px bug ------------------------------------------- */
* html #nav {
        /* \*/
        margin-right:   -3px;  
        /* */
}
* html div#content {
        /* \*/
        margin-left:    163px;
        /* */
}
/* ----------------------------------------- 3px bug ende -------------------------------------- */

#content img	{ border: 1px solid #000;
			}
#content .no-border	
		{ border: 0;
			}
#content h1	{ font-size: 1.2em; font-weight: normal; margin-bottom: 2em; line-height: 1.1; color: #7179b7; 
			}
#content h1 span	
		{ font-size: .9em; color: black;
			}
#content h1.zertifiziert
		{ margin-bottom: 1em; margin-top: 2em;
			}
*html #content h1.zertifiziert
		{ margin-bottom: 1em; margin-top: .5em;
			}				
#content h2, #content h3, #content h4
		{ font-weight: normal; color: #7179b7;
			}
#content h2	{ font-size: 1.1em; margin-bottom: 1em;
			}
#content h4	{ font-size: 1em; margin-bottom: 1em;
			}
#content p	{ font-size: .9em; text-align: justify; margin-bottom: 1em;
			}
#content p span.fett	
		{ font-size: 1.1em;
			}
#content p span.punkte	
		{ float: right; width: 5em; text-align: right;
			}
#content p span.tage	
		{ float: left; width: 7em; text-align: left;
			}
#content p.zent		
		{ text-align: left; width: 18em; margin: 0 auto;
			}
#content .info h2, #content .newsletter h2, #content .flyer h2, #content .upload h2, #content #inmotiv h2
		{ font-size: .9em; font-weight: bold; margin-bottom: 1em; color: #000;
			}
#content .info p, #content .newsletter p, #content .flyer p, #content .upload p
		{ font-size: .9em; margin-top: 1em;
			} 
.info, .newsletter, .flyer, .upload, #inmotiv
		{ background-color: #ccccff; display: block; padding: .5em;
		  line-height: 1.1; border: 1px solid #7179b7; text-align: left; 
			}
.upload		{ width: 18em; margin-left: .5em; float: right;
			}
.hg-absatz	{ background-color: #ccccff; display: block; padding: .5em; line-height: 1.1; 
		  border: 1px solid #a8a8ff;
		  margin-top: 2em;
			}	
.newsletter, .flyer, #inmotiv
		{ clear: right; margin-top: 1em;
			}
h1.start	{ margin-left: 210px;
			}
.zentriert	{ text-align: center;
			}
#sponsor img, #hauptthemen img
		{ border: 0;
			}
#content #sponsor a:link, #content #sponsor a:visited, #content #hauptthemen a.vorp-pdf:link, #content #hauptthemen a.vorp-pdf:visited, #content #workshopthemen a:link, #content #workshopthemen a:visited, #content #thumb a:link, #content #thumb a:visited
		{ padding: 0; background-image: none;
			}
#content #inmotiv a:link, #content #inmotiv a:visited
		{ background: url(../bilder/inmotiv.png) no-repeat 0 .2em; color: #000;
		  font-weight: normal;
			}
.first-letter	{ font-style: italic;
			}
address		{ font-size: .9em; font-style: normal; margin-bottom: 1em;
			}
.abstand-top	{ margin-top: 2em;
			}
#ort, #anmeldung, #hauptthemen		
		{ position: absolute; top: 0; left: 0; width: 43%;
			}
#leitung, #reservierung, #workshopthemen
		{ position: absolute; top:0; right: 0; width: 48%;
			}
#wrapper-info, #wrapper-anmeldung, #wrapper-programm
		{ position: relative;
			}
#wrapper-info	{ height: 55em;
			}
#wrapper-anmeldung
		{ height: 60em; margin-top: 3em;
			}
#wrapper-programm
		{ height: 65em;
			}
em		{ font-style: normal; border-bottom: 2px dashed red;
			}
/* -------------------------------------------------- Tabelle Anmeldung ---------------------------------------- */

table#t-geb 	{ border-collapse: collapse; background-color: #ccccff; margin-bottom: 1em;
			}
#t-geb td, #t-geb th	
		{ border: 2px solid #fff; font-size: .9em;
			}
#t-geb th	{ padding: 0 .5em .5em .5em;
			}
#t-geb td	{ padding: 0 .2em;
			}
.april, .mai	{ text-align: center;
			}
#t-geb .april	{ background-color: #b3b3ff; color: #7179b7; /* --- bis 1 Mai #ff9900 background und #000 color --- */
			}
#t-geb .mai	{ background-color: #ff9900; /* --- bis 1 Mai #ccccff background */
			}			
			
/* -------------------------------------------------- Startseite --------------------------------------------- */

#headline	{ margin: 0 auto; width: 370px; text-align: left;
			}
#sponsor h1	{ margin: 1em 0 1em 0;
			}
.res		{ margin-bottom: 20px;
			}
.tyco		{ margin-bottom: 26px; padding-top: 20px;
			}
.breas		{ margin: 0 10px 40px 0;
			}
#content a.esreicht:link, #content a.esreicht:visited	
		{ background-image: none;
			}
#content .esreicht img
		{ border: 0; margin-top: 1em;
			}
#wrapper-blau	{ width: 9.5em;
			}
#headline h1	{ font-size: 1em; font-weight: bold; color: #000;
			}
.clearleft	{ clear: left; line-height: 0; font-size: 1px; height: 0;
			}
#pferd		{ margin-right: 10em; text-align: center;
			}
#postit-start	{ position: absolute; top: 26em; left: 0;
			}
#postit-start img	
		{ border: 0; 
			}
.nachlese	{ margin-top: 1em; font-weight: bold;
			}
#content a.inmotiv:link, #content a.inmotiv:visited
		{ background-image: none; padding: 0; color: #fff;
			}
#content a.inmotiv:hover, #content a.inmotiv:active
		{ color: #fff;
			}
address span#in
		{ background-image: none; font-style: italic; font-size: 1.2em; color:#33CC33;
			}
address span#motiv
		{ background-image: none; font-style: normal; color:#FF6600; margin-left: -0.25em; font-size: 1.2em;
			}							

/* -------------------------------------------------- Definition List Programm --------------------------------- */

#table-display dd
		{ margin-bottom: 1em; font-size: .9em;
			}
#content #table-display dt
		{ font-size: 1.1em; color: #ff9900;
			}

/* --------------------------------------------------  Liste Programm ------------------------------------------ */

#content ul#ht, #ht ul
		{ list-style-type: none;
			}
#content #ht li	{ background-image: url(../bilder/punkt.png); background-repeat: no-repeat; 
		  background-position: 0 .4em; font-size: 1em; padding-left: 1em; margin-top: .5em;
			}
#content #ht li li	
		{ background-image: url(../bilder/unterpunkt.png); background-repeat: no-repeat; 
		  background-position: 0 .4em; margin-left: 1em; font-size: .9em; margin-top: 0;
			}
			
/* --------------------------------------------------  Liste Abstracts / Rahmenprogramm ------------------------ */

#content ul#gliederung, #content ul#fuehrung
		{ list-style-type: none; margin-bottom: 2em;
			}
#content #gliederung li, #content #fuehrung li
		{ background-image: url(../bilder/punkt.png); background-repeat: no-repeat; 
		  background-position: 0 .4em; padding-left: 1em;
			}
#content #fuehrung li	
		{ font-size: .9em;
			}
#content ul#preis
		{ list-style-type: none; padding-top: 1em;
			}
	
/* -------------------------------------------------- Formulare ------------------------------------------------ */

fieldset	{ border: 0;
			}
#mail		{ margin-bottom: 2em;
			}
#phpmail label, #phpmail input
		{ display: block; float: left; width: 200px;
			}
#phpmail textarea#text-feld
		{ display: block; float: left; width: 400px;
			}
form #phpmail br
		{ clear: left;
			}
#phpmail input#sende-knopf
		{ float: none; width: auto;
			}
textarea	{ margin-bottom: 1em;
			}	
/* Hides from IE5-mac \*/
* html #content {height: 1em;}
/* End hide from IE5-mac */ 
.caution        { color: red; font-weight: bold; 
			}
.small          { font-size: 11px; 
			}
ul#fehler	{ list-style-type: none;
			}
		
/* -------------------------------------------------- Links ---------------------------------------------------- */

#content a	{ font-size: .9em; font-weight: bold;
			}
#content a:link, #content a:visited
		{ background-repeat: no-repeat; background-position: 0 .2em; padding-left: 1.1em; color: #ff9900;
		  background-image: url(../bilder/link.png);
			}
#content a:hover, #content a:active
		{ text-decoration: none; color: #7179b7; 
			}
#content a.pdf	{ background-image: url(../bilder/pdf.png);
			}
#content a.pdf.s1:link, #content a.pdf.s1:visited 
		{ color: #000; font-weight: normal;
			}
.block		{ display: block;
			}

/* -------------------------------------------------- Navigation ----------------------------------------------- */

#navigation	{ position: relative; width: 166px; float: left;
			}
ul#nav		{  width: 166px; margin-top: 3em; padding: 40px 0; background-color: #ccccff;
		  list-style-type: none; line-height: 1.2;
			}
#nav a:link, #nav a:visited
		{ color: #000; background-color: #ccccff; font-size: 15px; text-decoration: none; 
		  border-left: 5px solid #7179b7; margin-left: 10px; margin-top: 4px; padding-left: 4px; 
		  width: 147px; display: block;
			}
#nav a:hover, #nav a:active
		{ color: #fff; background-color: #7179b7; border-left: 5px solid #ff9900;
			}
#nav p		{ padding-left: 19px; font-size: 15px; background-color: #ff9900; margin-top: 4px; color: #fff;
			}
			
/* -------------------------------------------------- Tan Hack, nur fuer IE5 ----------------------------------- */

* html #nav p	{ padding-left: 0px; padding-lef\t: 19px; 
			}
* html #nav a:link, #nav a:visited 
		{ margin-left: 0; margin-lef\t: 10px; 
			}
			
/* -------------------------------------------------- Nachlese / Impressionen ---------------------------------- */

#thumb a	{ float: left; width: 200px; margin: 0 1em 1em 0;
			}
#foto		{ float: left; width: 550px; text-align: center;
			}
ul#foto-nav	{ list-style-type: none; margin-bottom: .5em;
			}
#content a.rueck		
		{ background-image: url(../bilder/link_li.png);
			}
#content #foto-nav a.aus	
		{ background-image: url(../bilder/link_o.png);
			}
#content a.none	{ background-image: none; padding: 0 1.2em 0 0;
			}
span.vor	{ background-image: url(../bilder/link.png); background-repeat: no-repeat;
		  background-position: 3em .2em;
			}