/***************************************************************************************
*                                                                                      *
*                                                                                      *
*                           Style fuer Veranstaltungskalender                          *
*                                                                                      *
*                                                                                      *
***************************************************************************************/


/********************** Google Maps Karte * Veranstaltungskalender *********************/

#calendar_maps{
    display:block;
    width:100%;
    /* height:100%; */
    min-height:400px;
    height:auto;
    clear:left;
    margin:0 0 18px 0;
    padding:0px;
    /* background-color:#ccc; */
}

#wrap_maps{
    position:relative;
    width:480px;
    height:360px;
}

#resize_maps{
    position:absolute;
    bottom:130px;
    right:10px;
    background:rgba(255,255,255,0.9) url(../images/map_icon_resize_deactiv.png) center center;
    width:28px;
    height:28px;
    box-shadow: 0 0 5px rgba(0,0,0,0.3);
    cursor:pointer;
}

#resize_maps.resize{
    background-image:url(../images/map_icon_resize_activ.png);
}

#resize_maps span{
    display:none;
}

#wrap_maps.resize{
    position:fixed;
    left:0;
    right:0;
    top:0;
    bottom:0;
    width:100%;
    height:100%;
    z-index:999;
}


/********************** Suchformular * Veranstaltungskalender *********************/


/*#calendar_search h3,
#calendar_legend h3{
    display:block;
    width:473px;
    height:auto;
    color:#fff;
    clear:left;
    font-family:Tahoma,sans-serif;
    font-weight:bold;
    background-color:#426228;
    font-size:1em;
    padding:2px 0 2px 5px;
} */

#calendar_search_form_1{
    position:relative;
    display:inline-block;
    width:480px;
    height:auto;
    padding:10px 0 10px 0;
    margin:0px;
    clear:left;
    background-color:#eef2c9;
}

.calendar_search_form{
    color:#000;
    display:inline-block;
    clear:left;
    width:auto;
    height:auto;
}

.calendar_search_form label{
    display:inline-block;
    width:104px;
    padding:0 0 0 8px;
    height:auto;
    float:left;
}

.calendar_select{
    width:287px;
    border:0px;
    margin:0 0 4px 0;
    color:#4c5c3a;
}

.calendar_search_txt{
    display:block;
    width:282px;
    margin:0 0 4px 0;
    padding:2px;
    color:#4c5c3a;
    border:0px;
    float:left;
}

.calendar_search_submit{
    display:block;
    width:66px;
    color:#fff;
    background-color:#426228;
    padding:0px;
    border:1px solid #426228;
    float:left;
}

.calendar_search_submit:hover{
    background-color:#fff;
    border:1px solid #fff;
    border-left:1px solid #4c5c3a;
    color:#4c5c3a;
}

.calendar_search_submit:focus{
    background-color:#fff;
    border:1px solid #fff;
    border-left:1px solid #4c5c3a;
    color:#4c5c3a;
}

/*********************** Suchnavigation * Veranstaltungskalender *********************/

.calendar_search_navi{
	float:none;
	display:inline-block;
	margin:20px 0 0 0;
}

.calendar_search_navi a{
	padding:0 0 0 5px;
	margin:0 0 0 5px;
	border-left:1px solid #426228;
	line-height:1.0em;
}

.calendar_search_navi a:first-child{
	padding:0;
	margin:0;
	border:0;
}

.calendar_search_navi_right{
    position:absolute;
    top:0px;
    right:0px;
    width:auto;
    height:auto;
    display:block;
    clear:left;
}

.calendar_search_navi_deactiv,
.calendar_search_navi_activ{
    display:block;
    float:left;
    margin:0 5px 0 0;
    padding:0px;
    font-size:100%;
    color:#426228;
    font-weight:bold;
    background-color:#fff;
    border:0px;
    text-decoration:underline;
}

.calendar_search_navi_activ{
    text-decoration:none;
}


/********************** Legende * Veranstaltungskalender *********************/

#calendar_legend{
    position:relative;
    background-color:#EEF2C9;
    display:inline-block;
    clear:left;
    width:460px;
    /* min-height:100px; */
    height:auto;
    margin:0 0 20px 0;
    padding:10px;
}


#calendar_legend h3{
    margin:-10px 0 10px -10px;
}


#calendar_legend .calendar_legend_row{
    width:200px;
    height:auto;
    display:block;
    float:left;
    padding:0px;
}

#calendar_legend .calendar_legend_dot{
    width:200px;
    height:26px;
    display:block;
    clear:left;
    padding:0 0 0 25px;
}



#content #main_content .result_comment{
    margin:1em 0 0 0;
}


/********************** Uebersicht * Veranstaltungskalender *********************/

.calendar_events{
    position:relative;
    display:inline-block;
    width:481px;
    height:auto;
    margin:20px 0 0 0;
    padding:0px;
    clear:left;
}

.calendar_events .calendar_events_liste{
    display:inline-block;
    width:481px;
    min-height:77px;
    height:auto;
    float:left;
    background-color:#eff2dd;
    margin:0px;
    padding:0px;
    border:0px;
    border-bottom:1px solid #fff;
}


.calendar_events .calendar_events_liste .calendar_events_liste_txt{
    display:inline-block;
    width:360px;
    height:auto;
    float:left;
}

.calendar_events .calendar_events_liste .calendar_events_img{
    display:inline-block;
    margin:0 10px 0 0;
    padding:0px;
    float:left;
}

.calendar_events .calendar_events_liste h3{
    font-size:100%;
    line-height:160%;
    color:#000;
    font-family:Tahoma,sans-serif;
    font-weight:bold;
    width:380px;
    height:auto;
    clear:left;
}

.calendar_events .calendar_events_liste p{
    margin:0px;
    padding:0px;
    width:380px;
    height:auto;
    clear:left;
}

.calendar_events .calendar_events_liste .calender_headline_icon{
    display:block;
    margin:6px 6px 0 0;
    padding:0px;
    float:left;
}

/********************** Detailansicht * Veranstaltungskalender *********************/

.calendar_events_details{
    position:relative;
    display:inline-block;
    width:481px;
    height:auto;
    margin:20px 0 0 0;
    padding:0px;
    clear:left;
}

.calendar_events_details .calender_headline{
    font-size:100%;
    line-height:160%;
    color:#000;
    font-family:Tahoma,sans-serif;
    font-weight:bold;
    margin:12px 0 12px 7px;
}

.calendar_events_details .calender_headline_icon{
    display:block;
    margin:12px 0 12px 0;
    padding:0px;
    float:left;
}

.calendar_events_details .calender_descr{
    position:relative;
    display:inline-block;
    width:481px;
    height:auto;
    clear:left;
    padding:0px;
    margin:0 0 20px 0;
}

.calendar_events_details .calendar_events_route{
    position:absolute;
    top:0px;
    left:500px;
    display:block;
    clear:left;
}

.calendar_events_details .calender_title{
    position:relative;
    display:inline-block;
    width:160px;
    height:auto;
    margin:0 0 7px 0;
    padding:0px;
    float:left;
    min-height:25px;
    /* border:1px solid red; */
}

.calendar_events_details .calender_content{
    position:relative;
    display:inline-block;
    width:320px;
    height:auto;
    min-height:25px;
    margin:0 0 7px 0;
    padding:0px;
    float:left;
    /* border:1px solid red; */
}

.calendar_events_details .calender_content p{
    margin:0px;
    padding:10px 0 10px 0;
}

.calendar_events_details_navi{
    position:relative;
    width:auto;
    height:20px;
    display:block;
    margin:0 0 12px 0;
    padding:0px;
}

.calendar_events_details_navi_1{
    position:absolute;
    top:0px;
    left:0px;
    width:auto;
    height:auto;
    display:block;
}

.calendar_events_details_navi_1 a{
    border-left:1px solid #6a7554;
    padding:0 0 0 5px;
    margin:0 0 0 5px;
}

.calendar_events_details_navi_1 a:first-child{
    border:0px;
    padding:0px;
    margin:0px;
}

.calendar_events_details_navi_2{
    position:absolute;
    top:0px;
    right:0px;
    width:auto;
    height:auto;
    display:block;
}

.calendar_events_details_navi_2 a{
    border-left:1px solid #6a7554;
    padding:0 0 0 5px;
    margin:0 0 0 5px;
}

.calendar_events_details_navi_2 a:first-child{
    border:0px;
    padding:0px;
    margin:0px;
}


/********************** Routenplaner * Veranstaltungskalender *********************/

.calendar_events_route{
    position:absolute;
    top:0px;
    left:500px;
    width:250px;
    height:auto;
    display:block;
    clear:left;
    margin:20px 0 0 0;
}

.calendar_events_route .calendar_events_route_headline{
    position:relative;
    display:block;
    font-size:100%;
    line-height:160%;
    color:#000;
    font-family:Tahoma,sans-serif;
    font-weight:bold;
    width:224px;
    height:auto;
    clear:left;
}

.calendar_events_route .calendar_events_route_navi{
    display:block;
    width:auto;
    height:auto;
    margin:0 0 5px 0;
    padding:0px;
    clear:left;
}

.calendar_events_route label{
    display:inline-block;
    width:40px;
    height:auto;
    float:left;
}

.calendar_events_route #start{
    display:inline-block;
    width:170px;
    height:auto;
    border:1px solid #426228;
    float:left;
    margin:0 0 5px 0;
    padding:1px;
}

.calendar_events_route #end{
    display:inline-block;
    width:103px;
    height:auto;
    border:1px solid #426228;
    float:left;
    margin:0 0 2px 0;
    padding:1px;
}

.calendar_events_route #berechnen{
    display:inline-block;
    width:66px;
    height:auto;
    border:1px solid #426228;
    color:#fff;
    background-color:#426228;
    float:left;
}

.calendar_events_route #berechnen:hover{
    border:1px solid #426228;
    border-left:0px;
    color:#426228;
    background-color:#fff;
}

/********************** InfoWindow * Veranstaltungskalender *********************/

.calender_infowindow{
    width:auto;
    height:auto;
    display:block;
    clear:left;
}

.calender_infowindow .calender_infowindow_img{
    display:block;
    margin:0 10px 0 0;
    padding:0px;
    float:left;
}

.calender_infowindow .calender_info{
    width:320px;
    height:auto;
    display:block;
    padding:20px 0 10px 0;
    clear:left;
}

.calender_infowindow .calender_info label{
    width:75px;
    height:auto;
    display:block;
    float:left;
    margin:5px 0 0 0;
}

.calender_infowindow .calender_info .calender_info_input_txt{
    width:200px;
    height:auto;
    display:block;
    float:left;
    padding:2px;
    border:1px solid #426228;
    margin:5px 0 0 0;
}

.calender_infowindow .calender_register{
    display:block;
    width:320px;
    height:auto;
    min-height:25px;
    border-bottom:1px solid #426228;
    border-left:1px solid #426228;
    clear:left;
}

.calender_infowindow .cal_register{
    display:block;
    margin:1px 0 0 0;
    width:75px;
    height:auto;
    min-height:18px;
    padding:3px 10px 3px 10px;
    /* background-color:#fff; */
    border-top:1px solid #426228;
    border-right:1px solid #426228;
    float:left;
    text-decoration:none;
}

/********************** Routenbeschreibung * Veranstaltungskalender *********************/

#directions table{
    border:0px;
}

#directions td{
    border:0px;
}

/********************** Backend fuer Redakteur * Veranstaltungskalender *********************/

.calendar_events_details .calender_backend_text{
    border:1px solid #426228;
    padding:2px;
    width:300px;
    clear:left;
}

.calendar_events_details .calender_backend_select{
    border:1px solid #426228;
    margin:2px 0 2px 0;
    padding:0px;
    width:300px;
    clear:left;
}

.calendar_events_details .calender_backend_submit{
    display:block;
    border:0px;
    background-color:#426228;
    padding:3px;
    margin:20px 0 0 0;
    color:#fff;
    clear:left;
}

.calendar_events_error{
    border:0px;
    display:block;
    width:450px;
    background-color:#923a31;
    color:#fff;
    padding:20px;
    margin:20px 0 20px 0;
    height:auto;
    font-weight:bold;
}

/********************** Hilfsnavigation * Veranstaltungskalender *********************/

.calender_helfnavi{
    position:absolute;
    top:0px;
    left:-205px;
    width:210px;
    height:auto;
    display:block;
    clear:left;
    margin:20px 0 0 0;
}

.calender_helfnavi .logo{
    display:block;
    clear:left;
    margin:0 0 10px 0;
    padding:0px;
}
