html {
	margin: 0;
	padding: 0;
}

body {
	font-family: Verdana, Helvetica, "Times New Roman", Times, serif;
	font-size: 13px;
	line-height:1.4;
	color: #2c3034;
	margin: 0; 
	padding: 0 0 10px 0;
	background: #1f2a42 url(pics/bgpattern.gif); 
}


/* Layout Alignment */
.page_margins { 
	margin: 0 auto; 
	border: 0 none;
	width: 925px; 
}

.header_margins { 
	position:relative;
	margin: 0 auto; 
	border: 0 none;
	width: 925px; 
}

/* Layout Properties  */
#header { 
	height:100px;
  	background: transparent url(pics/bghead.gif) repeat-x top left;
}
#header_nonav { 
	height:100px;
  	background: transparent url(pics/bghead_nonav.gif) repeat-x top left;
}
#main { margin: 30px 0 0 0; }
#main-2col { margin: 15px 0 0 0; }
#footer { font-size: 0.9em; margin: 15px 0 25px 0; }
.page { padding: 10px 15px 10px 10px; background: #ffffff; }

  
/*-------------------------------------------------------------------------*/


#main_content { margin: 0; padding: 0 0 5px 0; background: #ffffff; }
#footer_content { 
	margin: 0;
	padding:2px 0 0 0;
	display:block;
}
#footer_navigation { 
	float:left;
	display:block;
	margin: 0; 
	padding: 0;
}
#footer_copyright { 
	float:right;
	margin: 0; 
	padding: 0;
}

/* old IE png fix */
/*
img, div { behavior: url(iepngfix.htc) }
*/

/*-------------------------------------------------------------------------*/
/* 2 column definitions - half */

.page_margins_half { 
	margin: 0 auto; 
	border: 0 none;
	width: 925px; 
}

#main-col1 {
	float:left;
	width:455px;
}
#main-col2 { 
	float:left;
	width:455px;
	margin: 0 0 0 15px;
}

#col1_content h3 , #col2_content h3 {
	border-width: 0 0 1px 0;
	border-color: #bbb;
	border-style: solid;
	padding: 0 0 4px 0;
	margin: 0 0 10px 0;
}

/* 2 column definitions - 2/3 - 1/3 */

.page_margins_2_3_popup { 
	margin: 0 auto; 
	border: 0 none;
	width: 560px; 
}
.page_margins_2_3 { 
	margin: 0 auto; 
	border: 0 none;
	width: 925px; 
}
#main-col-2-3 {
	float:left;
	width:560px;
}
#main-col-1-3 { 
	float:left;
	width:350px;
	margin: 0 0 0 15px;
}


/*-------------------------------------------------------------------------*/
/* border definitions  */


.page {
  border: 0 none;
  margin: 0; 
  padding: 0 20px 0 20px;
  background: #ffffff url(pics/pageborder/border_center.gif) repeat-y top left;
}
.page-half {
  border: 0 none;
  margin: 0; padding: 0 20px 0 20px;
  height:200px;
  background: #ffffff url(pics/pageborder/border_center_half.gif) repeat-y top left;
}
.page-2-3 {
  border: 0 none;
  margin: 0;
  padding: 0 20px 0 20px;
  background: #ffffff url(pics/pageborder/border_center_2_3.gif) repeat-y top left;
}
.page-1-3 {
  border: 0 none;
  margin: 0; 
  padding: 0 20px 0 20px;
  background: #ffffff url(pics/pageborder/border_center_1_3.gif) repeat-y top left;
}


.border-top {
  overflow:hidden;
  width: 925px;
  height: 10px;
  font-size:0;
}
.border-top-half {
  overflow:hidden;
  width: 455px;
  height: 10px;
  font-size:0;
}
.border-top-2-3 {
  overflow:hidden;
  width: 560px;
  height: 10px;
  font-size:0;
}
.border-top-1-3 {
  overflow:hidden;
  width: 350px;
  height: 10px;
  font-size:0;
}

.border-bottom {
  overflow:hidden;
  width: 925px;
  height: 10px;
  font-size:0;
}
.border-bottom-half {
  overflow:hidden;
  width: 455px;
  height: 10px;
  font-size:0;
}
.border-bottom-2-3 {
  overflow:hidden;
  width: 560px;
  height: 10px;
  font-size:0;
}
.border-bottom-1-3 {
  overflow:hidden;
  width: 350px;
  height: 10px;
  font-size:0;
}


.center-t {
  float:left;
  width: 885px;
  height: 10px;
  background: #ffffff url(pics/pageborder/border_top.gif) repeat-x top left;
}
.center-t-half {
  float:left;
  width: 415px;
  height: 10px;
  background: #ffffff url(pics/pageborder/border_top.gif) repeat-x top left;
}
.center-t-2-3 {
  float:left;
  width: 520px;
  height: 10px;
  background: #ffffff url(pics/pageborder/border_top.gif) repeat-x top left;
}
.center-t-1-3 {
  float:left;
  width: 310px;
  height: 10px;
  background: #ffffff url(pics/pageborder/border_top.gif) repeat-x top left;
}

.center-b {
  float:left;
  width: 885px;
  height: 10px;
  background: #ffffff url(pics/pageborder/border_bottom.gif) repeat-x bottom left;
}
.center-b-half {
  float:left;
  width: 415px;
  height: 10px;
  background: #ffffff url(pics/pageborder/border_bottom.gif) repeat-x bottom left;
}
.center-b-2-3 {
  float:left;
  width: 520px;
  height: 10px;
  background: #ffffff url(pics/pageborder/border_bottom.gif) repeat-x bottom left;
}
.center-b-1-3 {
  float:left;
  width: 310px;
  height: 10px;
  background: #ffffff url(pics/pageborder/border_bottom.gif) repeat-x bottom left;
}

.edge-tl {
  float:left;
  width: 20px;
  height: 10px;
  font-size:0;
  background: transparent url(pics/pageborder/corner_tl.gif) top left;
}
.edge-tr {
  position:relative; /* IE Fix | z-index */
  float:right;
  width: 20px;
  height: 10px;
  font-size:0;
  background: transparent url(pics/pageborder/corner_tr.gif) top right;
}
.edge-bl {
  float:left;
  width: 20px;
  height: 10px;
  background: transparent url(pics/pageborder/corner_bl.gif) bottom left;
}
.edge-br {
  position:relative; /* IE Fix | z-index */
  float:right;
  width: 20px;
  height: 10px;
  background: transparent url(pics/pageborder/corner_br.gif) bottom right;
}




/*-------------------------------------------------------------------------*/
/* head & logo */

#logo {
	position:absolute;
	width: 300px;
	height: 65px;
	top: 12px;
	left: 16px;
	z-index:2;
}

#logo h1.logo_ger { 
	background: transparent url(pics/peters_software_logo_de.gif) no-repeat top left; 
}
#logo h1.logo_eng, #logo h1.logo_uk { 
	background: transparent url(pics/peters_software_logo_en.gif) no-repeat top left; 
}
#logo h1 { 
	width: 300px; 
	height: 65px;
}
#logo h1 span {
	display: none;
}
#logo h1 a {
	width: 300px; 
	height: 65px;
	display: block;
	text-decoration: none;
}

/* header language & cart navigation */

#top_sub_nav {
	position:absolute;
	width: 340px;
	height: 50px;
	top: 10px;
	left: 595px;
	overflow:hidden;
	text-align:right;
	/* background-color: #ff0000; */
}

#cart_nav {
	float:right;
	height: 48px;
	width: 90px;
	background: transparent url(pics/icons/cart_nav.gif) no-repeat top center;
	text-align:center;
	margin: 0;
}

#login_nav {
	float:right;
	height: 48px;
	width: 90px;
	background: transparent url(pics/icons/login_nav.gif) no-repeat top center;
	text-align:center;
	display:block;
	margin: 0;
}

#logout_nav {
	float:right;
	height: 48px;
	width: 90px;
	background: transparent url(pics/icons/logout_nav.gif) no-repeat top center;
	text-align:center;
	display:block;
	margin: 0;
}

#lang_nav_ger {
	height: 48px;
	width: 90px;
	float:right;
	background: transparent url(pics/icons/lang_nav_ger.gif) no-repeat top center;
	text-align:center;
	display:block;
	margin: 0;
}

#lang_nav_eng {
	height: 48px;
	width: 90px;
	float:right;
	background: transparent url(pics/icons/lang_nav_eng.gif) no-repeat top center;
	text-align:center;
	display:block;
	margin: 0;
}

#cart_nav a, #login_nav a, #logout_nav a, #lang_nav_ger a, #lang_nav_eng a {
	height: 48px;
	font-size: 0.9em;
	line-height: 1.1em;
	display:block;
	font-weight:normal;
	padding: 35px 0 0 0;
	color: #2c3034;
	text-decoration:none;
}
#cart_nav a:hover, #login_nav a:hover, #logout_nav a:hover, #lang_nav_ger a:hover, #lang_nav_eng a:hover {
	color: #4681c5;
	text-decoration:underline;
}


/* top level navigation */

#navigation {
	z-index:1;
	position:absolute;
	top:67px;
	height: 30px;
	width: 680px;
}

#navigation .edge-left {
  float:left;
  width: 6px;
  height: 30px;
  background: transparent url(pics/header/nav_left.gif) no-repeat top left;
}

#navigation .nav-b {
  float:left;
  width: 250px;
  height: 30px;
  background: transparent url(pics/header/nav_bottom.gif) repeat-x top left;
}

#navigation .nav_bottom {
  float:left;
  height: 30px;
  background: transparent url(pics/header/nav_bottom.gif) repeat-x top left;
}

#navigation .nav_bottom_high {
  float:left;
  height: 30px;
  background: transparent url(pics/header/nav_bottom_high.gif) repeat-x top left;
}

/* mid-seperators of navigation */
.nav_mid {
  float:left;
  width: 11px;
  height: 30px;
  background: transparent url(pics/header/nav_mid.gif) no-repeat top left;
}
.nav_mid_high_l {
  float:left;
  width: 11px;
  height: 30px;
  background: transparent url(pics/header/nav_mid_high_l.gif) no-repeat top left;
}
.nav_mid_high_r {
  float:left;
  width: 11px;
  height: 30px;
  background: transparent url(pics/header/nav_mid_high_r.gif) no-repeat top left;
}

/* outer left border of navigation with spacer */
.nav_left {
  float:left;
  width: 11px;
  height: 30px;
  background: transparent url(pics/header/nav_mid.gif) no-repeat top left;
}
.nav_left_high {
  float:left;
  width: 11px;
  height: 30px;
  background: transparent url(pics/header/nav_mid_high_r.gif) no-repeat top left;
}
.nav_space {
  float:left;
  width: 200px;
  height: 30px;
  background: transparent url(pics/header/nav_bottom.gif) repeat-x top left;
}

/* outer right border of navigation */
.nav_right {
  float:left;
  width: 6px;
  height: 30px;
  background: transparent url(pics/header/nav_right.gif) no-repeat top right;
}
.nav_right_high {
  float:left;
  width: 6px;
  height: 30px;
  background: transparent url(pics/header/nav_right_high.gif) no-repeat top right;
}

#navbar {
	position:absolute;
	top:0;
	right:0;
}

#navbar ul {
	margin: 0px;
	padding: 0px;
	/* font-size: 14px; */
	font-size: 1.1em;
	white-space: nowrap;
}

#navbar li {
	list-style-type: none;
	display: inline;
}

#navbar li a {
	display:block;
	font-weight:normal;
	text-decoration: none;
	color: #2c3034;
	padding: 2px 10px 4px 10px;
	/* background-color: #ff0000;*/
}
#navbar li a.active {
	font-weight:bold;
	padding: 5px 10px 4px 10px;
}



/* back-navigation */

#backnavigation {
	padding: 5px 0 33px 0;
}



/* sub-navigation */

#subnavigation {
	padding: 5px 0 22px 0;
}

#subnavigation ul {
	list-style-type: none;
	margin: 0px;
}

#subnavigation ul li {
	float: left;
	margin-right: 10px;
}


#subnavigation ul li a {
	/* font-size: 12px; */
	font-size: 1em;
	text-align: center;
	line-height: 25px;
	text-decoration: none;
	cursor:pointer;cursor:hand;
}
		
/* subnavi off states */
#subnavigation ul li a .subnav_left {
	width: 5px;
	height: 25px;
	float: left;
}
#subnavigation ul li a .subnav_center {
	color: #2c3034;
	float: left;
	padding: 0 5px;
	height: 25px;
} 
#subnavigation ul li a .subnav_right {
	width: 5px;
	height: 25px;
	float: left;
}

/* subnavi active states */
#subnavigation ul li a .subnav_a_bg .subnav_left {
	filter:alpha(opacity=80);
	opacity:.80;	
  	background: transparent url(pics/links/subnav_l.gif) no-repeat top left;
}
#subnavigation ul li a .subnav_a_bg .subnav_center {
	padding: 0 5px;
	color: #ffffff;
	filter:alpha(opacity=80);
	opacity:.80;	
  	background: transparent url(pics/links/subnav_m.gif) repeat-x top left;
} 
#subnavigation ul li a .subnav_a_bg .subnav_right {
	filter:alpha(opacity=80);
	opacity:.80;	
  	background: transparent url(pics/links/subnav_r.gif) no-repeat top right;
}

/* subnavi rollover states */
#subnavigation ul li a:hover .subnav_left { 
	filter:alpha(opacity=100);
	opacity:1;	
  	background: transparent url(pics/links/subnav_l.gif) repeat-x top left;
}
#subnavigation ul li a:hover .subnav_center { 
	color: #ffffff;
	filter:alpha(opacity=100);
	opacity:1;	
  	background: transparent url(pics/links/subnav_m.gif) repeat-x top left;
}
#subnavigation ul li a:hover .subnav_right { 
	filter:alpha(opacity=100);
	opacity:1;	
  	background: transparent url(pics/links/subnav_r.gif) repeat-x top left;
}

/* sub navigation link styles */
a.snav:link, a.snav:visited {
	font-weight:bold;
	text-decoration: none; 
}

a.snav:hover, a.snav:active {
	color: #ffffff;
}

/* 2nd level sub-navigation */

#subnavigation_l2 {
	display:block;
	margin: 8px 0 5px 5px;
	padding: 0;
}

#subnavigation_l2 ul li a {
	/* font-size: 12px; */
	font-size: 1em;
	font-weight:normal;
	text-decoration: underline; 
	cursor:pointer;cursor:hand;
}
		
/* sub navigation link styles */
a.snav_l2:link, a.snav_l2:visited {
	color: #2c3034;
	font-weight:normal;
	text-decoration: none; 
	margin: 0 5px 0 5px;
}

a.snav_l2:hover, a.snav_l2:active {
	color: #4681c5;
	text-decoration: underline; 
}

.snav_l2_act:link, .snav_l2_act:visited, .snav_l2_act:hover, .snav_l2_act:active {
	color: #4681c5;
	font-weight:normal;
	margin: 0 5px 0 5px;
	text-decoration: underline; 
}




/*-------------------------------------------------------------------------*/

/* links */
a {
	outline: none; 
}

a:link, a:visited, a:active {
	/*
	color: #00aeef;
	font-weight:bold;
	text-decoration: none; 
	*/
}
a:hover {
	/*
	color: #000;
	*/
}

a.textl:link, a.textl:visited, a.textl:active {
	/* color: #4681c5; */
	font-size: 13px;
	font-weight: normal;
	color: #2f6db4;
	text-decoration: none; 
}

a.textl:hover {
	color: #2664ab;
	text-decoration: underline; 
}


/* button style links */
.butlink a , .butlink_bw a {
	font-size: 1em;
	text-align: center;
	line-height: 25px;
	display:block;
	color: #fff;
	font-weight:bold;
	text-decoration: none; 
	cursor:pointer;cursor:hand;
}
a.butlink .butlinkbg, a.butlink_bw .butlinkbg {
	display:block;
}

.butlink a .butlink_left, .butlink_sw a .butlink_left {
	float: left;
	width: 5px;
	height: 25px;
	filter:alpha(opacity=85);
	opacity:.85;	
  	background: transparent url(pics/links/subnav_l.gif) no-repeat top left;
}
.butlink_sw a .butlink_left {
  	background: transparent url(pics/links/butlink_l.gif) no-repeat top left;
}

.butlink a .butlink_back, .butlink_sw a .butlink_back {
	float: left;
	width: 25px;
	height: 25px;
  	background: #4681c5 url(pics/icons/arrow_left_bw.gif) no-repeat 0 5px;
	filter:alpha(opacity=85);
	opacity:.85;	
}
.butlink_sw a .butlink_back {
  	background: #e5e5e5 url(pics/icons/arrow_left.gif) no-repeat 0 5px;
}

.butlink a .butlink_fwd, .butlink_sw a .butlink_fwd {
	float: left;
	width: 25px;
	height: 25px;
  	background: #4681c5 url(pics/icons/arrow_right_bw.gif) no-repeat 5px 5px;
	filter:alpha(opacity=85);
	opacity:.85;	
}
.butlink_sw a .butlink_fwd {
  	background: #e5e5e5 url(pics/icons/arrow_right.gif) no-repeat 5px center;
}

.butlink a .butlink_center, .butlink_sw a .butlink_center {
	padding: 0 5px;
	float: left;
	height: 25px;
	filter:alpha(opacity=85);
	opacity:.85;	
	color: #fff;
  	background: transparent url(pics/links/subnav_m.gif) repeat-x top left;
} 
.butlink_sw a .butlink_center {
	color: #111;
  	background: transparent url(pics/links/butlink_m.gif) repeat-x top left;
}

.butlink a .butlink_right, .butlink_sw a .butlink_right {
	float: left;
	width: 5px;
	height: 25px;
	filter:alpha(opacity=85);
	opacity:.85;	
  	background: transparent url(pics/links/subnav_r.gif) no-repeat top left;
}
.butlink_sw a .butlink_right {
  	background: transparent url(pics/links/butlink_r.gif) no-repeat top right;
}

/* button style links rollover states */
.butlink a:hover .butlink_left, .butlink a:hover .butlink_center, .butlink a:hover .butlink_back, .butlink a:hover .butlink_fwd, .butlink a:hover .butlink_right { 
	filter:alpha(opacity=100);
	opacity:1;	
}


.button_group {
	width:100%;
	margin-bottom:10px;
}

.button_group .button_left {
	margin: 5px 0 0 0;
	float:left;
}

.button_group .button_right {
	margin: 5px 0 0 0;
	float:right;
}

/*
.butlink a {
	font-size: 1em;
	text-align: center;
	line-height: 24px;
	display:block;
	color: #2c3034;
	font-weight:bold;
	text-decoration: none; 
	cursor:pointer;cursor:hand;
}
a.butlink .butlinkbg {
	display:block;
}
.butlink a .butlink_left {
	float: left;
	width: 5px;
	height: 25px;
	filter:alpha(opacity=85);
	opacity:.85;	
  	background: transparent url(pics/links/butlink_l.gif) no-repeat top left;
}
.butlink a .butlink_back {
	float: left;
	width: 25px;
	height: 25px;
  	background: transparent url(pics/icons/arrow_left.gif) no-repeat 0 5px;
}
.butlink a .butlink_center {
	padding: 0 5px;
	float: left;
	color: #2c3034;
	height: 25px;
	filter:alpha(opacity=85);
	opacity:.85;	
  	background: transparent url(pics/links/butlink_m.gif) repeat-x top left;
} 
.butlink a .butlink_right {
	float: left;
	width: 5px;
	height: 25px;
	filter:alpha(opacity=85);
	opacity:.85;	
  	background: transparent url(pics/links/butlink_r.gif) no-repeat top right;
}
*/

/* footer navigation styles */
a.fnav:link, a.fnav:visited {
	color: #2c3034;
	font-weight:normal;
	text-decoration: none; 
}

a.fnav:hover, a.fnav:active {
	color: #4681c5;
	text-decoration: underline; 
}

.fnavact:link, .fnavact:visited, .fnavact:hover, .fnavact:active {
	color: #4681c5;
	font-weight:normal;
	text-decoration: underline; 
}


/*-------------------------------------------------------------------------*/


/* generals */

div {
	margin: 0;
	padding: 0;
}

.col_1 {
	width: 116px;
	float:left;
}

.col_2 {
	width: 248px;
	float:left;
}

.col_4 {
	width: 480px;
	float:left;
}

.blocklabel {
	padding: 3px 5px 3px 5px;
	display:block;
}

.space20, .dist20 {
	clear:both;
	height: 20px;
	font-size:0;
}

.space10, .dist10 {
	clear:both;
	height: 10px;
	font-size:0;
}

.space5, .dist5 {
	clear:both;
	height: 5px;
	font-size:0;
}


/* font definitions */

h1, h2, h3, h4, h5, h6, ul {
	/*
	margin: 0;
	padding: 0;
	*/
	margin: 0 0 7px 0;
	padding: 0;
}

p {
	margin: 0 0 7px 0;
	padding: 0;
}

h1 {
	font-size: 19px;
}

h2 {
	font-size: 17px;
}

h3 {
	padding-top: 10px;
	font-size: 15px;
}

h4 {
	padding-top: 10px;
	font-size: 13px;
}

h5 {
	padding-top: 10px;
	font-size: 12px;
}

.errortext {
	color: #cc0000;
	margin: 3px 0 0 15px;
	padding:0;
}
.successtext {
	color: #33cc00;
	margin: 3px 0 0 5px;
	padding:0;
}
#modules_right .errortext {
	margin: 8px 0 0 0;
	width: 180px;
}

.red {
	color: #cc0000;
}


/* list styles */

ul {
	list-style-type: circle;
	margin: 5px 0 8px 25px;
}

/* line styles */

hr {
	color: #bbb;
	background-color: #bbb;
	height: 1px;
	width: 100%;
	border: 0;
	text-align: center;
}

.hr1 {				
	background: transparent url(pics/hr_shade.gif) no-repeat top center; 
	width: 100%; 
	height: 10px;
	margin: 15px 0 10px 0;
	clear: both;
}                                                                 
.hr1 hr {
	display: none;
}
.hr1no {				
	background: transparent url(pics/hr_shade.gif) no-repeat top center; 
	width: 100%; 
	height: 10px;
	margin: 0;
	clear: both;
}                                                                 
.hr1no hr {
	display: none;
}

.hr4 {				
	background: transparent url(pics/hr_shade_1_4.gif) no-repeat top center; 
	width: 100%; 
	height: 10px;
	margin: 15px 0 10px 0;
	clear: both;
}                                                                 
.hr4 hr {
	display: none;
}

.hr3_4 {				
	background: transparent url(pics/hr_shade_3_4.gif) no-repeat top center; 
	width: 100%; 
	height: 10px;
	margin: 15px 0 10px 0;
	clear: both;
}                                                                 
.hr3_4 hr {
	display: none;
}

/* ... */
.right {
	float: right;
}

p.small, div.small {
	height: 7px;
	font-size:0;
}

.smaller {
	font-size: 0.9em;
}

.left {
	float: left;
}
.break {
	clear: both;
}
.clear {
	clear: both;
	font-size: 0; 
	line-height: 0;
	margin: 0; 
	padding: 0;
	height: 1px;
}
  /* (en) clearfix method for clearing floats */
  /* (de) Clearfix-Methode zum Clearen der Float-Umgebungen */
  .clearfix:after {
    content: ".";
    display: block;
    font-size:0;
    height: 0;
    clear: both;
    visibility: hidden;
  }

  /* (en) essential for Safari browser !! */
  /* (de) Diese Angabe benötigt der Safari-Browser zwingend !! */
  .clearfix { display: block; }

  .floatbox { overflow:hidden; } 
  

/* Form Styles */


form {
  margin: 0;
  padding: 0;
}

form div.formfield {
  margin: 0 0 10px 0;
  padding: 10px 0 0 0;
  clear:both;
}

form div.formbutton {
  margin: 0;
  padding: 0;
  clear:both;
  text-align: right;
}

.formhead {
	background: transparent url(pics/hr_shade_3_4.gif) no-repeat 0px 42px;
	height:60px;
	padding: 5px 0 0 20px;
}

/*
.etikett {
	font-size: 1em;
	font-weight: normal;
	margin-top: 15px;
	cursor: pointer;
}
*/

form div.formfield label {
	display: block;
	float: left;
	width: 260px;
	padding: 5px 20px 0 0;
	text-align: right;
	cursor: pointer;
}

form div.formfield label.pwd {
	padding: 0px 20px 0 0;
}
#complexity span {
	padding: 0px 0 0 30px;
}


form div.checker {
  margin: 15px 0 10px 0;
  padding: 0;
  clear:both;
}
form div.checker div {
  display: block;
  float: left;
  width: 240px;
  padding: 0 20px;
  text-align: right;
}

form div.checker label {
	display: inline;
	padding: 0;
	margin: 0;
	text-align: left;
	cursor: pointer;
}
form div.checker_terms {
  margin: 5px 0 30px 20px;
  padding: 0;
  clear:both;
}


.auswahl {
	color: #2c3034;
	font-size: 1.2em;
	margin: 0;
	border: solid 1px #4681c5;
	background-color: #f5f9fc;
	width: 300px;
	cursor: pointer;
	padding: 4px 4px 4px 6px;
}

.textinfo {
	margin: 0;
	padding: 0;
}

.formfield p {
	color: #2c3034;
	font-size: 1.2em;
	/*
	margin: 2px 0 0 0;
	*/
	margin: 5px 0 10px 0;
	padding: 0;
}

.texteingabe {
	color: #2c3034;
	font-size: 1.2em;
	margin: 0;
	border: solid 1px #4681c5;
	background-color: #f5f9fc;
	width: 280px;
	padding: 4px 6px 4px 6px;
}

.texteingabe_space {
	color: #2c3034;
	font-size: 1.2em;
	margin: 5px 0 15px 15px;
	border: solid 1px #4681c5;
	background-color: #f5f9fc;
	width: 292px;
	padding: 4px 6px 4px 6px;
}

.texteingabe_readonly {
	font-size: 1.2em;
	color: #2c3034;
	margin: 0;
	color: #595f64;
	border: solid 1px #bbb;
	background-color: #f5f9fc;
	width: 280px;
	padding: 4px 6px 4px 6px;
}

.texteingabe_readonly_space {
	font-size: 1.2em;
	color: #2c3034;
	margin: 5px 0 15px 15px;
	color: #595f64;
	border: solid 1px #bbb;
	background-color: #f5f9fc;
	width: 292px;
	padding: 4px 6px 4px 6px;
}



/* login form in right column */
#modules_right div.formfield {
  margin: 0;
  padding: 0;
  clear:both;
}
#modules_right div.formfield label {
	font-size: 0.9em;
	font-weight: normal;
	margin-top: 0;
	cursor: pointer;
	display: inline;
    clear:both;
	width: 200px;
	padding: 0;
	text-align: left;
}
#modules_right .texteingabe {
	color: #2c3034;
	font-size: 1.2em;
	/*
	margin: 5px 0 15px 12px;
	width: 180px;
	*/
	margin: 5px 0 15px 0;
	width: 190px;
	border: solid 1px #4681c5;
	background-color: #f5f9fc;
	padding: 4px 6px 4px 6px;
}


.button {
	font-size: 1.1em;
	clear: both;
	font-weight: bold;
	margin: 4px 1px 4px 1px;
	padding: 2px 4px;
	border: solid 1px #4681c5;
	color: #2c3034;
	background-color: #ffffff;
	padding: 5px 14px 5px 14px;
	cursor: pointer;
	text-decoration:none;
}

.button:hover {
	color:#ffffff;
	background-color: #4681c5;
}

form br {
	clear: both;
}


.buttonlinks {
	margin: 10px 0 10px 0;
	padding: 0 0 0 0;
	text-align: left;
}

.buttonrechts {
	margin: 10px 0 10px 0;
	padding: 0 20px 0 0;
	text-align: right;
}

/* redeem product card */

.module_redeem {
	position:relative;
	width:420px;
	height:269px;
	margin: 20px 0 10px 100px;
	background: #fff url(pics/productcard_bg.jpg) no-repeat top left; 
}

.module_redeem_form {
	position:absolute;
	top:58px;
	left:95px;
}






/* rounded boxes */
.b1, .b2, .b3, .b4{font-size:1px; overflow:hidden; display:block;}
.b1 {height:1px; background:#d9d9d9; margin:0 5px;}
.b2 {height:1px; background:#fcfcfc; border-right:2px solid #d9d9d9; border-left:2px solid #d9d9d9; margin:0 3px;}
.b3 {height:1px; background:#fcfcfc; border-right:1px solid #d9d9d9; border-left:1px solid #d9d9d9; margin:0 2px;}
.b4 {height:2px; background:#fcfcfc; border-right:1px solid #d9d9d9; border-left:1px solid #d9d9d9; margin:0 1px;}
.bs1, .bs2, .bs3, .bs4{font-size:1px; overflow:hidden; display:block;}
.bs1 {height:1px; background:#d9d9d9; margin:0 5px;}
.bs2 {height:1px; background:#e4ebf4; border-right:2px solid #d9d9d9; border-left:2px solid #d9d9d9; margin:0 3px;}
.bs3 {height:1px; background:#e4ebf4; border-right:1px solid #d9d9d9; border-left:1px solid #d9d9d9; margin:0 2px;}
.bs4 {height:2px; background:#e4ebf4; border-right:1px solid #d9d9d9; border-left:1px solid #d9d9d9; margin:0 1px;}
.contentb {background: #fcfcfc; border-right:1px solid #d9d9d9; border-left:1px solid #d9d9d9;}
.contentb div {margin-left: 5px;}