*{
	margin: 0;
	padding: 0;
}

body {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 12px;
	color:#000000;
	font:80%/1.5 sans-serif;		
}


h1{
	font-size: 20px;
	font-weight: bold;
}

h2{
	font-size: 18px;
	font-weight: normal;
	line-height: normal;
	margin: 0 0 5px 0;
}

h3{
	font-size: 12px;
	font-weight: bold
}


a{
	font-weight: bold;
	text-decoration: none;
	border: none;
}
a:hover{
	text-decoration: underline;
}

img{
	border: none;
}

ul{
	list-style: none;
}

hr{
	border: none;
	border-top: 1px solid #ccc;
	margin: 2px 0 3px 0;
	display: block;
}
* html hr{ /*Hack fŸr IE 6*/
	margin: -4px 0 -3px 0;
	display: block;
	border: none;
	height: 1px;
}
*+html hr{ /*Hack fŸr IE 7*/
	margin: -4px 0 -3px 0;
	display: block;
	border: none;
	height: 1px;
}


.fontBold {
	font-weight:bold;
}
.fontSmall{
	color: #666;
	font-size: 0.9em;
}
.fontGrey {
	color: #666;
}

.head{
	background: #ffcc00;
	border-bottom: 7px solid #000;
	height: 100px;
}

a.logo{
	background: url("../_img/logo_deutschepost.png") no-repeat 0 0;
	width: 172px;
	height: 29px;
	padding: 0 172px 29px 0;
	margin: 34px 0 0 29px;
	position: absolute;
}
a:hover.logo{
	background: url("../_img/start.gif") no-repeat 0 0;
	width: 199px;
	height: 29px;
	padding: 0 199px 29px 0;
}


div.sub_head {
	background: url("../_img/bg_sub_head.png") repeat-x scroll 0 0 transparent;
	height: 45px;
}

h1.sub_head {
	margin: 6px 0 0 29px;
	height: auto;
	position: absolute
}

.content{
	margin: 20px 0 0 29px;
}
.content_layer{
	margin: 0 0 0 20px;
}

/*TIMELINE*/
ol.timeline{
	margin: 30px 0 0 0;
}
.timeline li{
	float: left;
	list-style-type: none;
	margin: 0;
	width: 185px;
}

li.timeline{
	background: url("../_img/timeline_inaktiv_komplett.gif") no-repeat center top;
}
.first{
	background: url("../_img/timeline_first.gif") no-repeat 60px top;
}
.currentfirst{
	background: url("../_img/timeline_aktiv_first.gif") no-repeat 60px top;
}
.activefirst{
	background: url("../_img/timeline_aktiv_first_komplett.gif") no-repeat 60px top;
}
.activecenter{
	background: url("../_img/timeline_halb.gif") no-repeat center top;
}
.activecomplete{
	background: url("../_img/timeline_aktiv_komplett.gif") no-repeat center top;
}
.last{
	background: url("../_img/timeline_last.gif") no-repeat -80px top;
}
.activelast{
	background: url("../_img/timeline_aktiv_last.gif") no-repeat -80px top;
}

span.nonlink{
	display: block;
	padding-top: 25px;
	text-align: center;
	font-weight: bold;
	color: #666;
}
span.nonlink_current{
	display: block;
	margin-top: 25px;
	text-align: center;
	font-weight: bold;
	color: #000;
}
a.timeline{
	display: block;
	padding-top: 25px;
	text-align: center;
	font-weight: bold;
	color: #000;
	text-decoration: none;
}
a:hover.timeline{
	text-decoration: underline;
}

/*CONTENT*/
.box_container{
	width: 870px;
	margin: 30px 0 0 0;
}
.box{
	background: url("../_img/box_bg.gif") no-repeat right bottom;
}
.boxtop {
	background:url("../_img/box_bg.gif") no-repeat right top;
	height: 3px;
}
.boxleft {
	background:url("../_img/box_bg.gif") no-repeat left top;
	float: left;
	width: 3px;
}
.box_content{
	padding: 19px 10px 15px 21px;
}
*html .box_content{ /*Hack fŸr IE6*/
	padding: 0px 21px 0px 21px;
}

.box_large{
	width: 870px;
	margin: 30px 0 0 0;
}
.box_large_height{
	height: 200px;
}
.box_large_height_produkte{
	height: 260px;
}

.box_left{
	width: 500px;
	float: left;
}
.box_right{
	width: 350px;
	float: right;
}
.box_small_height{
	height: 260px;
}


input[type="text"], input[type="password"], textarea, select {
	border: 1px solid #999999;
	overflow: visible;
	padding: 3px;
	font-size: 1.1em;
	margin: 10px 0 0 0;
}
.idle {
	background: url("../_img/bg_inputfields.png") no-repeat left top;
	border: 1px solid #999999;
}
* html .idle { /*Hack fŸr IE 6*/
	margin: 10px 0 0 0;
	padding: 3px;
}

input[type="radio"], input[type="checkbox"]{
	margin: 0 5px 0 0;
}

.checkbox{
	/**
	CHANGED_BY_ITZ
	**/
	/*margin: 10px 0 0 0;*/
	margin: 0 0 0 0;
}


.spitze{
	background: url("../_img/spitze.gif") no-repeat top;
	width: 21px;
	height: 193px;
	float: left;
}

.spitze_produkt{
	background: url("../_img/spitze_lang.gif") no-repeat top;
	width: 21px;
	float: left;
	height: 253px;
	margin: 0 0 0 20px;
}
* html .spitze_produkt{ /*Hack fŸr IE 6*/
	margin: -13px 0 0 0;
}

.spitze_ueberblick{
	margin: 0 0 0 20px;
}
* html .spitze_ueberblick{ /*Hack fŸr IE 6*/
	margin: -13px 0 0 10px;
}

a.icon{
	color: #000;
	font-weight: bold;
	text-decoration: none;
	padding: 0 0 0 7px;
	background: url("../_img/icons_arrow.gif") no-repeat 0 -38px;
}
a:hover.icon{
	text-decoration: underline;
}

span.overview{
	margin: 0 0 0 8px;
}

div.overview{
	/* width: 240px; */
	width: 260px;
}
* htmldiv.overview{/*Hack fŸr IE 6*/
	/* width: 250px; */
	width: 270px;
}

.label{
	width: 230px;
	height: 55px;
	background: #f0f0f0;
	margin: 0 0 20px 0;
}


/*DHL BUTTONS*/

.btnSmall, .btnSmallGrey, .btnSmallYellow, .btnSmallRed, .btnSmallGreen {
	background: url("../_img/button_aktion.png") no-repeat;
	color: #000000;
	display: block;
	float: left;
	padding-left: 5px;
	text-decoration: none;
}
.btnSmall span, .btnSmallGrey span, .btnSmallYellow span, .btnSmallRed, .btnSmallGreen span{
	background: url("../_img/button_aktion.png") no-repeat right top;
	display: block;
	font-size: 12px !important;
	font-weight: normal !important;
	line-height: 18px;
	margin-right: 0;
	padding: 3px 15px 3px 10px;
	white-space: nowrap;
}
.btnSmall label, .btnSmallGrey label, .btnSmallYellow label, .btnSmallRed, .btnSmallGreen label{
	/**
	CHANGED_BY_ITZ
	**/
	background: url("../_img/button_aktion.png") no-repeat right top;
	display: block;
	font-size: 12px !important;
	font-weight: normal !important;
	line-height: 18px;
	margin-right: 0;
	padding: 3px 15px 3px 10px;
	white-space: nowrap;
}
.btnSmall{
	background-position: right -216px;
}
.btnSmall:hover, .btnSmall:focus{
	background-position: right -240px;
	text-decoration: none;
}
.btnSmall:active{
	background-position: right -264px;
	text-decoration: none;
}

.btnSmallGrey {
	background-position: left -144px;
}
.btnSmallGrey span{
	background-position: right -144px;
}
.btnSmallGrey label{
	/**
	CHANGED_BY_ITZ
	**/
	background-position: right -144px;
}
.btnSmallGrey:hover, .btnSmallGrey:focus{
	background-position: left -168px;
	text-decoration: none;
}
.btnSmallGrey:hover span, .btnSmallGrey:focus span{
	background-position: right -168px;
	text-decoration: none;
}
.btnSmallGrey:hover label, .btnSmallGrey:focus label{
	/**
	CHANGED_BY_ITZ
	**/
	background-position: right -168px;
	text-decoration: none;
}
.btnSmallGrey:active{
	background-position: left -192px;
	text-decoration: none;
}
.btnSmallGrey:active span{
	background-position: right -192px;
	text-decoration: none;
}
.btnSmallGrey:active label{
	/**
	CHANGED_BY_ITZ
	**/
	background-position: right -192px;
	text-decoration: none;
}

/**
**/

.btnSmallYellow {
	background-position: left -216px;
}
.btnSmallYellow span{
	background-position: right -216px;
}
.btnSmallYellow label{
	/**
	CHANGED_BY_ITZ
	**/
	background-position: right -216px;
}
.btnSmallYellow:hover, .btnSmallYellow:focus{
	background-position: left -240px;
	text-decoration: none;
}
.btnSmallYellow:hover span, .btnSmallYellow:focus span{
	background-position: right -240px;
	text-decoration: none;
}
.btnSmallYellow:hover label, .btnSmallYellow:focus label{
	/**
	CHANGED_BY_ITZ
	**/
	background-position: right -240px;
	text-decoration: none;
}
.btnSmallYellow:active{
	background-position: left -264px;
	text-decoration: none;
}
.btnSmallYellow:active span{
	background-position: right -264px;
	text-decoration: none;
}
.btnSmallYellow:active label{
	/**
	CHANGED_BY_ITZ
	**/
	background-position: right -264px;
	text-decoration: none;
}

/**
**/

.btnBig {
	background: url("../_img/button_aktion.png") no-repeat left -291px;
	color: #000000;
	display: block;
	float: left;
	font-size: 18px;
	height: 38px;
	padding-left: 5px;
	text-decoration: none;
	font-weight: normal;
}
.btnBig span {
	background: url("../_img/button_aktion.png") no-repeat right -291px;
	display: block;
	line-height: 32px;
	margin-right: 0;
	padding: 3px 15px 3px 10px;
	white-space: nowrap;
}
.btnBig label {
	/**
	CHANGED_BY_ITZ
	**/
	background: url("../_img/button_aktion.png") no-repeat right -291px;
	display: block;
	line-height: 32px;
	margin-right: 0;
	padding: 3px 15px 3px 10px;
	white-space: nowrap;
}
.btnBig:hover, .btnBig:focus{
	background-position: left -329px;
	text-decoration: none;
}
.btnBig:hover span, .btnBig:focus span {
	background-position: right -329px;
	text-decoration: none;
}
.btnBig:hover label, .btnBig:focus label {
	/**
	CHANGED_BY_ITZ
	**/
	background-position: right -329px;
	text-decoration: none;
}
.btnBig:active{
	background-position: left -367px;
	text-decoration: none;
}
.btnBig:active span{
	background-position: right -367px;
	text-decoration: none;
}
.btnBig:active label{
	/**
	CHANGED_BY_ITZ
	**/
	background-position: right -367px;
	text-decoration: none;
}


.button_right{
	float: right;
	margin: 20px 3px 0 0;
}

.button_left{
	float: left;
	margin: 20px 3px 0 0;
}

/*LAYER*/
img.brief{
	margin: 10px 0 20px 0;
}

/*FOOTER*/
div.footer{
	font-size: 11px;
	position: static;
	background: #f0eeec;
	padding: 0 0 0 29px;
	margin: 48px 0 0 0;
	height: 78px;
}

.footerBox{
	padding: 10px 99px 10px 20px;
	border: none;
	border-left: 2px solid #fff;
	float: left;	
}


h3.footer{
	margin: 0 0 5px 0;
}

a.footer{
	color: #000;
	font-weight: normal;
	text-decoration: none;
	padding: 0 0 0 8px;
	background: url("../_img/icons_arrow.gif") no-repeat 0 -26px;
}
a:hover.footer{
	text-decoration: underline;
}

.sub_footer{
	margin: 10px 0 0 29px;
}

/********/
.clear{
	clear: both;
}
.float_left{
	float: left;
}
.float_right{
	float: right;
}

.div_getcode_matrixpic {
	/**
	CHANGED_BY_ITZ
	**/
    width: 230px;
	height: 55px;
	border-color: gray;
	border-width: 1px;
	border-style: solid;
}
.codeformate{
	/**
	CHANGED_BY_ITZ
	**/
	margin-top: 5px;
}
.codeformate_sp1{
	/**
	CHANGED_BY_ITZ
	**/
}
.codeformate_sp2{
	/**
	CHANGED_BY_ITZ
	**/
	padding-left: 10px;
}
.layer_main_hidden{
	/**
	CHANGED_BY_ITZ
	**/
	display:none;
	}
/*globalMessages.tag*/
.error_text_div {
	display:none;
	margin: 10px 10px 10px 10px;
}
.errorleft {
	float:left;
	padding: 10px 10px 10px 10px;
}
.errorright {
	padding: 10px 10px 10px 10px;
}
.errorclear {
	clear:left;
}
.error_exist {
	display:none;
}
.errorgenerator {
	display:none;
}
.preistabelle {
	padding-left:15px;
	}
.varianten {
	height:165px;
	vertical-align:top;
}
.varianten_link {
	height:20px;
	vertical-align:top;
}