body {
		background-color:#436890;
		margin: 0px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
		color:#fff;
	}

	form, img, table {
		border:0;
		margin:0;
	}

	


	

	.anker {height:0;}
	.clear_left {clear:left; height:0;}
	.clear_right {clear:right;	height:0;}
	.clear_both {clear:both; height:0;}

	a {font-weight:bold; font-size:11px; color:#fff; white-space:nowrap; text-decoration:underline}
	a:hover, a:active {color:#ffee00;}

	.t18gwoo {color:#ffee00; font-weight:bold; font-size:18px; text-decoration:none;}

	
	
	#aktion {
		color:#ffee00;
		font-size:18px;
		font-weight:bold;
		text-align:center;
		margin:10px auto 10px auto;
	}

	.back_to_top:link, .back_to_top:visited {
		float:right;
		margin:10px 20px 5px 0;
		font-size:18px;
		font-weight:normal;
		color:#fff;
		text-decoration:underline;
	}

	.back_to_top:hover, .back_to_top:active {
		color:#ffee00;
	}




/* allgemeine Textkomponenten */

	.t18	{font-size:18px; font-weight: bold;}
	.t15	{font-size:15px; font-weight: bold;}
	.t13	{font-size:13px; font-weight: bold;}
	.t11	{font-size:11px;}
	.t10	{font-size:10px;}
	.b		{font-weight: bold;}
	.w		{color:#fff;}
	.g		{color:#ffee00;}
	.m		{color:#c4d0dd;}

	.bg_g {background-color:#ffee00;}
	
	
/* Eingabefelder */
	
	input, select, textarea {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		color:#000;
		font-size:10px;
	}

	input[type="radio"], input[type="checkbox"] {
		cursor:pointer;
	}
	
	input[type="button"], input[type="submit"] {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size:13px;
		font-weight:bold;
		cursor:pointer;
	}

	input[type="button"]:hover, input[type="button"]:active,
	input[type="submit"]:hover, input[type="submit"]:active {
		background-color:#d4d0c8;
	}

	button[disabled]:active, button[disabled],
	input[type="reset"][disabled]:active,
	input[type="reset"][disabled],
	input[type="button"][disabled],
	input[type="button"][disabled]:active,
	input[type="button"][disabled]:hover,
	select[disabled] > input[type="button"],
	select[disabled] > input[type="button"]:active,
	input[type="submit"][disabled]:hover,
	input[type="submit"][disabled]:active,
	input[type="submit"][disabled] {
		padding: 0px 6px 0px 6px;
		border: 2px outset ButtonFace;
		color: GrayText;
		cursor: inherit;
		background-color:#d4d0c8;
	}	

	.datepicker1 {
		width:100px;
		margin-right:-20px;
		padding:1px 1px 1px 3px;
	}

	.datepicker2 {
		width:100px;
		padding:2px 0 3px 5px; 		
	}
	
	input.rot {
		background-color:#ff0000;
		color:#fff;
	}	

	input.sort {
		width:35px;
		text-align:center;
	}



	
	


/* Navigator */

	#navigator {
		background-color:#000;
		width:100%;
	}

	#navigator #links {
		float:left;
		margin:1px 0 0 7px;
		vertical-align:top;
	}

	#navigator #links .buttons {
		float:left;
		text-align:left;
		margin:0 20px 10px 0;
	}

	#navigator #rechts {
		float:right;
		margin:0 10px 0 0;
	}

	#navigator a:link, #navigator a:visited {font-weight:bold; color: #fff; text-decoration: none; white-space: nowrap; line-height:13px;}
	#navigator a:hover, #navigator a:active {font-weight:bold; color: #ffee00; text-decoration: none; white-space: nowrap; line-height:13px;}

	#navigator #maske {
		float:left;
		font-size:18px;
		font-weight:bold;
		color: #ffee00;
		white-space: nowrap;
	}

	#navigator #maske_unav {
		float:left;
		font-size:11px;
		font-weight:bold;
		color: #ffee00;
		margin-top:6px;
		white-space: nowrap;
	}

	#navigator #maske_unav a:link, #navigator #maske_unav a:visited {color: #ffee00;}
	#navigator #maske_unav a:hover, #navigator #maske_unav a:active {color: #fff;}

	#navigator #logo {
		float:right;
		margin-right:10px;
	}






/* allgemeine Frames */

	#rahmen {
		position:relative;
		margin: 15px auto 0 auto;
	}

	#rahmen #titel {
		position:absolute;
		background-color:#7c96b2;
		padding:5px 10px 5px 10px;
		text-align:left;
		white-space:nowrap;
	}

	div#kopfdaten {
		position:absolute;
		top:55px;
		overflow:auto;
		text-align:left;
	}
	
	#rahmen #daten {
		position:absolute;
		left:0px;
		top:55px;
		overflow:auto;
		text-align:left;
	}


	
/*  */	

	tr.row_off {
		background-color:#283e56;
	}

	tr.row_on {
		background-color:#7c96b2;
	}
	
	tr.row_loeschen {
		background-color:#ff0000;
	}

	tr.eingabe {
		display:none;
	}
	
	td.leerzeile {background-color:#436890; height:1px; padding:0;}

	
	
	
	
/* ABC-Leiste Kunden, Agenten */

	#abc {
		float:left;
		height:30px;
		white-space:nowrap;
	}

	#abc div {
		float:left;
		margin-left:2px;
		background-color:#283e56;
		color:#fff;
		font-weight:bold;
		padding:8px 5px 0 5px;
		height:22px;
		text-align:center;
		cursor:pointer;
	}

	#abc div:hover {
		background-color:#7c96b2;
		cursor:pointer;
	}

	#abc .aktiv, #abc .aktiv:hover {
		background-color:#7c96b2;
		color:#fff;
		cursor:default;
	}	

	
	
	
	
/* Agenten */


	/* Agenten Titelbereich (ABC, Suchen, ADDNEW) */

	.agenten#titel #suchen {
		float:left;
		margin-left:20px;
		background-color:#283e56;
		padding:5px 10px 0 6px;
		height:25px;
	}

	.agenten#titel #suchen input {
		width:130px;
		font-size:11px;
		margin-right:5px;
	}

	.agenten#titel #kategorien {
		float:left;
		text-align:center;
		margin-left:20px;
	}

	.agenten#titel #addnew {
		float:right;
		font-size:18px;
		margin:3px 10px 0 0;
	}



	/* Agenten Liste */

	.agenten#daten {
		white-space:nowrap;
	}

	.agenten#daten tr {
		background-color:#283e56;
		font-size:10px;
		color: #c4d0dd;
	}

	.agenten#daten tr:hover {
		background-color:#7c96b2;
		font-size:10px;
		cursor:pointer;
	}

	.agenten#daten table.trans tr {
		background-color:transparent;
	}



	/* Agent - Untermenue Tabs */

	.agent#tabnav {
		position:relative;
		top:55px;
		height:30px;
		width:100%;
	}

	.agent#tabnav #name_auswahl {
		float:left;
		background-color:#283e56;
		height:35px;
	}

	.agent#tabnav #auswahl {
		float:left;
		margin:6px 5px 0 6px;
		background-color:#fff34c;
		font-size:13px;
		width:300px;
	}

	.agent#tabnav #zurueck {
		float:left;
		font-size:30px;
		line-height:20px;
		text-decoration:none;
		margin:5px 0 0 10px;
	}

	.agent#tabnav #vor {
		float:left;
		font-size:30px;
		line-height:20px;
		text-decoration:none;
		margin:5px 20px 0 0;
	}

	.agent#tabnav .tab_link {
		float:left;
		margin:0px 0 0 2px;
		display:block;
		background-color:#283e56;
		height:25px;
		padding:9px 20px 0 20px;
		text-align:center;
		cursor:pointer;
		font-weight:bold;
		text-decoration:none;
	}

	.agent#tabnav .tab_link:hover {
		background-color:#7c96b2;
		color:#ffee00;
	}
	
	.agent#tabnav .aktiv, .agent#tabnav .aktiv:hover {
		background-color:#7c96b2;
		color:#fff;
		cursor:default;
	}
		
	.agent#tabnav #back_to_list {
		float:right;
		margin:6px 5px 0 0;
		white-space:nowrap;
	}	


	
	/* Agent - Details (Untermenue + Datenbereich)  */
	
	.agent#details {
		position:relative;
		top:55px;
		background-color:#283e56;
		color: #fff;
		font-size: 10px;
		white-space:nowrap;
		padding:0;
		overflow:hidden;
	}



	/* Agent - Untermenue für Unterbereich (Stammdaten, Buchungen etc.)  */

	.agent#details #tab_unav {
		height:40px;
		padding:10px 0 0 10px;
		overflow:hidden;
	}



	/* Agent - Unterbereiche -> Datenbereich (Stammdaten, Buchungen etc.) */

	.agent#details #tab_daten {
		background-color: transparent;
		padding:0 0 0 10px;
		overflow:auto;
	}



	/* Agent - Unterbereich STAMMDATEN */

	.agent#details .stammdaten#tab_daten {
		background-color: transparent;
	}

	.agent#details .stammdaten#tab_daten tr {
		background-color: transparent;
	}



	/* Agent - Unterbereich BUCHUNGEN */

	.agent#details .buchungen#tab_daten tr {
		background-color:#395068;
	}

	.agent#details .buchungen#tab_daten tr:hover {
		background-color:#5A738D;
	}

	.agent#details .buchungen#tab_daten table.trans tr {
		background-color:transparent;
	}

	.agent#details .buchungen#tab_daten td.kunde, .agent#details .buchungen#tab_daten td.preise, .agent#details .buchungen#tab_daten .t13 {
		cursor:pointer;
	}

	.agent#details .buchungen#tab_daten td.kunde:hover {
		color:#ffee00;
	}


	.agent#details .buchungen#tab_daten .leerzeile {
		background-color:#283e56;
		height:3px;
		padding:0;
	}

	.agent#details .buchungen#tab_daten #buchungsstatus.B {background-color:#ff0000; width:100px; padding:4px 0 4px 0; text-align:center;}
		background-color:#000;
	}
	
	.buchung #einzelpreis {
		background-color:#ff00ff;
		color:#ffee00;
	}




	/* Agent - Unterbereich MITARBEITER */

	.agent#details .mitarbeiter#tab_daten div {
		background-color:#395068;
		padding:10px;
		margin-bottom:10px;
	}


	
	
	
	
/* Template Fancybox */

	body#template_fancybox {
		height:100%;
		margin:0;
		padding:0;
		font-family: Verdana, Arial, Helvetica, sans-serif; 
		font-size:12px
		color:#000;
	}

	body#datatool_fancybox {
		height:100%;
		margin:0;
		padding:0;
		font-family: Verdana, Arial, Helvetica, sans-serif; 
	}	
	
	div#fancybox {
		position: relative;
		min-height: 100%;
	}

	* html div#fancybox {
		height: 100%;
	}
	
	
	
	
	
	
/* Textblock */

	.tb {
		width:550px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		color: #fff;
		font-size: 12px;
		font-weight: normal;
		line-height: 17px;
		text-align: left;
	}


	.tb .seitentitel {
		font-family: Roboto;
		color:#fff;
		font-size:30px;
		font-weight:normal;
		line-height:40px;
	}


	.tb h1, .tb h2, .tb h3 {
		font-family: Roboto;
		color:#fff;
		font-size:20px;
		font-weight:normal;
		line-height:22px;
		margin:0;
	}

	.tb .titel {
		font-family: Roboto;
		color:#fff;
		font-size:20px;
		font-weight:normal;
		line-height: 22px;
	}

	.tb .caption {
		text-align:center;
		padding:2px 0 3px 0;
	}

	.tb .bild {
		background-color: #D8EAF2;
		border:1px solid #D8EAF2;
		color: #0E152A;
	}

	.tb .bild_nolink {
		cursor:default;
		border:0px solid #eef1f7;
	}

	.tb .pdf {
		display: block;
		background:url(../navigator/pdf.gif) 0px 0px no-repeat;	
		font-weight:bold;
		padding:7px 0 0 38px;
		height:24px;
		white-space: nowrap;
	}

	.tb .hz {
		float:left;
		margin:0;
		overflow:hidden;
	}
	
	.tb ul, .tb li {
		text-indent:0;
	}