* { margin:0; padding:0;}
body { background:url(images/body_bg.gif) repeat; font-size:100%; line-height:1em; font-family:Arial; color:#5c5c5c;}

div.col_2 #form { visibility: hidden; display: none; }

/*in_line*/
input, select, textarea { vertical-align:middle; font-weight:normal; font-family:tahoma; color:#000000; font-weight:normal; font-size:1em; border:solid 1px #a4a4a4; color:#646464; padding-left:5px; background:#FFFFFF}
img {border:0; vertical-align:top; text-align:left;}
ul { list-style:none;}

/*==================list====================*/
ul{margin:0px; padding:0px; list-style:none}
ul li { line-height:1.67em}
ul li a{text-decoration:underline; color:#49a8c7; background:url(../inc_img/marker_list.gif) no-repeat 0 5px; padding-left:18px}
ul li a:hover{ text-decoration:none}

ul.list {margin:0px; padding:0px; list-style:none}
ul.list li { line-height:1em; background:url(../inc_img/list_bg.gif) repeat-x bottom; padding:6px 0 11px 11px}
ul.list li img {margin-right:28px; vertical-align:middle}
ul.list li a{text-decoration:none; color:#5c5c5c; background:none; padding:0}
ul.list li a:hover{ text-decoration:none; color:#49a8c7}
ul.list li.none {background:none}
/*==========================================*/

a {text-decoration:underline; color:#49a8c7}
a:hover {text-decoration:none}

a.link {text-decoration:underline; color:#49a8c7; background:url(../inc_img/marker_link.gif) no-repeat 0 5px; padding-left:18px}
a.link:hover {text-decoration:none; background:url(../inc_img/marker_link.gif) no-repeat 4px 5px}


.aright {text-align:right}
.aleft {text-align:left}
.column { float:left;}
.clear { clear:both;}


.logo {position:absolute; margin:42px 0 0 37px}
h1{text-indent:-10000px; background:url(../inc_img/logo.gif) no-repeat 0 42px; height:177px; font-size:0; line-height:0; margin:0 0 0 37px}

h2 {font-size:1em; margin:0 0 15px 0; color:#5c5c5c}

p {margin:0 0 15px 0}

#header {
	border-bottom: 2px solid orange;
}

#header, #menu, #wrapper_header, #content, #footer { width:100%}

/*header*/
#header { 
	height:57px; color:#c0c0c0; font-family:Arial; font-size:0.75em; line-height:1.25em;
	padding-bottom: 10px;
}
#header .header-logo { height:40px; width:auto; display:block; padding:15px 0 0 22px}
#header .col_1 { width:66%}
#header .col_1 .ind { padding:21px 0 0 22px}
/* #header .col_2 {width:33%; padding-top:15px} */
#header .col_2 { width:33%; padding-top:15px; text-align: right;}
#header input { width:180px; height:22px; margin-right:5px; background:none; font-size:1em; border:solid 1px #696969; color:#c0c0c0}

/*#menu {height:87px; background:url(../inc_img/menu_bg.jpg) no-repeat right top; font-family:Arial; font-size:0.75em}*/
#menu { 
	margin-bottom:20px; height:87px; /*background:url(../inc_img/menu_bg.jpg) no-repeat right top;*/ font-family:Arial; font-size:0.75em;
	border-bottom: 1px solid #373737;
}
/* #menu .ind {padding:23px 0 0 20px} */
#menu .ind { padding: 25px 0 0 20px}
#menu ul{ margin:0px; padding:0px; list-style:none}
#menu ul li { line-height:1em; float:left; margin-right:5px; padding:0 0 15px 0}
#menu ul li a { 
	text-decoration:none; color:#2d2c2c; 
	 padding:15px 0 15px 0; text-align:center; display:block; width:95px; font-weight:bold; 
	 background: none;
	background-color: rgb(218, 218, 218);
	
	
	}
#menu ul li a.hover,
#menu ul li a.active {background-color:orange; color:#fff; font-weight:bold; }
#menu ul li a:hover{ text-decoration:none; background-color:orange; color:#fff; font-weight:bold; }


#wrapper_header { 
	height:40px; color:#C0C0C0; font-family:Arial; font-size:0.75em; margin: 0;
	background-color: #373737;
	display:flex;
	align-items: center;
	
}
#wrapper_header > div.col_1 {
	display: flex;
	align-items: center;
} 

/* #wrapper_header img {margin:42px 0 0 37px} */

#wrapper_header .col_1 {width:66%}
#wrapper_header .col_1 .ind {padding:0 0 0 22px}
/* #wrapper_header .col_2 {width:33%; padding-top:15px} */
#wrapper_header .col_2 {width:33%; padding-top:15px; text-align: right;}
#wrapper_header input {width:180px; height:18px; margin-right:5px; background:#696969; font-size:1em; border:solid 1px #DDDDDD; color:#c0c0c0}

.login {
	margin-top: 20px;
}

/*content*/
#content {font-size:0.75em; line-height:1.25em; background:url(../inc_img/cont_bg.gif) no-repeat right top}
.title {margin-bottom:20px; display:block}
.title_1 {margin-bottom:10px; display:block}
.img_left {float:left; margin:4px 20px 16px 0}

.pic {display:block; margin-bottom:13px}


.bg_col_2 {background:url(../inc_img/col_bg_2.gif) repeat-y right}
.bg_none { background:url(../inc_img/bg_none.gif) no-repeat right top}
.bg_1 {background:url(../inc_img/block_bg.gif) repeat-x top #e3e3e3}

.line {background:url(../inc_img/line_bg.gif) repeat-x 0 28px; height:58px}

/*footer*/
#footer_center {background-color: #373737;}
#footer { color:#c0c0c0; font-size:0.75em; line-height:1.25em;}
#footer .indent {padding:30px 25px 20px 19px}
#footer a {text-decoration:underline; color:#fff}
#footer a.home {color:#c0c0c0; text-decoration:none}
#footer a.home:hover {text-decoration:underline}
#footer .col_1 {width:91%}
#footer .col_2 {width:8%}
#footer a.rss {background:url(../inc_img/rss_img.gif) no-repeat right; padding:5px 27px 5px 0; color:#c0c0c0; text-decoration:none; float:right}
#footer a.rss:hover {text-decoration:underline}

/*================== index.html ==================*/
#page1 #content .row_1 {padding-bottom:16px}
#page1 #content .row_1 h2 {margin-bottom:5px}
#page1 #content .row_1 .col_1 .indent { padding:0 40px 0 19px}
#page1 #content .row_1 .col_2 .indent { padding:0 37px 0 23px}
#page1 #content .row_2 .indent { padding:39px 20px 30px 20px}
#page1 #content .row_2 .col_1 .box {width:100%}
#page1 #content .row_2 .col_1 .col_box_1 {width:55%}
#page1 #content .row_2 .col_1 .col_box_1 .ind_box {padding-right:10px}
#page1 #content .row_2 .col_1 .col_box_2 {width:45%}
#page1 #content .row_2 .col_1 .ind {padding:6px 15px 16px 0}
#page1 #content .row_2 .col_2 .ind {padding:6px 0 0 18px}

/*================== index-1.html ==================*/
#page2 #content .row_1 {padding-bottom:15px}
#page2 #content .row_1 .col_1 .indent { padding:0 20px 0 19px}
#page2 #content .row_1 .col_2 .indent { padding:0 30px 0 23px}
#page2 #content .row_2 .indent { padding:39px 20px 30px 20px}
#page2 #content .row_2 .col_1 .box {width:468px}
#page2 #content .row_2 .col_1 .col_box_1 {width:270px}
#page2 #content .row_2 .col_1 .col_box_2 {width:198px}
#page2 #content .row_2 .col_1 .ind {padding:6px 15px 23px 0}
#page2 #content .row_2 .col_2 .ind {padding:6px 0 0 18px}

/*================== index-2.html ==================*/
#page3 #content .row_1 {padding-bottom:11px}
#page3 #content .row_1 .col_1 .indent { padding:0 20px 0 19px}
#page3 #content .row_1 .col_2 .indent { padding:0 20px 0 23px}
#page3 #content .row_2 .indent { padding:39px 10px 30px 20px}
#page3 #content .row_2 .col_1 .ind {padding:6px 20px 22px 0}
#page3 #content .row_2 .col_2 .ind {padding:6px 0 0 18px}

/*================== index-3.html ==================*/
#page4 #content .col_1 .indent { padding:0 20px 0 19px}
#page4 #content .col_2 .indent { padding:0 20px 10px 23px}
#page4 #content .ind_bot {padding-bottom:44px}

/*================== index-4.html ==================*/
#page5 #content .row_1 {padding-bottom:9px}
#page5 #content .row_1 .col_1 .indent { padding:0 30px 0 19px}
#page5 #content .row_1 .col_2 .indent { padding:0 20px 0 23px}
#page5 #content .row_2 .indent { padding:39px 20px 30px 20px}
#page5 #content .row_2 .col_1 .ind {padding:6px 20px 21px 0}
#page5 #content .row_2 .col_2 .ind {padding:6px 0 0 18px}
#page5 #content .row_2 .col_2 .box {width:468px}
#page5 #content .row_2 .col_2 .col_box_1 {width:270px}
#page5 #content .row_2 .col_2 .col_box_2 {width:198px}

/*================== index-5.html ==================*/
#page6 #content .row_1 {padding-bottom:13px}
#page6 #content .row_1 .col_1 .indent { padding:0 20px 0 19px}
#page6 #content .row_1 .col_2 .indent { padding:0 30px 0 23px}
#page6 #content .row_1 .col_2 .box {width:468px}
#page6 #content .row_1 .col_2 .col_box_1 {width:270px}
#page6 #content .row_1 .col_2 .col_box_2 {width:198px}
#page6 #content .row_2 .indent { padding:39px 20px 30px 20px}
#page6 #content .row_2 .col_1 .box {width:468px}
#page6 #content .row_2 .col_1 .col_box_1 {width:214px}
#page6 #content .row_2 .col_1 .col_box_2 {width:254px}
#page6 #content .row_2 .col_1 .ind {padding:6px 15px 27px 0}
#page6 #content .row_2 .col_2 .ind {padding:6px 0 0 18px}

/* input {width: 200px; height: 20px} */
input {height: 20px}
select {width: 206px; height: 18px}
.div_input {height:25px}
textarea {width:247px; height:70px; overflow:auto; margin-bottom:10px; display:block}
.div_links {text-align:right; width:468px}

/*================== index-6.html ==================*/
#page7 #content .indent { padding:0 36px 54px 19px}

/*==================block====================*/
.block { background:#c5cab6}
.block .l_t { background:url(images/l_t_1.gif) left top no-repeat;}
.block .r_t { background:url(images/r_t_1.gif) right top no-repeat;}
.block .r_b { background:url(images/r_b_1.gif) right bottom no-repeat;}
.block .l_b { background:url(images/l_b_1.gif) left bottom no-repeat;}
.block .left {background:url(images/border.gif) repeat-y left}
.block .top {background:url(images/border.gif) repeat-x top}
.block .right {background:url(images/border.gif) repeat-y right}
.block .bot {background:url(images/border.gif) repeat-x bottom}
/*==========================================*/

table { width: 100%; border: none; border-collapse: collapse; clear: both; line-height:1.6em; margin:1em 0pt 2em; }
table th { color: #5C5C5C; background-color: #63C8FB; padding: 0.3em 0.7em; vertical-align: top; }
table td, table th { border: 1px solid #BBBBBB; text-align: left; padding: 0.7em;}
table td { vertical-align: top; }

.noBorder { border: none; }

fieldset { border: 1px solid #BBBBBB; }
legend { margin: 0 0 0 10px; color: #5C5C5C; font-weight: bold; padding: 0 20px 0 20px; line-height: 1.6em; border: 1px solid #BBBBBB; }

select option { padding: 1px 5px; }

span.relevance { background-color: #FFEB8F; }

/* Kalenderblatt */
.prevMonth, .nextMonth { background-color: #EFEFEF; }
.today { background-color: #EF8686; }
.today a { color: #FFFFFF; }
.vk_event { background-color: #FFDFDF; }
.vk_spalten_kw, .vk_spalten_wt {  }

.button { vertical-align:middle; font-family:tahoma; color:#000000; font-weight:bold; font-size:1em; border:solid 1px #a4a4a4; color:#646464; padding-left:5px; background:#FFFFFF; background-color: #E3E3E3; padding: 1px 15px 3px 15px; width:auto; text-decoration: none; cursor: pointer; }
input.eventm_input_text { width: 350px; }
textarea.eventm_textarea { width: 350px; height: 200px; }
select.eventm_select { width: 356px; }

/* jQuery UI */
label.error {
	display: block;
	color: red;	
}
input.error, select.error, textarea.error {
	border-color: red;
	color: red;
}

/* css for timepicker */
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 80px; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }

.ui_tpicker_minute_slider,
.ui_tpicker_hour_slider {
	width:200px !important;
}
.ui-slider-access {
	padding-top: 10px;
	display: block;
	margin-left: 0 !important;
}

.ui-dialog-titlebar-close {
	color:transparent;
}

.ui-dialog-content iframe {
	border:0;
}


.ui-menu .ui-menu-item.li-show-by-name {
	list-style-image: none;
}

.ui-menu .ui-menu-item.li-show-by-name  a {
	font-weight: bold;
	background: transparent;
	padding:0;
}
.ui-menu .ui-menu-item.li-show-by-name a.ui-state-active  {
	background: #63C8FB;
}
.ui-state-active, .ui-widget-content .ui-state-active {
	background: #63C8FB;
	font-weight: normal;
	color:white;
	border: none;
}

.ui-dialog-buttonset .ui-button {
	min-width: 40px;
	padding: 2px;
}

.page__content {
	display: flex;
	flex-direction: column;
	min-height: 100vh;

}
#site_center {
	flex-grow: 1;
}