@import url(viessmann.css);

body {
	margin: 0;
	background: #c1c1c1;
	font: 0.75em/1.25em arial, helvetica, lucida, sans-serif;
	text-align: center;
	color: #696969;
}

h1 {
	font-size: 1.2em;
	margin: 0;
	padding: 20px 0 0 10px;
}

#searchResultPage h1 {
	padding: 20px 0 10px 0;
	margin: 0 10px 0 10px;
	border-bottom: 1px solid #d1d2d4;
}

h2 {
	font-size: 1em;
	margin: 17px 0 0 10px;
}

h3 {
	font-size: 1em;
	margin: 17px 0 -8px 10px;
}

h3 a {
	text-decoration: none;
}

.teaser h3,
.refBox h3
 {
	margin: -3px 0 14px 0;
}

div {
	text-align: left;
}

p {
	margin: 17px 10px 0 10px;
	position: relative;
}

a {
	color: #696969;
}

a:visited {
	/*color: #a3a3a3;*/
	color: #696969;
}

a.discreet {
	text-decoration: none;
	color: #8D9194;
}

a.copyright {
	text-decoration: none;
	font-weight: bold;
	color: #8D9194;
}

a.imprint {
	text-decoration: none;
	font-weight: bold;
	color: #8D9194;
}

img {
	border: none;
}

ul {
	list-style-type: square;
	margin: 17px 10px 0 0;
	padding-left:  35px;
}

ol {
	margin: 17px 10px 0 0;
	padding-left:  42px;
}

ul li {
	padding: 0 0 0 4px;
}

ol li {
	padding: 0;
}

ul.noList {
	margin: 0;
	padding: 0;
	list-style: none;
}

form {
	margin: 0;
	padding: 0;
	position: relative;
	top: 0;
	left: 0;
}

input {
	font-size: 1.0em;
	border: none;
	vertical-align: top;
	margin: 0;
	height: 1.2em;
}

select {
	font-size: 1.0em;
	border: 1px solid #696969;
	margin: -3px 0 0 0;
	padding: 1px 2px 2px 0;
	color: #696969;
	vertical-align: top;
}

input.textField {
	padding: 2px 2px 2px 2px;
	border: 1px solid #696969;
	color: #696969;
	width: 176px;
}

textarea {
	font: 0.95em arial, helvetica, lucida, sans-serif;
	color: #696969;
	border: 1px solid #696969;
	padding: 2px 2px 2px 2px;
	width: 176px;
	position: relative;
	top: 0;
	left: 0;
}

* html textarea {
	font: 1em arial, helvetica, lucida, sans-serif;
	color: #696969;
	border: 1px solid #696969;
	padding: 2px 2px 2px 2px;
	width: 176px;
	position: relative;
	top: 19px;
	left: 10px;
}


input.zip {
	width: 90px !important;
}

img#pageStart {
	width: 1px;
	height: 1px;
	position: absolute;
	top: -10px;
	left: 0;
}

.button {
	margin: 0;
	padding: 0;
	background: #e7e8e9;
	height: 20px;
	cursor: pointer;
}

input.label {
	padding: 0 10px 0 10px;
	color: #696969;
}

.arrow {
	width: 20px;
	height: 20px;
	right: 0;
	bottom: 0;
	position: relative;
	margin: 0;
}

img#topShadow,
img#bottomShadow {
	margin: 0 10px auto auto;
	display: none;
}

div#container { 
	width: 610px; 
	background: #fff;
	position: relative;
	top: 0;
	left: 0;
}

div#header {
	padding: 0;
	margin: 0;
	display: block;
	background: transparent;
}

div#footerNavigation {
	width: 800px;
	margin: 0 auto 0 auto; 
	position: relative;
	top: 0;
	left: 0; 
	font-size:11px;
	text-align: center;
	display: none;
}

ul#serviceNavigation,
ul#langNavigation {
	margin: 0 0 70px 0;
	float: left;
	height: 20px;
	display: none !important;
}

ul#serviceNavigation li {
	float: left;
	padding: 2px 22px 3px 0;
	background: #e7e8e9;
}

ul#serviceNavigation li.firstListItem {
	padding-left: 20px;
}

ul#serviceNavigation a.serviceLink {
	text-decoration: none;
}

ul#langNavigation li {
	float: left;
	padding: 2px 5px 3px 0;
	background: #e7e8e9;
}

ul#langNavigation a.langLink {
	text-decoration: none;
	margin: auto 5px auto auto;
}

ul#serviceNavigation a.active,
ul#langNavigation a.active {
	color: #696969 !important;
}

span.space {
	font-size: 5px;
	position: relative;
	top: -10px;
}

form#searchForm {
	background: #f3f4f4;
	margin: auto 10px 0 10px;
	padding: 0 0 0 10px;
	white-space: nowrap;
	height: 20px;
	float: left;
	display: none;
}

form#searchForm #searchString {
	background: transparent;
	margin: 0;
	color: #696969;
	padding: 3px 5px 1px 0; 
	border: none;
	width: 110px;
}

form#searchForm #startSearch {
	background: transparent url(../img/bg_arrowRight.gif) no-repeat;
}

div#corporateRef {
	background: #e7e8e9;
	margin: auto 10px 10px 0;
	padding: 0 0 0 10px;
	white-space: nowrap;
	height: 20px;
	overflow: hidden;
	float: left;	
	z-index: 5;
	display: none;
}

ul#countryRef {
	background: #e7e8e9;
	margin: 0 10px 0 0;
	padding: 0;
	height: 20px;
	float: left;	
	position: relative;
	z-index: 5;
	list-style: none;
}

ul#countryRef li.overall {
	margin: 0;
	padding: 0;
}

a.corporateRef {
	text-decoration: none;
	position: relative;
	top: -5px;	
}

#corporateRefButton {
	background: transparent url(../img/bg_arrowCorporate.gif) no-repeat;
	height: 20px;
	width: 20px;
}

input.submitForm {
	background: transparent url(../img/bg_arrowCorporate.gif) no-repeat;
	border-left: 1px solid #d1d2d4;
	position: absolute;
	top: 0;
}

#countrySelectButton {
	background: transparent url(../img/bg_arrowCountrySelect.gif) no-repeat;
	position: relative;
	vertical-align: middle;
}

img#logo {
	position: relative;
	top: 0;
	left: 389px;
	margin: 0;
}
img#topic {
	position: absolute;
	top: 0;
	left:0;
	margin: 43px 0 0 27px;
}

img#topiclarge {
	position: absolute;
	top: 0;
	left:0;
	margin: 0 0 0 27px;
}
div#mainNavigation {
	clear: both;
	background: #f3f4f4;
	margin: 0 37px 10px 27px;
	height: 30px;
	overflow: hidden;
	position: relative;
	top: 0;
	left: 0;
	padding: 0 10px 0 20px;
	display: none;	
}

img.mainNavigation {
	position: relative;
	margin: 0 30px 0 0;
}

div#mainNavigation a img
{
  top: -30px;     
}

div#mainNavigation a.active img {
	top: 0;
}

div#breadCrumb {
	background: #e7e8e9;
	padding: 0 10px 0 210px;
	height: 10px;
	margin: 0 37px 0 27px;
	position: relative;
	top: 0;
	left:0;
	display: none;
}

div#breadCrumb a.breadCrumb {
	font-size: 11px;
	text-decoration: none;
	margin: 0;
	padding: 0;
	position: relative;
	top: -3px;
	left:0;
}

/* ie 6 */
* html div#breadCrumb a.breadCrumb {
	top: 0;
}

div#breadCrumb img.breadCrumbSpacer {
	width: 7px;
	height: 5px;
	background: transparent url(../img/breadCrumb_spacer.gif) no-repeat;
	margin-top: 0;
	margin-right: 10px;
	margin-bottom: 1px;
	margin-left: 10px;
}

/* ie 7 */
html * div#breadCrumb img.breadCrumbSpacer {
	margin-bottom: 3px;
}

/* ie 6 */
* html div#breadCrumb img.breadCrumbSpacer {
	margin-bottom: 1px;
}

div#content {
	min-height: 380px;
	margin: 34px 20px 0 20px;
	padding: 0 0 0 0;
	position: relative;
	top: 0;
	left:0;
}

body#entryPage div#content,
body#orderFormPage div#content,
body#productPage div#content,
body#topicPage div#content {
 margin-bottom: 10px;
}

/* ie 6 */
* html div#content {
	height: 380px;
}

div.leftContainer {
	margin: -10px 10px 0 0;
	float: left;
	display: none;
}

#home {
	text-align: left !important;
}


#home div.leftContainer {
	margin: -10px 10px 0 0;
	float: left;
	display: block;
}

#home div.rightContainer {
	margin: -10px 0 10px 0;
	float: right;
	display: block !important;
}

div#content div#marginal {
	width: 120px;
}

div#content div#sectionNavigation {
	width: 190px;
	float: left;
	margin: -10px 10px 0 0;
}

ul#navLevel1 {
	margin: 10px 0 0 0;
}

ul#navLevel1 li {
	background: #e7e8e9;
	padding: 3px 10px 3px 10px;
	border-bottom: 1px solid #fff;
}

ul#navLevel1 li.navLevel2 {
	background: #dcddde;
	padding: 3px 10px 3px 20px;
	border-bottom: 1px solid #fff;
}

a.sectionNavigation,
a.productNavigation {
	display: block;
	width: 100%;
	text-decoration: none;
}

a.active {
	color: #ed5311 !important;
	font-weight: bold;
}

div#content div#stage {
	background: #fff;
	margin: 0 0 10px 0;
}

body#home div#content div#stage {
	width: 380px;
	margin: 0 0 0 0;
	float: left;
}

body#home { size:landscape; }

body#contactFormPage div#content div#stage,
body#orderFormPage div#content div#stage,
body#searchResultPage div#content div#stage,
body#sitemapPage div#content div#stage,
body#entryPage div#content div#stage,
body#productPage div#content div#stage,
body#topicPage div#content div#stage {
	width: 570px;
	margin: 0 0 0 0;
}

* html body#contactFormPage div#content div#stage,
* html body#orderFormPage div#content div#stage,
* html body#searchResultPage div#content div#stage,
* html body#sitemapPage div#content div#stage,
* html body#entryPage div#content div#stage,
* html body#productPage div#content div#stage,
* html body#topicPage div#content div#stage {
 	padding: 0 0 10px 0;
	position: relative;
	left: -3px;
}

div#stage img.stage {
	margin: 0;
	float: left;
}

div#content div.rightContainer {
	margin: -10px 0 10px 0;
	float: right;
	display: none;
}

div#content div#multiTextSquareBox {
	width: 380px;
}

div#footer {
	padding: 10px 10px 10px 0;
	margin: 0 20px 0 20px;
	border-top: 10px solid #e7e8e9;
	color: #8D9194;
	font-size: 11px;
	text-align: right;
	clear: both;
}

/* ie 6 */
* html div#footer {
	margin-top: 0;
}

/* Components 
********************************************************************/ 
div.refBox {
 position: relative;
 top: 0;
 left: 0;
 width: 100px;
 min-height: 100px;
 padding: 10px 10px 10px 10px;
 overflow: hidden;
 margin: 10px 0 0 0;
 background-color: #e7e8e9;
}

* html div.refBox {
 height: 100px;
}

div.download {
	overflow: visible !important;
	height: auto;
	max-height: 100%;
	padding-bottom: 3px;
}

* html div.download {
 height: 100px !important;
}

div.service {
 overflow: visible !important;
}

div.text {
 background: #e7e8e9 url(../img/bg_textRefBox.gif) 90px 90px no-repeat;
}

div.img {
 background: #e7e8e9 url(../img/bg_imgRefBox.gif) 90px 90px no-repeat;
}

div.refBox a.refBox {
	text-decoration: none;
	width: 80px;
	display: block;
}

div.refBox img.textRefBox {
	position: absolute;
	left: 90px;	
	top: 90px;
	width: 20px;
	height: 21px;
}

div.teaser {
	background: #dcddde;
	width: 370px;
	min-height: 110px;
	margin: 10px 0 10px 0;
	padding: 10px 0 0 10px;
	position: relative;
	top: 0;
	left: 0;
}

div.imgTeaser {
	width: 380px;
	height: 120px;
	margin: 10px 0 10px 0;
	padding: 0;
	position: relative;
	top: 0;
	left: 0;
}

/* ie 6 */
* html div.teaser {
	height: 110px;
	width: 370px;
}

div.teaser a.teaser {
	margin: 0 140px 0 0;
	text-decoration: none;
	display: block;
	color: #696969;
}

div.teaser a.Headline {
	color: #ed5311;
}

div.teaser img.teaserIcon {
	background: transparent url(../img/bg_arrowTeaser.gif) no-repeat;
	width: 20px;
	height: 20px;
	vertical-align: middle;
}

body.corporatePage div.teaser a.Txt {
	color: #ED5311;
}

body.corporatePage div.teaser img.teaserIcon {
	background: transparent url(../img/bg_corporateArrowTeaser.gif) no-repeat;
	width: 20px;
	height: 20px;
	vertical-align: middle;
}

body.corporatePage div.teaser a.RefButton {
	position: absolute;
	bottom: 10px;
	right: 0px;
}

div.teaser a.RefButton {
	font-weight: bold;
	color: #ed5311;
	position: absolute;
	bottom: 4px;
	right: -3px;
	white-space: nowrap;
}

div#multiTextSquareBox #teaser3 {
	margin-bottom: 0;
}

div.teaser img.teaserImg {
	position: absolute;
	top: 0;
	right: 0;
	border-left: 10px solid #fff;
	margin: 0 0 0 10px;
}

div.imgTeaser img.centerTeaserImg {
	border-left: 10px solid #fff;
	border-right: 10px solid #fff;
	margin: 0;
}

h3.downloads,
h3.links {
	margin: 17px 10px -8px 10px;
}

p.pageUp {
	text-align: right;
	margin-top: 2px;
	margin-bottom: -16px;
}

table.refBoxDownloads {
	padding: 0;
	width: 100px;
	font-size: 11px;
	margin-bottom: 4px;
}

table.refBoxService {
	padding: 0;
	width: 100px;
	font-size: 11px;
	margin-top: -2px;
	margin-bottom: 4px;
}

table.refBoxDownloads a,
table.refBoxService a {
	text-decoration: none;
}

table.refBoxDownloads span.fileSize {
	display: block;
}

table.refBoxDownloads td.fileIcon {
	width: 25px;
	padding: 3px 0 0 0;
	vertical-align: top;
	text-align: left;
	position: relative;
	top: 0;
	left: 0;
}

table.refBoxService td.fileTitle {
	padding: 2px 0 0 0;
	vertical-align: text-bottom;
	text-align: left;
}

table.refBoxService td.fileIcon {
	width: 18px;
	padding: 0;
	vertical-align: top;
	text-align: left;
}

table.downloads,
table.links,
table.table1Column,
table.table2Column {
	margin: 20px 10px 0 10px;
	border-top: 1px solid #d1d2d4;
	padding: 0;
	width: 550px;
}

table.downloads td,
table.links td{
	padding: 6px 0 5px 0;
	vertical-align: top;
	text-align: left;
	border-bottom: 1px solid #d1d2d4;
}

table.downloads td a,
table.links a,
table.table1Column a {
	text-decoration: none;
}

table.downloads td.fileTitle {
	width: 459px;
}

table.downloads td.fileTitle a {
padding: 0 10px 0 0;
}

table.downloads td.fileIcon {
	width: 40px;
}

table.downloads td.fileIcon img {
	margin: -3px 0 0 0;
}

table.downloads td.fileSize {
	width: 50px;
	text-align: right;
}

.linkItem {
	display: block;
}

a.linkItem,
.linkItem a {
	padding-left: 20px !important;
	background: transparent url(../img/linkItem.gif) 0 3px no-repeat;
}

* html .linkItem {
	height: 15px;
}

table.table1Column td,
table.table2Column td {
	padding: 12px 10px 15px 0;
	text-align: left;
	vertical-align: top;
	border-bottom: 1px solid #d1d2d4;
}

table.table1Column td.productImgSize1,
table.table2Column td.reportImgSize1 {
	padding: 15px 0 15px 0;
	width: 80px;
}

table.table1Column td.productTitle {
	width: 100px;
}


table.table2Column td.reportTitle {
	width: 186px;
}

table.table2Column td.reportTitle .linkItem a {
	display: block;
}

table.table1Column h3,
table.table2Column h3 {
	margin: 0;
	padding: 0;
}

img.imgSize1 {
	border: 1px solid #d1d2d4;
	margin: 0;
}

img.imgSize2 {
	margin: 0;
}

img.pageUp {
	margin: 0 5px 0 0;
}

a.imgRefBox {
	background: transparent url(../img/bg_imageRefBox.gif) no-repeat;
	padding: 3px 5px 5px 3px;
	display: block;
	margin: -4px 0 0 -3px;
}

div#productBox{
	background: #f3f4f4;
	height: 250px;
	position: relative;
	top: 0;
	left: 0;
}

div#productBox img.titleImage {
	margin: 0 0 -6px 0;
}

div#productBox img.imgSize3 {
	border-left: 10px solid #fff;
}

div#productBox img.passive {
	position: absolute;
	top: -30000px;
}

div#productBox img.active {
	float: right;
}

/* ie 6 */
* html div#thumpBox {
	position: absolute;
	top: 0;
	left: 508px;
}

div#thumpBox {
	width: 62px;
	position: absolute;
	top: 0;
	left: 508px;
}

div#thumpBox img {
	margin: 10px 0 0 0;
}

/* Corporate Site
********************************************************************/ 
ul#countries {
	list-style: none;
	margin: 0;
	padding: 0;
	position: relative;
	height: 20px;
	overflow: hidden;
	display: none;
}

* html ul#countries {
	position: absolute;
}

ul#countries li {
	background: #e7e8e9;
	padding: 0;
	border-bottom: 1px solid #fff;
	margin: 0;
}

li.overall ul {
	position:absolute;
	top:0;
	left:0;
	padding-bottom:5px;
}

li.overall li.countryLink {
	display:block;
}

table {
	border-collapse:collapse;
	padding:0;
	margin:-1px;
}

li.title {
	margin: 0;
	padding: 0 5px 0 10px;
	color: #fff;
	white-space: nowrap;
}

li.title a,
li.title a:visited {
	display:block;
	padding: 1px 0 0 10px;
	text-decoration: none;
}

li.countryLink {
	margin:0;
	padding:0;
	color: #fff;
	text-align:left;
}

#countries li.countryLink {
	border-bottom:1px solid #fff;
}

li.countryLink a,
li.countryLink a:visited {
	background: #f3f4f4;
	text-decoration:none;
	display:block;
	padding:4px 5px 4px 10px;
	white-space: nowrap;
}

/* SubjectList
********************************************************************/ 
ul.subjectList,
ul.resultList {
	margin: 17px 10px 0 10px;
	padding: 0;
	list-style: none;
	border-top: 1px solid #d1d2d4;
	position: relative;
	top: 0;
	left: 0;
}

ul.subjectList li {
	padding: 15px 10px 0 0;
	text-align: left;
	border-bottom: 1px solid #d1d2d4;
	clear: both;
}

ul.subjectList li img.spacer {
	clear: both;
	height: 1px;
	margin: 0;
	display: block;
	width: 100%;
}

ul.subjectList li a {
	text-decoration: none !important;
}

ul.subjectList li img.subjectImg {
	margin: 0 20px 15px 0;
	float: left;
}

ul.subjectList h3 {
	position: relative;
	margin: 0;
	display: inline;
	top: -3px;
	left: 0;
}

* html ul.subjectList h3 {
	margin: 0;
	top: 0;
	position: static;
	display: inline;
}

ul.subjectList li span.floatingText {
	display: block;
	padding: 0;
	margin: 0;
	padding: 0 0 14px 0;
}

/* Sitemap
********************************************************************/ 
ul#sitemapList {
	margin: 11px 0 10px 10px;
	padding: 3px 0 0 0;
}

#sitemapPage h1 {
	padding: 20px 0 0 10px;
}

ul#sitemapList h3 {
	margin: 0;
}

#sitemapList a {
	text-decoration: none;
	display: block;
	margin: 3px 0 2px 0;
}

li.sitemapItem {
	padding: 0;
	margin: 0;
}

li.level1 {
	display: block;
	border-bottom: 1px solid #dcddde;
}

#sitemapList li.level2 {
	display: none;
	margin: 0;
	padding: 0;
	height: 100%;
}

* html #sitemapList li.level2 {
	height: 20px;
}

#sitemapList li.level3 {
	margin: 0;
	padding: 0;
	height: 100%;
	border-bottom: none;
}

ul.level2 li {
	border-bottom: 1px solid #d1d2d4;
	display: block;
}

li.level2 a {
	padding-left: 80px !important;
}

li.level3 a {
	padding-left: 140px !important;
}

li.active {
	display: block !important;
	border-bottom: none !important;
}

#sitemapList a.active {
	color: #696969;
	background: transparent url(../img/bg_arrowActive.gif) 2px 2px no-repeat;
}


/* Search Results
********************************************************************/
form#searchFormResults {
	margin: 10px 10px 10px 10px;
	padding: 0;
	white-space: nowrap;
}

#resultNavigation {
	position: relative;
	top: 0;
	left: 0;
	margin: 17px 10px 0 10px;
}

ul.resultList li span.searchBreadCrumb {
	padding: 0 0 0 20px;
	display: block;
	margin: 0;
	font-size: 11px;
}

ul.resultList li a.searchBreadCrumb {
	font-size: 11px;
	text-decoration: none;
	margin: 0;
	padding: 0;
	position: relative;
	left:0;
}

img.searchBreadCrumbSpacer {
	width: 7px;
	height: 5px;
	background: transparent url(../img/searchBreadCrumb_spacer.gif) no-repeat;
	margin-top: 0;
	margin-right: 5px;
	margin-bottom: 1px;
	margin-left: 5px;
}

#searchFormResults label {
	margin: 0 20px 0 0;
	position: relative;
	top: 4px;
}

#searchFormResults input#newSearch {
	width: 198px;
}

select#sectionSearch {
	margin: 0 10px 0 10px;
}

#resultNavigation h3 {
	display: inline;
	margin: 0;
}

ul.resultList li .linkItem a {
	margin-top: 10px;
	display: block;
}

ul.resultList li .linkItem {
	margin: 0;
	display: block;
}

span.pageNavigation {
	white-space: nowrap;
	position: absolute;
	right: 0;
}

div#resultNavigation {
	font-weight: bold;
}

a.pageNavigation {
	text-decoration: none;
	padding: 0 2px 0 2px;
}

img.pageBack {
	background: transparent url(../img/bg_pageBack.gif) 0 -10px no-repeat;
	width: 12px;
	height: 10px;
	margin: 0 9px 0 9px;
}

img.pageForward {
	background: transparent url(../img/bg_pageForward.gif) 0 -10px no-repeat;
	width: 16px;
	height: 10px;
	margin: 0 0 0 9px;
}

ul.resultList li span.floatingText {
	padding: 0 0 0 20px;
	display: block;
	margin: 0;
}

ul.resultList li {
	padding: 0 10px 10px 0;
	border-bottom: 1px solid #d1d2d4;
	clear: both;
}

ul.documentOrder {
	border-top: 1px solid #d1d2d4;
	padding: 6px 0 0 0;
	margin: 7px 10px 0 10px;
}

ul.documentOrder li {
	padding: 0 10px 0 0;
	display: block;
	margin: 4px 0 4px 0;
	min-height: 20px;
	position: relative;
	top: 0;
	left: 0;
	overflow: hidden;
 }
 
* html ul.documentOrder li {
	height: 20px;
	overflow: visible !important;
}

*+html ul.documentOrder li {
	min-height: 20px;
	overflow: visible !important;
}

ul.documentOrder li label {
	width: 245px;
	display: block;
	float: left;
	padding-left: 25px;
	text-indent: -22px;
}

ul.documentOrder li input {
	margin: 0 9px 0 0;
}

* html ul.documentOrder li input {
	margin: 0 6px 0 -3px;
}

*+html ul.documentOrder li input {
	margin: 0 6px 0 -3px;	
}

h2.personalData {
	border-top: 1px solid #d1d2d4;
	margin: 5px 10px 0 10px;
	padding: 18px 0 0 0;
}

ul.personalData {
	border-bottom: 1px solid #d1d2d4;
	padding: 6px 0 10px 0;
	margin: 1px 10px 0 10px;
	display: block;
	height: 1%;
}

ul.personalData li {
	display: block;
	clear: both;
	min-height: 20px;
	margin: 0 0 5px 0;
	padding: 0;
}

ul.personalData li label,
ul.personalData li span.appellation {
	width: 7.55em;
	display: block;
	float: left;
	margin: 2px 0 0 0;
}

ul.personalData li label.appellation {
	margin: 0 20px 0 0;
	width: auto;
}

ul.personalData li label.appellation input {
	margin: 0 9px 0 0;
}

ul.personalData li.formInformation {
	font-size: 11px;
	padding: 12px 0 0 1px;
}

div.submitElement {
	position: relative;
	top: 0;
	left: 0;
	text-align: right;
	margin: 10px 10px 10px 10px;
	display: block;
	padding-right: 20px;	
}

div#recommend {
	position: absolute;
	top: 0px;
	left: 580px;
	background: #fff;
	z-index: 10;
	border: 1px solid #d1d2d4;
	width: 16.7em;
	text-align: right;
}

* html div#recommend {
	width: 17.5em;
	left: 570px;
}

div#recommend.passive {
	display: none;
}

div#recommend.active {
	display: block;
}

div#recommend #recommendIframe {
	display: block;
	width: 100%;
	height: 446px;
	position: relative;
}

* html div#recommend #recommendIframe {
	height: 460px;
}

div#recommend a {
	padding: 0 1px 0 0;
	font-size: 0.9em;
	text-decoration: none;
}

form#recommendForm .textField {
	width: 75px;
	display: block;
}

form#recommendForm {
	font-size: 0.9em;
}

body#recommendPage {
	margin:0;
	background: #fff;
}

body#recommendPage div#content {
	margin: 0;
	padding: 0;
}

body#recommendPage div#content div#stage {
	width: 200px;
	margin: 0 !important;
	min-height: 445px;
	padding-top: 0.01em;
}

body#recommendPage h2 {
	padding: 10px 0 0 0;
	margin: 0 10px 0 10px;
}

body#recommendPage p {
	margin: 10px 10px 0 10px;
}

body#recommendPage ul.personalData {
	padding: 0 0 10px 0;
	margin: 0 10px 0 10px;
	display: block;
	position: relative;
	overflow: auto;
	border-bottom: 1px solid #d1d2d4;
}

body#recommendPage ul.personalData li {
	display: block;
	margin: 0 0 6px 0;
	padding: 0;
}

* html body#recommendPage ul.personalData li {
	margin: 0 0 -8px 0;
	height: auto;
}

*+html body#recommendPage ul.personalData li {
	margin: 0;
}

body#recommendPage ul.personalData li label {
	width: 8.2em;
	float: left;
	display: block;
	margin: 2px 0 0 0;
}

form#recommendForm ul.personalData li label.email,
form#recommendForm ul.personalData li label.comment {
	width: auto;
}

form#recommendForm input.email {
	width: 16.1em;
}

form#recommendForm textarea.comment {
	width: 16.9em;
	display: block;
}

* html form#recommendForm textarea.comment {
	position: relative;
	top: 0;
	left: 0;
}