/*
    filename: style.css
    version: 4.0
    description: Definition of CSS (Screen) for the Wacker Neuson concrete solutions Webpage
    last edited: 2009-04-28, Daniel Levi
    
    author: Daniel Levi
    email: daniel at psmw-newmedia dot de
    
    (c) PSM&W new media GmbH  2005 - 2009. All rights reserved.
*/

/* general settings */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,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 { font-style:normal; font-weight:normal; }
ol,ul { 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; }

.cl:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html .cl { height: 1%; }

/* general: body + wrapper */
body { background: #fff; text-align: center; font: 12px Arial, Helvetica, sans-serif; }
#tank {	margin: 0; width: 1000px; text-align: left; }

/* general: selected link items */
.selecteditem2 { color: #c10018!important; }
.selecteditem { background-color: #fff!important; color: #666; }

/* general: no-borders */
.nobo { border-right: none!important; }

/* general: forms */
fieldset, img, abbr, acronym { border: 0; }
p.form-row { float:left; display:inline; width: 400px; clear:both; }
p.form-row label { width: 150px; float:left; display:block; }
p.form-row input, p.form-row select { float:left; display:block; width: 200px; }

/* general: paging */
.pager { width: 388px; float:left; display:inline;  border:1px solid #c0c0c0; background: #f4f5f6;padding: 6px; text-align:center; }
.pager span { padding: 0 4px; color: #999; }
.pager span.selected a { color: #c10018!important; text-decoration:none!important; font-weight:700; }

/* header */
#header { margin:8px 0 0; }

/* header: logo */
#logo { width: 290px; height:99px; float: left; display:inline; margin-left:52px; }

/* header: meta navigation */
#meta-navi { float: right; display:inline; height:25px; margin-top:1px; } 
#meta-navi a { color: #425146!important; text-decoration: none; }
#meta-navi a:hover { color: #425146!important; text-decoration: underline!important; }
#meta-navi span.space { color: #425146; padding: 0 6px; }
#meta-navi, #meta-navi a { font-size: 10px; letter-spacing: 1px;  }
#meta-navi a.link-to-wacker { color: #c10018!important; font-weight:700!important; }

/* header: claim */
#claim { float:right; display:inline; margin-top: 26px; width: 600px; height: 28px; }
#claim h2 { display:block; margin:0; padding:0; width: 600px; height: 28px; background: url('/images/tailer_mode_concrete_consolidation.gif') no-repeat; }
#claim h2 span { display:none; }

/* header: main-navigation */
.in-between { clear:both; height: 1px; font-size:1px; }
#main-navi { width: 1000px; border-bottom: 1px solid #fff; }
#main-navi a  { font-weight:700; display:block; float:left; width: 202px; border-right:1px solid #fff; height: 28px; color: #fff; font-size: 12px; text-decoration: none; background: #535e5d /*url('/images/red_button.gif') no-repeat*/; text-align:center; }
#main-navi a span { display:block; padding: 6px 0 0; }	
#main-navi a:hover { color: #dddedf!important; text-decoration:none; }
#main-navi a.selecteditem2, #main-navi a.selecteditem2:hover { color: #535e5d!important; background: #ffdc2d /*url('/images/grey_button.gif') no-repeat*/;  }
#main-navi .last-item { margin: 0!important; width:197px!important; border-right:0!important; }
#main-navi .first-item { width:193px!important;  }

/* yellow row */
.yellow-row { background: #ffdc2d; font-size:1px; height:6px; border-bottom:1px solid #fff; width:1000px; }
.yellow-row.end { border-top:1px solid#fff; border-bottom:0!important; }

/* footer */
#footer { color: #8e8e8e; margin: 6px 0 0 12px!important; clear:both; float:left; display:inline; height:56px; font-weight:700; }
#footer p {padding: 0 2px; }

/* content */
#content { background: #d3d7da; padding: 18px 0 18px 9px; }
#content div { margin: 0!important; }

/* home: hidden website title */
h1.start { display: none; }

/* home: major-slideshow */
#major-slideshow { width: 982px; height: 265px; overflow:hidden; position:relative;  }
#major-slideshow-mask {  width: 982px; height: 247px; background: url('/images/the_mask.png') no-repeat; position: absolute; top:0; left:0; z-index:100; }
#major-slideshow-pictures { width: 982px; height: 247px; position:relative; z-index:1; }

/* home: major-slideshow :script: image slideshow */
#major-slideshow-pictures #imageSlideshowHolder { width: 982px!important; height: 247px!important; }
#major-slideshow-pictures .imageInGallery { width: 982px!important; height: 247px!important; left:0px; top:0px; position:absolute; }
#major-slideshow-pictures #imageSlideshowHolder img { position: absolute; }

/* home: major-slideshow: ie */
* html #major-slideshow-mask { background: none !important; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/the_mask.png, sizingMethod='image'); }
*+html #major-slideshow-mask {background: url('/images/the_mask.png') no-repeat!important;}

/* home: sub-teaser */
#sub-teaser { width: 982px; }
#sub-teaser .top-border { width: 982px; font-size:1px; height: 12px; background: url('/images/sub-teaser-top.gif') no-repeat; }
#sub-teaser .sub-content { width: 982px; background: #fff; }
#sub-teaser .bottom-border {  width: 982px; font-size:1px; height: 12px; background: url('/images/sub-teaser-bottom.gif') no-repeat; }

/* home: sub-teaser: news headline */
#sub-teaser .sub-content h2.news-headline { display:block; width: 945px; margin:0 0 8px 18px; padding:0; color:#333; padding-bottom: 5px; font-size: 18px; font-weight:400; }
#sub-teaser .sub-content h2.news-headline a {color:#333; text-decoration:none;}
#sub-teaser .sub-content h2.news-headline a:hover {text-decoration:underline; }

/* home: sub-teaser: news items */
#sub-teaser .sub-content .news-teaser { padding: 0 0 0 18px; }
.news-teaser .concrete-news-item { width: 166px!important; float:left; display:inline; padding-right: 23px; font-size: 11px; color: #333; }
.news-teaser .concrete-news-item table { display:none; }
.concrete-news-item a { color: #333; text-decoration:none; }
.concrete-news-item a:hover { text-decoration:underline; }
.concrete-news-item h2 { line-height:12px; margin: 0 0 8px 0!important; }
.concrete-news-item h2, 
.concrete-news-item h3, 
.concrete-news-item p { margin:0; }
.concrete-news-item h3 { margin: 5px 0 0; }
.concrete-news-item h2 a, 
.concrete-news-item h3 a { font-size: 11px; font-weight: 700; }
.concrete-news-item img { width:166px; margin: 0 0 5px 0; }
.concrete-news-item p { font-size: 11px; line-height:12px; }
.concrete-news-item br { display:none; }

/* detailpage */
#detailpage { width: 1000px; z-index:999; padding-bottom: 29px; background: url('/images/detail_bg.gif') repeat-y; }

/* detailpage: breadcrumb */
#navipath { font-size: 11px; margin-bottom: 14px; line-height: 18px; }
.navipath-active { color: #75787d; }

/* detailpage: navigation col */
#navigation-col { width: 193px; float: left; display: inline; padding-top:18px; }
#navigation-col h2 { color: #425146; font-weight: 700; background: #a9adb4 url('/images/menu_head.gif') no-repeat; width: 193px; font-size: 12px; margin: 0; }
#navigation-col h2 span { color: #fff!important; display: block; padding: 4px 0 4px 12px; }
#navcontainer { width: 193px; font-size: 12px; color: #65696E; border-top:1px solid #fff; }

/* detailpage: navigation col: ie fix */
* html ul#nav1 li { float: left; height:1%; width:100%; }
* html ul#nav1 li a { height: 1%; }
*+html ul#nav1 li { float: left; height:1%; width:100%; }
*+html ul#nav1 li a { height: 1%; }

/* detailpage: navigation col: list items */
ul#nav1, ul#nav2, ul#nav3, ul#nav4 { list-style-type: none; }
ul#nav1 li.line { display: block; text-decoration: none; border-bottom: 1px solid #fff; margin: 0; padding: 0; }
ul#nav1 li a { background: url('/images/arrow.gif') 4px 4px no-repeat; }
ul#nav2 li a.selecteditem, ul#nav3 li a.selecteditem, ul#nav4 li a.selecteditem { background-color: #dddedf!important; color: #c10018!important; }
ul#nav1 li ul#nav2 li a { display: block; text-decoration: none; margin: 0; padding: 3px 4px 3px 33px;  background: url('/images/arrow.gif') 22px 5px no-repeat; }
ul#nav1 li ul#nav2 li a:hover { color: #c10018; margin: 0; padding: 3px 4px 3px 33px;  background: url('/images/arrow.gif') 22px 5px no-repeat; }
ul#nav1 li ul#nav2 ul#nav3 li a { display: block; text-decoration: none; margin: 0; padding: 3px 4px 3px 55px;  background: url('/images/arrow.gif') 44px 4px no-repeat;}
ul#nav1 li ul#nav2 ul#nav3 li a:hover { color: #c10018; display: block; text-decoration: none; margin: 0; padding: 3px 4px 3px 55px;   background: url('/images/arrow.gif') 44px 4px no-repeat;}
ul#nav1 li ul#nav2 ul#nav3 ul#nav4 li a { display: block; text-decoration: none; margin: 0; padding: 3px 4px 3px 77px;  background: url('/images/arrow.gif') 66px 4px no-repeat; }
ul#nav1 li ul#nav2 ul#nav3 ul#nav4 li a:hover { color: #c10018; display: block; text-decoration: none; margin: 0; padding: 3px 4px 3px 77px;  background: url('/images/arrow.gif') 66px 4px no-repeat; }
ul#nav1 li, ul#nav4 li { vertical-align: top; width: 193px; margin: 0; padding: 0; }
ul#nav1 li a, ul#nav4 li a { color: #666; display: block; text-decoration: none; margin: 0; padding: 3px 4px 3px 16px;  background: url('/images/arrow.gif') 6px 5px no-repeat; }
ul#nav1 li a:hover, ul#nav4 li a:hover { color:#c10018; margin: 0; padding: 3px 4px 3px 16px;  }
ul#nav1 li ul#nav2 li, ul#nav1 li ul#nav2 ul#nav3 li { font-size: 11px; color: #666; vertical-align: top; width: 193px; margin: 0; padding: 0; }

/* detailpage: content */
#detail-content { color: #425146; width: 400px; float: left; display: inline; font-size: 12px; margin: 29px 94px 0; }
#detail-content h1 { font-weight: 700 !important; font-size: 18px; !important; margin: 12px 0; }
#detail-content h2 { font-weight: 700 !important; font-size:14px; margin: 12px  0 !important; }
#detail-content h3 { padding: 0; font-size:12px; font-weight: 700; }
#detail-content a { color: #425146; text-decoration: underline; }
#detail-content ul { list-style-type: disc; max-width: 400px; padding-left: 23px; margin: 12px 0 ; }
#detail-content p { margin: 12px 0 0; }
#detail-content ol { list-style-type: none; margin: 12px 0 0; padding: 0; }
#detail-content ol li a { display: block; max-width: 372px; height: 1%; margin: 2px 0; padding: 2px 8px 2px 23px; background: #ededed url('/images/arrow.gif') 12px 5px no-repeat; }
#detail-content ol li a:hover { color: #fff; background: #c10018; }

/* detailpage: right col */
#right-col { float: right; display: inline; width: 197px; overflow:hidden; position:relative;  }

/* detailpage: teasers */
#detail-content #teaser-container { width: 400px!important; float: left; display: inline; margin: 17px 0 0; }
#teaser-container .teaser-box { float: left; display: inline; font-size: 11px; color: #7c828c; border-right: 1px solid #eee; margin: 0; }
#teaser-container .teaser-box a { font-size: 11px!important; }
#teaser-container .teaser-box a:hover { font-size: 11px; text-decoration: underline; }
#teaser-container h3.teaser_headline { font-size: 11px; font-weight: 700; color: #425146; margin: 0; padding: 0; }
#teaser-container h3.teaser_headline a { line-height:14px; }
#teaser-container h3.teaser_headline a:hover { text-decoration: underline; }
#teaser-container .teaser_subline { color: #7c828c; }

/* detailpage: teasers: col numbers */
.one-only { width: 400px; }
.two-teasers { width: 199px; }
.three-teasers { width: 132px;  }
.teaser-inlay { padding: 0 10px; min-height:260px; height:auto !important; height:260px; }
.teaser-inlay a { text-decoration:none!important; }
.teaser-inlay h3 a { text-decoration:underline!important; display:block; margin-bottom:4px; }


/* detailpage: news */
h2.news-news { margin: 10px 0; }
h2.news-news a { text-decoration: none !important; }
h2.news-news a:hover { color: #c10018!important; }

/* detailpage: support */
.submit_button { width: 16px; }
#support .note-red { clear:both; float:left; display:inline; color:#fff; display:inline; width: 224px; background:#c10018; margin: 4px 0 0 150px; }
#support .note-red.no-bg { font-weight:700; color: #425146; background:none; }
#support .note-red span { display:block; padding:3px; margin:0; }
#support input { font-size:12px; line-height:normal; padding:0; width: 220px; }
#support textarea.wi { padding:0; width: 220px; }
#support select.wi { width: 224px; }
#support input.support-submit { font-size:14px; width: auto; display:inline; margin: 0 0 0 150px; }

/* detailpage: locations */
table.locations { margin: 12px 0 0; width:400px; }
table.locations td,table.locations th {  padding:4px; }
table.locations th { font-weight:700; }
table.locations td { padding:4px; }
div.hidden-location {  display:none; }

/* detailpage: locations: alt background colors */
.row-one { background: #ededed; }
.row-two { background: #dfdee0; }
.first-col { width: 83px; }
.second-col { width: 180px; }
.third-col { width: 123px; }

/* detailpage: closed user group */
p.form-row .login-submit { width: 60px; float:left; display:inline; margin: 0 0 0 150px; }

div.cugInfoBox { background: #096d0c; float:left; display:inline; margin: 0 0 10px 0; width:392px; padding: 2px 4px;color: #fff;}
div.cugErrorBox { float:left; display:inline; margin: 0 0 10px 0; background: #c10018; width:392px; padding: 2px 4px; color: #fff; }
div.cugUpload { background: #fff; float:left; display:inline; } 

div#loadingbox, div#uploadBox { float:left; display:inline; width: 378px; margin: 10px!important; }
div#uploadBox #uploading p {margin:0; padding:0;}
div#uploadBox a { color: #c10018; font-weight:700; }
 
table.cugUploadTable { width: 380px; border-collapse:collapse; }
table.cugUploadTable tr td { border-bottom:1px solid #ccc; padding: 6px 0; vertical-align:middle; } 
table.cugUploadTable tr td.letzteZeile { border-bottom:none; }
input#uploadButton { font-size:18px; margin:0; padding:0; }

.send-mail { background: url('/images/send_mail.gif') 0 0 no-repeat; padding: 0 0 0 20px; height:16px; margin: 8px 0 20px 0 !important; }

div.cugContainer { float:left; display:inline; width: 400px; height:220px; position:relative; overflow-y:scroll; overflow-x: hidden; background: #fff!important; }
div.cugContainer  table.cug-liste { border-collapse:collapse; width: 380px; }
table.cug-liste tr td { width: 380px; padding:4px; border-bottom:1px solid #ccc; }
table.cug-liste tr td img { float:left; margin: 0 6px 0 0; }
table.cug-liste tr td a { margin:0; display:inline; padding:0; }

table.cug-liste tr td.col-0  { padding-left:10px; }
table.cug-liste tr td.col-1 { padding-left:20px; }
table.cug-liste tr td.col-2 { width: 16px; }
table.cug-liste tr td.col-3 { width: 16px; }
table.cug-liste tr td.col-2 img,
table.cug-liste tr td.col-3  img { margin:0; }

.green-note { color: #126b09; }
#upload-status-box { border:1px solid #ccc;margin: 4px 0 10px 0; }
#upload-status-box img { margin: 0 auto; width:32px; height:32px; }
#upload-status-box #uploading { text-align:center; padding:10px; }
#upload-status-box #uploading small { color: #888; font-size:11px; }

/* script: tooltip */
#dhtmltooltip { width: 150px; border: 1px solid #000; color: #fff; line-height: 18px; z-index: 1; padding: 4px; }
#dhtmlpointer { z-index: 2; }
#dhtmltooltip { background: #425146; }
#dhtmlpointer, #dhtmltooltip { position: absolute; left: -300px; visibility: hidden; }

/* script: image slideshow */
#imageSlideshowHolder { width: 100%; height: 260px; position:relative; }
.imageInGallery {  width: 100%; height: 260px; left:0px; top:0px; position:absolute; }
#imageSlideshowHolder img { position:absolute; }

/* cms */
.editbox { font-size: 12px; font-weight: 700;  width: 982px; border: 1px dashed #000; text-transform: uppercase; text-align: center; margin: 20px 0 0; padding: 2px 0; background: #EBEEF0; } 
.editbox a { color: #000; }
.editbox a:hover { color: #000; }