/* FF-Hack: Scrollbar immer anzeigen */

/*
html {
	overflow: scroll;
}
*/


/* BODY */

 @font-face {
     font-family: Calibri; 
  src: url('https://www.pegasus-webinare.de/conf/css/fonts/calibri-webfont.ttf'); 
    } 

	BODY {
		margin-top: 0px;
		margin-bottom: 10px;
		font-family: Calibri, Sans Serif, helvetica !important;
		text-align:center;
    overflow-x: hidden;
    overflow-y: scroll;

	}
 
 

	TD#MAIN_COLUMN, P, P.bodytext {
		font-size:1.0em !important;
		color: #424A52;
		line-height:150%;
		font-family: Calibri, Sans Serif, helvetica !important;
	}
  
  p {
  margin: 0 0 3px !important; 
  }

	P.align-left {
		text-align:left;
	}

	P.align-right {
		text-align:right;
	}

	P.align-justify {
		text-align:justify;
	}

	P A.nav {
		text-decoration:none;
		color: #424A52;
	}

	P A.activ {
		text-decoration:none;
		color: #424A52;
	}

	P A.activ:hover {
		text-decoration:none;
    color: #002a40 !important;
	}

	A, P A {
	
    color: #002a40 !important;
		text-decoration:none !important;
	
	}

	A:hover, P A:hover {
			color:#c25e03 !important;
		text-decoration:underline;
	}

.forgottpw {
font-size: 12px !important;
text-decoration: underline !important;
}


	P A.link_aktiv {
		color: #D48500;
		text-decoration:underline;
	}

	H1, H2, H3, H4, H5 {
	/*	font-family:Verdana,Arial,Helvetica;*/
	}

	H1 {
		font-size:25px !important;
		/*color: #f59c00;*/
		color:#f59c00 !important;
		font-weight:bold;
  /*  border-bottom: 1px dotted #f59c00;       */
    margin-top: 40px !important;
  /* padding: 10px;          */
	}
  
  h1.kursliste{
  		font-size:17px;
      margin-top: 20px !important;
      color: #002a40 !important;
      font-weight: bold !important;
      margin: 5px 0 5px 0 !important;
      border: 0 !important;
      
  }

	H2 {
		font-size:16px;
		color: #F7A30A;
		color:#002a40;
		font-weight:normal;
	}
  
  h2.topmenu  {
		font-size:16px;
		color: #F7A30A;
		color:#F7B512;
		font-weight:normal;
	}

	H3 {
		font-size:15px;
		color: #F7A30A;
		color:#002a40;
		font-weight:bold;
	}

	H4 {
		font-size:14px;
		color: #f59c00;
		color:#f59c00 !important;
		font-weight:bold !important;
	}
  
  	H4.slogan {
		font-size:1.8em !important;
		color: #ffffff !important;
		font-weight:bold !important;
	}

	H5 {
		font-size:16px !important;
		color: #f59c00;
		color:#F7B512;
		font-weight:bold;
	}

	H5 A {
		color: #f59c00;
		text-decoration:none;
	}

	H5 A:hover {
		color: #f59c00;
		text-decoration:none;
	}

	SPAN.subtitle {
		font-size:11px;
		color: #424A52;
		font-weight:normal;
	}
  .description{
  font-size: 13px !important;
  
  }
	.padding_top_5 {
		padding-top:8px;
	}

	.margin_botttom_0 {
		margin-bottom:0px;
	}

	HR {
		border-top: 1px solid #ccc !important;
	}

/* #### */

/* MAIN TABLE */

	TABLE.main-page-table {
		width:990px;
		height:100%;
	}

	TABLE.main-page-table TD.login-accepted {
		height:15px;
		text-align:left;
		color:green;
		background-color:#DAFFDA;
		font-family:Calibri, Sans Serif, helvetica;
		font-weight:normal;
		font-size:10pt;
		padding:1px 5px 1px 5px;
	}

	TABLE.main-page-table TD.login-rejected {
		height:15px;
		text-align:left;
		color:red;
		background-color:#FFDADA;
		font-family:Calibri, Sans Serif, helvetica;
		font-weight:normal;
		font-size:10pt;
		padding:1px 5px 1px 5px;
	}

	TABLE.main-page-table TD.header-row {
		height:100px;
		background-color:#FCC917;
		vertical-align:middle;
		text-align:right;
	}

	TABLE.main-page-table TD.navigation-row {
		height:21px;
		background-color:;
		vertical-align:middle;
		text-align:left;
		padding: 0px 0px 0px 0px;
	}

	TABLE.main-page-table TD.main-row {
		height:100%;
		background-color:;
		vertical-align:top;
		text-align:left;
	}

	TABLE.main-page-table TD.footer-row {
		height:25px;
		background-color:#FFFFCC;
		vertical-align:middle;
		text-align:center;
	}

	TABLE.main-page-table TD.footer-row P {
		font-size:10pt;
		color:#FFFFFF;
	}

	TABLE.main-page-table TD.footer-row P A {
		text-decoration:none;
		color: #424A52;
	}

	TABLE.main-page-table TD.footer-row P A:hover {
		text-decoration:none;
		color: #D48500;
	}

	TABLE.main-page-table TD.border-top {
		border-top:solid 1px #424A52;
	}

	TABLE.main-page-table TD.border-bottom {
		border-bottom:solid 1px #424A52;
	}

  TABLE.user-menu TD {padding: 3px; margin-top: 100px;}
  
 TABLE.zvl-table {
  width: 100%;
  }
  TABLE.zvl-table TD {
  padding: 3px;
  }

/* ########## */

/* TOP NAVIGATION */

        TD#TOP_NAVIGATION TABLE.right_box{
                        width: 180px;
                        padding: 8px 0 0 10px;
                        

        }

	TD#TOP_NAVIGATION TABLE.right_box TD {
		background-color:#D0D3D3;
                
	}

	TD#TOP_NAVIGATION TABLE.right_box TD.headline {
		color:#002A40;
		text-align:center;
		font-weight:bold;
		background-color:#E9E9EA;
		border-bottom:solid 3px #F8B323;
	}


	TD#TOP_NAVIGATION TABLE.right_box TD.text SPAN.headline {
		font-weight:bold;
		/* color: ; */
		color:#002a40;
	}

	TD#TOP_NAVIGATION TABLE.right_box TD.text SPAN.teaser {
		font-size:12px;
		color:#002a40;
                text-align: center !important;
                margin-left: 5px;
	}

	TD#TOP_NAVIGATION TABLE.right_box TD.text A.passiv {
		color:#999999;
		text-decoration:none;
		border:none;
	}

	TD#TOP_NAVIGATION TABLE.right_box TD.text A.aktiv {
		color:#FFFFFF;
		text-decoration:none;
		border:none;
	}

	TD#TOP_NAVIGATION TABLE.right_box TD.text A {
		color:#424A52 !important;
		text-decoration:underline !important;
    font-size: 13px !important;
    margin-left: 5px;;
		border:none;
	}

	TD#TOP_NAVIGATION TD.text A:hover {
		color:#424A52;
		text-decoration:underline;
		border:none;
	}

	TD#TOP_NAVIGATION TD.right_login {

	}
	TD#TOP_NAVIGATION TD.padding_top5 {
		padding-top:5px;
	}

	TD#TOP_NAVIGATION TD.padding_right5 {
		padding-right:5px;
	}

	TD#TOP_NAVIGATION TD.padding_bottom5 {
		padding-bottom:5px;
	}

	TD#TOP_NAVIGATION TD.padding_left5 {
		padding-left:5px;
	}

	TD#TOP_NAVIGATION TD.right_login INPUT {
		font-size:9pt;
	}
        /* */

	TD#TOP_NAVIGATION {
		border:none;
		vertical-align:bottom;
		width: 500px;
	}

	TD#TOP_NAVIGATION TABLE.top_navigation_table {
		width:100%;
		border:none;
	}

	TD#TOP_NAVIGATION TABLE.top_navigation_table TD.top-menu {
		text-align:left;
	}

	TD#TOP_NAVIGATION TABLE.top_navigation_table TD.top-menu, TD#TOP_NAVIGATION TABLE.top_navigation_table TD.top-menu A, TD#TOP_NAVIGATION TABLE.top_navigation_table TD.top-menu A:hover {
		color:#FFFFFF;
		font-size:12pt;
		text-decoration:none;
		border:none;
	}

	/*TABLE.navitable TD:hover { background-image:url(../../images/top_navigation_bg_aktiv.gif) }*/

/* ############## */

/* LEFT NAVIGATION */

	TD#LEFT_NAVIGATION {
		padding: 20px;
		vertical-align:top;
		border-right:solid 1px #5F6062;
	}

	TD#LEFT_NAVIGATION TD {
		font-size:8pt;
		line-height:135%;
		padding:5px;
		border:none;
	}

	TD#LEFT_NAVIGATION TD.headline {
		font-size:12pt;
		color:#002A40;
		text-align:left;
		font-weight:bold;
		background-color:#E9E9EA;
		border-bottom:solid 3px #FBBB1F;
	}

	TD#LEFT_NAVIGATION TD.text {
		padding: 2px 3px 2px 3px;
		background-color:#D0D2D3;
    font-size: 13px;
	}

	TD#LEFT_NAVIGATION TD.text A.passiv {
		color:#002A40;
		text-decoration:none;
		border:none;
    font-size: 13px;
	}

	TD#LEFT_NAVIGATION TD.text A.aktiv {
		color:#C25E03;
		text-decoration:none;
		border:none;
    font-size: 13px;
	}

	TD#LEFT_NAVIGATION TD.text A:hover {
		color:#C25E03;
    font-size: 13px;
	}

/* ############## */



/* MAIN CONTENT TABLE */

	TABLE.main-content-table {
		width:100%;
		height:100%;
	}

	TABLE.main-content-table TD.left-col {
		width:120px;
		background-color:#FCC917;
		vertical-align:top;
		text-align:left;
	}

	TABLE.main-content-table TD.middle-col {
		background-color:;
		vertical-align:top;
		text-align:left;
	}

	TABLE.main-content-table TD.right-col {
		width:170px;
		background-color:#FFFFCC;
		vertical-align:top;
		text-align:left;
	}

	TABLE.main-page-table TD.border-left {
		border-left:solid 1px #424A52;
	}

	TABLE.main-page-table TD.border-right {
		border-right:solid 1px #424A52;
	}

/* ########## */

/* MAIN COLUMN */

.content-table {
margin: 0 auto;
width: 100%;
padding: 15px;
height: auto;
float: left;
border: 0;

}

/* ########## */

/* RIGHT COLUMN */

	TD#RIGHT_COLUMN {
		padding: 15px;
		vertical-align:top;

		border-left:solid 1px #5F6062;

	}


	TD#RIGHT_COLUMN TD {
		font-size:11px;
		line-height:135%;
	}

	TD#RIGHT_COLUMN TD.newsletter, TD#RIGHT_COLUMN TD.headline, TD#RIGHT_COLUMN TD.text {
		padding: 4px 4px 4px 4px;
	}

	TD#RIGHT_COLUMN TD.newsletter {
		color:#FFFFFF;
		text-align:left;
		font-weight:normal;
	}

	TD#RIGHT_COLUMN TABLE.right_box TD {
		background-color:#D0D3D3;
	}

	TD#RIGHT_COLUMN TABLE.right_box TD.headline {
		color:#002A40;
		text-align:center;
		font-weight:bold;
		background-color:#E9E9EA;
		border-bottom:solid 3px #F8B323;
    font-size: 13px;
}
	}


	TD#RIGHT_COLUMN TD.text SPAN.headline {
		font-weight:bold;
		/* color: ; */
		color:#424A52;
	}

	TD#RIGHT_COLUMN TD.text SPAN.teaser {
		font-size:12px;
		color:#424A52;
    font-family:Calibri, Sans Serif, helvetica;
	}

	TD#RIGHT_COLUMN TD.text A.passiv {
		color:#999999;
		text-decoration:none;
		border:none;
	}

	TD#RIGHT_COLUMN TD.text A.aktiv {
		color:#FFFFFF;
		text-decoration:none;
		border:none;
	}

	TD#RIGHT_COLUMN TD.text A {
		color:#424A52;
		text-decoration:underline;
		border:none;
        font-size: 13px;

	}

	TD#RIGHT_COLUMN TD.text A:hover {
		color:#424A52;
		text-decoration:underline;
		border:none;
	}

	TD#RIGHT_COLUMN TD.right_login {

	}

	TD#RIGHT_COLUMN TD.padding_top5 {
		padding-top:5px;
	}

	TD#RIGHT_COLUMN TD.padding_right5 {
		padding-right:5px;
	}

	TD#RIGHT_COLUMN TD.padding_bottom5 {
		padding-bottom:5px;
	}

	TD#RIGHT_COLUMN TD.padding_left5 {
		padding-left:5px;
	}

	TD#RIGHT_COLUMN TD.right_login INPUT {
		font-size:9pt;
	}
  
  /*
  .summary_left{background: rgb(247, 163, 10);}
 ############## */

/* CONTACT FORM */

	TABLE.contact_form TD INPUT.input_text_1 {
		font-family:Calibri, Sans Serif, helvetica;
		font-size:8pt;
		letter-spacing:3px;
		color: #424A52;
		line-height:100%;
		padding:1 2 0 2;
		width:250px;
		font-weight:normal;
	}

	TABLE.contact_form TD TEXTAREA.input_text_1 {
		font-family:Calibri, Sans Serif, helvetica;
		font-size:8pt;
		letter-spacing:3px;
		color: #424A52;
		line-height:135%;
		padding:2 2 2 2;
		width:250px;
		height:50px;
		font-weight:normal;
	}

	TABLE.contact_form TD INPUT.input_submit_1 {
		font-family:Calibri, Sans Serif, helvetica;
		font-size:8pt;
		letter-spacing:1px;
		color: #424A52;
		line-height:135%;
		padding:0;
		width:70px;
		font-weight:bold;
	}


/* ########## */

/* COURSES */

	TABLE.course_table {
		width:99%;
		border:solid 1px #E7E7E7;
		border-collapse:collapse;
    margin: 0 auto;
   
	}
    
    TABLE.course_speicher {
   /* border: 1px solid #ee7300;         */
    width: 100%;
    margin: 0 auto;
    padding-top: 25px;
   
    
    }

	TABLE.course_table TR.headline {
		background-color: #E7E7E7;
	}

	TABLE.course_table TR.headline TD P {
		font-size:14px;
		text-align:center;
    font-family: Calibri, Sans Serif, helvetica;
	}

	TABLE.course_table TR.even {
		background-color:#EEEEEE;
	}

	TABLE.course_table TR.odd {
		background-color:#FFFFFF;
	}

	TABLE.course_table TD {
		border-top:none;
		padding:4px;
		vertical-align:top;
    border-bottom: 1px solid #ccc;
    font-size: 1.2em;
	}

	TABLE.course_table TD.width100p {
		width:100%;
	}

	TABLE.course_table TD.text_bold {
		font-weight:bold;
	}

	TABLE.course_table TD.border_top {
		border-top:solid 1px #E7E7E7;
	}

	TABLE.course_table TD.border_top_dashed {
		border-top:dashed 1px #E7E7E7;
	}

	TABLE.course_table TD.border_right {
		border-right:solid 1px #E7E7E7;
	}

	TABLE.course_table TD.border_right_dashed {
		border-right:dashed 1px #E7E7E7;
	}

	TABLE.course_table TD.border_bottom {
		border-bottom:solid 1px #E7E7E7;
	}

	TABLE.course_table TD.border_bottom_dashed {
		border-bottom:dashed 1px #E7E7E7;
	}

	TABLE.course_table TD.border_left {
		border-left:solid 1px #E7E7E7;
	}

	TABLE.course_table TD.border_left_dashed {
		border-left:dashed 1px #E7E7E7;
	}

/* ###  Multikurs Tabelle #### */

TABLE.course_table {background: #ffffff}
	TABLE.multi_course_table {
		width:99%;
		border:solid 1px #E7E7E7;
		border-collapse:collapse;
    margin: 0 auto;
    background: #ccc;
	}
	TABLE.multi_course_table td {
    color: #002a40;
    font-size: 0.9em;
	}
/* INPUTS */

INPUT.w100p, SELECT.w100p, TEXTAREA.w100p {
	width:100%;
}

INPUT.w20, SELECT.w20, TEXTAREA.w20 {
	width:20px;
}

INPUT.w30, SELECT.w30, TEXTAREA.w30 {
	width:30px;
}

INPUT.w50, SELECT.w50, TEXTAREA.w50 {
	width:50px;
}

INPUT.w60, SELECT.w60, TEXTAREA.w60 {
	width:60px;
}

INPUT.w65, SELECT.w65, TEXTAREA.w65 {
	width:65px;
}

INPUT.w70, SELECT.w70, TEXTAREA.w70 {
	width:70px;
}

INPUT.w100, SELECT.w100, TEXTAREA.w100 {
	width:100px;
}

INPUT.w140, SELECT.w140, TEXTAREA.w140 {
	width:140px;
}

INPUT.w146, SELECT.w146, TEXTAREA.w146 {
	width:146px;
}

INPUT.w150, SELECT.w150, TEXTAREA.w150 {
	width:150px;
}

INPUT.w200, SELECT.w200, TEXTAREA.w200 {
	width:200px !important;
}

INPUT.w250, SELECT.w250, TEXTAREA.w250 {
	width:250px !important;
}

INPUT.w300, SELECT.w300, TEXTAREA.w300 {
	width:300px;
}
INPUT.w350, SELECT.w350, TEXTAREA.w350 {
	width:350px !important;
}
INPUT.w400, SELECT.w400, TEXTAREA.w400 {
	width:400px !important;
}
INPUT.h20, SELECT.h20, TEXTAREA.w20 {
/*	height:25px; */
}
INPUT.h20:focus, INPUT.w150:focus, INPUT#norobot:focus {background: #ffffcc !important;}
INPUT.dateselector{width: 120px !important; border: 1px solid #002a40; background:#cccccc;}

TABLE.account TD {
	padding-bottom: 2px;
}

TABLE.booking_overnight INPUT, TABLE.booking_overnight SELECT, TABLE.account INPUT, TABLE.account SELECT {
	font-size:12px;
	color:#424A52;
  /*width: 100px;*/
}

TABLE.booking_single INPUT, TABLE.booking_single SELECT {
	font-size:12px;
	color:#424A52;
  /*width: 100px;*/
  }

TABLE.account INPUT.text{
color: #555;
}

/* booking_overnight */

TABLE.booking_overnight { border-collapse:collapse; border-left: 2px solid #f59c00;width: auto;}
TABLE.w100p { width:100%; }
TABLE.booking_overnight TD.w100p { width:100%; }
TABLE.booking_overnight TD.w25 { width:25px; }
TABLE.booking_overnight TD.w50 { width:50px; }
TABLE.booking_overnight TD.w75 { width:75px; }
TABLE.booking_overnight TD.w100 { width:100px; }
TABLE.booking_overnight TD.w125 { width:125px; }
TABLE.booking_overnight TD.w150 { width:150px; }
TABLE.booking_overnight TD.w175 { width:175px; }
TABLE.booking_overnight TD.w200 { width:200px; }
TABLE.booking_overnight TD.w225 { width:225px; }

TABLE.booking_overnight TD { padding:3px; border:solid 1px #C3C3C3; }
TABLE.booking_overnight TD.headline { text-align:left; vertical-align:bottom; background-color:#C3C3C3; }
TABLE.booking_overnight TD.headline P { font-weight:bold; }
TABLE.booking_overnight TD.date { background-color:#E7E7E7; }
TABLE.booking_overnight TD.date P {  }
TABLE.booking_overnight TD.h25 { height:25px; padding:20px;; }

TABLE.systemrq TD { padding:3px; border:solid 1px #C3C3C3; font-size: 11px; color: #424A52;}
TABLE.systemrq TH {font-size: 12px; color : #002a40;}
/* ###### */

/***** booking_single ***/

TABLE.booking_overnight INPUT.text, TABLE.booking_teilnehmer INPUT.text, TABLE.booking_overnight SELECT, TABLE.account INPUT.text, TABLE.account SELECT {
	border:solid 1px #ccc;
/*	padding:2px;*/
}

TABLE.booking_teilnehmer INPUT.text{height: 45px;}
TABLE.booking_single { border-collapse:collapse; border-left: 10px solid #f59c00;}
TABLE.booking_single TD { padding:3px; border:solid 1px #C3C3C3; }
TABLE.booking_single TD.headline { background-color:#C3C3C3; }



/* booking_teilnemer*/
TABLE.booking_teilnehmer { border-collapse:collapse; border-left: 10px solid #f59c00;/*width: 100%;*/}
TABLE.booking_teilnehmer TD.w100p { width:100%;}
TABLE.booking_teilnehmer TD.w25 { width:25px; }
TABLE.booking_teilnehmer TD.w50 { width:50px; }
TABLE.booking_teilnehmer TD.w75 { width:75px; }
TABLE.booking_teilnehmer TD.w100 { width:100px; border:solid 1px #424A52;	padding:2px;}
TABLE.booking_teilnehmer TD.w125 { width:125px; }
TABLE.booking_teilnehmer TD.w150 { width:150px; }
TABLE.booking_teilnehmer TD.w175 { width:175px; }
TABLE.booking_teilnehmer TD.w200 { width:200px; }
TABLE.booking_teilnehmer TD.w225 { width:225px; }

TABLE.booking_teilnehmer TD { padding:3px; border:solid 1px #C3C3C3; }
TABLE.booking_teilnehmer TD.headline { text-align:center; vertical-align:bottom; background-color:#C3C3C3; }
TABLE.booking_teilnehmer TD.headline P { font-weight:bold; }
TABLE.booking_teilnehmer TD.date { background-color:#E7E7E7; }
TABLE.booking_teilnehmer TD.date P {  }
TABLE.booking_teilnehmer TD.h25 { height:25px; width: 100%; }

INPUT.sender {
	border:solid 1px #424A52;
	background-color:#f59c00 !important;
	font-weight:bold;
	font-size:14px;
	color:#424A52;
  cursor:pointer;
  margin: 5px;
  width: auto !important;
  border-radius: 5px;
  padding: 5px;

}
INPUT.login {
	border:solid 1px #424A52;
	background-color:#f59c00 !important;
	font-weight:bold;
	font-size:13px;
	color:#424A52;
  cursor:pointer;
  margin: 5px;
  border-radius: 5px;

}

#checksystem {
	border:solid 1px #424A52;
	background-color:#FBBB1F;
	font-weight:bold;
	font-size:13px;
	color:#424A52;
  cursor:pointer;

}

/* ###### */

TD#LEFT_NAVIGATION TABLE.cal_container TD.boxes { padding:15px 0px 0px 0px; }
TD#LEFT_NAVIGATION TABLE.cal_container TD.hl { text-align:center; font-size:10pt; }
TD#LEFT_NAVIGATION TABLE.cal_container TD.legende { text-align:left; }
TD#LEFT_NAVIGATION TABLE.cal_container TD.legende P { font-size:8pt;line-height:15px; }

TD#LEFT_NAVIGATION TABLE.course_cal { border-collapse:collapse; }

TD#LEFT_NAVIGATION TABLE.course_cal TR.tagleiste TD, TABLE.course_cal TR.days TD { /*width:200px;height:0px;*/ }

TD#LEFT_NAVIGATION TABLE.course_cal TR.tagleiste TD, TABLE.course_cal { }
TD#LEFT_NAVIGATION TABLE.course_cal TR.tagleiste TD { border:none; text-align:center; }
TD#LEFT_NAVIGATION TABLE.course_cal TR.days TD { border:solid 1px #ababab; text-align:center; width:25px; }
TD#LEFT_NAVIGATION TABLE.course_cal TR.days TD.empty { border:none; }
TD#LEFT_NAVIGATION TABLE.course_cal TR.days TD.empty P { font-size:1pt; }

TD#LEFT_NAVIGATION TABLE.course_cal TR.tagleiste TD P { font-size:8pt; }
TD#LEFT_NAVIGATION TABLE.course_cal TR.days TD P { font-size:8pt; }

TD#LEFT_NAVIGATION TABLE.course_cal TR TD P { padding:0px; margin:0px; }
TD#LEFT_NAVIGATION TABLE.course_cal TR TD.passedaway { background-color:#EEEEEE; }
TD#LEFT_NAVIGATION TABLE.course_cal TR TD.passedaway P { color:#ababab;text-decoration:line-through; }
TD#LEFT_NAVIGATION TABLE.course_cal TR TD.today { background-color:#FFFFFF; border:solid 2px #FFBE39; }

TD#LEFT_NAVIGATION TABLE.course_cal TD.bg_mofr { background-color:#FFFFFF; }
TD#LEFT_NAVIGATION TABLE.course_cal TD.bg_sa { background-color:#FFFFFF; }
TD#LEFT_NAVIGATION TABLE.course_cal TD.bg_sa P { color:#d11414; }
TD#LEFT_NAVIGATION TABLE.course_cal TD.bg_so { background-color:#FFFFFF; }
TD#LEFT_NAVIGATION TABLE.course_cal TD.bg_so P { color:#d11414; }


#hiddendiv {
  display: none;
}

TABLE.recordings { width:100%;border-collapse:collapse; }
TABLE.recordings TR.headline { /*background-color:red;*/ }
TABLE.recordings TR.headline TD.text { width:200px; }
TABLE.recordings TR.headline TD.icon { width:10px; }
TABLE.recordings TR.headline TD.detail { width:100%; }
TABLE.recordings TR.headline TD { border:solid 1px #FFFFFF; background-color:#FEF3DF; padding:4px; }
TABLE.recordings TR.detail-row TD.content { border:solid 1px #FFFFFF; background-color:#FAFAFA; padding:8px; }

TABLE.recordings TR.divider-row TD.divider { height:1px; border:solid 1px #FFFFFF; background-color:#D0D2D3; }
TABLE.recordings TR.divider-row TD.divider-white { height:5px; border:solid 1px #FFFFFF; background-color:#FFFFFF; }

TABLE.recordings TR.detail-row TD.content TABLE.detail-table {}
TABLE.recordings TR.detail-row TD.content TABLE.detail-table TR.detail-row {}
TABLE.recordings TR.detail-row TD.content TABLE.detail-table TR.detail-row TD.detail-icon { padding-right:5px; }
TABLE.recordings TR.detail-row TD.content TABLE.detail-table TR.detail-row TD.detail-text {}

ifrm{
	frameborder:0;
	width:100%;
	height:650px;
	scrollbar-arrow-color:#fcbd30;
	scrollbar-face-color: #FFFFFF;
	scrollbar-darkshadow-color:#fcbd30;
    scrollbar-base-color:#fcbd30;
	scrollbar-3d-light-color:#FFFFFF;
	scrollbar-arrow-color:#fcbd30;
	scrollbar-face-color:#FFFFFF;
	scrollbar-highlight-color:#fcbd30;
	scrollbar-shadow-color:#fcbd30;
	scrollbar-track-color:#FFFFFF;
}


#intervise_ifrm{
	frameborder:0;
	width:100%;
	height:400;
	scrollbar-arrow-color:#fcbd30;
	scrollbar-face-color: #FFFFFF;
	scrollbar-darkshadow-color:#fcbd30;
    scrollbar-base-color:#fcbd30;
	scrollbar-3d-light-color:#FFFFFF;
	scrollbar-arrow-color:#fcbd30;
	scrollbar-face-color:#FFFFFF;
	scrollbar-highlight-color:#fcbd30;
	scrollbar-shadow-color:#fcbd30;
	scrollbar-track-color:#FFFFFF;
}


.leftGreyBorder{
	border-left-color:#CCCCCC;
}

/****  Suche  ****/

TABLE.search { width:90%;border-collapse:collapse; }
TABLE.search TR.headline { }
TABLE.search TR.headline TD.text { width:150px; font-family:Calibri, Sans Serif, helvetica;font-size:12px; background:  }
TABLE.search TR.headline TD.icon { background:transparent !important; }
TABLE.search TR.headline TD.inhalt {  background-color: #ffffff; }
TABLE.search TR.headline TD { border:solid 1px #FFFFFF; background-color:#FEF3DF; padding:4px; }
TABLE.search TR.detail-row TD.content { border:solid 1px #FFFFFF; background-color:#FAFAFA; padding:8px; }

TABLE.search TR.divider-row TD.divider { height:1px; border:solid 1px #FFFFFF; background-color:#D0D2D3; }
TABLE.search TR.divider-row TD.divider-white { height:5px; border:solid 1px #FFFFFF; background-color:#FFFFFF; }

TABLE.search TR.detail-row TD.content TABLE.detail-table {}
TABLE.search TR.detail-row TD.content TABLE.detail-table TR.detail-row {}
TABLE.search TR.detail-row TD.content TABLE.detail-table TR.detail-row TD.detail-icon { padding-right:5px; }
TABLE.search TR.detail-row TD.content TABLE.detail-table TR.detail-row TD.detail-text {}

TABLE.account{border: 0px solid #ccc; }

.highlight{color:red;}

a.sender, a.sender:hover{
	border:solid 1px #424A52;
	background-color:#FBBB1F;
	font-weight:bold;
	font-size:11px;
	color:#424A52;
	text-decoration:none;
	text-align:center;
	padding: 3 3 3 3px;
}


/****** Autocomplete Registrierung *****/

/*#show-registrierung {visibility: hidden;}*/


/********** Scroller *************/

.scrollup{
    width:50px;
    height:50px;
    opacity:0.6;
    position:fixed;
    bottom:50px;
   right:30px; 
    display:none;
    text-indent:-9999px;
    background: url('images/icon_top.png') no-repeat;
}

.scrollup:hover {opacity:1.0;}

fieldset{
min-width: 0;
padding: 0;
margin: 0;
border: 0;
padding: 0px !important;
}
legend {color: #002A40;
	 font-size: 13px;
	 padding: 5px 10px 5px 10px!important;
  border: 1px #002a40 solid !important;

}

fieldset.tobook {border: 1px solid #cccccc !important; }
legend.tobook {color: #002A40;

	 padding: 0px 10px 0 10px;
}

fieldset#kursangebot {height: 150px;}

TABLE.verify_table {
		width:100%;
		border:solid 1px orange;
		border-collapse:collapse;
	}
TABLE.verify_table TR.headline {
		background-color: #E7E7E7;
	}
TABLE.verify_table TR.headline TD P {
		font-size:13px !important;
		text-align:center;
	}
TABLE.verify_table TD {
		border-top:none;
		padding:5px;
		vertical-align:top;
                
	}
  
TABLE.referents {
width: 100%;
border:0;
}
TABLE.referents TD {padding: 10px;}
TABLE.referents TD.picture {width: 10%; padding: 10px;}
TABLE.referents TD.vita {width: 40%;}

@media screen and (max-width: 900px) {
table.referents {width:100%;}
thead {display: none;}
tr:nth-of-type(2n) {background-color: inherit;}
tr td:first-child {}
tbody td {
/*display: block;  
text-align:center; */
}
tbody td:before { 
    content: attr(data-th); 
    display: block;
    text-align:center;  
  }
  .ust-box{visibility: hidden;}
}
@media screen and (max-width: 600px) {
 .ust-box{visibility: hidden !important;}
 }      
 
@media screen and (max-height: 560px) {
	#banner {
		display: none !important;
	}
} 
/***** Listen **********/

UL.singleview {
font-size: 12px;
color: #424A52;
line-height: 150%;
font-family:Calibri, Sans Serif, helvetica;

}


/************** UL Navigation  *************/


.nav {
    margin:0;
    padding:0;
    list-style:none;
}
.nav li {
    
    position:relative;
   /* z-index:99;*/
    
}

#nav {
    display:block;
    float:left;
}


/*********** Megamenü Style  ****************/


/*** ESSENTIAL STYLES ***/
.sf-menu {
  position: relative;
  margin: 0;
  padding: 10px 50px 0px 0;
  list-style: none;
  z-index: 99;
 }
 
 
.sf-menu .sf-mega {
  position: absolute;
  display: none;
  top: 100%;
  left: 20px;
 /* z-index: 999;*/
  background: #283651;
  border-left: 5px solid #cccccc;
  border-right: 5px solid #cccccc;
  border-bottom: 5px solid #cccccc;
  border-top: 2px solid 002a40;
 }
 
.sf-menu > li {
  float: left;
  display: block;
}
.sf-menu li:hover > .sf-mega,
.sf-menu li.sfHover > .sf-mega {
  display: block;
}

.sf-menu > li > a {
  display: block;
  position: relative;

}


/*** DEMO SKIN ***/
.sf-menu {
  float: left;
  padding: 8px 0 0 auto;
  display: block;
}
.sf-menu .sf-mega {
  box-shadow: 2px 3px 6px rgba(0,0,0,.2);
  width: 100%; /* allow long menu items to determine submenu width */
  list-style: none;
  width: 553px;
}
.sf-menu > li > a {
  border-left: 1px solid #ffffff;
  border-top: 1px solid #dFeEFF; /* fallback colour must use full shorthand */
  border-top: 1px solid rgba(255,255,255,.5);
  padding: 0 5px 0 5px;
  text-decoration: none;
  color: 002a40;
  font-family: Calibri, Sans Serif, Verdana;
  font-weight: normal;
  border:0;
  display: block;
  font-size: 26px;
 }
 
 .sf-menu > li > a:hover{
 color: #ffffff;
 font-weight: normal;
 }
.sf-menu > li {
  background: transparent;
  display: block;
  height: 25px;
  text-transform: uppercase;
  font-weight: bold;
 
}
.sf-menu > li:hover,
.sf-menu > li.sfHover {
   background: transparent;
  /* only transition out, not in */
  -webkit-transition: none;
  transition: none;
  display: block;
  
}

/*** mega menu dropdown ***/
.sf-mega {
  background-color: #002a40;
  padding: 0 5px 0 5px;
 

}
.sf-mega-section {
  float: left;
  width: 180px; /* optional */
  border-left: 0px solid #b4c8f5;
  height: 130px;
}
.sf-mega-section ul {
    list-style-type: none;
font-family:Calibri, Sans Serif, helvetica;
   font-weight: normal !important;
    }
 

 .sf-mega-section h2 {
   margin-left: 20px;
    }
  .sf-mega-section li a{
  color: #ffffff;
  margin-left: -20px;
  text-decoration: none;
  font-size: 13px;
  } 
  
  .sf-mega-section li a:hover{
  color: #F7B512;
 
  text-decoration: none;
  }
  
  
  
/*** arrows (for all except IE7) **/
.sf-arrows .sf-with-ul {
  padding-right: 2.0em;
 /* padding-right: 1em;  no CSS arrows for IE7 (lack pseudo-elements) */
}
/* styling for both css and generated arrows */
.sf-arrows .sf-with-ul:after {
  content: '';
  position: absolute;
  top: 50%;
  right: 1em;
  margin-top: -3px;
  height: 0;
  width: 0;
  /* order of following 3 rules important for fallbacks to work */
  border: 5px solid transparent;
  border-top-color: #dFeEFF; /* edit this to suit design (no rgba in IE8) */
  border-top-color: rgba(255,255,255,.5);
}
.sf-arrows > li > .sf-with-ul:focus:after,
.sf-arrows > li:hover > .sf-with-ul:after,
.sf-arrows > .sfHover > .sf-with-ul:after {
  border-top-color: white; /* IE8 fallback colour */
}

/* CKEditor div für Kursinhalte */

.ckeditor-p {font-size: 12px;}

.rotate{
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -ms-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;

    -webkit-transition-property: -webkit-transform;
    -ms-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    transition-property: transform;

    overflow:hidden;

    }  

.rotate:hover {
-webkit-transform:rotate(360deg)scale(1.5,1.5);
    -moz-transform:rotate(360deg)scale(1.5,1.5);
    -ms-transform:rotate(360deg)scale(1.5,1.5);
    -o-transform:rotate(360deg)scale(1.5,1.5);
}

.isoimg{
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -ms-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;

    -webkit-transition-property: -webkit-transform;
    -ms-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    transition-property: transform;

    overflow:hidden;

    }  

.isoimg:hover {
-webkit-transform:rotate(360deg)scale(1.0,1.0);
    -moz-transform:rotate(360deg)scale(1.0,1.0);
    -ms-transform:rotate(360deg)scale(1.0,1.0);
    -o-transform:rotate(360deg)scale(1.0,1.0);

}
 img#howfull{
 border: 1px solid #002a40;
 box-shadow:2px 2px 2px #666;
 width: 80px;
 height: 16px;
 background: #ffffff !important;
 border-radius: 2px;
 }
.textw {background: #e9e9ea;}

/*  Cookie Bar 

#cookie-bar {background:#002a40; height:auto; line-height:24px; color:#ffffff; text-align:center; padding:3px 0; opacity: 0.7;}
#cookie-bar.fixed {position:fixed; top:0; left:0; width:100%;}
#cookie-bar.fixed.bottom {bottom:0; top:auto;}
#cookie-bar p {margin:0; padding:0; color: #ffffff;}
#cookie-bar a {color:#ffffff; display:inline-block; border-radius:3px; text-decoration:none; padding:0 6px; margin-left:8px;}
#cookie-bar .cb-enable {background:#ee7300;}
#cookie-bar .cb-enable:hover {background:#f59c00;}
#cookie-bar .cb-disable {background:#990000;}
#cookie-bar .cb-disable:hover {background:#bb0000;}
#cookie-bar .cb-policy {background:#0033bb;}
#cookie-bar .cb-policy:hover {background:#0055dd;}
*/

.ui-helper-reset {
    margin: 0 auto !important;
    text-align: left !important;
    }
    
nuv ul {
  margin: 0 10px 0 0;
  padding: 0;
  list-style: none;
  float: right;
  background: #eee;
  border: 1px solid #000000;
  border-radius: 3px;    

}

nuv{
position: absolute;
right: 0;
 
}

nuv li {
float: left;   
 
   
}

nuv #login {
 border-right: 1px solid #ddd;
 box-shadow: 1px 0 0 #fff; 
 z-index: 1000000;
}

nuv #login-trigger,
nuv #signup a {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  height: 30px;
  line-height: 25px;
  font-weight: bold;
  padding: 0 8px;
  text-decoration: none;
  color: #444;
  text-shadow: 0 1px 0 #fff; 
  cursor:pointer;
}

nuv #signup a {
  border-radius: 0 3px 3px 0;
}

nuv #login-trigger {
  border-radius: 3px 0 0 3px;
}

nuv #login-trigger:hover,
nuv #login .active,
nuv #signup a:hover {
  background: #fff;
}

nuv #login-content {
  display: none;
  position: absolute;
  top: 30px;
  right: 0;
  z-index: 100000;    
  background: #fff;
  background-image: linear-gradient(top, #fff, #eee);  
  padding: 15px;
  box-shadow: 0 2px 2px -1px rgba(0,0,0,.9);
  border-radius: 3px 0 3px 3px;
}

nuv li #login-content {
  right: 11;
  width: 260px;  
  z-index:1000000;
}

/*--------------------*/

#inputs input {
  background: #f1f1f1;
  padding: 6px 5px;
  margin: 0 0 5px 0;
  width: 238px;
  border: 1px solid #ccc;
  border-radius: 3px;
  box-shadow: 0 1px 1px #ccc inset;
}

#inputs input:focus {
  background-color: #fff;
  border-color: #e8c291;
  outline: none;
  box-shadow: 0 0 0 1px #e8c291 inset;
}

/*--------------------*/

#login #actions {
  margin: 10px 0 0 0;
}

#login #submit {    
  background-color: #d14545;
  background-image: linear-gradient(top, #e97171, #d14545);
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  text-shadow: 0 1px 0 rgba(0,0,0,.5);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;    
  border: 1px solid #7e1515;
  float: left;
  height: 30px;
  padding: 0;
  width: 100px;
  cursor: pointer;
font-family:Calibri, Sans Serif, helvetica;
  color: #fff;
}

#login #submit:hover,
#login #submit:focus {    
  background-color: #e97171;
  background-image: linear-gradient(top, #d14545, #e97171);
} 

#login #submit:active {   
  outline: none;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;   
}

#login #submit::-moz-focus-inner {
  border: none;
}

.tn-confirm {padding:5px; background: #ee7300; border: 1px solid #ee7300; color:#ffffff; font-weight: bold;}

#login label {
  float: right;
  line-height: 30px;
}

#login label input {
  position: relative;
  top: 2px;
  right: 2px;
}

#left_navigation{
display: none;
float: left;
padding: 5px 20px 25px 0px;
}

#left_navigation li {
display: inline; 
list-style-type: none; 
}

 *::-webkit-scrollbar {
  width: 20px;
  }

  * {
  scrollbar-width: auto;
  scrollbar-color: orange white ;
}

#main_content{
width: 95%;
/*max-width: 800px;  */
height: 75%;
text-align: left;
margin-top: 10px;
/*margin-left: 10px;*/
margin: 0 auto;
    
overflow-y: scroll;
}

@media only screen and (max-width: 600px) {
.sf-menu > li > a { 
    font-size: 24px; 
}

 #main_content {
    width: 100%;
    padding:10px;
  }
}

#show_courses{
  width: 100%;
}

.container {
/*min-height: auto !important;
background: #ffffff;
margin-top: -49px;
padding-top: 50px;*/

}


OL, UL {
font-size: 1.1em !important;
}

/* passwortlänge */

ul.pwrules{list-style-type: none;}
.pw-kurz{color:#900000; font-size: 11px;}
.pw-schwach{color: #ffa500;font-size: 11px;}
.pw-gut{color:#009933;font-size: 11px;}
.pw-stark{color:#009000;font-size: 11px;}
.boldgreen{font-weight:bold;color:green; font-size: 12px;}
#minimum span, #grossundklein span, #buchstabenundzahlen span, #sonderzeichen span{display:none;color:green;font-size: 12px;}

li.minimum, li.grossundklein, li.buchstabenundzahlen, li.sonderzeichen {font-size: 12px;}

/* Fernwartung ausblenden bei Handys */

@media (max-device-width:480px) {
.container {visibility: hidden !important;}
.extruder{visibility: hidden !important;}
.service-bg{visibility: hidden !important;}
.bx-wrapper{visibility: hidden;}
.ust-box{visibility: hidden !important;}
}

@media (max-device-width:1000px){
.bx-wrapper{visibility: hidden;}
.ust-box{visibility: hidden !important;}
}

/* Termine Tabelle */
.tg  {border-collapse:collapse;border-spacing:0;}
.tg td{font-family:Arial, sans-serif;font-size:14px;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;}
.tg th{font-family:Arial, sans-serif;font-size:14px;font-weight:normal;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;}
.tg .tg-e3zv{font-weight:bold}
.tg .tg-9hbo{font-weight:bold;vertical-align:top}
.tg .tg-yw4l{vertical-align:top}

#testuser_infobox {
	margin-bottom: 10px;
	margin-top: 25px;
	padding: 5px;
	background: #E1EAEF; 
	width: 90%;
	font-family:Calibri, Sans Serif, helvetica;
	font-size: 16px;
	border: 2px;
	border-style: dotted;
	border-color: #F59C00;
}

/* Kursauswahl ausblenden */

#checkcourseart {
margin-bottom: 25px; 
/*background: #E1EAEF; */
width: 99%;
}
#prae, #onl{position:relative; direction: rtl; float: left; width: 100%; }

#onl {float: left;}


/*#praesenz {display: none; float: left; position: relative; border: 0px solid #002a40; width: auto;direction: ltr; }
#online {display: none; float: left; position: relative; border: 0px solid #002a40; width: auto; direction: ltr; padding: 5px 0 5px 0;}*/

#onlineimg2, #praesenzimg {cursor: pointer; }

#onlineimg2 {transition: transform .5s ease; max-width: 142px; box-shadow: 5px 5px 10px #cccccc; margin: 7px;}
#onlineimg2:hover {transform: scale(1.1);}
#online_course {float:left; padding: 20px; max-width: 200px;}
#online_course img {transition: transform .5s ease;}
#online_course:hover img {transform: scale(1.2);}

#praesenzimg2 {transition: transform .5s ease; max-width: 142px; box-shadow: 5px 5px 10px transparent; margin: 7px;}
#praesenzimg2:hover {transform: scale(1.1);}


/* Head Slider */
.bx-wrapper {width: 100% !important; float:left;}

/*   Aufzeichnungen */
.ui-accordion h3 {
    margin-top: 10px !important;
    }
    
.ui-tooltip
	{
	    font-size:1.2em !important;
	}
  
.ui-accordion .ui-accordion-content {
    padding: 1em 2.2em;
    border-top: 0;
    overflow: auto;
    font-size: 1.5em;
}

.ui-accordion h3 {
    font-weight: bold !important;
    font-size: 1.4em !important;
    color: #cccccc !important;
    }
.ui-widget-content a {
    font-size: 0.8em !important;
}


/* Popup mit ABGs /*
/* Outer */
.popup {
    width:100%;
    height:100%;
    display:none;
   
    top:0px;
    left:0px;
    background:#fff;
}
 
/* Inner */
.popup-inner {
  
    width:45%;
    padding:40px;
    position:absolute;
   margin-top: 480px;
    left:50%;
    -webkit-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%);
    box-shadow:0px 2px 6px rgba(0,0,0,1);
    border-radius:3px;
    background:#FFF8CC;
}
 
/* Close Button */
.popup-close {
    width:50px;
    height:50px;
    padding-top:15px;
    display:inline-block;
    position:absolute;
    top:0px;
    right:0px;
    transition:ease 0.25s all;
    -webkit-transform:translate(50%, -50%);
    transform:translate(50%, -50%);
    border-radius:1000px;
    background: #ee7300;
    font-family:Arial, Sans-Serif;
    font-size:20px;
    text-align:center;
    line-height:100%;
    color:#fff;
}
 
.popup-close:hover {
    -webkit-transform:translate(50%, -50%) rotate(180deg);
    transform:translate(50%, -50%) rotate(180deg);
    background:rgba(0,0,0,1);
    text-decoration:none;
}
.agb{text-decoration: underline !important; font-weight: bold;}

/* Akkordion */

.ui-state-active, .ui-state-default {background: #002a40 !important; }

.ui-datepicker-calendar .ui-state-default{background: none !important;}
.ui-datepicker-calendar .ui-state-highlight {border:2px solid #ee7300 !important;}
/* Placeholder INPUT  */ 
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #ccc;
  opacity:1;
  font-style: italic;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #ccc;
    opacity:1;
    font-style: italic;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #ccc;
    opacity:1;
    font-style: italic;
}
:-moz-placeholder { /* Firefox 18- */
  color: #ccc;
    opacity:1;
    font-style: italic;
}
/* Login Box */

.box h1{
  font-size:1.5em;
  color:#525252;
}

.box{
  background:white;
  width:300px;
  border-radius:6px;
  float: left;
  padding:0px 0px 70px 0px;
 
}
.box input[type="text"]{
width: 250px;
}
#showpw {opacity: 0.6;}

.box2{
  background:white;
  width:auto;
  border-radius:6px;
  float:left;
  padding:5px 0px 70px 5px;
  border: 1px solid #ccc;
  margin-top: 10px;
}
.email{
  background:#ecf0f1;
  border: #ccc 1px solid;
  border-bottom: #ccc 2px solid;
  padding: 8px;
  width:250px;
  color:#AAAAAA;
  margin-top:10px;
  font-size:1em;
  border-radius:4px;
  height: 25px;  
}

.password{
  border-radius:4px;
  background:#ecf0f1;
  border: #ccc 1px solid;
  padding: 8px;
  width:250px;
  font-size:1em;
}

.btn{
  background:#f59c00;
  width:125px;
  padding-top:5px;
  padding-bottom:5px;
  color:white;
  border-radius:4px;
  border: #27ae60 1px solid;
  
  margin-top:20px;
  margin-bottom:20px;
  float:left;
font-size: 14px;
font-weight: 400;
}

.btn:hover{
  background:#f59c00; 
}

#btn2{
  float:left;
  background:#002a40;
  width:125px; 
  height: 33px; 
  padding-top:5px;
  padding-bottom:5px;
  color:white;
  border-radius:4px;
  border: #2980b9 1px solid;
  text-align: center;
  margin-top:20px;
  margin-bottom:20px;
  margin-left:10px;
font-size: 14px;
font-weight: 400;
}

#btn2:hover{ 
background:#3594D2; 
}

.ui-accordion-content .bodytext{
font-size: 0.9em !important;
}
.ui-accordion-content li{
font-size: 1em !important;
}

.hinweis {
border: 1px solid #cccccc;
padding: 7px;
font-weight: bold;
}

#newbi {
display:none;
width: 720px;
height: 520px;
position: fixed;
z-index: 99999999;
background: #4A4D4E;
margin: 0 auto;
border: 3px solid #f59c00;
border-radius: 15px;
top: 50%;
left: 50%;
margin-top: -300px;
margin-left: -350px;
padding: 5px;

}

#newbi h1{
	font-size:1.8em !important;
		color:#f59c00 !important;
		font-weight:bold;
    border-bottom: 0 !important;
    margin: 5px 0 20px 0 !important;
    text-align: center;
}

/* Close Button */
.popup-close-2 {
    width:30px;
    height:30px;
    padding-top:7px;
    display:inline-block;
    position:absolute;
    top:0px;
    right:0px;
    transition:ease 0.25s all;
    -webkit-transform:translate(50%, -50%);
    transform:translate(50%, -50%);
    border-radius:1000px;
    background: #ee7300;
    font-family:Arial, Sans-Serif;
    font-size:15px;
    text-align:center;
    line-height:100%;
    color:#fff;
    cursor: pointer;
}
 
.popup-close-2:hover {
    -webkit-transform:translate(50%, -50%) rotate(180deg);
    transform:translate(50%, -50%) rotate(180deg);
    background:rgba(0,0,0,1);
    text-decoration:none;
}

#newbi-info p{
margin-left: 25px !important;
color: #fff;
font-size: 1.3em !important;
}
#newbi-step1 p{
margin-left: 25px !important;
color: #fff;
font-size: 1.2em !important;
}


#newbi-step1 p.unten{
margin-left: 25px !important;
color: #fff;
font-size: 1.0em !important;
}

#newbi-info td{

}

.tour_start, .newbi-step2go{
border-radius: 200px !important;
padding: 20px 40px 20px 40px !important;
border: solid 1px #424A52;
background-color: #f59c00 !important;
font-weight: bold;
font-size: 14px;
color: #424A52;
cursor: pointer;
-webkit-box-shadow: 15px 15px 7px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 15px 15px 7px 0px rgba(0,0,0,0.75);
box-shadow: 15px 15px 7px 0px rgba(0,0,0,0.75);
}
.kennich{
border-radius: 200px !important;
padding: 20px !important;
border: solid 1px #424A52;
background-color: #f59c00 !important;
font-weight: bold;
font-size: 14px;
color: #424A52;
cursor: pointer;
-webkit-box-shadow: 15px 15px 7px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 15px 15px 7px 0px rgba(0,0,0,0.75);
box-shadow: 15px 15px 7px 0px rgba(0,0,0,0.75);
}

#buchenlink a {
padding: 20px;
color: #ffffff;
background: #ee7300;
}

input[type="checkbox"]{
width: 20px !important;
height: 20px !important;
}



/**** Responsive Top Navigation *******/

.sidenav {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 100000000;
 /* top: 0;  */
  right: -5px;
  background-color: #002a40;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 60px;
  border-right: #f59c00 2px solid;
}

.sidenav a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 16px;
  color: #ffffff !important;
  display: block;
  transition: 0.3s;
  font-family:Calibri, Sans Serif, helvetica;
}

.sidenav a:hover {
  color: #cccccc !important;
}

.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 26px;
  margin-left: 50px;
}


/**** Responsive Top Navigation fuer Steuersoft*******/

.sidenav_sf {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 100000000;
 /* top: 0;  */
  right: -5px;
  background-color: #22A029;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 60px;
  border-right: #22A029 2px solid;
}

.sidenav_sf a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 16px;
  color: #ffffff !important;
  display: block;
  transition: 0.3s;
  font-family:Calibri, Sans Serif, helvetica;
}

.sidenav_sf a:hover {
  color: #cccccc !important;
}

.sidenav_sf .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 26px;
  margin-left: 50px;
}

@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}



.col-25 {
  float: left;
  width: 25%;
  margin-top: 6px;
}

.col-75 {
  float: left;
  width: 75%;
  margin-top: 6px;
}
input[type=text], select, textarea {
 /* width: 100%; */
  padding: 12px;
  border: 1px solid #ccc;
  border-radius: 4px;
  resize: vertical;
}
input[type=email] {
 width: 250px;
  padding: 12px;
  border: 1px solid #ccc;
  border-radius: 4px;
  resize: vertical;
}
input[type="password"] {
    width: 250px;
    padding: 12px;
    border: 1px solid #ccc;
    border-radius: 4px;
    resize: vertical;
}

 textarea {
  width: 100%;
  padding: 12px;
  border: 1px solid #ccc;
  border-radius: 4px;
  resize: vertical;
}

#form_zip  {width: 100px !important;}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

.row label {font-size: 20px; color: #002a40;}
/* Responsive layout - when the screen is less than 600px wide, make the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
  .col-25, .col-75 {
 width: 100%;
    margin-top: 0;
  }
}
#show-registrierung .row {margin: 0 !important;}
#norobot {width: 100px !important; font-weight: 600; font-size: 1em;}

.logout-button {
/*
background-image: url('../../images/logout.png'); 
border: 0; 
background-repeat: no-repeat; 
width:30px; height: 30px;
margin-right: 10px;    */
display: none;
}

@keyframes blink {
       0% {
           opacity: 0.4;
       }

       50% {
           opacity: 1;
       }
       100% {
           opacity: 0.6;
       }
}

.kursspeicher {
       animation: blink 3s;
       animation-iteration-count: infinite;
}

#banner {
/*
background-image: url('images/pegasus-IQ_banner.png') ;
background-repeat: no-repeat;
background-position: 10px 20px;
*/
float: left;
padding: 5px 0 0 10px;
}

/* FACHSEMINARE 2020 */ 
@media only screen and (min-width: 769px) {
	
	.participant_button {
		padding: 5px 12px 5px 12px;
		font-size: 20px;
		margin-right: 10px;
	}
	
	/* For desktop */
	
	.booking_fsr2020_termine .referent_auswahl {
		width: 19%;
		display: table-cell;
	}
	

	.booking_fsr2020_termine .headline {
		background: #fff; 
		font-weight: bold;
		padding: 20px; 
		min-height: 70px;
		width: auto;
		border: solid 1px #c3c3c3;
	}
    
    .booking_fsr2020_termine .gruppe_1 {
    background: rgb(198,224,179 , 0.8);
    }
    
     .booking_fsr2020_termine .gruppe_2 {
    background: rgb(189,215,238 , 0.8);
    }
    
     .booking_fsr2020_termine .gruppe_3 {
    background: rgb(237,237,237 , 0.8);
    }
    
     .booking_fsr2020_termine .gruppe_4 {
    background: rgb(255,242,205 , 0.8);
    }
    
     .booking_fsr2020_termine .gruppe_5 {
    background: rgb(255,226,218 , 0.8);
    }

	.booking_fsr2020_termine .headline p {
		text-align: center;
	}

	.booking_fsr2020_termine .headline img {
		display: block;
		margin-left: auto;
		margin-right: auto;
		height: 100px; 
		width: 100px; 
	}
	
	.booking_fsr2020_termine .topics {
		background: #F6D562;
		padding: 25px; 
		min-height: 420px;
		width: 100%; 
		border: solid 1px #c3c3c3;
	}

	.booking_fsr2020_termine .choice {
		background: #F8F2DE;
		min-width: 70px;
		padding: 25px;
		width: 100%; 
		border: solid 1px #c3c3c3;
	}
	
	.booking_fsr2020_single { border-collapse:collapse; border-left: 5px solid #f59c00; width: 40%}
	.booking_fsr2020_single_TD { padding:3px; }
	#fsr2020_anrede {height: auto; } 
	.booking_fsr2020_single_headline { text-align: center; padding-top: 5px; padding-bottom: 5px; background-color:#C3C3C3; }
	.booking_fsr2020_single_cell { display: table-cell; }
	.booking_fsr2020_single INPUT, .booking_fsr2020_single SELECT {
		font-size:12px;
		color:#424A52;
		width: auto;
	}


}

@media only screen and (max-width: 768px) {
  /* For mobile phones: */
	
	.booking_fsr2020_termine .referent_auswahl {
		width: 100%;
		margin-bottom: 5px;
	}
  
  	.booking_fsr2020_termine .headline {
		background: #B5E2F1; 
		font-weight: bold;
		width: 100%;
		padding: 25px; 
		min-height: 70px;
		border: solid 1px #c3c3c3;
	}
	
	.booking_fsr2020_termine .headline p {
		text-align: center;
	}

	.booking_fsr2020_termine .headline img {
		display: block;
		margin-left: auto;
		margin-right: auto;
		height: 100px; 
		width: 100px; 
	}
	
	.booking_fsr2020_termine .topics {
		background: #F6D562; 
		padding: 25px; 
		min-height: 200px;
		width: 100%; 
		border: solid 1px #c3c3c3;
	}
	
	.booking_fsr2020_termine .choice {
		background: #F8F2DE;
		min-width: 70px;
		padding: 25px;
		width: 100%; 
		border: solid 1px #c3c3c3;
	}
	
	.booking_fsr2020_single { border-collapse:collapse; border-left: 10px solid #f59c00; width: 100%}
	.booking_fsr2020_single_TD { width: 100%;  padding:3px; }
	#fsr2020_anrede {height: auto; } 
	.booking_fsr2020_single_headline { padding-top: 10px; padding-bottom: 10px; padding-left: 8px;  background-color:#C3C3C3; }
	.booking_fsr2020_single_cell { }
	.booking_fsr2020_single INPUT, .booking_fsr2020_single SELECT {
		font-size:12px;
		width: 100% !important;
		color:#424A52;
	}
    #booking_single_0, #booking_single_1 {
    width: 100% !important;
    }

}
.hotelwahl {max-width: 350px; border: 1px solid #000}
.fsr2020_full {
	color: red; 
}

.loginlink {
margin-top: 20px;
padding: 10px 50px;
background: orange;


}

/* Radiobuttons für lohi live */

.referent_auswahl {

}


.form_gruppe {
  position: relative;
  top: 6;
  left: 0;
  height: 30px;
  width: 30px;
    background-color: #eee;
  border-radius: 50%;
  cursor: pointer;
   -webkit-filter: blur(0);
}

.referent_auswahl:hover input ~ .form_gruppe {
  background-color: #ccc;
}


/*  Akkordeon Menü Kursunterlagen und Aufzeichnungen */

.ui-widget{
font-size: 13px !important;
}

footer {height: 150px;}