/* 
	screen.css

	dark blue:			15416b
	baby blue:			ccd8e0
	green blue:			5d95ae
	
	text: 				333
	light grey text:	cfcfcf
	border:				e4e4e4

	
	left - top
	
	@import url(jeldwen_table.css);
	
	

*/
@import url(jeldwen_nav.css);
@import url(jeldwen_form.css);
@import url(jeldwen_table.css);
	
body					{
							margin: 0;
							padding: 0px;
							font-family: Arial, sans-serif;
							font-size: 12px;
							line-height: 18px;
							color: #333333;
							background: #fff;
						}
a						{ color: #15416b; text-decoration: underline; }
a:hover					{ color: #15416b; text-decoration: none; }
a:focus					{ outline: none; }
img						{ border: 0 }


h1, h2, h3, h4, p		{ margin: 0 0 10px 0; padding: 0; font-weight: normal; }
h1						{ font-size: 18px; font-weight: normal; }
h2						{ font-size: 16px; font-weight: normal; }
h3,
.h3						{ margin: 10px 0 5px 0; font-size: 14px; font-weight: normal; }
h4						{ font-size: 12px; font-weight: bold; }

h1 span,
h2 span,
h3 span,
h4 span					{ color: #999; }

p.intro 				{
							margin: 0 0 15px 0;
							font-size: 1.2em;
							line-height: 1.3;
						}

.left					{ float: left; }
.right					{ float: right; }
.hide					{ display: none; width: 0; height: 0; }

div.clr,
div.clear				{ clear: both; height: 0; }
.clr:after,
.clear:after			{ content: "."; clear: both; display: block; visibility: hidden; height: 0; }

hr						{
							margin: 0 0 10px 0;
							padding: 0;
							width: 100%; 
							clear: both; 
							border: 1px solid #fff;
							border-bottom: 1px solid #ccc;
						}
hr.dashed				{ border-bottom: 1px dashed #ccc; }


.line					{ 
							margin: 10px 0 10px 0;
							padding: 0;
							width: 100%;
							height: 1px;
							float: left; 
							clear: both;
							background: url("img/bg_line.gif") right top no-repeat;
						}
/*
	general grid
------------------------------------------------------ */

#page					{
							margin: 0;
							padding: 0 0 30px 0;
						}

#wrap-header 			{ 
							margin: 0 0 10px 0;
							clear: left;
							height: 160px;
							border-top: 10px solid #15416b;
							background: url("img/bg_header.gif") 0px 107px repeat-x;
						}
.popup #wrap-header		{ height: 10px; }

#wrap-content 			{ margin: 0 0 10px 0; clear: left; border: 0px solid; }
#wrap-footer 			{ 
							margin: 0px 0 10px 0; 
							height: 20px;
							display: block;
							clear: left;
							clear: both;
							background: url("img/bg_footer.gif") left top repeat-x;
						}

#header					{
							margin: 0 auto;
							padding: 0px; 
							width: 960px;
							height: 165px;
							border-left: 4px solid #fff;
							border-right: 4px solid #fff;
						}
.popup #header			{ display: none; }
#footer					{
							margin: 0 auto;
							padding: 20px 0px 0px 0px;
							width: 960px;
							position: relative; 
							height: 20px;

							background: url("img/bg_footer2.gif") left top repeat-x;

							border-left: 4px solid #fff;
							border-right: 4px solid #fff;
						}
#content				{
							margin: 0 auto;
							padding: 0px; 
							width: 581px;
							border-left: 200px solid #fff;
							border-right: 180px solid #fff;
						}
 
.popup #content			{ width: 100%; margin: 20px; border-left: 0px solid #fff; border-right: 0px solid #fff; }
#content.wide			{
							margin: 0 auto;
							padding: 0;
							width: 960px;
							border-left: 0px solid #c00;
							border-right: 0px solid #fff;
						}
#content_wide			{
							margin: 0 auto;
							padding: 0px; 
							width: 761px;
							border-left: 200px solid #fff;
							border-right: 0px solid #fff;
						}
#left					{
							margin-left: -199px;
							padding-bottom: 60px;
							width: 200px;
							float: left;
							position: relative;
							background: url("img/bg_left.gif") right bottom no-repeat;
						}
#left h4				{
							padding: 10px 0 0 10px;
							font-size: 15px;
							font-weight: bold;
						}
#main					{
							margin: 0 -561px 20px 0;
							padding-left: 20px;
							width: 541px;
							float: left;
						}
#main.wide				{
							margin: 0 -781px 20px 0;
							padding-left: 20px;
							width: 741px;
							float: left;
						}

#right					{
							margin-right: -180px;
							width: 180px;
							float: right;
							position: relative;
						}
body.better,
body.good,
body.better_picdesign	{ background: #fff; border: none; }

body.better #right,
body.good #right		{ padding-top: 40px; }

body.better_picdesign #right		{ padding-top: 310px; }

/*
	common parts
------------------------------------------------------ */
#logo					{
							margin: 0;
							padding: 0;
							width: 232px;
							height: 107px;
							float: left;
						}
#reliability			{ 
							position: absolute; 
							top: 0px;
							right: 50px;
							width: 277px;
							height: 20px;
							display: block;
							background: url("img/reliability.gif") left top no-repeat;
							text-indent: -5000px;
						}
/*
	rows and columns
------------------------------------------------------ */

.row 					{ margin: 0px 0px 10px 0px; float: left; clear: left; }
.row:after				{ content: "."; clear: both; display: block; visibility: hidden; height: 0; }

.col					{
							margin: 0px 10px 0px 0px;
							float: left;
							position: relative;
							width: 200px;
						}
.c2						{ margin-right: 0px; }


/*
	front
------------------------------------------------------ */
#slideshow-wrap			{ 
							margin: 0 0 15px 0; 
							padding: 0px;
							width: 960px;
							height: 240px;
							border: 1px solid #cfcfcf;
						}
#slideshow				{ 
							border: 10px solid #fff;
						}
#slideshow img			{  border: none; }

.pics					{
							margin: 0;
							padding: 0;
							width: 940px;
							height: 219px;
							overflow: hidden;
						}
.box					{
							margin: 0; 
							padding: 20px;
							float: left;
							width: 920px;
							display: block;
							border-top: 1px solid #cfcfcf;
							background: url("img/bg_box.gif") left bottom no-repeat;
						}
.front_col1				{
							margin: 0 0 15px 20px; 
							padding: 0 20px 0 0; 
							width: 600px;
							float: left;
							position: relative;
							background: url("img/bg_left.gif") right bottom no-repeat;
							display: inline;
						}
.front_col2				{
							margin: 0 0 15px 0; 
							padding: 0 0 0 20px; 
							width: 270px;
							float: left;
							position: relative;
							display: inline;
						}
.col1, .col2, .col3		{
							margin: 0px 0 0 0px; 
							padding: 0px 20px 0px 20px; 
							width: 280px;
							float: left;
							position: relative;
							display: inline;

						}
.col1, .col2			{ background: url("img/bg_left.gif") right bottom no-repeat; }
.col1					{ padding: 0px 20px 0px 0px; }
.col3					{ padding: 0px 0px 0px 20px; }

#main .col1				{ width: 395px; }
#main .col2				{ width: 280px; }

.front_col1 .img		{ margin: 0px 0px 10px 10px; float: right; }
.col1 .img,
.col2 .img,
.col3 .img				{ float: right; }

.front_col2 h3,
.box h3					{ margin: 0px 0 0px 0; }
.box p					{ font-size: 11px; line-height: 16px; }



ul.news					{ margin: 0; padding: 0; }
ul.news li				{ margin: 0 0 10px 0; padding: 0; list-style: none; font-size: 11px; }

ul.news a				{ color: #333; display: block; text-decoration: none; }
ul.news a:hover			{ color: #15416b; text-decoration: underline; }
ul.news span.date		{ font-style: italic;  }


/*
	products
------------------------------------------------------ */
div.item				{ 
							margin: 0px 20px 10px 0px; 
							float: left;							
						}
div.item a				{ color: #333; text-decoration: none; }


/*
	specials for issues from old site 
------------------------------------------------------ */
.firstdate				{ font-style: italic; }
.date					{ margin-top: 15px; font-style: italic; }

#main h4				{ margin-bottom: 0px; }

a.subHeader 			{ color: #333; display: block; text-decoration: none; }
a.subHeader:hover		{ color: #15416b; text-decoration: underline; }


/*
	for product categories
------------------------------------------------------ */

.prodcat				{ margin: 0 0 10px 0; padding: 8px 10px 10px 10px; _padding-bottom: 0px; height: 17px; background: aqua; color: #fff; text-align: right; font-size: 16px; font-weight: normal; width: 718px; z-index: 1000; position: relative; }
.prodcat.good			{ border: 1px solid #ff8500; background: #ff8500 url("img/bg_good.gif") 0 0 repeat-x; }
.prodcat.better			{ border: 1px solid #003366; background: #0d2a45 url("img/bg_better.gif") 0 0 repeat-x; }


/*
	for Austrian redirect page
------------------------------------------------------ */
#austrian-wrap			{ 
							margin: 0 0 0 0; 
							padding: 0px;
							width: 960px;
							height: 180px;
							border: 1px solid #cfcfcf;
						}
#austrian-redirect		{ 
							border: 10px solid #fff;
						}
#austrian-redirect img	{	border: none; }

.austrian-pics					{
							margin: 0;
							padding: 0;
							width: 940px;
							height: 159px;
							overflow: hidden;
						}							
						
						


/* //////////////////////////////// Roomdecorator //////////////////////////////// */

#main .textpad{padding:8px 10px;lineheight:16px;}
#main .flash{padding:7px 7px 10px 7px;}

#main .data_full {
		position:relative;
		width:736px;
		height:60px;
		background:#E3E6E8;
		border-bottom:1px solid #DEE6EC;	
		}

#main .data_full .selectcontainer {
					margin-right:5px;
					padding:4px 0;
					} 

#main .data_full .selectcontainer select {
					width:213px;
					font-weight:bold;
					color:#313A44;
					font-size:11px;
					}

#main .data_full .buttonpos input {
					position:absolute;
					color:#245B81;
					border:1px solid #BCC2C4;
					font-family:verdana, sans-serif;
					font-weight:bold;
					font-size:10px;
					right:0;
					bottom:0;
					height:20px;
					width:188px;
					padding-left:17px;
					margin:10px;
					background:#D5DADB url(buttonback.gif) no-repeat left center;
					}