/* ----------------------------------------------------------------------------- */
/* BASIC LAYOUT */
/* ----------------------------------------------------------------------------- */

body, html {
	margin: 0;
	padding: 0;
	background: #eee;
	color: #000;
	ffont: normal 90%/145% arial,sans-serif;
}

body {
	background: url(http://www.scenegroup.eu/gfx/body_bg.png) repeat-x;
}

#wrap {
	margin: 0 auto;
	width: 760px;
	background: url(http://www.scenegroup.eu/gfx/content_bg.png) repeat-y;
}

#header {
/*	background: url(http://www.scenegroup.eu/gfx/top_r1soft2.png) no-repeat;*/
	
	background: url(http://www.scenegroup.eu/gfx/top_cdp.png) no-repeat;
	height: 179px;
}

#main {
	width: 734px;
	margin: 0 auto;
	border: 0px solid red;
}

#text {
	float: left;
	margin-top: 6px;
	border: 0px solid red;
	font: normal 0.8em/150% arial,sans-serif;
}

.text_narrow {
	width: 410px;
}

.text_wide {
	width: 515px;
}

.text_full {
	width: 734px;
}

#sidebar {
	margin-top: 6px;
	float: right;
	border: 0px solid red;
	font: normal 0.8em/140% arial,sans-serif;
}

.sidebar_wide {
	width: 314px;
}

.sidebar_narrow {
	width: 209px;
}

#sidebar div.box {
	margin-bottom: 8px;
}

.sidebar_wide div.box {
	background: url(http://www.scenegroup.eu/gfx/sidebar_top_wide.png) no-repeat;
}

.sidebar_narrow div.box {
	background: url(http://www.scenegroup.eu/gfx/sidebar_top_narrow.png) no-repeat;
}

#sidebar div.box_bottom{
	padding: 5px 7px;
	border: 0px solid red;
}

.sidebar_wide div.box_bottom {
	background: url(http://www.scenegroup.eu/gfx/sidebar_bottom_wide.png) bottom left no-repeat;
}

.sidebar_narrow div.box_bottom {
	background: url(http://www.scenegroup.eu/gfx/sidebar_bottom_narrow.png) bottom left no-repeat;
}

address {
	background: #eee url(http://www.scenegroup.eu/gfx/footer.png) no-repeat;
	clear: both;
	padding: 10px 4px 0 0;
	color: #888;
	font: normal 0.7em verdana,sans-serif;
	text-align: right;
	display: block;
}

address p {
	padding:5px;
	margin:0;
}


/* ----------------------------------------------------------------------------- */
/* LINKS */
/* ----------------------------------------------------------------------------- */

a {
	color: #23439d;
}

a:hover {
	color: #ff6101;
}

a:active {
	color: #e01a00;
}

a:visited {
	color: #800080;
}


#sidebar a:visited {
	color: #23439d;
}

#sidebar a:hover {
	color: #ff6101;
}

#text h3 a {
	color: #f76a03;
	text-decoration: none;
}


/* ----------------------------------------------------------------------------- */
/* FORMS */
/* ----------------------------------------------------------------------------- */


#sidebar input.submit {
	padding: 2px;
	margin: 0;
	background: #efefef;
	color: #000;
	border: 1px solid #666;
	font: normal 80% verdana,sans-serif;
}

form .item {
	float:left;
	display: block;
	width: 150px;
	hedight: 17px;
	vertical-align:middle;
}	

form .item:after {
	content: ":";
}	

form .value {
	margin: 0 0 0px 160px; 
	display: block;
	width: 570px;
}

form textarea.value {
	height: 100px;
}

label {
	font-weight: bold;
}

dfn {
	display: block;
	font-size: 95%;
	color: #666;
	font-style: normal;
}

/* ----------------------------------------------------------------------------- */
/* NAVIGATION */
/* ----------------------------------------------------------------------------- */

#navi {
	margin: 0;
	padding: 6px 13px;
}

div#navi ul {
	margin: 0;
	padding: 0;
}

div#navi ul li {
	float: left;
	display: block;
	margin: 0 1px 0 0;
}

div#navi ul li a {
	display: block;
	height: 30px;
	position: relative;
	width: 104px;
	background: #215b91;
	color: #fff;
	font: bold 0.8em arial,sans-serif;
	text-transform: uppercase; 
}

div#navi ul li#services a span {
	background: url(http://www.scenegroup.eu/gfx/navibutton.services_en.png) no-repeat;
	height: 100%;
	position: absolute;
	width: 100%;
	cursor: hand;
}

div#navi ul li#customers a span {
	background: url(http://www.scenegroup.eu/gfx/navibutton.customers_en.png) no-repeat;
	height: 100%;
	position: absolute;
	width: 100%;
	cursor: hand;
}

div#navi ul li#order a span {
	background: url(http://www.scenegroup.eu/gfx/navibutton.order_en.png) no-repeat;
	height: 100%;
	position: absolute;
	width: 100%;
	cursor: hand;
}

div#navi ul li#news a span {
	background: url(http://www.scenegroup.eu/gfx/navibutton.news_en.png) no-repeat;
	height: 100%;
	position: absolute;
	width: 100%;
	cursor: hand;
}

div#navi ul li#blog a span {
	background: url(http://www.scenegroup.eu/gfx/navibutton.blog_en.png) no-repeat;
	height: 100%;
	position: absolute;
	width: 100%;
	cursor: hand;
}

div#navi ul li#contact a span {
	background: url(http://www.scenegroup.eu/gfx/navibutton.contact_en.png) no-repeat;
	height: 100%;
	position: absolute;
	width: 100%;
	cursor: hand;
}

div#navi ul li#company a span {
	background: url(http://www.scenegroup.eu/gfx/navibutton.company_en.png) no-repeat;
	height: 100%;
	position: absolute;
	width: 100%;
	cursor: hand;
}


div#navi ul li#company {
	margin: 0;
}

/* ----------------------------------------------------------------------------- */
/* HEADINGS */
/* ----------------------------------------------------------------------------- */

h1 {
	margin: 0; 
	padding: 20px 0 0 17px; 
}

h1 a#logo {
	display: block;
	height: 68px;
	width: 71px;
	margin: 0; 
	padding: 0;
}

h1 a#logo span {
	display: none;
}

#text h2 {
	font: normal 200% "Trebuchet MS",arial,sans-serif;
	color: #f76a03;
	margin: 0;
}

#text h3 {
	font: bold 120% "Trebuchet MS",arial,sans-serif;
	color: #f76a03;
	margin: 1.0em 0 0 0;
	text-transform: uppercase;
}

#text h4 {
	font: bold 100% arial,sans-serif;
	margin: 0.8em 0 0 0;
	color: #222;
}

#sidebar h3 {
	font: bold 120% "Trebuchet MS",arial,sans-serif;
	color: #ff720b;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
}

#sidebar h4 {
	font: bold 100% arial,sans-serif;
	margin: 0;
	padding: 0;
}

/* PAGINATION */

div#pagination {
	margin-top: 1em;
	text-align: center;
}

div#pagination span.disabled {
	color: #666;
}

div#pagination span.older {
	background: url(http://www.scenegroup.eu/gfx/text_li_mirror.png) 0 4px no-repeat;
	padding: 0px 0 2px 12px;
}

div#pagination span.newer {
	background: url(http://www.scenegroup.eu/gfx/text_li.png) right 4px no-repeat;
	padding: 0px 12px 2px 0;
}

div#pagination span#disabled_older {
	background: url(http://www.scenegroup.eu/gfx/text_li_mirror_disabled.png) 0 4px no-repeat;
	padding: 0px 0 2px 12px;
}

div#pagination span#disabled_newer {
	background: url(http://www.scenegroup.eu/gfx/text_li_disabled.png) right 4px no-repeat;
	padding: 0px 12px 2px 0;
}

/* ----------------------------------------------------------------------------- */
/* TEXTS */
/* ----------------------------------------------------------------------------- */

#sidebar {
	color: #333;
}

#sidebar p {
	margin: 0 0 0.6em 0;
}

#text p {
	margin: 0.3em 0 1em 0;
}


p.error {
	background: url(http://www.scenegroup.eu/gfx/icon_error.png) 0 1px no-repeat;
	padding-left: 15px;
	font: bold 80% verdana,sans-serif;
	color: #cc0000;
}

p.ok {
	background: url(http://www.scenegroup.eu/gfx/icon_ok.png) 0 0px no-repeat;
	padding-left: 15px;
	font: bold 80% verdana,sans-serif;
	color: #40850d;
}

p.domain_error {
	background: url(http://www.scenegroup.eu/gfx/icon_error_big.png) 0 3px no-repeat;
	padding-left: 25px;
}

p.domain_ok {
	background: url(http://www.scenegroup.eu/gfx/icon_ok_big.png) 0 3px no-repeat;
	padding-left: 25px;
}

#text blockquote {
	border: 0px solid red;
	border-left: 3px solid #d0d0d0;
	margin: 0 0 0 1.5em;
	padding: 0 0 0 0.5em;
	color: #222;
	font: italic 95% arial,sans-serif;
}

p.quoted {
	text-align: right;
	font-style: italic;
	color: #666;
	font: italic 90% arial,sans-serif;
}


/* ----------------------------------------------------------------------------- */
/* TABLES */
/* ----------------------------------------------------------------------------- */

table.basic {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0px;
}

table.basic th {
	white-space: nowrap;
}


table.basic td, table.basic th {
	padding: 3px;
	vertical-align: top;
}

table.basic caption {
	padding-left: 0;
	text-align: left;
	font: bold 120% "Trebuchet MS",arial,sans-serif;
	color: #ff720b;
	text-transform: uppercase;
}

table.basic td, table.basic th {
	text-align: left;
}

table.basic th.col, table.basic th.col_first, table.basic th.col_last {
	color: #000;
	background-color: #efefef;
}

table.basic td, table.basic th.row {
	font-size: 95%;
}

.bg1 {
	background: #efefef;
}

.bg2 {
	background: #fff;
}


/* ----------------------------------------------------------------------------- */
/* LISTS */
/* ----------------------------------------------------------------------------- */

#sidebar ul {
	margin: 0 0 4px 0;
	padding: 0;
}

#sidebar ul li {
	background: url(http://www.scenegroup.eu/gfx/sidebar_li.png) 0 4px no-repeat;
	padding: 0px 0 2px 15px;
	list-style-type: none;
}

#sidebar ul li:hover {
	background-image: url(http://www.scenegroup.eu/gfx/sidebar_li_hover.png);
}

/* --- ORDERED --- */

#text ol {
	margin-left: 1em;
}

#text ul li, #text ol li {
	padding: 0 0 5px 0;
	margin: 0;
}

/* --- UNORDERED --- */

#text ul {
	margin-left: 1em;
	padding: 0;
}

#text ul li {
	background: url(http://www.scenegroup.eu/gfx/text_li.png) 0 5px no-repeat;
	padding: 0 0 5px 13px;
	margin: 0;
	list-style-type: none;
}

/* --- DEFINITION --- */

#text dl {
	margin-left: 1em;
	padding: 0;
}

#text dl dt {
	background: url(http://www.scenegroup.eu/gfx/text_li.png) 0 5px no-repeat;
	padding: 0 0 0 13px;
	margin: 0;
	font-weight: bold;
}

#text dl dd {
	padding: 0 0 5px 13px;
	margin: 0;
}

#sidebar dl {
	margin: 0;
	padding: 0;
}

#sidebar dl dt {
	background: url(http://www.scenegroup.eu/gfx/sidebar_li.png) 0 4px no-repeat;
	padding: 0 0 0 13px;
	margin: 0;
}

#sidebar dl dt:hover {
	background-image: url(http://www.scenegroup.eu/gfx/sidebar_li_hover.png);
}

#sidebar dl dd {
	padding: 0 0 5px 13px;
	margin: 0;
}


/* ----------------------------------------------------------------------------- */
/* CUSTOM STYLES */
/* ----------------------------------------------------------------------------- */

/* CUSTOMER LOGIN */

form#customer_login {
	padding: 0;
	margin: 5px 0 0 0;
}

form#customer_login label {
	font: normal 85% verdana,sans-serif;
}

form#customer_login div.input {
	float: left;
	width: 140px;
	padding: 0;
	margin: 0;
}

form#customer_login div.input input, form#customer_login div.input select {
	width: 135px;
}

#text form#customer_login div.input {
	width: 253px;

}

#text form#customer_login div.input input, #text form#customer_login div.input select {
	width: 248px;
}

/* BLOG */

h3.blog_title {
	margin-bottom: 0;	
}

p.blog_date {
	margin-top: 0;	
	font: normal 80% verdana, sans-serif;
	color: #666;
}

p.blog_categories {	
	font: normal 80% verdana, sans-serif;
	color: #666;
}

p.blog_categories a, p.blog_categories a:visited, p.blog_categories a:active {
	color: #666;
	text-decoration: none;
}

p.blog_categories a:hover {
	color: #000;
	text-decoration: underline;
}








/* ----------------------------------------------------------------------------- */
/* sIFR STUFF */
/* ----------------------------------------------------------------------------- */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
	margin: 0;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}