@import "/res/ft/tags.css";
@import "/res/ft/colors.css";
@import "/res/ft/fonts.css";

/* the layout */

/* containers */

div.page {
	padding: 0 10px 0 10px;
	width:839px;
	float:left;
	clear:left;
	border-right:1px solid #cccccc;
}

div.tophead,
div.phead {
	width:100%;
	float:left;
	clear:left;
}

div.pbody {
	width:100%;
	float:left;
	clear:left;
}

div.ptop {
	width:100%;
	float:left;
	clear:left;
}

div.pfoot {
	float:left;
	clear:left;
	border-top:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	padding: 15px 9px 19px 14px;
	width:836px;
}

div.pend {
	clear:both;
	width:839px;
}

div.pmain {
	width:561px;
	float:left;
	padding: 0 8px 0 0;
	border-right:1px solid #cccccc;
	overflow:hidden;
}

div.pbody div.phead {
	width:561px;
}

div.pright {
	border-left:1px solid #cccccc;
	margin-left:-1px;
	padding: 0 0 0 9px;
	width:260px;
	float:left;
	height:100%
}

/*
	top head
*/
div.tophead div.ftinfo {
	clear:left;
	float:left;
	width:100%;
}

div.tophead div.ftinfo div.fonts {
	margin-left:8px;
	float:left;
}
div.tophead div.ftinfo div.date {
	float:right;
	margin-right:8px;
}

div.tophead div.ftlogo {
	border-top:2px solid #000;
	padding: 0 0 2px 0;
	clear:left;
	float:left;
	width:100%;
}

div.tophead div.ftlogo div.ftnavi {
	clear:right;
	float:right;
	margin:2px;
}

div.tophead div.ftlogo div.ftnavi span {
	text-decoration: underline;
}

div.tophead div.ftlogo div.logo_img {
	clear:both;
	float:left;
}

div.phead div.navi {
	padding:5px 0 5px 0;
	border-top:1px dotted;
}

div.phead div.ptitle {
	padding:2px 0px 2px 0px;
	border-top:1px dotted;
	border-bottom:1px dotted;
	margin-bottom:1px;
}

/* right */

div.pright div.topimg
{
	width:100%;
	position:static;
	margin:0 0 10px 0;
}

div.pright div.tr_box {
	border-top: 1px solid #a0a0a0;
	margin:0 0 10px 0;
}

div.pright div.r_box,
div.pright div.br_box
{
	margin:0 0 10px 0;
}

div.pright div.r_box .bsp
{
	margin-top:2px;
}

div.pright div.r_box {
	padding:2px 0 0 0;
	border-top:1px solid #a0a0a0;
	border-bottom:1px solid #a0a0a0;
}

div.pright div.alnk { margin-bottom:2px; }

div.pright div.alnk,
div.pright div.r_box div.box_head
{
	padding:4px 0 2px 5px;
}

div.pright div.slnk {
	padding:2px 0 2px 5px;
	border-bottom:1px dotted;
}

div.pright div.r_box div.box_body {
	padding:2px 0 2px 5px;
}

div.pright div.r_box div.box_body div p {
	margin:4px 0 0 0;
	padding:0;
}

div.pright div.boxl {
	padding:2px 0 2px 5px;
}

div.pright div.br_box a {
	padding:8px 5px 6px 5px;
	width:250px;
	display:block;
	float:left;
}

div.pright div.r_box div.lastitem { border-bottom:none; }

/*
	footer
	copied from www.freitag.de
*/

div.pfoot div.bottom_l {
	display:block;
	float:left;
	width:500px;
}

div.pfoot div.bottom_l a {
	padding: 0 6px 0 0;
}

div.pfoot div.bottom_r {
	display:block;
	float:right;
	text-align: right;
}

/* home page */
div.ptop {
	padding: 10px 0 25px 0;
}

div.ptop .mov {
	height:330px;
	width:100%;
}

div.pmain div.htrow {
	float:left;
	clear:left;
	width:100%;
}

div.ptop .top_item_title_txt,
div.hteaser .ht_head {
	padding:4px 2px 2px 5px;
}

div.lhead .list_headline_txt {
	padding:2px 2px 2px 0px;
}

div.lhead {
	border-top:1px solid;
	border-bottom:1px dotted;
}

div.hteaser {
	width:180px;
	float:left;
	margin:10px 10px 0 0;
}

div.htlast {
	margin-right:0;
}

div.hteaser .ht_img {
	width:180px;
/*	height:111px;*/
	overflow:hidden;
	margin: 0 0 10px 0;
}

div.hteaser .ht_img img {
	border:none;
}

div.hteaser div.shortdescription_txt {
	padding:0 2px 2px 2px;
}
/*
	prod, cont, conta
	form blocks
*/
div.form_tabs {
	margin:10px 0 10px 0;
	float:left;
	clear:left;
	width:100%;
}

div.ftab_num_3 div.ftab {
	margin-right:6px;
	float:left;
	width:183px;
	text-align:center;
	padding: 5px 0 3px 0;
}

div.ftab_num_2 div.ftab {
	margin-right:7px;
	float:left;
	width:277px;
	text-align:center;
	padding: 3px 0 3px 0;
}

div.form_tabs div.last { margin-right:0; }

div.prod_txt_info {
	clear:left;
	float:left;
	width:100%;
	margin: 0 0 20px 0;
}

div.prod_txt_info div.order_head_txt {
	margin: 0 0 5px 0;
}

div.fblock,
div.sblock
{
	clear:left;
	float:left;
	width:100%;
}

div.fblock {
	margin:0 0 20px 0;
	width:100%;
}

div.fblock h3 {
	margin: 10px 0 10px 0;
}

div.fblock div.required_info {
	margin: -5px 0 10px 0;
}

div.fblock div.dldate_form_item,
div.fblock div.cb_form_item,
div.fblock div.date_form_item,
div.fblock div.ssb_form_item,
div.fblock div.text_form_item {
	float:left;
	clear:left;
	margin:0 0 15px 0;
	width:100%;
}

div.fblock div.lbl {
	float:left;
	clear:left;
	width:auto;
}

div.fblock div.val {
	float:left;
}

div.fblock .emsg {
	float:left;
	width: 100px;
}
div.fblock div.text_form_item .emsg {
	margin:0 0 0 20px;
}

/*
	address / payment blocks
	renderer: tfblock:
*/

table.tfblock {
	clear:left;
	float:left;
	width:100%;
}

table.tfblock tr {
	margin: 0 0 2px 0;
}

table.tfblock tr.ba_gender span.emsg,
table.tfblock tr.da_gender span.emsg,
table.tfblock tr.pa_gender span.emsg
{
	visibility:hidden;
}

table.tfblock td.lbl {
	width:auto;
	padding-right:2px;
}

table.tfblock td.val {
	width: 330px;
}

table.tfblock td.val div.val {
	width: 100%;
}

table.tfblock td.val input {
	width: 315px;
}

table.tfblock td.emsg {
	white-space:nowrap;
	overflow:hidden;
	width: 90px;
	padding-left:3px;
}

div.ssb_box {	
	float:left;
	width:auto;
	border:1px solid #999999;
}

/*
	gender / title rows
*/
table.tfblock td.val div.ba_gender,
table.tfblock td.val div.da_gender,
table.tfblock td.val div.pa_gender
{
	width:155px;
}

table.tfblock td.val label.ba_title,
table.tfblock td.val label.da_title,
table.tfblock td.val label.pa_title
{
	float:left;
	margin:2px 5px 0 0;
	width:auto;
}

table.tfblock td.val div.ba_title,
table.tfblock td.val div.da_title,
table.tfblock td.val div.pa_title
{
	width:auto;
	float:left;
}

/*
	street / number rows
*/

table.tfblock td.val div.ba_street,
table.tfblock td.val div.da_street,
table.tfblock td.val div.pa_street
{
	width:230px;
	margin-right:10px;
}

table.tfblock td.val div.ba_street input,
table.tfblock td.val div.da_street input,
table.tfblock td.val div.pa_street input
{
	width:226px;
}

table.tfblock td.val div.ba_no,
table.tfblock td.val div.da_no,
table.tfblock td.val div.pa_no
{
	width:80px;
}

table.tfblock td.val div.ba_no input,
table.tfblock td.val div.da_no input,
table.tfblock td.val div.pa_no input
{
	width:76px;
}

/*
	zip locality rows
*/

table.tfblock td.val div.abo_zip,
table.tfblock td.val div.ba_zip,
table.tfblock td.val div.da_zip,
table.tfblock td.val div.pa_zip
{
	width:70px;
	margin-right:10px;
}

table.tfblock td.val div.abo_zip input,
table.tfblock td.val div.ba_zip input,
table.tfblock td.val div.da_zip input,
table.tfblock td.val div.pa_zip input
{
	width:66px;
}

table.tfblock td.val div.abo_ln,
table.tfblock td.val div.ba_ln,
table.tfblock td.val div.da_ln,
table.tfblock td.val div.pa_ln
{
	width:240px;
}

table.tfblock td.val div.abo_ln input,
table.tfblock td.val div.ba_ln input,
table.tfblock td.val div.da_ln input,
table.tfblock td.val div.pa_ln input
{
	width:236px;
}

/*
	payment forms
*/
table.tfblock tr.paymnt_type div.desc {
	padding:2px 0 0 5px;
	float:left;
}

/*
	creditcard block
*/
table.tfblock tr.cc_expm div.cc_expm {
	float:left;
	clear:left;
	width:auto;
}

table.tfblock tr.cc_expm div.cc_expy {
	margin:0 0 0 5px;
	float:left;
	clear:none;
	width:auto;
}

/*
	feature forms
*/
div.fblock div.cb_form_item  {
	margin: 0 0 15px 0;
}

div.fblock div.cb_form_item div.val {
	float:left;
	clear: left;
	width:25px;
}

div.fblock div.cb_form_item div.desc {
	padding-top:3px;
	float:left;
	width:500px;
}

div.fblock div.dldate_form_item div.desc {
	margin-left:25px;
	width:500px;
}

div.fblock div.dldate_form_item div.val {
	margin:5px 0 15px 27px;
}

div.fblock div.dldate_form_item .emsg {
	margin:5px 0 0 0;
}

div.fblock div.rfdesc {
	margin:0 10px 15px 10px;
	clear:both;
	float:left;
}

div.fblock div.fdesc {
	margin-left:10px;
	clear:both;
}

div.fblock div.inp_button,
div.fblock div.inp_submit {
	float:right;
	margin-left:5px;
}

div.addr_fix_form_item {
	width:100%;
	float:left;
	clear:left;
	margin:0 0 10px 0;
}

div.addr_fix_form_item div.addr_fix_info {
	margin-bottom:4px;
}

div.addr_fix_form_item div.val {
	margin:0 0 0 10px;
	width:345px;
}
div.addr_fix_form_item div.val select{
	width:100%;
}

/*
	buttons
*/

div.errorblock input,
div.inp_button input, 
div.inp_submit input {
	border:1px solid #000000;
	cursor:pointer;
	padding:1px;
	text-transform:none;
}

/*
	summary blocks
*/

div.sinfo {
	margin: 0 0 10px 0;
	float:left;
	clear:left;
	width:100%;
}

div.sblock div.info {
	margin: 0 0 10px 0;
}

div.rofblock {
	float:left;
	clear:left;
	margin: 0	0 20px 0;
	width:100%;
}

div.rofblock div.lbl {
	float:left;
	clear:left;
	width:auto;
}

div.rofblock .text_summary_item {
	float:left;
	clear:left;
	margin:0 0 2px 0;
}

div.rofblock .val {
	float:left;
	white-space:nowrap;
}

/*
	address / payment blocks
	renderer: tfblock:
*/

table.rotfblock tr {
	margin: 0 0 2px 0;
}

table.rotfblock td.lbl {
	width:auto;
	padding-right:5px;
}

table.rotfblock td.val div.val {
	width: 100%;
}

/*
	gender / title rows
*/
table.rotfblock td.val div.ba_gender,
table.rotfblock td.val div.da_gender,
table.rotfblock td.val div.pa_gender
{
	width:auto;
	margin-right:40px;
}

table.rotfblock td.val div.ba_title,
table.rotfblock td.val div.da_title,
table.rotfblock td.val div.pa_title
{
	width:auto;
	float:left;
	clear:none;
	margin-right:5px;
}

/*
	street / number rows
*/

table.rotfblock td.val div.ba_street,
table.rotfblock td.val div.da_street,
table.rotfblock td.val div.pa_street
{
	width:auto;
	margin-right:10px;
}

table.rotfblock td.val div.ba_no,
table.rotfblock td.val div.da_no,
table.rotfblock td.val div.pa_no
{
	width:auto;
	float:left;
	clear:none;
}

/*
	zip locality rows
*/

table.rotfblock td.val div.ba_zip,
table.rotfblock td.val div.da_zip,
table.rotfblock td.val div.pa_zip
{
	width:auto;
	margin-right:10px;
}

table.rotfblock td.val div.ba_ln,
table.rotfblock td.val div.da_ln,
table.rotfblock td.val div.pa_ln
{
	width:auto;
	float:left;
	clear:none;
}

/*
	bonus chooser
*/

div.bcblock {
	margin:0 0 15px 0;
	float:left;
	clear:left;
	width:100%;
	z-index:1;
}

div.bcblock div.emsg {
	margin-bottom:5px;
	float:left;
	clear:left;
}
div.bcblock div.prod_img {
	float:left;
	clear:left;
}

div.bcblock div.prod_img img {
	width:180px;
	margin:15px 0 0 0;
}

div.bcblock div.prod_img img.plus_img {
	width:50px;
	height:50px;
	padding:0;
	margin:43px 2px 0 2px;
	vertical-align:top;
}

div.bcblock div.bonus_block {
	float:left;
	height:140px;
	width:315px;
	margin:0 0 0 0;
}

div.bcblock div.bonus_block div.bonus_hl {
	margin:0 0 2px 0;
	padding-left:5px;
	height:20px;
	text-align:center;
}

div.bcblock div.bonus_block div.bonus_list{
	clear:left;
	float:left;
	height:120px;
	width:100%;
	padding:0 5px 0 5px;
	overflow:auto;
	overflow-y:hidden;
}

div.bcblock div.bhover {
	position:absolute;
	top:50px;
	left:28px;
	z-index:1;
	display:none;
	width:180px;
	border:1px solid #666666;
	float:left;
	padding: 10px 10px 10px 10px; 
}

div.bcblock div.bonus_list .bonus_item {
	padding:0 20px 0 0;
	height:100px;
	width:45px;
}

div.bcblock div.bonus_list .bonus_item .binfo { display:none; }

div.bcblock div.bonus_list .bonus_item img{
	overflow:hidden;
	height: 70px;
}

div.bcblock div.bonus_list .bonus_item .bselect {
	text-align:center;
}

/*
	xbonus form
*/
div.xb_block {
	float:left;
	clear:left;
	width:100%;
}
div.xbonus_desc {
	margin-top:20px;
}
div.xbonus_link {
	float:left;
	clear:left;
	width:100%;
	margin:5px 0 10px 10px;
}

/*
	prod chooser
*/

div.pcblock {
	margin-top:5px;
	float:left;
	clear:left;
}

div.pcblock .emsg {
	margin-bottom:5px;
	float:left;
	clear:left;
}

div.xbonus_link {
	float:left;
	clear:left;
	width:100%;
	margin:5px 0 10px 10px;
}

/*
	prod chooser
*/

div.pcblock {
	margin-top:5px;
	float:left;
	clear:left;
	width:100%;
}

div.pcblock .emsg {
	margin-bottom:5px;
	float:left;
	clear:left;
}

div.pcblock div.prod_list,
div.pcblock div.prod_list div.prod_item {
	float:left;
	clear:left;
	width:100%;
}

div.pcblock div.prod_list div.prod_item div.val {
	float:left;
	clear:left;
	width:25px;
}

div.pcblock div.prod_list div.prod_item div.desc {
	float:left;
	width:500px;
}

/*
	cont prod chooser
*/


ul.cont_prod_chooser
{
	padding:0;
	margin:15px 0 0  0;
	float:left;
	width:100%;
	list-style-type:none;
/*	list-style-position:outside; */
}

ul.cont_prod_chooser li {
	margin: 0 0 0 0;
	list-style-type:none;
	float:left;
	width:260px;
}

ul.cont_prod_chooser li img {
	margin-bottom:10px;
}

ul.cont_prod_chooser li h3 {
	padding: 4px 0 2px 10px;
}
ul.cont_prod_chooser li.pos_1 { margin: 0 30px 0 0  }
/*
	terms and conditions, privacy
	tcpblock
*/
div.tcpblock div.tcp div.emsg {
	width:100%;
	float:left;
	clear:left;
}
div.tcpblock div.tcp div.emsg  span{
	width:auto;
}

/*
	fini
*/
div.errorblock div.emsg {
	margin:1em 0 1em 1em;
}

/*
	aboservices
*/

div.service_intro {
	margin: 20px 0 20px 0;
	float:left;
	clear:left;
}

div.serviceinfo {
	float:left;
	clear:left;
	margin-bottom:10px;
}

div.serviceinfo h3 {
	padding:5px 0 5px 0px;
	margin: 0px 0 0px 0;
}

/*
	login
*/
div.login_block
{
	width:100%;
	float:left;
	clear:left;
	margin:10px 0 0 0;
}

div.login_block div.desc
{
	width:100%;
	float:left;
	clear:left;
}

/*
	urlaubsservice
	as_vacation_form
*/

div.fblock div.radio_form_item,
div.fblock div.radio_form_item div.radio_item,
div.fblock div.radio_form_item div.emsg,
div.fblock div.radio_form_item div.emsg span.emsg
{
	width:100%;
	float:left;
	clear:left;
}

div.fblock div.radio_form_item div.radio_item div.val
{
	float:left;
	clear:left;
	width:25px;
}

div.fblock div.radio_form_item div.radio_item div.lbl
{
	float:left;
	clear:none;
	width:500px;
}

div.fblock div.vac_start div.desc, 
div.fblock div.vac_end div.desc {
	margin-left:0px;
	width:100px;
	float:left;
}

div.fblock div.vac_start div.val,
div.fblock div.vac_end div.val {
	margin:0px 0 0px 0px;
	clear:none;
}

div.rofblock div.vac_start,
div.rofblock div.vac_end
{
	width:100%;
	float:left;
	clear:left;
}

div.rofblock div.vac_start div.lbl,
div.rofblock div.vac_end div.lbl
{
	width:100px;
}

/*
	micro sites
*/
.micro_main div.bcblock {
	margin-top:25px;
}

.micro_main h2.micro_hd {
	margin:20px 0 10px 0;
}

.micro_main .micro_desc {
	margin: 0 0 10px 0;
}