/* Tantra & Essenz - CSS 2.0 für Browser ab Version 5 */

/*
INHALT:
1 Grundlegendes
  1.1 Body und Globale, Seitenaufbau
2 Allgemeine Formatierung
  2.1 Allgemeine Textformatierung
  2.2 Allgemeine Tabellen- und Blockformatierung
3 Fallbezogene Formatierung
  3.1 Das Kontaktformular
4 Formularelemente
  4.1 Eingabemasken
*/






/* 1 GRUNDLEGENDES */

/* 1.1 Body und Globale, Seitenaufbau */

body {
    /* font-size: 83%; später */
    font-family: arial, helvetica, sans-serif;
    margin: 0 0 0 0; 
    padding: 0 0 0 0;
    width: 100%;
    color: #fff;
    background: #F22D59;
    text-align: center;
    background-image: url(../img/bg.jpg);
    background-repeat: repeat;
    background-attachment: fixed;
    }



#fond {
	height: auto;
	display: block;
	position: relative;
	text-align: left;
	border: 0;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: auto;
	margin-left: auto;
	padding:0 9px 18px 9px;
	background: #fff;
	background-image: url(../img/frames.gif);
	width: 800px;
	voice-family: "\";
	left: 174px;
	top: 7px;

    voice-family: inherit;
    width: 782px;
	-webkit-box-shadow: 0 2px 14px rgba(0, 0, 0, .3);
	-moz-box-shadow: 0 2px 14px rgba(0, 0, 0, .3);
	box-shadow: 0 2px 14px rgba(0, 0, 0, .3);
}
  html>body #fond {
    width: 782px; /* ie5win fudge ends */
}



#head {
    width: 782px;
    height: 220px;
    display: block;
    text-align: left;
    margin-top: -1px;
    margin-bottom: 0px;
    margin-right: auto;
    margin-left: auto; 
    border: 0;
    padding: 0 0 0 0;
    background: #fff;
    background-image: url(../img/page-fullheader.gif);
    background-repeat: no-repeat;
    vertical-align: bottom;
    }
    


#sidenav {
	z-index:1;
	position: absolute;
	text-align: left;
	border: 0;
	margin-top: 24px;
	margin-right: 24px;
	margin-bottom: 0px;
	margin-left: 23px;
	width: 219px;

	height: 266px;
	top: 217px;
    voice-family: inherit;
    width: 162px;
    }


#content {
    z-index:2;
    position: relative;
    text-align: left;
    top: -2px;
    left: 200px;
    border: 0;
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 24px;
    margin-left: 24px;
    voice-family: inherit;
    width: 530px;
}


#footer {
    position: relative;
    left: 0px;
    text-align: center;
    border: 0;
    margin-top: 64px;
    margin-right: 24px;
    margin-bottom: 32px;
    margin-left: 33px; 
    width: 219px;  /* lecker fudge für ie */
    voice-family: inherit;
    width: 162px;
    }
  
#tablehead {
    display: block;
    margin: 0 0 0 0;
    background: #ffcc33;
    text-align: left;
    }



#tablebody {
    display: block;
    margin: 0 0 0 0;
    background: #ebd81a;
    text-align:left;
    }
 

div.sub {
    display: inline;
    float: left;
    text-align: left;
    margin: 0 0 0 27px;
    }

#navigation {
    margin-top: 158px;
    margin-left: 240px;
    }

#navigation p, #navigation a {
    color: #ef2651;
    display: inline;
    font-weight: bold;
    margin-right:32px;
    }

#navigation a:hover {
    text-decoration:underline;
    }

#sidenav p, #sidenav a {
    color: #ef2651;
    display: block;
	width: 180px;
    font-weight: bold;
    margin-bottom: 8px;
    margin-left: 8px; 
    }
    
#sidenav a:hover {
    text-decoration:underline;
    }

span.sidehead {
    display: block;
    margin-bottom: 18px;
    }

span.sidepic {
    display: block;
    margin-bottom: 32px;
    margin-left: 10px; 
    }

span.sidepiclink {
    display: block;
    margin-bottom: 32px;
    margin-left: 2px; 
    }
    



/* 2 TEXTFORMATIERUNG */

/* 2.1 Allgemeine Textformatierung */

h1,h2,h3,h4,p,wft,ul,ol,li,div,td,th,address,blockquote,nobr,b,i { 
    font-family: Georgia, Times New Roman, Times, serif;
    color:#636;
    font-size:12.4px; /* war: 11.4 */
    }

/* p {
    margin:12px 30px 0 30px;
    font-family: Arial, helvetica, sans-serif;
    }

p.first {
    margin:0px;
    padding: 18 0 0 30;
    }


p.intable {
    margin:12px 30px 0 4px;
    } */

span.heady {
    color: #f36;
    }

h2.first {
    font-size:15.2px;
    margin-bottom:8px;
    margin-top:32px;
    display:block;
    }

h2.remaining {
    font-size:15.2px;
    margin-bottom:8px;
    margin-top:72px;
    display:block;
    }

h2.seminare {
    font-size:15.2px;
    margin-bottom:8px;
    margin-top:32px;
    display:block;
    }

h3 {
    margin-top:32px;
    }

h3.pinky, h3.pinkyover {
    color: #f36;
    font-weight:bold;
    display:block;
    margin-top:12px;
    margin-bottom:0px;
    }

h3.pinkyover {
    color: #f29b56;
    }

span.pinky {
    color: #f36;
    font-weight:bold;
    display:block;
    margin-top:8px;
    }

span.pinkyover {
    color:#f29b56; /* war f5893e */
    font-weight:bold;
    display:block;
    margin-top:8px;
    }

span.over {
    color: #c19c6d;
    }

span.mini {
    color: #f36;
    font-size:10.2px;
    line-height:12px;
    display:block;
    margin-top:8px;
    }

span.miniviolet {
    font-size:10.2px;
    line-height:12px;
    display:block;
    margin-top:8px;
    }

span.tel {
    margin-right: 2px;
    }

span.mini a:link { text-decoration: none; font-weight: bold; color:#f36 }
span.mini a:visited { text-decoration: none; font-weight: bold; color:#f36; }
span.mini a:active { text-decoration: none; font-weight: bold; color:#f36; }
span.mini a:hover { text-decoration:underline; font-weight: bold; color:#f36; }

span.micro {
    color: #636;
    font-size:10.2px;
    line-height:12px;
    display:block;
    margin-top:8px;
    }

span.micro a:link { text-decoration: none; font-weight: bold; color:#636 }
span.micro a:visited { text-decoration: none; font-weight: bold; color:#636; }
span.micro a:active { text-decoration: none; font-weight: bold; color:#636; }
span.micro a:hover { text-decoration:underline; font-weight: bold; color:#636; }

span.huge {
    color: #636;
    font-weight:bold;
    display:inline;
    margin-top:8px;
    font-size:15.2px;
    }

span.inverted {
    color: #fff;
    font-weight:bold;
    display:block;
    margin-top:8px;
    font-size:12.4px;
    background:#f42f5c;
    position: relative;
    left: -23px;
    padding: 1px 0 21px 23px;
    width: 571px;  /* lecker fudge für ie */
    voice-family: "\"}\"";
    voice-family: inherit;
    width: 548px;
    }
  html>body #sidenav {
    width: 386px;  /* fudge für opera */
    }

span.inverted h2 {
    color:#fff;
    font-size:28.0px;
    }

span.inverted a:link { text-decoration: none; font-weight: bold; color:#fff }
span.inverted a:visited { text-decoration: none; font-weight: bold; color:#fff; }
span.inverted a:active { text-decoration: none; font-weight: bold; color:#fff; }
span.inverted a:hover { text-decoration:underline; font-weight: bold; color:#fff; }



div.inverted {
    color: #fff;
    font-weight:bold;
    display:block;
    margin-top:8px;
    font-size:12.4px;
    background:#f42f5c;
    position: relative;
    left: -23px;
    padding: 1px 0 21px 23px;
    width: 571px;  /* lecker fudge für ie */
    voice-family: "\"}\"";
    voice-family: inherit;
    width: 548px;
    }

div.inverted h2 {
    color:#fff;
    font-size:16.0px;
    }

div.inverted p {
    color:#fff;
    }

div.inverted a:link { text-decoration: none; font-weight: bold; color:#fff }
div.inverted a:visited { text-decoration: none; font-weight: bold; color:#fff; }
div.inverted a:active { text-decoration: none; font-weight: bold; color:#fff; }
div.inverted a:hover { text-decoration:underline; font-weight: bold; color:#fff; }



span.infecta {
    color: #f60;
    display:block;
    }



span.link {
    display:block;
    margin-bottom:4px;
    }

span.exlink {
    display:block;
    margin-bottom:18px;
    }

span.exlink a:link, span.link a:link { text-decoration: none; font-weight: bold; color:#f36; }
span.exlink a:visited, span.link a:visited { text-decoration: none; font-weight: bold; color:#f36; }
span.exlink a:active, span.link a:active { text-decoration: none; font-weight: bold; color:#f36; }
span.exlink a:hover, span.link a:hover { text-decoration:underline; font-weight: bold; color:#f36; }

img {display:inline;}

/*
h2 { font-size:14px; font-weight:bold; margin:32px 0 8px 0;}
*/

p { line-height: 18px; text-align:left; }
b { font-weight:bold; }
i { font-style:italic; }

li { margin-bottom:8px; }

.l { text-align:left; }
.c { text-align:center; }
.r { text-align:right; }
.j { text-align:justify; }

a:link { text-decoration: none; font-weight: bold; color:#636; }
a:visited { text-decoration: none; font-weight: bold; color:#636; }
a:active { text-decoration: none; font-weight: bold; color:#636; }
a:hover { text-decoration:underline; font-weight: bold; color:#636; }

a.heady:link { text-decoration: none; font-weight: bold; color:#f60; }
a.heady:visited { text-decoration: none; font-weight: bold; color:#f60; }
a.heady:active { text-decoration: none; font-weight: bold; color:#f60; }
a.heady:hover { text-decoration: underline; font-weight: bold; color:#f60; }





/* 2.2 Allgemeine Tabellen- und Blockformatierung */

td { text-align:left; vertical-align:top;}

tr { margin-bottom: 3px; }

table.seminare, table.seminareover { width:520px; margin-top:2px; margin-bottom:4px;}
.datum { text-align:left; vertical-align:top; padding-right:8px; width:82px; padding-bottom:8px; }
.event { text-align:left; vertical-align:top; padding-bottom:8px; }
.preis { text-align:right; vertical-align:top; padding-left:8px; width:128px; padding-bottom:8px; }
table.seminare tr.over td, table.seminareover td { color: #c19c6d !important; }


.rt { text-align:right; vertical-align:top; }
.ct { text-align:center; vertical-align:top; }
.lb { text-align:left; vertical-align:bottom; }
.rb { text-align:right; vertical-align:bottom; }
.cb { text-align:center; vertical-align:bottom; }
.lm { text-align:left; vertical-align:middle; }
.rm { text-align:right; vertical-align:middle; }
.cm { text-align:center; vertical-align:middle; }


#eventsList {
list-style: none !important;
margin: 2em 0 10em 2em !important;
padding: 0 !important;
}
#eventsList li {
float: left !important;
display: block;
}
#eventsList li {
margin-right: 24px !important;
}
.clear {
clear: both !important;
float: none !important;
}