/* @group Reset */

/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.7.0
*/
/**
 * YUI Reset
 * @module reset
 * @namespace
 * @requires 
 */
html {
	color: #000;
	background: #FFF;
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
button,
textarea,
p,
blockquote,
th,
td {
	margin: 0;
	padding: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

fieldset,
img {
	border: 0;
}

address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var,
optgroup {
	font-style: inherit;
	font-weight: inherit;
}

del,
ins {
	text-decoration: none;
}

li {
	list-style: none;
}

caption,
th {
	text-align: left;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 100%;
	font-weight: normal;
}

q:before,
q:after {
	content: '';
}

abbr,
acronym {
	border: 0;
	font-variant: normal;
}

sup {
	vertical-align: baseline;
}

sub {
	vertical-align: baseline;
}

/*because legend doesn't inherit in IE */
legend {
	color: #000;
}

input,
button,
textarea,
select,
optgroup,
option {
	font-family: inherit;
	font-size: inherit;
	font-style: inherit;
	font-weight: inherit;
}

/*@purpose To enable resizing for IE */
/*@branch For IE6-Win, IE7-Win */
input,
button,
textarea,
select {
	*font-size: 100%;
}


/* @end */

/* @group reset Fonts */

/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.7.0
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

/* @end */

/* @group Lightbox */

#overlay{ 

    /* background-image: url(../img/overlay.png); */

    background: url(../img/overlay.png);

    position: absolute;

    top: 0px;

    left: 0px;

    z-index: 90;

    width: 100%;

    height: 100%;

}



* html #overlay{

    background-color: #333;

    background-color: transparent;

    background-image: url(../img/blank.gif);

    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(

        src="../img/overlay.png", sizingMethod="scale");

}



#box{

	margin: 0;

	padding: 0;

	overflow: none;

	text-align: left;

/*	border: 1px solid #666; */

}



#box #close{

    position:absolute;

    top:17px;

    right:0px;

    cursor:pointer;

}

* html #box #close {
	right: 8px;
	width: 16px;
}



#box #boxContents {

	/* margin-top:12px;

	padding:10px; */

}

/* @end */







/* @group Intro */

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

[Master Stylesheet]



born&nauerz - www.bornundnauerz.de



Project:            Kuraray

Version:            1.0

Last change:        24.09.2009

Assigned to:        Christian Nauerz

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





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

[Color codes]



Background: 

Menu: 

Link-Hover: 





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



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

[Table of contents]



1. Useful Classes

2. Areas

3. Typrography

4. Header

5. Menu

6. Content

7. Footer

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

/* @end */





/* @group Useful Classes */

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

   1. Useful Classes

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

a 		{ outline: none; }

a img 	{ border: 0; }



.text-left { text-align: left; }

.text-right { text-align: right; }

.text-center { text-align: center; }



.float-left { float: left; display: inline; }

.float-right { float:  right; display: inline; }

.clear { height: 0; clear: both; }



.block { display: block; }

.space-vertical { padding: 20px 0; }

:focus {
	outline-style: none;
	outline-width: 0;
}


/* @end */





/* @group Areas */

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

   2. Areas

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



html {

	height: 100%;
	background: url(../img/bg.png) repeat-y 50% 0;
}



body {
	height: 100%;


    padding: 0;

    margin: 0;
    text-align: center;
    
}



.container {
	position: relative;
	z-index: 2;
	width: 1006px;

	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -50px;
	text-align: left;
	background: url(../img/hg_left.png) repeat-y 0 0;


}



#header {
	height: 147px;
	background: url(../img/hg_header.png) no-repeat;
	position: relative;
	z-index: 90;
}


#content #menu .boxes {
	position: absolute;
	z-index: 50;
	display: block;

	top: 400px;
}

#content {
	margin-top: 35px;
	padding: 0 0 0 70px;
	width: 600px;
}

.main {
	padding: 0 0 0 20px;
	display: block;
}


#footer, .push {
	margin: 0 auto;
	padding-top: 20px;
	height: 30px; 
}

#footer {
	text-align: left;
	position: relative;
	z-index: 5;
	
	margin: 0 auto;
	width: 1006px;
}


#menu.content {
	position: absolute;
	z-index: 90;
	top: 127px;
	left: 87px;
}



/* @end */





/* @group Typography */

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

   3. Typography

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



body, p, a, a:link, a:visited, a:active, table {

    font-family: Helvetica, Arial, Verdana, sans-serif;

}



h1 {
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-size: 20px;
	color: #D4226E;
	font-weight: bold;
	line-height: 45px;
	margin-top: 10px;

}



h2 {

	color: #000;
	font-size: 13px;
	font-weight: bold;
	margin-bottom: 5px;

}



h3 {
	color: #d4226e;

	font-size: 13px;
	font-weight: bold;
	margin-bottom: 5px;

}



p {
	font-size: 12px;

	line-height: 17px;
	margin: 7px 0 14px 0;

}



hr {
	border: 1px solid #fff;
}



a {

	color: #d4226e;
	text-decoration: underline;

}



a:hover, a:focus {

	color: #750638;
	text-decoration: underline;

}



a:visited {



}



strong {

	font-weight: bold;

}



ul li {

    list-style: square;

    list-style-position: inside;

    font-size: 12px;

}

#content ul.admin ol {
	margin: 0 0 0 24px;
}

#content ul.admin ol li {
	list-style-type: decimal;
	margin: 0 0 8px 0;
	list-style-position: outside;
}

#content ul.admin ol li p {
	display: inline;
	line-height: 14px;
}

#content #menu .boxes .body h2 {
	font-size: 15px;
	font-weight: bold;
	color: #d4226e;
	text-align: center;
	position: relative;
}

#menu ul.level1 ul.level2 li.head span,
#menu ul.level1 span,
#menu ul.level1 li span a.js_menu,
#menu ul.level1 li span a:visited.js_menu,
#menu ul.level1 li span a:active.js_menu,
#menu ul.level1 li span a:link.js_menu {
	font-size: 12px;
	font-weight: bold;
	color: #d4226e;
	text-align: center;
	width: 131px;
	padding: 0 4px 0 0;
	display: block;
	position: relative;
}

#menu ul.level1 li span a.js_menu {
	margin: -11px 0 0 0;
	padding: 0;
}


#menu ul.level1 span {
	display: block;
	top: 5px;
}

#menu ul.level1 span.active,
#menu ul.level1 ul.level2 li.head span.active,
#menu ul.level1 li span.active a.js_menu {
	color: #750638;
}

#menu ul.level1 ul.level2 li.head span {
	top: 5px;
}

#content #menu .boxes .body h2 {
	top: -15px;
	margin-bottom: -15px;
}

#content #menu .boxes .body ul li a {
	font-size: 12px;
	color: #616161;
	text-decoration: none;
}
#content #menu .boxes .body ul li a:hover {
	color: #d4226e;
}

sup {
	font-size: 7px;
	position: relative;
	bottom: 6px;
}


/* @end */





/* @group Header */

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

   4. Header

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



#header img.logo_clearfil {

	top: 35px;
	left: 105px;
	position: relative;
	float: left;

}


#header img.logo_kuraray {
	position: relative;
	float: left;
	top: 28px;
	left: 490px;
}

#header .actions {
	position: absolute;
	top: 102px;
	left: 600px;
	width: 360px;
}

#header .actions fieldset {
	display: inline;
	float: left;
}

#header .actions input {
	float:  left;
}


#header .actions input.text {
	border: 0;
	padding: 1px;
	font-size: 10px;
	color: #888;
	height: 13px;
	width: 130px;
}

#header .actions input.search_submit{
	background: url(../img/search.png);
	width: 15px;
	height: 15px;
	padding: 0;
}

#header .actions img {
	float: left;
}

#header .actions a {
	color: #fff;
	text-decoration: none;
	font-size: 11px;
	margin-left: 15px;
}

#header .actions a:hover,
#header .actions a.active {
	color: #750638;
}


/* @end */



/* @group Menu */

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

   5. Menu

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


/* DropDown-Menü */
#menu.content ul			{ display: block; z-index: 90 }
#menu.content ul li         { float: left; }
#menu.content ul li a       { float: left; }
#menu.content ul.level2     { position: absolute; top: 0px; left: 0px; /* visibility: hidden; */ }
#menu.content ul.level2 li  { float: none; }

#menu.content ul.level1 li, #menu.content ul.level1 ul.level2 {
	width: 135px;
}

/* Level 1 */
#menu.content ul.level1 li {
    height: 29px;
    padding: 0px;
    margin: 0 2px 0 0;
	float: left;
    display: block;

    text-align: center;
	background-image: url(../img/btn-top.png);
}

#menu.content ul.level1 li.last         { margin: 0px; }
/*#menu.content ul.level1 li.active         { background-image: url(../img/btn-top.png); }
#menu.content ul.level1 li:hover         { background-image: url(../img/btn-top.png); } */


#menu.content ul.level1 li a,
#menu.content ul.level1 li a:link,
#menu.content ul.level1 li a:visited,
#menu.content ul.level1 li a:active,
#menu.content ul.level1 li a:hover,
#menu.content ul.level1 ul.level2 li.head a {
    font-size: 12px;
    font-weight: bold;
    line-height: 36px;
    text-decoration: none;
    color: #000;
}

#menu.content ul.level1 ul.level2 li.head,
#menu.content ul.level1 ul.level2 li.head:hover {
	padding: 0 0 5px 0;
	height: 30px;
}

#menu.content ul.level1 ul.level2 li.head a {
	background: none;
	text-align: center;
}

#menu.content ul.level1 ul.level2 li.head div {
	background: url(../img/btn-gradient.png) no-repeat;
	width: 135px;
	height: 95px;
	margin: 0 0 -95px 0;
	position: relative;
}

/* Level 2 */
#menu.content ul.level1 ul.level2 {
	padding-top: 14px;
    position: absolute;
    margin-top: -43px;
}

#menu.content ul.level1 ul.level2 li.bottom,
#menu.content ul.level1 ul.level2 li.bottom:hover {
	height: 3px;
	width: 135px;
	background: url(../img/btn-bottom.png) no-repeat;
}

#menu.content ul.level1 ul.level2 li,
#menu.content ul.level1 ul.level2 li:hover {
    padding: 0 0 8px 12px;
    height: auto;
	background: url(../img/btn-body.png) repeat-y;
	width: 135px;
}

#menu ul.level1 ul.level2 li.last,
#menu ul.level1 ul.level2 li.last:hover {
        padding: 0 0 0 12px;
}

#menu.content ul.level1 ul.level2 a {
    display: block;
    color: #616161;

    font-size: 11px;
    font-weight: normal;

    text-align: left;
    padding: 0 0 0 10px;

    line-height: normal;
    background: url('../img/arrow.png') no-repeat 0 2px;
    
    position: relative;
    width: 100px;
}
#menu.content ul.level1 ul.level2 a:hover { color: #d4226e	; }

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#menu.content  ul li a { float: none; }
/* End IE5-Mac hack */




/* @end */





/* @group Content */

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

   5. Content

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


.faq a {
	color: #D4226E;	
}


.faq a:visited {
	color: #000;
}

.faq p {
	margin: 0;
}


/* Generell */
#content ul.admin li {
	list-style: none;
}

/* Startseite */
.homepage-keyvisual {
	position: relative;
	z-index: 2;

	top: -45px;
	left: 12px;
	margin-bottom: -100px;
	width: 945px;
}

.homepage-keyvisual img {
	position: relative;
	top: 20px;
	left: 39px;
}

/* .homepage-keyvisual object {
	position: absolute;
	z-index: 1;
} */




#content #menu .boxes .head {
	display: block;
	height: 21px;
	width: 575px;
	background: url(../img/box-top.png);
} 

#content #menu .boxes .body {
	display: block;
	width: 575px;
	background: url(../img/box-body.png);
}

#content #menu .boxes .body div {
	background: url(../img/box-gradient.png) no-repeat;
	display: block;
	float: left;
	width: 152px;
	padding: 10px;
	min-height: 100px;
}

#content #menu .boxes .body div#boxgradient {
	display: none;
}

#content #menu .boxes .body div.position_2 {
	margin: 0 0 0 20px;
}
#content #menu .boxes .body div.position_3 {
	margin: 0 0 0 20px;
}

#content #menu .boxes .footer {
	display: block;
	background: url(../img/box-bottom.png);
	width: 575px;
	height: 25px;
} 

#content #menu .boxes .body ul {
	margin: 0 0 -20px 25px;
}

#content #menu .boxes .body ul li {
	list-style-image: url(../img/arrow.png);
	list-style-position: outside;
	margin: 10px 0;
}

#content #menu .boxes .body hr {
	background: url(../img/hr.png);
	height: 2px;
	border: none;
	width: 155px;
	position: relative;
}


/* Tabelle */
/*#content table tbody {
		background: url(../img/table-body.png);
}
#content table tbody tr {
	background: #000;
}
#content table thead {
	background: url(../img/table-head.png);
	width: 600px;
	height: 38px;
}
#content table,
#content table thead tr th,
#content table tbody tr td,
#content table tfoot tr td {
	border: none;
}
#content table tfoot {
	background: url(../img/table-foot.png);
	width: 600px;
	height: 38px;
}*/

/* Inhaltsseiten */
.keyvisual {
	position: absolute;
	top: 230px;
	left: 600px;
	margin-left: 100px;
}
.keyvisual img{
	width: 250px;
}

/* Tabelle */
/*
#content table tbody tr td h2 {
	color: #000;
	font-size: 13px;
	font-weight: bold;
	margin-bottom: 5px;
}*/

#content table {
	margin: 30px 0;
}

#content table,
#content table thead tr th,
#content table tbody tr td,
#content table tfoot tr td {
	border: none;
}

#content table tbody tr td {
	border-bottom: 3px solid #fff;
	vertical-align: top;
	padding: 4px 0;
	line-height: 17px;
}
#content table tbody tr.last td {
	border: none;
	padding: 4px 0 0 0;
}

#content ul.admin table tbody tr td ul {
	margin-bottom: 0;
}

#content ul.admin ul {
	margin-left: 15px;
	margin-bottom: 5px;
}
#content ul.admin ul li{
	list-style-position: outside;
	list-style-type: disc;
}

/* Produkte */
.product {
	display: block;
	margin: 30px 0;
}

.product h3 {
	font-size: 16px;
	margin-bottom: 15px;
}

.product ul li {
	list-style: none;
}

.product .image {
	display: block;
	float: left;
}

.product .info {
	display: block;
	float: left;
	margin-left: 10px;
}

#content .product table {
	margin: 0;
}
#content .product table tr td {
	border: none;
	padding: 0 10px 0 0;
	font-weight: bold;
}

#content .product table tr td.code {
	color: #D4226E;
}

#content .product p {
	margin: 0;
	width: 400px;
}

/* Download */
#content .download {
	display: block;
	height: 160px;
	margin-top: 20px;
}

#content .download img {
	float: left;
	display: block;
	margin-right: 10px;
}
#content .download a {
	display: block;
	color: #000;
	width: 400px;
	font-size: 11px;
	text-decoration: none;
}
#content .download a:hover {
	text-decoration: underline;
}

#content .download span {
	padding-top: 12px;
	display: block;
}

/* Form */
#content .formModul {
	padding: 0;
	width: 450px;
}

#content .formModul .top {
	background: url(../img/form-top.png);
	width: 470px;
	height: 38px;
	display: block;
}
#content .formModul .bottom {
	background: url(../img/form-bottom.png);
	width: 470px;
	height: 38px;
	display: block;
}

#content .formModul form {
	background: #fff;
	width: 440px;
	padding: 0 0 0 30px;
}

#content ul.admin .formModul ul {
	margin: 0;
}
#content ul.admin .formModul ul li {
	list-style: none;
	margin: 0 0 15px 0;
	width: 400px;
}

#content ul.admin .formModul ul li.last {
	margin: 0;
}

#content ul.admin .formModul ul li p {
	padding: 0;
	margin: 0;
	width: 420px;
	clear: both;
}

#content .formModul label {
	display: block;
	width: 150px;
	float: left;
	padding: 5px 0 0 0;
	
}
#content .formModul input.text {
	border: none;
	background: url(../img/input-text.png);
	height: 17px;
	width: 246px;
	padding: 6px 0 0 4px;
	font-size: 12px;
	line-height: 12px;
}
#content .formModul input:focus.text {
	background: url(../img/input-text-active.png);
}

#content .formModul textarea.text {
	border: 1px solid #d1d1d1;
	padding: 4px;
	width: 392px;
	height: 80px;
}
/*
#content .formModul input.submit {
	margin: 10px 0 0 -4px;
	cursor: pointer;
	width: 89px;
	height: 29px;
	text-indent: -999em;
	border: none;
	background-image: url(../img/input-submit.png);
}*/

#content ul.admin .formModul ul li ul.checkbox {
	margin: 10px 0 0 0;
	display: block;
	float: none;
}

#content ul.admin .formModul ul li ul.checkbox li {
	margin-bottom: 5px;
}

#content ul.admin .formModul ul li ul.checkbox input {
	margin-right: 5px;
}

/* GoogleMaps */
#content .mapInfo {
	display: block;
}
#content .mapInfo #markerInfo {
	width: 500px;
	padding: 20px 0 0 0;
	height: 130px;
}
#content .mapInfo #markerInfo span {
	width: 200px;
}

#content .mapInfo .bottom {
	display: block;
	width: 320px;
	height: 41px;
}

/* Movie Btn */
.movie-btn {
	left: 905px;
	position: absolute;
	cursor: pointer;
}

.movie-btn .information {
	display: block;
	font-size: 10px;
	color: #D4226E;
	position: absolute;
	width: 90px;
	right: 0px;

}


#mdp-movie {
	position: relative;
	top: -50px;
	left: 173px;
	z-index: 99;
}

.mdp-movie-txt {
	display: block;
	font-size: 10px;
	color: #D4226E;
	width: 90px;
	position: relative;
	top: -100px;
	left: 254px;
	margin-bottom: -100px;
}

div.animation4 {
	background: url(../img/mdpMovie-bg.png) no-repeat;
	width: 717px;
	height: 601px;
	padding: 14px 0 0 14px;
}




/* @end */





/* @group Footer */

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

   6. Footer

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


#footer span.first {
	margin-left: 90px;
}

#footer a,
#footer span {
	color: #000;
	font-size: 11px;
	text-decoration: none;
	margin-left: 20px;
}
#footer a:hover {
	color: #d4226e;
}




/* @end */


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

   7. Form

-------------------------------------------------------------- */
.lightboxContent {
	color: #3f3f3f;
}

.lightboxContent h1 {
	font-size: 16px;
}

.lightboxContent p {
	font-size: 13px;
	line-height: 14px;
}

.lightboxContent form {
	margin: 20px 0;
}

.lightboxContent form ul li {
	list-style: none;
	margin-bottom: 15px;
}
.lightboxContent form label {
	display: block;
	width: 150px;
	float: left;
	padding: 5px 0 0 0;
}
.lightboxContent form input.text {
	border: none;
	background: url(../img/input-text.png);
	height: 17px;
	width: 246px;
	padding: 6px 0 0 4px;
	font-size: 12px;
	line-height: 12px;
}
.lightboxContent form input:focus.text {
	background: url(../img/input-text-active.png);
}

.lightboxContent form input.submit,
#content .formModul input.submit {
	margin: 10px 0 0 -4px;
	cursor: pointer;
	width: 100px;
	height: 29px;
	border: none;
	background: url(../img/input-submit.png);
	display: block;
	padding: 0 0 2px 24px;
	color: #fff;
}

.lightboxContent .recommend {
	background: url(../img/recommend-bg.png);
	width: 420px;
	height: 360px;
	padding: 30px;
}

.lightboxContent .movie {
	display: block;
	padding: 40px 30px;
	background: url(../img/movie-bg.png);
	width: 480px;
	height: 290px;
}


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

   8. Animation

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

.dhonishow {
	overflow: hidden;
	width: 580px;
	font-family: Verdana, sans-serif;
}           

.dhonishow * {
	padding:  0;
	margin: 0;
	border:  none;
	list-style: none;
}                  

.dhonishow-image {
	overflow: hidden;
	width: 267px;
	height: 200px;
	text-align: left;
	position: relative;
	float: left;
	/* border: 4px solid #d1d1d1; */
}     

.dhonishow-image li {
	position: absolute;
	left: 0;
	top: 0;
	margin: 0;
	padding: 0;
}

.dhonishow-navi {
	text-align: right;  
	margin-bottom: 2px;
	overflow: hidden;
	width: 300px;
	padding: 0 0 5px 0;
	float: right;
}
                  
.dhonishow-picture-alt {
	float: left;
	text-align: left;
	font-size: 14px;
	line-height: 20px;
	width: 300px;
	height: 180px;
	display: block;
}          


.dhonishow-navi p {
	display: inline;
}

.dhonishow-navi a img{
	vertical-align: middle;
}

.dhonishow-navi a:hover {
	cursor: pointer;
}


.dhonishow-navi .paging {
	font-size: 11px;
	line-height:  20px;
	margin: 0 5px;
}

.animation {
	background: url(../img/animation-bg.png);
	width: 590px;
	height: 280px;
	padding: 20px 20px 20px 30px;
}

.animation h1 {
	margin: 0;
	padding: 0;
	line-height: 45px;
}




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

   8. IE-Hacks

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



/* 

*+html IE 7

* html IE 6

*/



* html hr.clear                 { display: none; }

*+html hr.clear                 { display: none; }

html>/**/body .clear        { clear: both; background: none; border: none; height: 0px; }



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

   8. IE-Hacks

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

#flowChart {
	position: absolute;
}

#flowChart li {
	list-style: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 580px;
	height: 200px;
}

#flowChart li span {
	display: block;
	float: right;
	width: 295px;
	
	font-size: 13px;
	color: #3F3F3F;
}

#flowChart li img {
	float: left;
}

 #flowChartNav {
	position: relative;
	top: 210px;
}

#flowChartNav a {
	color: #bcbcbc;
	cursor: pointer;
	margin-left: 5px;
	
	text-decoration: none;
}

#flowChartNav a.active {
	color: #3F3F3F;
}

#flowChartNav img {
	vertical-align: middle;
	margin-bottom: 2px;
	margin-left: 5px;
}

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

   8. box-gradient

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

#boxgradient {
	position: absolute;
	z-index: 99;
	left: 9px;
	top: 35px;
}

#menugradient1,
#menugradient2,
#menugradient3 {
	position: relative;
}


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

   8. pbs-box

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

#pbsWrapper {
	height: 400px;
}

#content ul.admin ul#pbs {
	position: absolute;
	margin: 20px 0 0 0;
	padding: 0;
}

#content ul.admin ul#pbs li {
	list-style: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 580px;
	height: 200px;
	margin: 0;
	padding: 0;
}

#content ul.admin #pbs li span {
	margin-top: 10px;
	display: block;
	font-weight: bold;
}

#content ul.admin #pbsNav {
	margin: 0;
	padding: 0;
	position: relative;
	top: 20px;
	left: 420px;
}

#content ul.admin #pbsNav li {
	list-style: none;
	width: 150px;
}

#content ul.admin #pbsNav li span {
	display: block;
	margin-top: 5px;
	margin-bottom: 44px;
	font-size: 11px;
}

#content ul.admin #pbsNav li span img {
	margin-right: 5px;
}

#pbsNav a {
	color: #000;
	cursor: pointer;
	margin-right: 15px;
	
	text-decoration: none;
}

#pbsNav a.active {
	color: #d4226e;
}

#pbsNav img {
	vertical-align: middle;
}


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

   IE7

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

*+html #content ul.admin li {
	list-style-position: outside;
}

*+html #menugradient1,
*+html #menugradient2,
*+html #menugradient3{
	top: 10px;
}

*+html #menu.content ul.level1 ul.level2 li,
*+html #menu.content ul.level1 ul.level2 li:hover {
    padding: 0 0 8px 0px;
}

*+html .movie-btn .information {
	top: 50px;
}

*+html .product {
	padding: 30px 0;
	margin: 0;
}

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

   IE6

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

* html {
	background: none;
}


* html #header {
	z-index: 99;
}

* html #menugradient1,
* html #menugradient2,
* html #menugradient3{
	top: 10px;
	display: none;
}

* html #content ul.admin li {
	list-style-position: outside;
}

* html #header {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/hg_header.png', sizingMethod='scale');
	background:none;
}

* html .container {
	/* filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/hg_left.png', sizingMethod='scale'); */
	background: url(../img/hg_left.gif);
}



* html #menu.content {
	position: absolute;
	z-index: 99;
	top: 128px;
}

* html #menu.content ul.level1 li {
	position: relative;
	z-index: 5;
}

* html #menu.content ul.level1 li /*,
* html #menu.content ul.level1 ul.level2 */ {
	padding: 0 0 0 4px;
	width: 128px;
}

* html #menu ul.level1 ul.level2 li.head span {
	display: none;
}

* html #menu ul.level1 ul.level2 li.head span,
* html #menu ul.level1 span,
* html #menu ul.level1 li span a.js_menu,
* html #menu ul.level1 li span a:visited.js_menu,
* html #menu ul.level1 li span a:active.js_menu,
* html #menu ul.level1 li span a:link.js_menu {
	width: 104px;
	padding: 0 4px 0 0;
}


* html #menu.content ul.level1 li a,
* html #menu.content ul.level1 li a:link,
* html #menu.content ul.level1 li a:visited,
* html #menu.content ul.level1 li a:active,
* html #menu.content ul.level1 li a:hover,
* html #menu.content ul.level1 ul.level2 li.head a {
    font-size: 12px;
    font-weight: bold;
    line-height: 16px;
    text-decoration: none;
    color: #000;
}


* html #menu.content ul.level1 ul.level2 {
	padding-top: 0px;
    position: absolute;
    margin-top: 24px;
}


* html #menu.content ul.level1 ul.level2 a:active,
* html #menu.content ul.level1 ul.level2 a:visited,
* html #menu.content ul.level1 ul.level2 a:link,
* html #menu.content ul.level1 ul.level2 a:active {
    background: none;
    line-height: 16px;
    font-weight: normal;
}


* html #menu.content ul.level1 ul.level2 li.head,
* html #menu.content ul.level1 ul.level2 li.head:hover {
	padding: 0 0 5px 0;
	margin: 0 0 -65px 0;
}


* html #menu.content ul.level1 ul.level2 li.head div {
	background:none;
	width: 80px;
	height: 10px;
}






* html #menu.content ul.level1 ul.level2 li,
* html #menu.content ul.level1 ul.level2 li:hover {
    background: #fff;
	padding: 0 0 8px 0;
}

* html #menu ul.level1 ul.level2 li.last,
* html #menu ul.level1 ul.level2 li.last:hover {
        padding: 0 0 0 0;

}


* html #menu.content ul.level1 ul.level2 li.bottom,
* html #menu.content ul.level1 ul.level2 li.bottom:hover {
	/* filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/btn-bottom.png', sizingMethod='scale'); */
    background: url(../img/btn-bottom.gif) no-repeat;
    height: 15px;
}



* html #menu.content ul.level1 ul.level2 li,
* html #menu.content ul.level1 ul.level2 li:hover {
	background: url(../img/btn-body.gif) repeat-y;
	position: relative;
	z-index: 3;
}








* html #content #menu .boxes .head {
	background: url(../img/box-top.gif);
} 


* html #content #menu .boxes .body {
	background: url(../img/box-body.gif);
}

* html #content #menu .boxes .body div {
	background: none;

}


* html #content #menu .boxes .footer {
	background: url(../img/box-bottom.gif);

} 

* html #menu ul.level1 li span a.js_menu {
	margin: -1px 0 0 0;
}


* html .lightboxContent form input.text {
	background: none;
	border: 1px solid #000;
	z-index: 9999;
	position: absolute;
	text-indent: 0em;
}



#content ul.admin .formModul ul li table.checkbox {
	margin: 0;
}