/**
* Style sheet screen
*/
HTML
{
    background-color:#F4F4F4;
    background-image:url(../bg_html.png);
    background-repeat:repeat-x;
}

UL
{
    list-style-type: none;
}

/* AREAS */
#wrapper
{
    margin-left: 60px;
}
#header .inside
{
    height: 100%;
    position: relative;
}
#container
{
    margin-top: 4em;
}
#left .inside
{
    margin-right: 2em;
}
#main
{
    position: relative;
}
#main .inside
{
    margin-left: 50px;
    width: 400px;
    float: left;

}
.custom
{
    float: right;

}
.custom #inner_right .inside
{
    width: 215px;
    margin: 0;
    padding: 0;
}
#footer
{
    position: relative;
    margin: 3em 0;
    margin-left: 35px;
}
#inner_right {
    float: right;
}
/* NAVIGATION */
/*  MAIN */
#nav_main LI
{
    display: block;
    float: left;
}
#nav_main
{
    position: absolute;
    bottom: 0;
    right: 0;
}
#nav_main A, #nav_main P
{
    display: block;
    float: left;
    margin: 0 2px 0 0;
    padding: 0 1em;
    background-color: #8096C2;
    line-height: 2em;
    font-weight: bold;
    text-transform: uppercase;
    color: #003399;
}
#nav_main P.active, #nav_main A.trail, #nav_main A:HOVER
{
    background-color: #F4F4F4;
}

/* SUB */
#nav_sub
{
    padding-bottom: 2em;
}
#nav_sub UL UL
{
    margin-right: 1em;
}

#nav_sub A, #nav_sub SPAN
{
    display: block;
    text-align: right;
    background: url(../bl_subnav.png) right .65em no-repeat;
    line-height: 2em;
    font-weight: bold;
    text-transform: uppercase;
    color: #003399;
    margin: 0;
    padding: 0 1.2em 0 0;
}
#nav_sub SPAN.active, #nav_sub A.trail, #nav_sub A:HOVER
{
    background-image: url(../bl_subnav_sel.png);
    color: #CC0000;
}

/* SERVICE */
#nav_service UL
{
    margin-left: 263px;
    border-top: 4px solid #003399;
}
#nav_service LI
{
    display: inline;
}
#nav_service A, #nav_service SPAN
{
    display: block;
    float: left;
    font-weight: bold;
    text-transform: uppercase;
    color: #003399;
    border-right: 1px solid #003399;
    margin: .5em .5em .5em 0;
    padding-right: .5em;
    line-height: 1em;
}
#nav_service LI.last A, #nav_service LI.last SPAN
{
    border-right: 0;
}
#nav_service LI.active SPAN, #nav_service LI.trail A, #nav_service A:HOVER
{
    text-decoration: underline;
}

/* SITEMAP */
#sitemap UL
{
    list-style-type: square;
    margin-left: 3em;
    line-height: 1.8em;
}
#sitemap UL UL
{
    list-style-type: disc;
}

/* GALLERY */
.ce_gallery
{
    position: relative;
    padding-bottom: 2em;
}
.ce_gallery .image_container
{
    line-height: 0;
}
.ce_gallery #canvas
{
    overflow: hidden;
}
.ce_gallery #zoom
{
    position: absolute;
    left: 305px;
    top: 39px;
    width: 29px;
    height: 29px;
    background: url(../bt_zoom.png) no-repeat;
}

/* COMPANY */
.unternehmen .custom
{
    margin-top: 78px;
}
/* RECOMMEND */
.seite-empfehlen #main .inside
{
    width: 632px;
}
/* REQUEST */
.kontakt.anfrage #main .inside
{
    width: 632px;
}
/* REFERENCES */
.referenzen #main .inside
{
    width: 632px
}
.reference UL
{
    width: 200px;
    margin-left: 420px;
}
.reference IMG
{
    float: left;
    margin-bottom: 2px;
}
.reference H2
{
    text-transform: uppercase;
}
.reference P
{
    margin-bottom: 1em;
}
.references
{
    position: relative;
    padding-bottom: 2em;
}
.references .image_container
{
    float: left;
    margin-right: 2px;
    line-height: 0;
}
.references IMG
{
    margin-bottom: 0;
}
.references A
{
    display: block;
    border-bottom: 9px solid #003399;
    margin-bottom: 2px;
}
.references A.active
{
    border-color: #CC0000;
}
.references #canvas
{
    width: 400px;
    overflow: hidden;
}
.references #zoom
{
    position: absolute;
    left: 305px;
    top: 39px;
    width: 29px;
    height: 29px;
    background: url(../bt_zoom.png) no-repeat;
    border: 0;
    margin: 0;
}

/* NEWS */
.news.kuendigen #main .inside,
.news.abonnieren #main .inside
{
    width: 632px;
}
.news #main .inside
{
    width: 440px;
}
.mod_newslist .teaser, .mod_newslist H2
{
    margin-left: 100px;
}

/* CONTACT / MAP */
.anfahrtsplan #main .inside
{
    width: 632px;
}
.anfahrtsplan #legend
{
    position: absolute;
    top: 0;
}

/* PAGINATION */
.pagination P
{
    display: none;
}
.pagination UL
{
    list-style-type: none;
}
.pagination LI
{
    float: left;
}
.pagination A, .pagination SPAN
{
    text-align: center;
    display: block;
    background-color: #BBC8E2;
    line-height: 2em;
    width: 2em;
    margin: 1px;
}
.pagination A.next, .pagination A.previous
{
    width: auto;
    padding: 0 .5em;
}
.pagination .current, .pagination A:HOVER
{
    background-color: #DBE1EE;
}
.pagination A:HOVER
{
    text-decoration: underline;
}
.pagination .pagination_next, .pagination .pagination_previous
{
    display: none;
}

/* PRODUCT-CATALOG */
.kunststoffhandel #main .inside
{
    width: 632px;
}

/* Details */
.products .infos
{
    float: left;
    width: 400px;
}

.products .details,
.products .variants
{
    width: 100%;
}

.products .details
{
    margin-bottom: 1em;
}

.products .details TR
{
    border-bottom: 1px solid #F4F4F4;
}
.products .details TH,
.products .details TD
{
    background-color: #DBE1EE;
    padding: .3em;
}
.products .details TD.last
{
    text-align: right;
}
.products .variants
{
    border-bottom: 4px solid #DBE1EE;
}
.products .variants TH,
.products .variants TD
{
    background-color: #DBE1EE;
    padding: .3em;
}
.products .variants .odd TD
{
    background-color: #F4F4F4;
}
.products .variants .subgroup
{
    padding-top: 1.5em;
    background-color: #F4F4F4;    
}

.products .image
{
    float: right;
    width: 220px;   /* for Opera */
    text-align: right;
    line-height: 1em;
}
.products .image IMG
{
    float: right;
}
.products .zoom
{
    display: block;
    float: right;
    clear: right;
    width: 25px;
    height: 25px;
    margin-top: 1px;
    background: url(../bt_zoom_square.png) no-repeat;
}
.products .link_request
{
    display: block;
    clear: both;
    float: right;
    margin-top: 3em;
    padding-left: 15px;
    background: url(../bt_link_more.png) left no-repeat;
    text-transform: uppercase;
}

.products .link_request.email
{
    margin-top: 5px;
}

.products .requestforcontact
{
    margin-top: 10px;
    font-style: italic;
}

/* PRODUCTS */
/* Category/Product-Listing */
.products .listing LI
{
    display: block;
    float: none;
    background-color: #BBC8E2;
    border-bottom: 2px solid #F4F4F4;
}
.products .listing IMG
{
    float: left;
}
.products .listing .info
{
    float: left;
}
.products .listing H3
{
    font-size: 1em;
    text-transform: uppercase;
    padding: .6em 0 0 .6em;
}
.products .listing H4
{
    font-size: 1em;
    font-weight: normal;
    text-transform: uppercase;
    padding-left: .6em;
}
.products .listing H3 A,
.products .listing H4 A
{
    padding-right: 15px;
    background: url(../bt_link_more.png) right no-repeat;
}
.products .listing .empty
{
    padding: 1em;
}
.products .category
{
    width: 316px !important;
    width: 315px;
}
.products .category.odd
{
    float: left;
}
.products .category.even
{
    float: right;
}
.products .note
{
    float: none;
    clear: left;
    padding: .5em 0;
}
.products .code
{
    color: #555;
}

/* FORMS */
TABLE.hl_form,
.hl_form TABLE
{
    width: 100%;
    margin-bottom: 2em;
}
.hl_form .radio_container SPAN
{
    padding-right: 1em;
}
.hl_form INPUT
{
    border: none;
}
.hl_form TH,
.hl_form TD
{
    border-bottom: 1px solid #F4F4F4;
    padding: .3em;
}
.hl_form .transparent, .hl_form .explanation 
{
    height: 1.5em;
    background-color: #F4F4F4;
}
.hl_form TH,
.hl_form TD.button,
.hl_form TD.button INPUT
{
    width: 150px;
    background-color: #BBC8E2;
    color: #003399;
    font-weight: bold;
    text-transform: uppercase;
}
.hl_form TD
{
    background-color: #DBE1EE; 
}
.hl_form INPUT.text
{
    width: 100%;
    height: 100%;
    border: none;
    background-color: transparent;
}
.hl_form TEXTAREA
{
    width: 100%;
    border: none;
    background-color: transparent;
}

/* DOWNLOADS */
.ce_download_ext
{
    position: relative;
    float: left;
    width: 50%;
    margin-bottom: 2.5em;
}
.ce_download_ext .info
{
    position: absolute;
    bottom: 0;
    right: 0;
    width: 108px;
    margin-right: 2em;
}
.ce_download_ext P
{
    margin-bottom: 5px;
    text-transform: uppercase;
}
.ce_download_ext .more A
{
    padding-left: 0;
    padding-right: 10px;
}


/* CONTENT ELEMENTS */
#headline
{
    margin-left: 250px;
}
#headline H1
{
    margin-left: 50px;
}
#headline H1, #nav_main_selector, .kunststoffhandel H2
{
    font-size: 1.1em;
    font-weight: bold;
    text-transform: uppercase;
    color: #003399; 
    border-bottom: 4px solid #003399;
    margin-bottom: 2em;
}
H1
{
    font-size: 1.1em;
}
H2
{
    font-size: 1em;
}
TH
{
    padding-right: 1em;
    text-align: left;
}

#nav_main_selector
{
    text-align: right;
}

#logo
{
    margin-left: 35px;
}

#slogan
{
    position: absolute;
    left: -96px;
    top:-40px;
    height: 40px;
    width: 287px;
    background: url(../bg_kompetenz_in_kunststoff.png) bottom right no-repeat;
    border-bottom: 4px solid #003399;
    text-indent: -10000px;
}

.error
{
    color: #FF0000;
}

.more A, .back A
{
    font-weight: bold;
    text-transform: uppercase;
}
.more A
{
    background: url(../bt_link_more.png) right no-repeat;
    padding-right: 15px;
    padding-left: 1em;
}
.back A
{
    background: url(../bt_link_back.png) left no-repeat;
    padding-left: 15px;
}

.ce_text UL
{
    list-style-type: square;
}

.ce_text LI
{
    margin-left: 1.5em;
}

/* Styles Anfrageformular */

#formAnfrage{
	/* position:relative; 
	left:0px; 
	top:0px; */
	background-color:#F4F4F4;
	width:650px;
	height:100%;
	margin-top:50px;
	margin-bottom:25px;
}

#formAnfrage .label{
	padding:0px;
	margin:0px;
    float:left;
	width:150px;
	height:20px;
	background-color:#BBC8E2;
	border-bottom:1px solid white;
    padding-top:4px;
	padding-left:5px;
	font-weight:bold;
	line-height:100%;
}

#formAnfrage .labelTextarea{
	padding:0px;
	margin:0px;
    float:left;
	width:150px;
	height:100px;
	background-color:#BBC8E2;
	border-bottom:1px solid white;
    padding-top:4px;
	padding-left:5px;
	font-weight:bold;
}
 
#formAnfrage .textField{
	width:480px;
	height:20px;
	background-color:#DBE1EE;
	border:0px;
	padding:0px;
	margin:0px;
	padding-top:4px;
	padding-left:5px;
	border-bottom:1px solid white;
	line-height:100%;
}

#formAnfrage .textarea{
	width:473px;
	height:100px;
	background-color:#DBE1EE;
	border:0px;
	padding:0px;
	margin:0px;
	padding-top:4px;
	padding-left:5px;
	border-bottom:1px solid white;
}

#formAnfrage .button{
    width:155px;
    height:24px;
    border:0px;
    background-color:#BBC8E2;
	font-weight:bold;
	color:#003399;
    margin-right:5px;
	margin-top:10px;
	margin-bottom:10px;
}

/* Navigation - IndustryStock */
#nav_industrystock {
  position: absolute;
  top: 20px;
  right: 0;
  list-style-type: none;
}

#nav_industrystock LI {
  display: inline;
  margin-left: 5px;
}