@charset "UTF-8";
@media all {
	/* JQuery - Sicherheistfragen beim Workflow
	--------------------*/
	.boxy-wrapper { position: absolute; width: 50%; width: 420px; max-width: 420px;  }
	.boxy-wrapper.fixed { position: fixed; }
	/* Modal */
	.boxy-modal-blackout { position: absolute; background-color: #000000; left: 0; top: 0; }  /* #808080 */
	/* Border */
	.boxy-wrapper { empty-cells: show; }
	.boxy-wrapper .top-left,
	.boxy-wrapper .top-right,
	.boxy-wrapper .bottom-right,
	.boxy-wrapper .bottom-left { width: 10px; height: 10px; padding: 0 }
	.boxy-wrapper .top-left { background: url('../../images/treemenu/boxy-nw.png'); }
	.boxy-wrapper .top-right { background: url('../../images/treemenu/boxy-ne.png'); }
	.boxy-wrapper .bottom-right { background: url('../../images/treemenu/boxy-se.png'); }
	.boxy-wrapper .bottom-left { background: url('../../images/treemenu/boxy-sw.png'); }
	.boxy-wrapper .top, .boxy-wrapper .bottom { height: 10px; background-color: black; opacity: 0.6; filter: alpha(opacity=60); padding: 0 }
	.boxy-wrapper .left, .boxy-wrapper .right { width: 10px; background-color: black; opacity: 0.6; filter: alpha(opacity=60); padding: 0 }
	/* Title bar */
	.boxy-wrapper .title-bar { background-color: black; padding: 6px; position: relative; }
	.boxy-wrapper .title-bar.dragging { cursor: move; }
	.boxy-wrapper .title-bar h2 { font-size: 11pt; color: white; line-height: 1; margin: 0; padding: 0; font-weight: bold; }
	.boxy-wrapper .title-bar .close { color: white; position: absolute; top: 6px; right: 6px; font-size: 90%; line-height: 1; }
	/* Content Region */
	.boxy-inner { background-color: white; padding: 0 }
	.boxy-content { padding: 10px; }
	/* Question Boxes */
	.boxy-wrapper .question { max-width: 420px; min-height: 100px; }
	.boxy-wrapper .answers { text-align: right; }
	.boxy-wrapper .button { padding: 3px 10px; line-height: 25px; text-shadow: none; cursor: pointer; box-shadow: none; background: #333333; color: #e4e4e4; width: 100%; -moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; border-radius:5px; behavior:url(border-radius.htc); margin-top: -2px; font-size: 12pt; height: 34px; }
	.boxy-wrapper .button:hover { color: #ffffff; box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.3); }

	/* Ajax Tabs */
	ul.ajaxtabul { list-style:none; margin:0 0 5px 0; padding:0; clear:both; border-bottom:1px solid #ccc; height:20px; clear:both; }
	li.ajaxtab1 { float:left; margin-right:7px; text-align:center; }
	li.ajaxtab1 a { display:block; height:20px; padding:0 0 0 0; background-color:#FFFFFF; color:#666; width:100%; }
	li.ajaxtab1 a:hover { color:#666;  background-color:#ddd;} 
	li.ajaxtab1 a.active { background-color:#ddd; }
	li.ajaxtab1current { float:left; margin-right:7px; text-align:center; }
	li.ajaxtab1current a { display:block; height:20px; padding:0 0 0 0; background-color:#ddd; color:#666; width:100%; }
	li.ajaxtab1current a:hover { color:#666; } 
	li.ajaxtab1current a.active { background-color:#ddd; }

	li.ajaxtab2 { float:left; margin-right:7px; text-align:center; }
	li.ajaxtab2 a { display:block; height:20px; padding:0 0 0 0; background-color:#FFFFFF; color:#666; width:100%; }
	li.ajaxtab2 a:hover { color:#666;  background-color:#ddd;}
	li.ajaxtab2 a.active { background-color:#ddd; }
	li.ajaxtab2current { float:left; margin-right:7px; text-align:center; }
	li.ajaxtab2current a { display:block; height:20px; padding:0 0 0 0; background-color:#ddd; color:#666; width:100%; }
	li.ajaxtab2current a:hover { color:#666; } 
	li.ajaxtab2current a.active { background-color:#ddd; }

	/* Definition für "my_active_question & active_questions */
	ul.ajaxtabulquest { list-style:none; margin:0 0 5px 0; padding:0; clear:both; border-bottom:1px solid #ccc; height:20px; clear:both; }
	li.ajaxtab1quest { float:left; margin-right:7px; text-align:center; }
	li.ajaxtab1quest a { display:block; height:20px; padding:0 0 0 0; background-color:#E6F2FF; color:#888; width:100%; }
	li.ajaxtab1quest a:hover { color:#888;  background-color:#C6E1FF;} 
	li.ajaxtab1quest a.active { background-color:#ddd; }
	li.ajaxtab1currentquest { font-weight: bold; float:left; margin-right:7px; text-align:center; }
	li.ajaxtab1currentquest a { display:block; height:20px; padding:0 0 0 0; background-color:#B7FFB7; color:#888; width:100%; }
	li.ajaxtab1currentquest a:hover { color:#888; } 
	li.ajaxtab1currentquest a.active { background-color:#B7FFB7; }

	li.ajaxtab2quest { float:left; margin-right:7px; text-align:center; }
	li.ajaxtab2quest a { display:block; height:20px; padding:0 0 0 0; background-color:#E1FFE1; color:#888; width:100%; }
	li.ajaxtab2quest a:hover { color:#888;  background-color:#B7FFB7;}
	li.ajaxtab2quest a.active { background-color:#B7FFB7; }
	li.ajaxtab2currentquest { font-weight: bold; float:left; margin-right:7px; text-align:center; }
	li.ajaxtab2currentquest a { display:block; height:20px; padding:0 0 0 0; background-color:#C6E1FF; color:#888; width:100%; }
	li.ajaxtab2currentquest a:hover { color:#888; } 
	li.ajaxtab2currentquest a.active { background-color:#C6E1FF; }

	/* JQuery - Greybox - Popup für Workflow-Info
	--------------------*/
	/**  Hindergrund abdunkeln */
	#GB_overlay { background-color: #000; position: absolute; margin: auto; top: 0; left: 0; z-index: 50000; }

	/** Fenster */
	#GB_window { left: 0; top: 0; font-size: 1px; position: absolute; overflow: visible; z-index: 59000; }

	/** Body in dem der Text angezeigt wird */
	#GB_window .content { width: auto; margin: 0; padding: 0; }

	/** Inline-Frame zum Anzeigen der Webseite des Popups */
	#GB_frame { border: 0; margin: 0; padding: 0; overflow: auto; white-space: nowrap; }

	.GB_Gallery { margin: 0 22px 0 22px; }
	.GB_Gallery .content { background-color: #fff; border: 3px solid #ddd; } 

	.GB_header { top: 10px; left: 0; margin: 0; z-index: 60000; position: absolute; border-bottom: 2px solid #555; border-top: 2px solid #555; }
	.GB_header .inner { background-color: #333; font-family: Arial, Verdana, sans-serif; padding: 2px 20px 2px 20px; }
	.GB_header table { margin: 0; width: 100%; border-collapse: collapse; }
	.GB_header .caption { text-align: left; color: #eee; white-space: nowrap; font-size: 20px; }
	.GB_header .close { text-align: right;}
	.GB_header .close img { z-index: 60000; cursor: pointer; }
	.GB_header .middle { white-space: nowrap; text-align: center; }

	#GB_middle { color: #eee; }
	#GB_middle img { cursor: pointer; vertical-align: middle; }
	#GB_middle .disabled { cursor: default; }
	#GB_middle .left { padding-right: 10px; }
	#GB_middle .right { padding-left: 10px; }

	.GB_Window .content { background-color: #fff; border: 3px solid #ccc; border-top: none; }
	.GB_Window .header { border-bottom: 1px solid #aaa; border-top: 1px solid #999; border-left: 3px solid #ccc; border-right: 3px solid #ccc; margin: 0; height: 22px; font-size: 12px; padding: 3px 0; color: #333; }
	.GB_Window .caption { font-size: 12px; text-align: left; font-weight: bold; white-space: nowrap; padding-right: 20px; }
	.GB_Window .close { text-align: right; }
	.GB_Window .close span { font-size: 12px; cursor: pointer; }
	.GB_Window .close img { cursor: pointer; padding: 0 3px 0 0; }
	.GB_Window .on { border-bottom: 1px solid #333; }
	.GB_Window .click { border-bottom: 1px solid red; }
}
@media (max-width: 500px){ .boxy-wrapper { width: 300px; max-width: 350px;} }