@charset "utf-8";
/* CSS Document */

/* ============================================================ */
/* ==================== Global Tags =========================== */
/* ============================================================ */

* { margin: 0;	padding: 0;	border: 0; }

html { background:#d9d9d9 url(../images/bg-body.jpg) 0 0 repeat-x; }

body { font:62.5%/1.8em "trebuchet ms", verdana, arial, sans-serif; background:url(../images/bg-header-container.jpg) center top no-repeat; color:#515151; }

div#container { width: 960px;	margin: 0 auto; font-size:1.4em; background: url(../images/bg-contentcontainer.jpg) 0 0 repeat-y; }

h1.branding a { width:500px; height:171px; display:block; position:absolute; top:53px; left:0px; }

h3 { font-size:1.2em; color:#444; margin:0 0 1.2em 0; }

p { margin:0 0 1.2em 0; }

div#euroweb { width:558px!important; margin:0 0 1.2em 0; }
div#euroweb img { float:left; margin:0 10px 0 0; }

/* ============================================================ */
/* ==================== Global Classes ======================== */
/* ============================================================ */

.clear { cloat:none; clear:both; }

.noMargin { margin:0!important; }

.noText { text-indent:-9999px; font-size:1px; overflow:hidden; color:#d9d9d9; }

/* ============================================================ */
/* ==================== Header ================================ */
/* ============================================================ */

div#header { width:958px; height:339px; background:url(../images/bg-header.jpg) 0 0 no-repeat; position:relative; }

div#header div#rotator { cursor:pointer;	overflow:hidden;	position:absolute; width:538px; height:305px; top:19px; left:360px; }
div#header div#rotator img {	border:0; cursor:pointer; width:538px; height:305px;	}

/* ============================================================ */
/* ==================== Navi ================================== */
/* ============================================================ */

div#navi { width:958px; height:190px; background:url(../images/bg-navi.jpg) 0 0 no-repeat; position:relative; }

div#navi ul { list-style:none; }
div#navi ul li a { display:block; background:url(../images/navi.jpg) no-repeat; position:absolute; }

div#navi ul li a.holzindustrie { width:154px; height:25px; background-position:0 0; top:2px; left:49px; }
div#navi ul li a.saegewerk { width:120px; height:26px; background-position:0 -25px; top:46px; left:49px; }
div#navi ul li a.holzverpackung { width:197px; height:25px; background-position:0 -51px; top:92px; left:49px; }
div#navi ul li a.kaminholz { width:165px; height:32px; background-position:0 -76px; top:2px; left:385px; }
div#navi ul li a.kontakt2 { width:123px; height:16px; background-position:0 -183px; top:61px; left:385px; }
div#navi ul li a.startseite { width:78px; height:20px; background-position:0 -108px; top:5px; left:705px; }
div#navi ul li a.kontakt { width:65px; height:18px; background-position:0 -128px; top:38px; left:705px; }
div#navi ul li a.anfahrt { width:62px; height:18px; background-position:0 -146px; top:69px; left:705px; }
div#navi ul li a.impressum { width:90px; height:18px; background-position:0 -164px; top:100px; left:705px; }

div#navi ul li a:hover,
div#navi ul li.active a { background:none; }

#navLink{
	font-size: 50px;
}

/* ============================================================ */
/* ==================== Headline ============================== */
/* ============================================================ */

h2 { width:958px; height:63px; display:block; background:url(../images/bg-h2.jpg) no-repeat; }

h2.startseite { background-position:0 0; }
h2.holzindustrie { background-position: 0 -63px; }
h2.saegewerk { background-position: 0 -126px; }
h2.holzverpackung { background-position: 0 -189px; }
h2.kaminholz { background-position: 0 -252px; }
h2.kontakt { background-position: 0 -315px; }
h2.danke { background-position: 0 -378px; }
h2.anfahrt { background-position: 0 -441px; }
h2.impressum { background-position: 0 -504px; }
h2.error404 { background-position: 0 -567px; }

/* ============================================================ */
/* ==================== Content Container ===================== */
/* ============================================================ */

div#contentContainer { width:958px; }

div#contentContainer a { color:#445b3a; text-decoration:underline; }
div#contentContainer a:hover { text-decoration:none; }

/* ============================================================ */
/* ==================== Content Main ========================== */
/* ============================================================ */

div#contentMain { width:558px; padding:10px 49px 0 49px; float:left; }

div#contentMain .column { width:259px; margin:0 40px 0 0; float:left; }

div#contentMain p.highlight { font-size:1.2em; color:#444; }

div#contentMain .img { border:1px solid #ccc; padding:2px; background:#fff; }

div#contentMain ul { list-style:none; margin:0 0 1.2em 0; }
div#contentMain ul li { background:url(../images/required.png) 0 0 no-repeat; padding:0 0 0 20px; margin: 0 0 0.6em 0; }

div#contentMain table { width:558px; border-bottom:1px solid #ccc; }
div#contentMain table tr td { padding:5px 0; }
div#contentMain table tr td.artikel { width:458px; }
div#contentMain table tr td.preis { width:100px; text-align: right; }

/* ============================================================ */
/* ==================== Content Sidebar ======================= */
/* ============================================================ */

div#contentSidebar { width:203px; padding:10px 49px 90px 49px; border-left:1px solid #b5b5b5; float:left; }
#holz {
	position:relative;
	top: opx;
	left: 30px;
	float: right;
}

/* ============================================================ */
/* ==================== Footer Container ====================== */
/* ============================================================ */

div#footerContainer { width:100%; height:105px; background:url(../images/bg-footer-container.jpg) 0 0 repeat-x; }

div#footerContainer div#footer { width:958px; height:105px; margin:0 auto; background:url(../images/bg-footer.jpg) 0 0 no-repeat; position:relative; }
div#footerContainer div#footer div#pflanze { width:204px; height:90px; background:url(../images/bg-pflanze.jpg) 0 0 no-repeat; position: absolute; top:-90px; left:705px; }