/***Termintool (aus formate.css) ***/

#termintool {
/*width:660px;*/
width:580px;
}

#termintool a img { border:none }
#termintool img { border: none; }
#termintool a { color: #4A6C75; }

#termintool h1 { font-size: 2.0em; font-weight:normal; color:#005a08; }
#termintool h2 { font-size: 1.2em; font-weight:bold;margin:0;color:#4A6C75; }
#termintool h3 { font-size: 1.2em; font-weight:bold;color:#4A6C75; }




#termintool #kalenderZeitraumDiv {
float: left;
width: 260px;
background-color: #ffffff;
}

#termintool #kalenderContainer {
float: left;
/*width:310px;*/
width:180px;

background-color: #ffffff;
}

#termintool #kalenderMonateDiv {
/*float: right;*/
float: left;
margin-left:6px;
width: 64px;
background-color: #ffffff;
}
	
#kalenderZeitraumDiv form.contact .label, form.contact .field { float: left; margin: 0.2em 0; }
#kalenderZeitraumDiv form.contact .label { width: 5em; margin-right: 1em;padding-top:0.3em; }
#kalenderZeitraumDiv form.contact .field { width: auto; }

#termintool .clearer { clear:both; height: 0px; }
#kalenderZeitraumDiv form.contact .clearer { height: 0.5em; }



#kalenderZeitraumDiv select {width: 148px;}
#kalenderZeitraumDiv select.kalenderSelectTag {width: 45px;}
#kalenderZeitraumDiv select.kalenderSelectMonat {width: 95px;}
#kalenderZeitraumDiv input.input {width: 143px;}
#kalenderZeitraumDiv div.buttonField {width: 150px;}
#kalenderZeitraumDiv label.radio {display:inline;float: none;width: 130px;}
#kalenderSubmit {margin-top: 10px;}
	
/*select#kalenderKategorie {position:absolute;}	*/
	
	
#kalenderMonateDiv ul {
margin-top: 0px;
margin-left: 0px;
padding:0;
list-style-type: none;
}
	
#kalenderMonateDiv ul li {
padding:2px;
}
	
#kalenderMonatsuebersicht {
text-align:center;
}

#kalenderMonatsuebersicht table {
/*margin-left: 14px;*/
width: 180px;
border-collapse:collapse;
border: 1px #fff solid;
margin-bottom: 14px;
color:#4A6C75;
}

#kalenderMonatsuebersicht th {
/*width: 40px;*/
text-align: center;
background: #4A6C75;
color: #fff;
border-bottom: 1px #fff solid;
border-right: 1px #fff solid;
padding:2px 0;
}




#kalenderMonatsuebersicht th.kalenderHeader {
background: #ffffff;
padding:0;
}

#kalenderMonatsuebersicht th.kalenderHeader h2 {padding:5px;}


#kalenderMonatsuebersicht th.kalenderSonntag {
background: #4A6C75;
border-right: 0px #ccdece solid;
}
	
#kalenderMonatsuebersicht td {
padding:2px 0;
/*height: 35px;*/
text-align: center;
border-bottom: 1px #fff solid;
border-right: 1px #fff solid;
background: #eee;
}
	
#kalenderMonatsuebersicht td.kalenderHeader {
height: 25px;
text-align: center;
border-bottom: 1px #ccdece solid;
border-right: 1px #ccdece solid;
background: #ffffff;
}
	
#kalenderMonatsuebersicht td a {
color: #4A6C75;
text-decoration: none;
}

#kalenderMonatsuebersicht td.kalenderSonntag {
border-right: 0px #ccdece solid;
background: #ffffff;
font-weight: bold;
}

#kalenderMonatsuebersicht td.kalenderAktiv {
background: #eaeaea;
}

#kalenderMonatsuebersicht td.kalenderSonntag a {
font-weight: bold;
}

#kalenderMonatsuebersicht td.deaktiviert {
color: #ccdece;
}

#kalenderMonatsuebersicht td.leer {
background: #ffffff;
}


.kalenderTagesansicht {
/*width: 640px;*/
width: 560px;
padding: 10px 0;
background: #fff;
}

/******* tr bekommt durch termintool class kat1 kat2 usw... *******/

.kalenderTagesansicht tr.kat1 {
background: #f0f0f0;
}

.kalenderTagesansicht tr.kat2 {
background: #f0f0f0; 
}

.kalenderTagesansicht tr.kat2 td.kat2, #nextEvents td.kat2 {
background:#F0F0F0;
padding:5px 10px;
border-left:30px solid #bedff4;
}

.kalenderTagesansicht tr.kat2 td.kat2 div.butholder, #nextEvents tr.kat2 div.butholder {position:relative;}
.kalenderTagesansicht tr.kat2 td.kat2 div.butholder div.innerholder, #nextEvents tr.kat2 div.innerholder {position:absolute;top:-5px;left:-40px;width:30px;height:51px;background:url(/media/bilder/_layout/kunterbunt-icon.gif) no-repeat;}

.kalenderTagesansicht td {
vertical-align: top;
/* border-bottom: #eaeaea solid 10px;*/
padding:5px;
}

#veranstaltungDetailsDiv {
/*width: 560px;*/
width: 400px;
padding: 10px;
border: 1px #000000 solid;
background: #E8DAFC;
}

#veranstaltungDetailsBilderDiv {
float: left;
width: 150px;
}

#veranstaltungDetailsBilderDiv img {
border-bottom: #E8DAFC solid 10px;
}

#veranstaltungDetailsContainer {
padding-left: 161px;
}

#veranstaltungDetails {
padding-bottom: 15px;
}

#veranstaltungDetailsName {
font-size: 14px;
font-weight: bold;
}

.price * { vertical-align: middle; }
.price.dummy { display: none; }

#kalenderMonatsuebersicht .hasevent { font-weight: bold; text-decoration: underline; }
#kalenderMonatsuebersicht .istoday,
#kalenderMonatsuebersicht .istoday a { background-color: #4A6C75; color: #fff; }
.kalenderTagesansicht { margin-bottom: 2em; }
#kalenderVeranstaltungen { margin-top: 2em; }

.thumbnail { display: block; margin-top: 0.5em; }

ul.kalenderHighlights { list-style: none; }
ul.kalenderHighlights li { margin-bottom: 1em; }


/******* termintool aus layout.css *****/
/* veranstaltungen */
/*.content-teaser * { position: relative; }*/
.content-teaser { width: 100%; position: relative; }
.img-content-teaser { width: 15.31em; }
.img-content-teaser-link { width: 0.55em; }
.content-teaser .content-teaser-text-holder { width: 61.5%; margin: 0; }
.content-teaser .content-teaser-text-holder.noimg { width: 100%; }
.content-teaser .content-teaser-text-holder .item { margin: 0.5em; }
.content-teaser .content-teaser-img-holder { width: 37.5%; margin: 0; }
.content-teaser.odd .content-teaser-img-holder { float: right; text-align: right; }
.content-teaser.odd .content-teaser-text-holder { float: left; }
.content-teaser.even .content-teaser-img-holder { float: left; text-align: left; }
.content-teaser.even .content-teaser-text-holder { float: right; }
table.standard { width: 100.48%; }
table.standard.veranstaltungen { table-layout: fixed; }
.veranstaltungen .termin { width: 20%; }
.veranstaltungen .ort { width: 22%; }
.veranstaltungen .preise { width: 26%; }
.img-print-btn { width: 8.94em; }
#main-holder #termintool { width: 100%; }
#main-holder #termintool .kalenderTagesansicht { width: 95.4%; }
#main-holder #termintool #kalenderZeitraumDiv { width: 50%; }
/*#main-holder .kalenderHeader img { width: 2em; }*/
#main-holder #termintool #kalenderContainer { width: 35%; }
#main-holder #termintool #kalenderMonateDiv { width: 13%; }
#main-holder #kalenderMonatsuebersicht table { width: 100%; }
#main-holder .kalenderHeader img { width: 1.25em; }
#main-holder #kalenderZeitraumDiv select.kalenderSelectTag { width: 4em; }
#main-holder #kalenderZeitraumDiv select.kalenderSelectMonat { width: 8em; }
#main-holder #kalenderZeitraumDiv select { width: 12.2em; }
#main-holder #kalenderZeitraumDiv input.input { width: 12.1em; }


/* formulare */
form.contact .clearer { height: 0.5em; }
form.contact .field * { font-size: 1em;font-family: arial, sans-serif; }


form.contact .label,form.contact .field { float: left; margin: 0.2em 0; }
form.contact .label { width: 10em; margin-right: 1em; }

form.contact .field { width: 27em; }
form.contact .field input, form.contact .field span { display: block; float: left; }
form.contact .field #surname, form.contact .field #city, form.contact .field #number  { float: right; }
/*form.contact #salutation { width: 5em; }*/
form.contact #forename, form.contact #surname { width: 13em; } /* 8.66em */
form.contact #street, form.contact #city { width: 19em; } /* 12.26em */
form.contact #number, form.contact #zip { width: 7em; } /* 5em */
form.contact #phone, form.contact #fax, form.contact #email, form.contact #firma { width: 99.3%; } /* 98.9% */
form.contact #comment { width: 99.3%; height: 10em; } /* 99.8% */
form.contact .fehlerliste { margin: 0.5em 0 1em; }
form.contact .fehlerliste li { margin: 0.5em 1.5em; }
.img-button-send { width: 8.8em; position: relative; left: 29em; }
form.contact .field label { margin-left: 0.5em; }


/* generell */
.clearer { clear:both; height: 0px; }

/* buttons */

input#kalenderSubmit {padding:1px 5px;border:1px solid #222222; color:#fff;cursor:pointer;background:#333;}


/* styles ff 20090508 */
div.link-back {background:#f0f0f0;display:inline-block;padding:5px;float:right;}
div.link-back img {vertical-align:middle;}
div.link-back a {text-decoration:none;}

#nextEvents {margin: 0 0 2em}
#nextEvents table{background:#eaeaea;width:100%;}
#nextEvents td{padding:10px 5px;vertical-align:top}
#nextEvents h3{font-weight:normal}
#nextEvents td.kat2{padding-top:10px;padding-bottom:10px;background-color:transparent}