BODY
{

	color: #092048;
	font-family: Verdana;
	font-size: small;
	font-weight: normal;
	width: 97%;
	height: 100%;

     margin: auto;
	 background:
	 /*
	 radial-gradient(#f8d3b5 3px, transparent 4px),
	 radial-gradient(#f8d3b5 3px, transparent 4px),
	 linear-gradient(#fff 4px, transparent 0),
	 linear-gradient(45deg, transparent 74px, transparent 75px, #f8d3b5 75px, #f8d3b5 76px, transparent 77px, transparent 109px),
	 linear-gradient(-45deg, transparent 75px, transparent 76px, #f8d3b5 76px, #f8d3b5 77px, transparent 78px, transparent 109px),
	 */
	 #ffffffa4;
	 /*
	 background-size: 109px 109px, 109px 109px,100% 6px, 109px 109px, 109px 109px;
	 background-position: 54px 55px, 0px 0px, 0px 0px, 0px 0px, 0px 0px;
	 */
    /* background:
     radial-gradient(black 3px, transparent 4px),
     radial-gradient(black 3px, transparent 4px),
     linear-gradient(#fff 4px, transparent 0),
     linear-gradient(45deg, transparent 74px, transparent 75px, #a4a4a4 75px, #a4a4a4 76px, transparent 77px, transparent 109px),
     linear-gradient(-45deg, transparent 75px, transparent 76px, #a4a4a4 76px, #a4a4a4 77px, transparent 78px, transparent 109px),
     #fff;
     background-size: 109px 109px, 109px 109px,100% 6px, 109px 109px, 109px 109px;
	 background-position: 54px 55px, 0px 0px, 0px 0px, 0px 0px, 0px 0px;*/
	 

}
/*id's  https://projects.verou.me/css3patterns/ */
#title {
	box-sizing:border-box;
	margin-top: 0px;
	width: 100%;
	height: 50%;
	padding:15px;
	text-align: center;
	border-top-left-radius:2px;
	border-top-right-radius:2px;
	color: #092048;
    background-color:#f7f3f0;
	background-image: url(imgsrc/titel_hintergrund.gif);
	/*background-position:center;*/
	/*background-repeat: no-repeat;*/
    /*background-image: linear-gradient(to top, #0c377f 1%, white 100%);*/



	

}

#titlepopup {
	box-sizing:border-box;
	margin-top: 2px;
	width: 100%;
	padding:5px;
	text-align: center;
	border-top-left-radius:2px;
	border-top-right-radius:2px;
	color: #092048;
    background-color:#f7f3f0;
	background-image: url(imgsrc/titel_hintergrund.gif);
} 


#header {
	box-sizing:border-box;
	width: 100%;
	min-height:40px;
	padding:5px;
	height:auto !important;

} 
#navi {
	/*box-sizing:border-box;*/
	display:flex;

	height: 30px;
	padding:5px;
	background-color:#0c377f;


} 

#navi2 {
	box-sizing:border-box;
	padding:5px;
	background-color:#0c377f;

} 

#main {
	box-sizing:border-box;
	/*padding:10px;*/
} 

#article {

padding-top: 10px;
min-height: 250px;


} 

#articlepopup {

	padding-top: 10px;
	min-height: 250px;
	
	
	} 

#articlewide {
	padding-top: 10px;


} 

#footer {
	box-sizing:border-box;
	margin-top: 10px;
	font-size: smaller;
	font-weight: normal;
	height:fit-content;
	padding-top:15px;
	padding-bottom:5px;
	border-bottom-left-radius:2px;
	border-bottom-right-radius:2px;	
	color: #092048;
	text-align: center;
    background-color:#f8e6d7;

} 

#menue {
	box-sizing:border-box;
	/*float: left; */
	min-width:20%;
	padding:5px;
} 

/*class*/
.headerbox {

	margin-left: 10px;
	margin-right: 10px;


} 


/* link classes*/
a.logoff:link , a.logoff:visited
 {
	color:#0c377f;
	font-size: normal;
	font-weight: bolder;
	text-decoration: none;
 }
 

a.logoff:hover
 {
	color:#092048;

 }
 


 a.main_link
 {
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 10px;
	color:#092048;
	font-size: medium;
	text-decoration: none;
 }
 
 
 
a.main_link_current
 {
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 10px;
	font-size: medium;
	color:#e61042;
	text-decoration: none;
 }

 a.main_link_direct
 {
	color:#0c377f;
	font-size: normal;
	font-weight: bolder;
	text-decoration: none;
 }

 a.help_icon {


	display: inline-block;
	width: 25px;
	height: 25px;
	background-image: url(imgsrc/ico/help.gif);
 }
 
 a.help_icon:hover {


	display: inline-block;
	width: 25px;
	height: 25px;
	background-image: url(imgsrc/ico/help_2.gif);
 }

 a.link_inside_text {

	text-decoration: none;
 }
 
  a.info_link {
	color:#791370;
	text-decoration: italic;
	font-weight: bolder;
}

 a.openwindow {
	color:#045e34;
	text-decoration: none;
 }

 .help_class {
	font-size:24px;
	color:#092048;
	text-decoration: none;
 }

 .help_class:hover {

	color:#212121;
	text-decoration: none;

 }
 
 
 .pagenumb:link , .pagenumb:visited {

	  color: #ffffff;
	  background-color: #0c377f;
	  margin: 2px;
	  padding: 3px 18px;
	  text-align: center;
	  text-decoration: none;
	  display: inline-block;
     border-top-left-radius:     3px;
     border-top-right-radius:    3px;
     border-bottom-right-radius: 3px;
     border-bottom-left-radius:  3px;
	  
 	
}

 .pagenumb:hover{

	/*background-color: #d6d5d5;*/
	background-color: #092048;
	color: #ffffff;

 	
}


.pagenumb_disabled {
	/*box-sizing: border-box;*/
	background-color: #0c377f;
	color: #000000;
	  margin: 2px;
	  padding: 3px 18px;
	  text-align: center;
	  text-decoration: none;
	  display: inline-block;
     border-top-left-radius:     3px;
     border-top-right-radius:    3px;
     border-bottom-right-radius: 3px;
     border-bottom-left-radius:  3px;
	
}

.pageofpage {
	/*box-sizing: border-box;*/
	  color: #ffffff;
	  background-color: #092048;
	  margin: 2px;
	  padding: 3px 18px;
	  text-align: center;
	  text-decoration: none;
	  display: inline-block;
     border-top-left-radius:     3px;
     border-top-right-radius:    3px;
     border-bottom-right-radius: 3px;
     border-bottom-left-radius:  3px;
	
}
 
 

 /*schriften h1 - h4*/
h1
{
	font-size: large;
	font-weight: bold;
	}
h2
{
	font-size: medium;
	font-weight: bold;
}
h3
{
	font-size: medium;
	font-weight: normal;
	height: 12px;
}
h4
{
	font-size: medium;
	font-weight: bold;
}


h5
{
	font-size: small;
	font-weight: normal;
	height: 12px;
}


h6
{
	font-size: small;
	font-weight: normal;
}

/*bilder laden mit classes*/


.button_new {
	font-size: 0px;
	width: 28px;
	height: 28px;
	background-image: url(imgsrc/ico/new_tour.gif);



}



.class_save {
	font-size: 0px;
	width: 28px;
	height: 28px;
	background-image: url(imgsrc/ico/save.gif);
	float: left;


}





.class_edit {
	font-size: 0px;
	width: 28px;
	height: 28px;
	background-image: url(imgsrc/ico/edit.gif);
}


.class_delete {
	font-size: 0px;
	width: 28px;
	height: 28px; 
	background-image: url(imgsrc/ico/delete_tour.gif);
}




.class_copy {
	font-size: 0px;
	width: 28px;
	height: 28px;
	background-image: url(imgsrc/ico/copy.gif);
}




.class_details {
	font-size: 0px;
	width: 28px;
	height: 28px;
	background-image: url(imgsrc/ico/details_tour.gif);
}

.class_changestatus {
	font-size: 0px;
	width: 28px;
	height: 28px;
	background-image: url(imgsrc/ico/changestatus_tour.gif);
}

.class_feedback {
	font-size: 0px;
	width: 28px;
	height: 28px;
	background-image: url(imgsrc/ico/feedback.gif);
}


.class_close_announcement {
	font-size: 0px;
	width: 28px;
	height: 28px;
	background-image: url(imgsrc/ico/close_anmeldung.gif);
}


.class_tour_cancel {
	font-size: 0px;
	width: 28px;
	height: 28px;
	background-image: url(imgsrc/ico/tour_cancel.gif);
}

.class_outlook_button {
	font-size: 0px;
	width: 32px;
	height: 32px;
	background-image: url(imgsrc/ico/outlook.gif);
}

.class_excel_button {
	font-size: 0px;
	width: 32px;
	height: 32px;
	background-image: url(imgsrc/ico/excel.gif);
}


/*allgemeine classes*/
.spanw {
	padding-top: 5px;
	padding-bottom: 5px;
	display: inline-block;
	width:280px;
}

.main_title {
	margin-top: 5px;
	font-weight: bolder;
	/*display:inline-block;*/
	/*width:180px;*/
}

.main_sub_title {
	margin-top: 5px;
	font-weight: normal;
	/*display:inline-block;*/
	/*width:180px;*/
}

.main_sub_title_2 {
	height: 12px;
	font-weight: bold;
}



.divabsatz {

	font-weight: normal;
}

.divabsatz_align_right {

	font-weight: normal;
	text-align: right;
}

.divabsatz_small {

	font-weight: normal;
	width: 50%;
}

.divabsatz_small_align_right {

	font-weight: normal;
	text-align: right;
	width: 50%;
}


.divabsatz_space {
	margin-top: 5px;
	margin-bottom: 5px;
	font-weight: normal;
}

.allg_text_u1
{
	font-weight: bold;


}

.allg_text_u2
{
	font-weight: normal;
	box-sizing:border-box;
	padding: 10px;
	background-color:#ffffff;

}
.radio_line1 {
	background-color:#f8e6d7;
}

.radio_line2 {

	background-color:#ffffff;
}


.tab_radio
{
	font-weight: normal;
	width: 100%;


	background: #ffffff;
	border: 2px solid #f8e6d7;
	


}

.errormsg {
	padding:  2px;
	background:#fc043e;

}

.infomsg {
	padding:  2px;
	color: #fff;
	background:#045e34;

}

.important_info {
	font-weight: normal;
	color:#045e34;
	padding-left: 2px;
	box-sizing:border-box;

}



.menuebutton {
	font-family: inherit;
	font-size: small;
	font-weight: normal;
	text-align:left;
	border: none;
	background: none;
	color:#ffffff;
}
.menuebutton:hover {
	font-family: inherit;
	font-size: small;
	font-weight: normal;
	text-align:left;
	border: none;
	background: none;
	color:#092048;



}
.menuebutton_sel {
	font-family: inherit;
	font-size: small;
	font-weight: bold;
	text-align:left;
	border: none;
	background: none;
	color:#ffffff;

}

.menuebutton_sel:hover {

	color:#092048;

}

.menuebutton_standalone  {
	font-family: inherit;
	font-size: small;
	font-weight: normal;
	text-align:left;
	width: 250px;
	padding-top: 2px;
	padding-bottom: 2px;
	color: #ffffff;
	background-color: #0c377f
	/*background-image: linear-gradient(to top, #0c377f 80%, white 100%);*/

}

.menuebutton_standalone:hover  {
	font-family: inherit;
	color: #ffffff;
	background-color: #092048
	/*background-image: linear-gradient(to top, #092048 80%, white 100%);*/

}


/*legacy*/
.button_file  {
	font-family: inherit;
	font-size: small;
	font-weight: normal;
	text-align:left;
	width: 250px;
	padding-top: 2px;
	padding-bottom: 2px;
	color: #ffffff;
	background-color: #0c377f
	/*background-image: linear-gradient(to top, #0c377f 80%, white 100%);*/

}

.button_file:hover  {
	font-family: inherit;
	color: #ffffff;
	background-color: #092048
	/*background-image: linear-gradient(to top, #092048 80%, white 100%);*/

}








.textfield {
	font-family: inherit;
	font-size: smaller;
	color:#092048;
	background-color: #ffffff;
	border: 1px solid silver;
	box-sizing: border-box;
	height: 25px;

	/*background-image: linear-gradient(to top, #7d94bb 0%, white 100%);*/

}

.textfield_large {
	font-family: inherit;
	font-size: smaller;
	color:#092048;
	background-color: #ffffff;
	border: 1px solid silver;
	box-sizing: border-box;
	height: 75px;

	/*background-image: linear-gradient(to top, #7d94bb 0%, white 100%);*/

}

.textfield_large {
	font-family: inherit;
	font-size: smaller;
	color:#092048;
	background-color: #ffffff;
	border: 1px solid silver;
	box-sizing: border-box;
	height: 150px;

	/*background-image: linear-gradient(to top, #7d94bb 0%, white 100%);*/

}


.textfield_username {
	font-family: inherit;
	font-size: smaller;
	color:#092048;
	background-color: #ffffff;
	border: 1px solid silver;
	box-sizing: border-box;
	height: 25px;
	width: 100%;

	/*background-image: linear-gradient(to top, #7d94bb 0%, white 100%);*/

}

.textfield:focus {

	border: 1px solid black;
	

}

.textfield_locked {
	font-family: inherit;
	font-size: smaller;
	border: 1px solid #ffffff;
	color:#092048;
	background-color: #cdcecf;


}



.select_box {
	font-family: inherit;
	margin-top: 5px;
	font-size: smaller;
	border: 1px solid silver;
	color:#092048;
	background-color: #fff;
	min-width: 30;

	/*background-image: linear-gradient(to top, #c6d5ef 0%, white 100%);*/
}

.select_box:focus {

	border: 2px solid black;
  /*background-image: linear-gradient(to top, #ffffff 0%, white 100%);*/
}






.contentweb {

	font-size: small;
	font-weight: normal;
	padding: 5px;
}

/*div table stile*/
div.flex_container_column {
   
	display: flex;
	flex-direction: column;
	padding:15px;
}

div.flex_container_column1 {
   
	display: flex;
	flex-direction: column;

}

/*div table stile*/
div.flex_container_row {
   
	display: flex;
	flex-direction: row;
}





div.spalte {

	/*display: table-row;*/
	border:none;


}

div.flex_item_1 {

	font-weight: normal;


	/*display: table-cell;*/

	/*background-color:#600ebe;*/


}

div.flex_item_1_space {

	font-weight: normal;
	padding: 5px;

	/*background-color:#600ebe;*/


}

div.flex_item_1_space_login {

	font-weight: normal;
	padding-left: 5px;
	align-items: center;
	position: relative;
	width: 30%;


	/*background-color:#600ebe;*/


}


div.flex_item_bold {

	font-weight: bolder;
	padding: 5px;
	/*display: table-cell;*/

	/*background-color:#600ebe;*/


}

div.zeile_bold {

	/*display: table-cell;*/
	/*background-color:#600ebe;*/
	padding: 2px;
}

/*navigation drop down*/

.nav, .nav ul {
	
	list-style-type:none;

    /*margin:0;*/
	padding-left:0px;

}
.nav a {
    text-decoration:none;
}
/*IE5 list fix*/
/*.nav .sub li {float:left;}
.nav .sub > li {float:none;}*/
/*this is for the main menue*/
#navigation1 {
	

	display:flex;
	flex-flow: row wrap;
	position:relative;
	float:left; 
	height:25px;
	background:#0c377f;
	z-index:10;
}

#navigation2 {
	display:flex;
	flex-flow: row wrap;
	position:relative;
	height:25px;
	background:#0c377f;
	z-index:10;
}

.nav {
    visibility:hidden;

}
.nav .link {
    width:200px;
    margin-top:-10075px;
    /*float:left;*/
}
.nav a {
    position:relative;
    display:block;
    height:25px;
    line-height:25px;
    text-decoration:none;
    color:#ffffff;
    z-index:10;
    visibility:visible;
        padding-left: 5px;
}
.nav .sub a {
    background:#0c377f;
    margin:0 -1px 0 0;
    width:200px;
}
.nav .sub {
	float:left;
	color:#0c377f;
    background:#d6d5d5;
    padding-top:25px;
    margin-top:-25px;
}
.nav a.main {
    width:200px;
    height:25px;
    line-height:25px;
    margin-top:10075px;
    margin-right:-299px;
	float:left;

}
.nav a.main:hover, .nav a.main:focus, .nav a.main:active {
    margin-right:0;
    background:#092048;
    color:#fff;
}
.nav .sub a:hover, .nav .sub a:focus, .nav .sub a:active {
    margin:0 0 0 0;
    background:#ffffff;
    color:#092048;
}
/*empty rule to fix occassional IE6 tabbing bug, one of the weirdest bug's i have seen.*/

/*Opera fix*/
.sub:hover {
    clear:both;
}







/*colaps group*/

.collapsible {
font-family: inherit;

  background-image: linear-gradient(to top, #0c377f 40%, white 80%);
  color: #fff;
  cursor: pointer;
  height:auto;
  text-align: center;
  vertical-align:middle;
  font-weight: bold;
  font-size: 10px;
  width: 100%;


}

.active, .collapsible:hover {
    background-image: linear-gradient(to top, #0c377f 60%, white 100%);
}

.collapse {

 margin-top: 3px;
  background-color: #ffffff;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 5px;
}

.scroll {
	width: 100%;
	overflow-y: auto;
	margin: 0 0 1em;
  }
  
  .scroll::-webkit-scrollbar {
	-webkit-appearance: none;
	width: 14px;
	height: 14px;
  }
  
  .scroll::-webkit-scrollbar-thumb {
	border-radius: 8px;
	border: 3px solid #fff;
	background-color: rgba(0, 0, 0, .3);
  }

.password-container {
	font-weight: normal;
	padding-left: 5px;
	align-items: center;
	position: relative;
	width: 30%;

} 

.password-field {
	margin-right: 10px;
	padding: 5px;
	height: 25px;
	width: 100%;
	


}

.toggle-password {
	position: absolute;
	top: 1.5px;
	right: 3px;
	cursor: pointer;
}