body {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 11px;
	background-color: #fff;
	padding: 5px;
	margin: 0px;
}

td, th, select, option, input, h4, textarea {
	font-size: 9pt;
}

ul {
	list-style:square url(/img/directbox/iebullet.gif);
	padding: 0;
	margin: 0px;
}

ol {
	margin:5px 25px;
}

form {
	margin:0px;
	padding:0px;
	display:inline;
}

p {
	margin-top:0px;
	margin-bottom:5px;
	line-height:15px;
}

#app {
	margin: 0px auto;
	padding: 0;
	background: white url(/img/directbox/menu/background.gif) repeat-y left;
}

.helper {
	background: transparent url(/img/directbox/menu/background.gif) repeat-y right;
}

#main {
	width: 100%;
	float: none;
	clear: both;
}

#start {
	background:#fff;
	padding: 0;
	margin: 0px;
	width: 355px;
	border-left: 1px solid #DEDDD9;
	border-right: 1px solid #CAC9C5;
	border-bottom: 1px solid #9A9995;
}


#start ul {
	list-style-position: outside;
	padding: 5px 0 0 20px;
	margin: 0px 5px 10px 0px;
	border-left: 1px solid #DEDDD9;
	border-right: 1px solid #CAC9C5;
	border-bottom: 1px solid #9A9995;
}

#start li {
	padding: 0px 5px 5px 0px;
	margin: 5px;
}

#start h5 {
	color: #fff;
	background: url(/img/directbox/bg_titlebar.gif) no-repeat;
	border-bottom: 1px solid #2040A0;
	padding: 4px 0px 0px 20px;
	margin: 	0px 5px 0px 0px;
	height: 16px;
}

#start h6 {
	background: url(/img/directbox/bg_titlebar.gif) no-repeat;
	border-bottom: 1px solid #2040A0;
	color:#fff;
	padding: 3px 0px 0px 20px;
	margin: 0px;
	height: 16px;
	font-size:12px;
}

#loginform {
	background: #EEEDE6;
	width: 100%;
	color: #000;
	font-weight: bold;
	margin: 0px 0px 5px 0px;
	padding: 0;
	float: right;
	clear: right;
	border-left: 1px solid #DEDDD9;
	border-right: 1px solid #CAC9C5;
	border-bottom: 1px solid #9A9995;
}

#loginform h4 {
	background: url(/img/directbox/bg_titlebar.gif) no-repeat;
	border-bottom: 1px solid #2040A0;
	color:#fff;
	padding: 4px 0px 0px 20px;
	margin: 0px;
	height: 16px;
}

#tail {
	background: url(/img/directbox/bg_tail.gif) repeat-x;
	width: 100%;
	margin: 0px;
	padding: 0;
	color: #000;
	text-align: center;
	float: left;
	clear: none;
	border-right: 1px solid #777;
}

#tail ul {
	padding: 7px 0;
	margin: 0 0;
}

#tail li {
	list-style: none;
	display: inline;
	font-size: 8pt;
	padding: 0 2px;
}

#tail a:link, #tail a:visited {
	color:#000;
	text-decoration:none;
}

#tail a:hover {
	color: #2040A0;
	text-decoration: underline;
}

.context {
	background:#fff url(/img/directbox/bg_context_left.gif) no-repeat;
	padding:0px;
	color:#000;
	height:60px;
	margin:0px;
	width:139px;
}

#mainpanel {
	background: transparent;
	padding: 10px 2px 10px 2px;
	margin: 0;
	width: 100%;
	vertical-align: top;
}

#mainpanel h1 {
	color:#000;
	font-size:11px;
	padding: 3px 0px 0px 10px;
	margin: 0;
	background: url(/img/directbox/bg_headline.gif) repeat-x;
	height: 22px;
	width: 96%;
}

#mainpanel h2 {
	font-size:12px;
	margin: 5px 0;
	color: #2040A0;
	padding: 0px 15px;
}

#mainpanel h3 {
	font-family: Arial,sans-serif;
	font-size: 9pt;
	font-weight: bold;
	display: block;
	color: #fff;
	background: url(/img/directbox/menu/link_active.gif) repeat-x;
	padding: 3px 0 4px 15px;
	margin: 0;
	height: 12px;
}

#toolpanel {
	float: left;
	list-style: none;
	margin: 0;
	padding: 0 0 0 10px;
}

#toolpanel a {
	width: 48px;
	height: 48px;
	float: left;
	display: block;
}

#toolpanel a span {
	display: block;
	float: left;
	width: 48px;
	height:12px;
	padding: 30px 0 0;
	text-align:center;
	font-size: 9px;
}

#toolpanel a:hover {
	background: transparent url(/img/directbox/tools/bg_toolpanel_hover.gif) no-repeat;
	color: black;
	text-decoration:none;
	padding: 1px 0 0 0;
}

#toolpanel ul {
	margin:0;
	padding:0;
	list-style:none;
	height:60px;
}

#toolpanel li {
	float:left;
	margin: 6px 5px 6px 0;
	padding: 0;
	display: block;
	width: 48px;
	height: 48px;
	background: transparent url(/img/directbox/tools/bg_toolpanel.gif) no-repeat;
}

a.t_email span {background: transparent url(/img/directbox/tools/t_email.gif) no-repeat top center;}
a.t_sms span {background: transparent url(/img/directbox/tools/t_sms.gif) no-repeat top center;}
a.t_fax span {background: transparent url(/img/directbox/tools/t_fax.gif) no-repeat top center;}
a.t_voice span {background: transparent url(/img/directbox/tools/t_voicemail_new.gif) no-repeat top center;}
a.t_skype span {background: transparent url(/img/directbox/tools/t_voicemail.gif) no-repeat top center;}
a.t_date span {background: transparent url(/img/directbox/tools/t_newcalentry.gif) no-repeat top center;}
a.t_note span {background: transparent url(/img/directbox/tools/t_newnote.gif) no-repeat top center;}
a.t_logout span {background: transparent url(/img/directbox/tools/t_logout.gif) no-repeat top center;}
a.t_help span {background: transparent url(/img/directbox/tools/t_help.gif) no-repeat top center;}
a.t_sendemail span {background: transparent url(/img/directbox/tools/t_sendemail.gif) no-repeat top center;}

#toolpanel a:hover span {
	padding-top: 30px;
	color: #000;
	cursor: pointer;
}

#Service a:link,
#Service a:hover,
#Service a:visited {
	color:#fff;
	text-decoration:none;
}

#mainmenu {
	margin: 0;
	padding: 0;
	width: 150px;
	float: left;
	clear: right;
}

#mainmenu h3 {
	background: #fff url(/img/directbox/menu/bg_menu.gif);
	border-right: 1px solid #000;
	border-left: 1px solid #000;
	font-size: 10pt;
	font-weight: normal;
	display: block;
	margin: 0;
	padding: 3px 0 3px 0;
	cursor: pointer;
	color: #000;
	height: 14px;
	width: 149px;
}

#mainmenu h3.active {
	background: url(/img/directbox/menu/bg_menu.gif) 0 25px;
	font-size: 8pt;
	font-weight: bold;
	display: block;
	margin: 0;
	padding: 2px 0;
	cursor: pointer;
	color: #fff;
	height: 14px;
	width: 149px;
}

#mainmenu h3 a:hover {
	background: url(/img/directbox/menu/bg_menu.gif) 0 50px;
	font-size: 8pt;
	font-weight: bold;
	display: block;
	margin: 0;
	padding: 2px 0;
	cursor: pointer;
	color: #fff;
	height: 14px;
	width: 149px;
}

#mainmenu a {
	display: block;
	font-size: 11px;
	color: #000;
	padding: 1px 0 1px 5px;
	margin: 0;
	width: 144px;
	background: #EEEDE6;
	border-right: 1px solid #000;
	border-left: 1px solid #000;
	border-bottom: 1px solid #ddd;
}

#mainmenu a:link, #mainmenu a:visited {
	color: #000;
	text-decoration: none;
}

#mainmenu a.menuactive {
	display: block;
	font-size: 11px;
	padding: 1px 0 1px 5px;
	margin: 0;
	color: #000;
	background: #fff;
}

#mainmenu a:hover {
	text-decoration: underline;
	color: #2040A0;
}

.m {
	border: 0px;
	padding: 0px 5px 0px 0px;
	margin: 0px;
}

.tform {
	padding:0px 10px 0px 10px;
	height:20px;
}

.adress {
	background:#fff;
	margin: 0px 0px 10px 0px;
	padding: 0 0px 1px 0px;
	width: 100%;
}

.adress th {
	color: #2040A0;
	border-bottom: 1px solid #2040A0;
	padding: 5px 0 5px 5px;
	margin: 5px 0 0 0;
}

.adress th a:link, .adress th a:visited {
	color: #fff;
	text-decoration: none;
}

.adress td {
	border-bottom: 1px solid #D9D8D4;
	padding: 0 0 0 3px;
}

#form {
	background: #F5F4ED;
	border-left: 1px solid #DEDDD9;
	border-right: 1px solid #CAC9C5; 
	border-bottom: 1px solid #9A9995; 
	margin: 0 0 10px 0;
	padding: 0;
	width: 100%;
}

#form h2 {
	font-family: Arial,sans-serif;
	font-size: 9pt;
	font-weight: bold;
	display: block;
	color: #2040A0;
	padding: 5px 0 3px 13px;
	margin: 0;
	height: 18px;
}

#form td {
	padding:1px 1px 2px 10px;
}

#underline, #underline_long {
	background: #fff;
	border-left: 1px solid #DEDDD9;
	border-right: 1px solid #CAC9C5; 
	border-bottom: 1px solid #9A9995; 
	margin: 0 0 10px 0;
	padding: 0;
}

#underline h3, #underline_long h3, #form h3 {
	font-family: Arial,sans-serif;
	font-size: 9pt;
	font-weight: bold;
	display: block;
	color: #fff;
	background: #537BD0 url(/img/directbox/bg_titlebar.gif) no-repeat;
	padding: 3px 0 0 20px;
	margin: 0;
	height: 18px;
}

#underline h4, #underline_long h4 {
	font-size:12px;
	margin: 0;
	color: #2040A0;
	padding:0px 15px;
}

#underline td, #underline_long td {
	padding:1px 1px 2px 10px;
	border-bottom: 1px solid #D9D8D4;
}

#underline p, #underline_long p {
	padding: 5px;
}

#underline ul {
	padding: 0 0 0 25px;
	list-style-position: outside;
}

#underline li {
	padding: 1px;
}

#no_underline {
	background: #fff;
	border-left: 1px solid #DEDDD9;
	border-right: 1px solid #CAC9C5; 
	border-bottom: 1px solid #CAC9C5;
	margin: 0 0 10px 0;
	padding: 0;
}

#no_underline td {
	padding: 1px 5px 2px 15px;
}
.underline td {
	border-bottom: 1px solid #D9D8D4;
	color: #000;
	height: 15px;
	vertical-align: middle;
	padding: 0;
	margin: 0;
	overflow: hidden;
}

.underline_new td {
	background: #ECF2FF;
	border-bottom: 1px solid #bce;
	color: #000;
	padding: 0 0 0 5px;
}

.underline_over td {
	cursor: pointer;
	border-bottom: 1px solid #ccc;
	color: #000;
}

.fb {
	width: 120px;
	height: 20px;
	color: black;
	text-align: center;
	font-size: 11px;
	background: transparent url(/img/directbox/buttons/bg_button.gif) repeat-x;
	cursor: pointer;
	margin: 2px;
	padding: 0;
	border: 1px solid #999;
}

th {
	text-align:left;
}

#tblHTML {
	width: 480px;
	padding: 0;
	margin: 0;
}

#tblHTML td {
	padding: 0 1px;
}

#htmlInput {
	width: 470px;
	float: left;
	margin: 0;
}

.panel {
	padding: 0;
	margin: 0;
	width: 100%;
	color: #000;
}

.panel th {
	background: url(/img/directbox/bg_headline.gif) repeat-x;
}

.panel p {
	background:#fff;
	padding: 5px;
	margin: 0px;
}

.panel h3 {
	display: block;
	font-weight: bold;
	color: #000;
	background: url(/img/directbox/bg_headline.gif) repeat-x;
	font-size: 10px;
	margin: 0;
	padding: 0 5px;
}

.panel ul {
	padding:5px;
	background:#fff;
	list-style-position:inside;
	margin:0px;
}

.panel li {
	padding:0px 5px;
}

.logbuch {
	float: left;
}

.segment {
	border-bottom:1px solid black;
}

.optin {
	display:none;
}

.optout {
	display:block;
}

#inset {
	border: 1px solid #D9D8D4;
	background:#fff;
	margin: 0 0 10px 0;
	padding: 0;
	width: 100%;
}

#inset h4 {
	background: url(/img/directbox/bg_headline.gif) repeat-x;
	color: #000;
	padding: 3px 5px;
	margin: 0px;
	font-size: 11px;
}

#inset td {
	padding: 1px 5px;
	margin: 0;
	border-bottom: 1px solid #EEEDE6;
}

.budget {
	border: 1px solid #B2B2B2;
	padding: 0;
	margin: 0;
	width: 100%;
}

.budget td {
	border: none;
	text-align: left;
}

#account {
	border: 1px solid #D9D8D4;
	background: #fff;
	margin: 0 0 10px 10px;
	width: 210px;
	float: right;
}

#account td {
	padding: 0 5px 3px 5px;
}

#runtime {
	border: 1px solid #D9D8D4;
	background: #fff;
	margin: 0 0 10px 10px;
	width: 210px;
	float: right;
}

#runtime td {
	padding: 0 5px 3px 5px;
}

#status {
	border: 1px solid #D9D8D4;
	background: #fff;
	margin: 0 0 10px 10px;
	width: 100%;
	float: right;
}

#status h4, #account h4 , #runtime h4{
	background: url(/img/directbox/bg_headline.gif) repeat-x;
	color:#000;
	padding:3px 5px;
	margin:0px 0px 0px 0px;
	font-size:11px;
}

#date {
	border-right: 1px solid #D9D8D4;
	border-left: 1px solid #D9D8D4;
	border-top: 1px solid #D9D8D4;
	margin: 0 0 10px 0;
	padding: 0;
	width: 101%;
}

.headline {
	color:#000;
	font-weight: bold;
	padding:0 5px 0 5px;
	margin:2px 0;
	font-size:11px;
}

#newsbox {
	background: #fff;
	margin: 0 0 10px 0;
	width: 101%;
	border: 1px solid #D9D8D4;
	float: left;
}

#newsbox h4, #date h4 {
	font-size: 11px;
	font-weight: bold;
	background: url(/img/directbox/bg_headline.gif) repeat-x;
	color: #000;
	padding: 3px 0px 3px 10px;
	margin: 0;
}

#newsbox td {
	padding: 1px 5px;
	border-bottom: 1px solid #D9D8D4;
}

#empty {
	background:#ffe;
	width: 99%;
	padding: 2px;
	margin: 5px 0;
	border: 1px solid #999;
	color: #000;
}

#empty p {
	padding:5px;
}

#margin {
	background: url(/img/directbox/bg_titlebar.gif) no-repeat;
	color: #fff;
	padding: 6px 0 6px 20px;
}

#margin p {
	color: #000;
} 

.form, .framed {
	background: transparent;
	margin: 0;
	padding: 0;
	width: 100%;
	border: 1px solid #D9D8D4;
}

.form th, .framed th {
	color: #000;
	border-bottom: 1px solid #2040A0;
	margin: 0px;
	height: 20px;
	padding: 0 0 0 20px;
}

.form th a:link {
	color: #2040A0;
	padding: 5px 0px 2px 2px;
}

.form td {
	padding: 0 0 0 5px;
	margin: 0;
}

.inset {
	width: 100%;
}

.inset td {
	border-bottom: 1px solid #eee;
}

.note {
	color:#4271A1;
}

.mails {
	padding: 2px 0 2px 5px;
}

body, td, ul, li, select, option, input, textarea, h3, h2, h1 {
	font-family: Arial,Tahoma, Helvetica, sans-serif;
	font-size:11px;
}

a:link, a:visited {
	color:#2040A0;text-decoration:none;
}

a:hover {
	color:#2040A0;text-decoration:underline;
}

a:active {
	color:black;
}

#head { 
	background: url(/img/directbox/bg_header.gif) repeat-x;
	height: 60px;
	width: 100%;
	clear:both;
	margin: 0;
	border-right: 1px solid #777;
}

#head td {padding:0px;}

.mwidth { width:100%; }
.row_off { display:none; }
.row_on { display:table-row; }

#logo {
	display: block;
	height: 60px;
	width: 160px;
	float: left;
	margin: 0;
	padding: 0;
}

#logouttimer {
	float: right;
	color: #000;
	text-align: right;
	margin: 9px 5px 0 0;
	padding: 0;
	width: 165px;
	font-size: 10px;
}

#rule_desc {
	background: #fff;
	border: 1px solid #000;
	height: 65px;
	width: 95%;
	padding: 5px;
	margin: 10px 0;
	overflow:auto;
}

.formdesc {
	font-weight: bold;
}

.tool {
	clear: none;
	display: inline;
	height: 20px;
	width: 20px;
	padding: 0;
	margin: 0;
	border: 0;
	background: url(/img/directbox/tools/bg_tool_new.gif);
	cursor: pointer;
	vertical-align: top;
}

.tool40 {
	width:44px;
	height:22px;
	padding:0px;
	border:1px solid #000;
	background:#eee url("/img/directbox/bg_fb.gif") repeat-x -1px -1px;
}

td.tab, tr.tab td{
	padding:5px 10px 0px 2px;
	margin: 0;
}

.tab a:link, .tab a:visited, .tab a:active, .tab a:hover {
	text-decoration:none;
	display:block;
	padding:3px 5px 2px 5px;
	margin: 0;
	color:black;
	height:15px;
	width: 70px;
	text-align:center;
	overflow:hidden;
	border-style:solid;
	border-width:1px 1px 0px 1px;
	border-color:black;

}

a.tabactive {
	font-weight:bold;
	background: url(/img/directbox/bg_formdesc.gif) repeat-x;
}

a.tabactive:link,
a.tabactive:visited,
a.tabactive:hover {
	color:white;
}

a.tabinactive {
	font-weight:normal;
	background:#ededed;
}

#helpdiv {
	position:absolute;
	top:85px;
	right:165px;
	z-index:2;
	width:200px;
	background:#fff;
	border:1px solid #000;
	padding:3px;
	font-size:11px;
	color:#333;
}

#helpdiv h3 {
	font-size:12px;
	margin-bottom:5px;
}

#user {
	width:855px;
	font-size:11px;
	float:left;
	clear:left;
	position:relative;
	left:0px;
	top:110px;
	display:block;
	background:#D3D3D3;
	margin:2px 0px 2px 0px;
	padding:5px;
	border-bottom:1px solid #555;
	border-top:1px solid #555;
}

.field {
	margin: 5px 10px;
	padding: 0 5px 0 0;
}

fieldset {
	margin:5px;
	padding:5px;
	border:2px groove;
}

.tabunderline {
	border-bottom:1px solid #000;
}

th a:link, th a:visited, th a:hover {
	color:black;
}

.errorfield {
	color:#000;
	font-weight:bold;
}

.subcat, th.subcat {
	font-size: 12px;
	font-weight: bold;
	color: #000;
	background: url(/img/directbox/headline.gif) repeat-x;
	padding:  0 10px;
	margin: 0;
	height: 20px;
}

.subcat a:link, .subcat a:hover, .subcat a:visited {
	color:#000;
}

.fieldcat {
	color: #2040A0;
	font-size: 12px;
	font-weight: bold;
	padding: 5px 15px;
	margin: 0px;
	width: 100%;
}

table.toolbar {
	background: #EEEDE6;
	border-top: 1px solid #EEEDE9;
	border-left: 1px solid #DEDDD9;
	border-bottom: 1px solid #9A9995;
	border-right: 1px solid #CAC9C5;
	margin: 5px 0;
	width: 100%;
	padding: 0 5px 0 0;
}

.toolbar td {
	padding: 2px;
	margin: 0;
	width: 0;
}

#context_start {
	background:#fff;
	color:#000;
	margin: 5px 0;
	padding: 0;
	border-left: 1px solid #DEDDD9;
	border-right: 1px solid #CAC9C5;
	border-bottom: 1px solid #9A9995;
	width: 100%;
	float: right;
}

#context_start h3 {
	color: #fff;
	background: url(/img/directbox/bg_titlebar.gif) no-repeat;
	border-bottom: 1px solid #2040A0;
	padding: 4px 0 0 20px;
	margin: 0;
	height: 16px;
	font-size: 9pt;
}

#contexthelp, #contexthelp_long {
	background: #E3E8FF;
	color: #000;
	margin: 0;
	padding: 0;
	width: 100%;
	border-left: 1px solid #DEDDD9;
	border-right: 1px solid #CAC9C5;
	border-bottom: 1px solid #9A9995;
}

#contexthelp h3, #contexthelp_long h3 {
	color: #fff;
	background: #537BD0 url(/img/directbox/bg_titlebar.gif) no-repeat;
	border-bottom: 1px solid #2040A0;
	padding: 3px 0 0 20px;
	margin: 0;
	height: 16px;
	font-size: 9pt;
}

#contexthelp p, #contexthelp_long p {
	padding: 5px;
}

#contexthelp ul, #contexthelp_long ul {
	list-style-position: outside;
	padding: 5px 25px;
}

#contexthelp li {
	padding: 0;
	margin: 0;
}

#contexthelp td {
	border-bottom: 1px solid #D9D8D4;
	padding: 2px 5px;
}

.contexthelp td {
	border-bottom: 1px solid #D9D8D4;
}

#info {
	background:#ffe;
	width: 99%;
	padding: 2px;
	margin: 5px 0;
	border: 1px solid #999;
	color: #000;
}

#info td {
	padding:0px 5px;
}

.fixed100 {
	width:100px;
}

small {
	color:#666;
}

.step {
	margin:5px;
}

.step td {
	width:30px;
	font-family:Arial,sans-serif;
	height:30px;
	text-align:center;
	font-size:14px;
	font-weight:bold;
}

.stepactive {
	color:#fff;
	background:transparent url(/img/directbox/bg_stepactive_new.gif) no-repeat 9px;
}

.stepinactive {
	color:#000;
	background:transparent url(/img/directbox/bg_stepinactive_new.gif) no-repeat 9px;;
}

h5 {
	font-size:11px;
	margin-top:0px;
	margin-bottom:5px;
	letter-spacing:1px;
	color:#000;
}

.pages td {
	background:white;
	border:1px solid #999;
	padding:2px 5px;
	height:16px;
	width:16px;
}

.currentpage {
	background:#fff;
	border:1px solid #000;
	padding:3px 5px;
	margin:2px;
	height:16px;
	width:16px;
	font-weight:bold;
}

.overflow table, .overflow div {
	width: 100%;
	margin: 0;
	padding: 0;
}

.overflow table.form th,
.overflow table.form td
 {
	padding:0;
	margin: 0;
	color: #000;
}

.bgfield td {
	background:#fff;
}

.highlight {
	background:#ffc;
}

.NormalAccount{
	border-left:1px solid #999;
}

.MyAccount{
	border-left:1px solid #999;
	background:#ffc;
}

#overflower {
	border: 2px inset;
	font-family: Arial,sans-serif;
	font-size:12px;
	padding: 5px;
	width: 100%;
	height: 180px;
	overflow: auto;
	background: #fff;
}

#overflower_ecard {
	border:2px inset;
	font-family:Arial,sans-serif;
	font-size:12px;
	padding: 0;
	width: 390px;
	height: 280px;
	overflow:auto;
	background:#fff;
}

#styleswitch {
	position:absolute;
	top: 1px;
	right: 1px;
	border: 1px solid black;
	background:white;
	padding:4px;
}

#styleswitch button, #styleswitch select {
	font: normal normal 11px Tahoma;
}


div#ladebalken {
  width:       			100%;
  background:       #c0c0c0;
  height:        		10px;
}
div#ladebalken p {
  height:        		10px;
  display:       		block;
  background:       #0f0;
  margin:        		0px;
}