html {
	height: 100%;
}


html, body, div, p, h1, h2, h3, ul, ol, 
 a, table, td, form, img, li, iframe {
   margin: 0;
   padding: 0;
   border: 0;
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size:11px;
   font-weight:normal;
   line-height:16px;
   color:#333;
}
:focus {

	outline: 0;

}



body {
background-color: #959996;
text-align: center;
min-height: 101%;
}

h1, h2, h4 {
font-weight:bold;
text-align:left;
}

h4 {
padding: 0;
margin: 0;
}

h2 {
color:#21b8df;
}

h3{
font-weight:bold;
color:#fff;
margin-bottom:8px;
text-transform:uppercase;
}



/* †berschriften Definitionen */
#beraten {
background-image: url("bilder/beraten.gif");
background-repeat:no-repeat;
width:492px;
height:33px;
padding-bottom:10px;
color:#f00;
}

#seminare {
background-image: url("bilder/seminare-workshops.gif");
background-repeat:no-repeat;
width:492px;
height:33px;
padding-bottom:10px;
color:#f00;
}

#kalender_head {
background-image: url("bilder/kalender.gif");
background-repeat:no-repeat;
width:492px;
height:33px;
padding-bottom:10px;
color:#f00;
}
#kalender_archiv {
background-image: url("bilder/kalenderarchiv.gif");
background-repeat:no-repeat;
width:492px;
height:33px;
padding-bottom:10px;
color:#f00;
}

#leistungen {
background-image: url("bilder/leistungen-quintessenz.gif");
background-repeat:no-repeat;
width:492px;
height:33px;
padding-bottom:10px;
color:#f00;
}

#partner {
background-image: url("bilder/team.gif");
background-repeat:no-repeat;
width:492px;
height:33px;
padding-bottom:10px;
color:#f00;
}

#kontakt {
background-image: url("bilder/kontakt-quintessenz.gif");
background-repeat:no-repeat;
width:492px;
height:33px;
padding-bottom:10px;
color:#f00;
}

#impressum {
background-image: url("bilder/impressum.gif");
background-repeat:no-repeat;
width:492px;
height:33px;
padding-bottom:10px;
color:#f00;
}

#netw {
background-image: url("bilder/netw.gif");
background-repeat:no-repeat;
width:492px;
height:33px;
padding-bottom:10px;
}

#intern {
background-image: url("bilder/internat.gif");
background-repeat:no-repeat;
width:492px;
height:33px;
padding-bottom:10px;
}


#wasdazu {
background-image: url("bilder/wasdazu.gif");
background-repeat:no-repeat;
width:492px;
height:33px;
padding-bottom:10px;
}

#st_akt {
background-image: url("bilder/st_akt.gif");
background-repeat:no-repeat;
margin-left:-41px;
width:210px;
height:45px;
padding-bottom:5px;
}

#bcheck {
background-image: url("bilder/bcheck.gif");
background-repeat:no-repeat;
margin-left:-41px;
width:210px;
height:45px;
padding-bottom:5px;
}



#gcheck {
background-image: url("bilder/gcheck.gif");
background-repeat:no-repeat;
margin-left:-41px;
width:210px;
height:45px;
padding-bottom:5px;
}

#g-check {
background-image: url("bilder/g-check.gif");
background-repeat:no-repeat;
width:492px;
height:33px;
padding-bottom:10px;
}

#b-check {
background-image: url("bilder/b-check.gif");
background-repeat:no-repeat;
width:492px;
height:33px;
padding-bottom:10px;
}

#iqagenda {
background-image: url("bilder/iq_agenda.gif");
background-repeat:no-repeat;
/*width:492px;*/
height:33px;
padding-bottom:10px;
}

/* Leistungen */

#hl_alg_act, #hl_alg, #hl_fgn_act, #hl_fgn, #hl_fbv_act, #hl_fbv, #hl_fk_act, #hl_fk {
background-image: url("bilder/hl_alg_act.gif");
background-repeat:no-repeat;
height:47px;
width: 228px;
}

#hl_alg {
background-image: url("bilder/hl_alg.gif");
}

#hl_fgn_act  {
background-image: url("bilder/hl_fgn_act.gif");
width: 153px;
}

#hl_fgn {
background-image: url("bilder/hl_fgn.gif");
width: 153px;
}

#hl_fbv_act  {
background-image: url("bilder/hl_fbv_act.gif");
width: 151px;
}

#hl_fbv {
background-image: url("bilder/hl_fbv.gif");
width: 151px;
}

#hl_fk_act  {
background-image: url("bilder/hl_fk_act.gif");
width: 130px;
}

#hl_fk {
background-image: url("bilder/hl_fk.gif");
width: 130px;
}

/* Ende Leistungen */

#aktuell {
background-image: url("bilder/aktuell.gif");
background-repeat:no-repeat;
/*width:492px;*/
height:33px;
padding-bottom:10px;
}



#buttonbox {
margin-left:41px;
position:absolute;
left:44px;
top:350px;
}

#buttonbox a {
color:#fff;
text-decoration:none; 
}

#buttonbox a:hover {
color:#21b8df;
}

.bild {
position:absolute;
right:0px;
top:185px;
width:201px;
height:488px;
}


.dzaack {
position:absolute;
right:0px;
top:268px;
width:201px;
height:488px;
}
.kesseler {
position:absolute;
right:0px;
top:252px;
width:201px;
height:488px;
}
.seifert {
position:absolute;
right:0px;
top:252px;
width:201px;
height:488px;
}

.tn {
padding-right:15px;
}



a:link {
color:#2cb0d7;
text-decoration: none;
}
a:visited {
color:#2cb0d7;
text-decoration: none;
}
a:focus {
color:#2cb0d7;
text-decoration: none;
}
a:hover {
color:#2cb0d7;
text-decoration: underline;
}

a.active {
color:#2cb0d7;
text-decoration: underline;
}

a.arw  {
background-image: url(bilder/linkarrow.gif);
background-repeat: no-repeat;
padding-left: 17px; 
height:12px;
}

a:link.arw  {
color:#2cb0d7;
text-decoration:none;
}

a:visited.arw  {
color:#2cb0d7;
text-decoration:none;
}

a:hover.arw  {
color:#2cb0d7;
text-decoration:underline;
background-position: 0px 0px;
} 





span {display: none;}

#container {
border-top:40px solid #959996;
position:relative;
margin: 0px auto;
text-align: left;
background-color: #fff;
width:830px;
z-index:1;
}

#headbox {
position:relative;
background: transparent;
width: 830px;
height: 160px;
z-index:1;
}

#kopf_print {
display: none;
}

#home {
position: relative;
width:350px;
height:100px;
}

#links {
margin-top: 100px;
left: 30px;
position:relative;
width: 250px;
float:left;
}

#bild {
	position:relative;
	width: 235px;
	float: left;
	margin-left: 35px;
	margin-top: 127px;
}

/* Hide from IE5-mac. Only IE-win sees this. \*/
* html #bild {
	margin-left: 20px;
  }
/* End hide from IE5/mac */

#seminarbild {
	position:relative;
	width: 240px;
	float: left;
	margin-left: 35px;
	margin-top: 127px;
}
/* Hide from IE5-mac. Only IE-win sees this. \*/
* html #seminarbild {
	margin-left: 20px;
  }
/* End hide from IE5/mac */

#kesseler {
	position:relative;
	width: 158px;
	float: left;
	margin-left: 95px;
	margin-top: 217px;
}

/* Hide from IE5-mac. Only IE-win sees this. \*/
* html #kesseler {
	margin-left: 50px;
  }
/* End hide from IE5/mac */


#bild_leistungen {
	position:relative;
	width: 252px;
	float: left;
	margin-left: 35px;
	margin-top: 179px;
}

/* Hide from IE5-mac. Only IE-win sees this. \*/
* html #bild_leistungen {
	margin-left: 20px;
  }
/* End hide from IE5/mac */

#inhalt, #inhalt_1, #inhalt_2 {
text-align: left;
margin-top:80px;
margin-left:303px;
width:455px;
z-index:1;
}

#kalender {
	width: 750px;
	margin-left: 38px;
	margin-top: 80px;
	background: #fff;

}

#datum       {
float: left;
width: 200px;
background: #ffffff;
line-height: 1.2em;
text-align: left;
}

#kursinhalt {
width: 500px;
float: right;
background: #ffffff;  

}

.kalenderhoehe { height: 2200px; }
div[class = "kalenderhoehe"] { height: auto; min-height: 2200px }


.hoehe { height: 350px; }
div[class = "hoehe"] { height: auto; min-height: 350px }

.platz { height: 500px; }
div[class = "platz"] { height: auto; min-height: 500px }

#inhalt_2 {
margin-top:143px;
left: 0px;
margin-left:323px;
width:445px;
}


#inhalt p, #inhalt_1 p, #links p, #inhalt_2 p {
text-align:left;
margin-bottom:16px;
}

#inhalt_1 {
left:113px;
margin-top:75px;
width:550px;
}

span.hz{
display:block;
margin-bottom:8px;
}
 
ul {
padding-left:40px;
list-style-image:url(bilder/keil.gif);
} 

li {
margin-bottom:9px;
}


td {
padding-right:20px;
}


.inact {
color:#7c817f;
}

#inhalt_1 .inact p {
color:#7c817f;
margin-bottom:8px;
}

.inact h3, .act h3 {
font-weight:bold;
color:#7c817f;
margin-bottom:8px;
text-transform:uppercase;
}

.act, .act h3, .act p {
color:#fff;
}

#inhalt_1 .act p {
margin-bottom:8px;
}

/* #### navigation */

#lei, #sem, #work, #veran, #team, #ber, #ser, #net, #kon, #alg, #ver, #bv, #kom, #aktu, #gc, #bc, #iqa, #inter {
margin: 0;
padding: 0;
}
	
#lei a, #ref a, #team a, #veran a, #net a, #kon a, #alg a, #ver a, #bv a, #kom a, #aktu a, #gc a, #bc a, #iqa a, #inter a, #thema a, #kooperation a, #rechts a, #sem a, #work a {
	top:160px;
	height:30px;
	position:absolute;
	z-index: 2;
}	

#sem a, #work a {
top:195px;
}

#lei a {
	background: transparent url("bilder/leistungen.gif");
	background-position: 0px 0px;
	width:115px;
	left:20px;
}

#team a {
	background: transparent url("bilder/team.gif");
	background-position: 0px 0px;
	width:78px;
	left:135px;
}

#net a {
	background: transparent url("bilder/netzwerk.gif");
	background-position: 0px 0px;
	width:107px;
	left:482px;
}

#ref a {
	background: transparent url("bilder/referenzen.gif");
	background-position: 0px 0px;
	width:117px;
	left:213px;
}
#sem a {
	background: transparent url("bilder/seminare.gif");
	background-position: 0px 0px;
	width:207px;
	left:70px;
}

#work a {
	background: transparent url("bilder/workshops.gif");
	background-position: 0px 0px;
	width:117px;
	left:177px;
}

#veran a {
	background: transparent url("bilder/veranstaltungen.gif");
	background-position: 0px 0px;
	width:152px;
	left:330px;
}

#kon a {
	background: transparent url("bilder/kontakt.gif");
	background-position: 0px 0px;
	width:93px;
	left:589px;
}


#alg a {
background: transparent url("bilder/allgemein.gif");
background-position: 0px 0px;
width:105px;
left:130px;
}

#kooperation a {
background: transparent url("bilder/kooperation.gif");
background-position: 0px 0px;
width:120px;
left:470px;
}

#ver a {
background: transparent url("bilder/vereine.gif");
background-position: 0px 0px;
width:159px;
left:235px;
}

#rechts a {
background: transparent url("bilder/rechtsanwaelte.gif");
background-position: 0px 0px;
width:130px;
left: 595px;
}

#bv a {
background: transparent url("bilder/bv.gif");
background-position: 0px 0px;
width:163px;
left:394px;
}

#kom a {
background: transparent url("bilder/kommunen.gif");
background-position: 0px 0px;
width:129px;
left:557px;
}

#aktu a {
background: transparent url("bilder/aktu.gif");
background-position: 0px 0px;
width:80px;
left:350px;
}

#gc a {
background: transparent url("bilder/gc.gif");
background-position: 0px 0px;
width:84px;
left:430px;
}

#bc a {
background: transparent url("bilder/bc.gif");
background-position: 0px 0px;
width:90px;
left:514px;
}


#iqa a {
background: transparent url("bilder/iqa.gif");
background-position: 0px 0px;
width:101px;
left:604px;
}



#inter a {
background: transparent url("bilder/international.gif");
background-position: 0px 0px;
width:130px;
left:139px;
}

#thema a {
background: transparent url("bilder/thema.gif");
background-position: 0px 0px;
width:110px;
left:579px;
}




#lei a:hover, #sem a:hover, #work a:hover, #veran a:hover, #team a:hover, #ref a:hover, #net a:hover, #kon a:hover, #alg a:hover, #ver a:hover, #bv a:hover, #kom a:hover, #aktu a:hover, #gc a:hover, #bc a:hover, #iqa a:hover, #inter a:hover, #thema a:hover, #kooperation a:hover, #rechts a:hover {
background-position: 0px 30px;
}


#subnav {
position:relative; 
left:46px; 
top: 20px; 
line-height:25px;
}

#subnav a {
line-height:25px;
text-decoration:none;
}

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

/* ##### Ende Navigation*/

#imp {
padding-right:35px;
float:right;
}

#imp a {
font-size:9px;
color:#fff;
text-decoration:none;
}

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

#std {
padding-left:35px;
float:left;
}

#std a {
font-size:9px;
color:#fff;
text-decoration:none;
}


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

#fuss {
padding-top:3px;
padding-bottom:5px;
height:20px;
background-color: #959996;
}

/* ##### Formular ##### */

form {
background-color:#fff;
padding:10px;
color: #fff;
}

form p {
color: #333;
}

form span {
margin-bottom:8px;
color:#333;
display:block;
}

form table {
color: #333;
}

.ip{
float:left;
margin-right:7px;
}

#laufband {
position: relative;
padding: 10px 10px 0 360px;
width: 460px;
}

#laufband a:link  {
color : #fff;
text-decoration: none;
}

#laufband a:visited {
color : #fff;
text-decoration: none;
}

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

#laufband a:active {
color : #fff;
text-decoration : none;
} 

/** Kalender **/
.monat {
	color: #2cb0d7;
	font-size: 1.3em;
}
.archiv {
	color: #666;
	font-size: 1.3em;
}
.seminar_titel {
	padding-right: 3px;
}
.item_title_small {
	padding-right: 3px;
}

 /*-----FORMULAR---*/
form {
font-size: 100%;
}	
fieldset {
	width: 400px;
	border: 0;
}
/* Hide from IE5-mac. Only IE-win sees this. \*/
* html fieldset {
  width: 360px;
  }
/* End hide from IE5/mac */
fieldset p { 
width: 100%; 
float: left; 
}
fieldset input  {
width: 60%; 
border: 1px solid #ccc;
background: #F7FAFB;
}
.submit {	
	background:  #F7FAFB;
	width: 20%;
}
.rechts {
	text-align: right;
	margin-right: 5px;
	
}
fieldset select  {
width: 100px; 
padding-right: 5px;
}
fieldset label {
display: block; 
float: left;
width: 35%;
padding: 0px; 
margin: 0 5px 0 0;
background: #f4f3dd; 
color: inherit;
	}
.lang {
	width: 80%;
	background: #fff;
}
fieldset textarea {
	border: 1px solid #ccc;
	width: 240px;
	background: #F7FAFB;
}	
.kurz {
	width:20px;
}