body {margin:0 0 21px 0; padding:0; background:#d7a273;text-align:center; font:14px arial,sans-serif; color:#eee;border-top:18px solid #e2bc97;} /*E3B88D*/

h1.arrow, h2.arrow {background:url(img/arrow_pix.gif) no-repeat; height:15px;}

.strong {font-weight:bold;}

.uppercase {text-transform:uppercase;}

.border {border:1px solid #d7ad83;padding:4px;background:#e9c09d;}

a:hover img.border {border-color:#eabf98;}

#mainBoxBorder {position:relative;left:0px;top:79px;width:1000px; margin:0 auto;text-align:left;background:#e9c096;padding:2px 1px 1px 1px;}

#index #mainBoxBorder {left:-7px; width:857px;background:#ebc298;padding:1px;}

#mainBox {background:url(img/bg_mainbox_3.gif);border-top:5px solid #deb28a;border-bottom:5px solid #deb287;}

#index #mainBox {border:5px solid #dcb089;}

#topbgBox {position:relative;top:-79px;width:100%;height:152px;}

#logo {position:relative;top:-217px; margin-left:13px; z-index:1; background: url(img/logo_3.gif) no-repeat; width:538px; height:48px;cursor:pointer;}

#logo span {display:none;}

#index #logo {margin-left:20px;}

#coffeecup {position:absolute; top:533px;  left:10px; width:201px; height:255px; background: url(img/coffee_cup2_3.jpg) no-repeat;z-index:3;}

#index #coffeecup {left:42px;top:6px; border:0 none;background:url(img/coffee_cup_3.jpg) no-repeat; height:196px; width:195px;}

#coffeecupAni {position:absolute; top:480px; left:85px; width:57px; height:120px;display:none;z-index:3;}

#index #coffeecupAni {left:119px;top:-41px;z-index:3;}

#contentBox {margin-top:-141px; margin-left:213px; width:583px; min-height:650px; _height:650px; background: url(img/bg_contentbox_3.gif) repeat-y;padding-bottom:4px;}

#index #contentBox {margin-left:234px;}

#contentBoxbgTop {position:relative; top:-4px;width:583px; height:16px; background: url(img/bg_contentbox_top_3.gif) no-repeat;margin-bottom:-4px;}

#contentBoxbgAni {width:565px; padding-left:24px;padding-top:12px; padding-bottom:7px; background: url(img/bg_contentbox_ani_3.gif) repeat-y;}

#index #contentBoxbgAni {padding-left:18px; padding-top:3px;padding-bottom:2px;}

#contentBoxbgAniBorder {margin-left:7px; width:570px; height:52px; background: url(img/bg_contentbox_ani_border_3.gif) no-repeat;}

#index #contentBoxbgAniBorder {margin-bottom:4px;}

#content {position:relative; top:-26px; left:43px; width:496px; color:#964; text-align:justify; line-height:18px;} /*color: #853*/

#index #content {left:29px;width:524px;}

#contentBox h1 {position:relative;left:-3px;font:bold 21px georgia,arial,sans-serif; color:#b15e22; margin:-3px 0 0 0;z-index:2;}

#contentBox .h1shadow {position:relative; top:-26px; left:-4px;font:bold 21px georgia,arial,sans-serif; color:#fec; margin:0 0 -21px 0;z-index:1;}

#produkte #contentBox h1, #news #contentBox h1 {font-size:25px;margin-top:25px;top:10px;left:3px;padding-bottom:4px;}

#produkte #contentBox .h1shadow, #news #contentBox .h1shadow {top:-23px;margin-bottom:-19px;font-size:25px;left:4px;}

#content h2 {font-size:14px; font-weight:bold; font-family:verdana,arial,sans-serif; color:#853; position:relative;  margin:14px 0 11px 0;text-align:left;padding:0;}

#content h2.orange, .orange {color:#b15e22;}

#content h2.big, #content .big {font-size:21px;font-family:arial, sans-serif;}

#content h2 .small {font-weight:normal;font-size:12px;color:#853;}

#index #content h2 {margin-top:2px;color:#b15e22;}

#content h3, #content h4 {font-size:14px; font-weight:bold; font-family:verdana,arial,sans-serif; color:#632;margin:0; padding:16px 0 14px 0;text-align:left;}

#content h4 {font-size:12px;}

#produkte #content h2 {padding-bottom:1px;}

#produkte #content h4 {padding:0;margin:5px 0 0 0;font-size:11px;}

#content .textsmall {font-size:13px;text-align:left;}

#content .textsmaller {font-size:12px;line-height:15px;padding-bottom:14px;}

#content .marginTop {margin-top:11px;}

#content a {color:#b15e22;}

#content a:hover {text-decoration:none;}

#content .borderHoriz {clear:both;background:url(img/content_border_horiz.gif) repeat-x; width:497px; height:3px; font-size:1px; margin:10px 0;}

#content .pagetop {clear:both;float:right;display:block;margin:2px 0;}

#content .pagetop img {border:0 none;}

#content .borderVert {background:url(img/content_border_vert.gif) repeat-y; width:3px; font-size:1px;float:left;}

#content #beansleft {background:url(img/beans.gif) no-repeat; width:90px; height:65px;margin-bottom:-47px;position:relative; top:-38px;}

#content #beansright {background:url(img/beans.gif) no-repeat 421px 0;width:520px;height:65px;margin-bottom:-27px;position:relative; top:-15px;}

#content .floatleft {float:left; margin:14px 5px 14px 0; width:230px;}

#content .floatleft a img.logo {border:1px solid #daaf85;padding:3px;background:#eabf95;} /*fc9*/

#content .floatleft a:hover img.logo {border-color:#eabf95;}

#produkte #content .border {margin-top:2px;}

#content .floatright {float:right; margin:14px 0 14px 5px; width:230px;}

#content .alignleft {text-align:left;}

#content .alignJustify {text-align:justify;}

#content .spalte1 {float:left; margin:11px 5px 11px 0;  width:113px;}

#index #content .floatleft, #index #content .floatright {font-size:12px; margin-top:21px; margin-bottom:17px;}

#index #content .floatleft a, #index #content .floatright a {display:block;text-decoration:none;font-size:13px;}

#index #content .floatleft a:hover, #index #content .floatright a:hover {text-decoration:underline;}

#index #content .footertext {text-transform:uppercase; font-size:13px; text-align:center; margin-left:-34px;font-weight:bold;}

#kontakt #content .floatleft, #kontakt #content .floatright {text-align:left;font-size:13px;margin-top:7px;margin-bottom:7px;}

#content .float1 {float:left; margin:0 5px 14px 0;min-width:170px;}

#content .produktbild {margin-left:-16px;margin-right:7px;}

#content .float2 {margin:0 0 5px 5px;}

#content .floatright_standard {float:right; margin:0 0 7px 21px;}

#content .floatleft_standard {float:left; margin:0 21px 7px 0;}

#galerie #content .floatleft_standard {float:left; margin:0 22px 22px 0;width:143px;height:107px;}
#galerie #content {min-height:500px;}

#produkte #content .float2 {text-align:left;}

#produkte #content .details ul {margin:0 0 5px 17px;padding:0;}

#content .subtitel, #kontakt #content .subtitel {font-size:11px;line-height:12px;}

#content .subtitel img {margin-bottom:7px;}

#content ul.news {margin:0 0 5px 0;padding:0 0 2px 0;list-style:none;}

#content ul.news li {font-size:14px; font-weight:bold; font-family:verdana,arial,sans-serif; color:#630; position:relative;  margin:0 0 16px 0;text-align:left;padding:0;list-style:none;}

#content ul.news li a {font-size:14px; font-weight:normal;font-family:arial, sans-serif;}

#produkte table {padding:0; margin:5px 0 25px 0; border:0 none;width:335px;}

#produkte td {padding:0 2px 4px 0; vertical-align:middle;}

#produkte td.farbname {font-size:9px;color:#b15e22; line-height:10px;padding-top:2px;}

#produkte td img {border:1px solid #fed;}

#produkte td .farbbox {display:block; float:left; border:1px solid #fed; width:19px; height:19px; font-size:1px; margin-right:7px;}

#produkte td .ncspink {background:#c6495f;}

#produkte td .ncsorange {background:#d09b52;}

#produkte td .ncsgelb {background:#f8edba;}

#produkte td .ncsgruen {background:#b9bd15;}

#produkte td .ncsblau {background:#7caed5;}

#topMainnavBox {position:absolute; top:28px;left:343px; text-align:right;width:457px;}

#topMainnavBox img {border:0 none;}

#index #topMainnavBox {left:367px;top:27px;}

#topMainnavBox a.zubehoer {background:url(img/mainnav_zubehoer_bg_3.gif) no-repeat; width:142px; height:39px;display:block;float:left;}

#topMainnavBox a.zubehoer:hover {background-position:0 -1px;}

#topMainnavBox a.zubehoer img {position:relative; top:5px; left:-23px;}

#topMainnavBox a.zubehoer:hover img {top:4px;}

#topMainnavBox a.zubehoer span {display: none;}

#topMainnavBox a.espressomaschinen {background:url(img/mainnav_espressomaschinen_bg_3.gif) no-repeat; width:144px; height:39px;display:block;float:left;}

#topMainnavBox a.espressomaschinen:hover {background-position:0 -1px;}

#topMainnavBox a.espressomaschinen img {position:relative; top:5px; left:-2px;}

#topMainnavBox a.espressomaschinen:hover img {top:4px;}

#topMainnavBox a.espressomaschinen span {display: none;}

#topMainnavBox a.vollautomaten {background:url(img/mainnav_vollautomaten_bg_3.gif) no-repeat; width:162px; height:39px;display:block;float:left;}

#topMainnavBox a.vollautomaten:hover {background-position:0 -1px;}

#topMainnavBox a.vollautomaten img {position:relative; top:5px; left:-12px;}

#topMainnavBox a.vollautomaten:hover img {top:4px;}

#topMainnavBox a.vollautomaten span {display: none;}

#leftMainnavBox {position:absolute; top:68px; left:10px; width:201px;overflow:hidden;}

#index #leftMainnavBox {top:219px;width:201px;left:35px;}

#leftMainnavBox .bgContent {background:#603810;}

#index #leftMainnavBox .bgContent {background:#60380f;}

#leftMainnavBox .bgTop {width:201px; height:7px; font-size:7px; background:url(img/bg_leftnavbox_top_3.gif) 0 0 no-repeat;}

#leftMainnavBox .bgTop2 {width:21px; height:21px;}

#leftMainnavBox .bgBottom {width:211px; height:21px; background:url(img/bg_leftnavbox_bottom_3.gif) no-repeat 0 0;}

#leftMainnavBox #bgLeftnav {position:relative; top:1px; left:7px; margin-bottom:-7px;width:181px; border-top:1px solid #c60;border-right:3px solid #c16100;border-left:3px solid #cc6100;background: #730;}

#leftMainnavBox #bgLeftnav a.button {width:165px; height:26px;display:block;padding-left:16px; color:#fff;  padding-top:0px; padding-bottom:0px;border-bottom: 6px solid #cc6100;border-top: 2px solid #ea6;background: #e8830a;margin-bottom:1px;}

#leftMainnavBox #bgLeftnav a.button:hover, #leftMainnavBox #bgLeftnav a.buttonOn:hover {background:#e88311 url(img/leftnav_button_off.gif) no-repeat 158px 6px;}

#leftMainnavBox #bgLeftnav a.buttonOn {background:#e88311 url(img/leftnav_button_off.gif) no-repeat 158px 6px; width:165px; height:26px; display:block; padding-left:16px; padding-top:0px; padding-bottom:0px; color:#fff; border-bottom: 5px solid #cc6100; border-top: 2px solid #e2af7c; margin-bottom:1px;}

#leftMainnavBox #bgLeftnav a.bottom {margin-bottom:0;}


#leftMainnavBox #bgLeftnav img {border:0 none; display:block;padding-top:4px;}

#leftMainnavBox #text {padding-left:29px; margin-top:7px; width:151px;font-size:12px;padding-bottom:6px;}

#leftMainnavBox #text h2 {position:relative; left:-23px;font:bold 13px georgia,arial,sans-serif; color:#eeddc5; padding-bottom:12px; padding-left:22px; padding-top:20px;margin:0;width:150px; height:15px;}

#leftMainnavBox #text h2.arrow {background: url(img/arrow_pix.gif) no-repeat 4px 0; }

#leftMainnavBox #text ul {margin:0 0 9px 0;padding:0;color:#dcb;}

#leftMainnavBox #text ul li {list-style:none;}

#leftMainnavBox #text a {font-weight:bold;color:#e88300;font-size:12px;display:block;padding-bottom:12px;} /*color:#dc8317;*/

#leftMainnavBox #text a.index {color:#f80;font-size:12px;}

#leftMainnavBox #text a:hover {text-decoration:none;}

#leftMainnavBox #cup {height:200px;}

#rightnavBox {position:absolute; top:68px; left:801px; width:190px;}

.rightnavBoxbgTop {width:190px; height:11px; background: url(img/bg_rightnavbox_top_3.gif) 0 0 no-repeat;font-size:1px;border-bottom: 2px solid #e0ad7a;}

.rightnavBoxbgBottom {width:190px; height:8px; background:#884200 url(img/bg_rightnavbox_bottom_3.gif) no-repeat 0 0; margin-bottom:8px; font-size:1px;}

#rightnavBox .text {  background:#E88311 url(img/bg_rightnavbox__.gif) repeat-y; font-size:12px;padding:4px 11px 9px 17px;color:#9a3700;border-top: 6px solid #c96100;border-right:1px solid #c16100;border-left:1px solid #c16100;}  /*color:#7D3D00*/

#rightnavBox .text h2 {font:bold 12px/18px georgia,arial,sans-serif; color:#ffe6c5; padding-bottom:5px; padding-top:2px; margin:0;}

#rightnavBox .text a {color:#8f3300;font-weight:bold;text-decoration:underline;}

#rightnavBox .text a:hover {text-decoration:none;}

#rightnavBox .text .strong {color:#9a3700;}

#rightnavBox .text .white {color:#ffe6c6; position:relative; top:-2px;}




#footerBox {position:relative;left:0px; top:78px; width:997px; margin:-1px auto 0 auto;text-align:left;font-size:11px;color:#630;}

#index #footerBox {width:849px;left:-7px;}

#footerBox #contentBoxbgBottom { margin-left:212px; width:583px; height:22px; background: url(img/bg_contentbox_bottom_3.gif) no-repeat;position:relative; top:-4px;}

#index #footerBox #contentBoxbgBottom { margin-left:236px;}

#footerBox #links {text-align:center;background:#C16100;color:#fff;padding:8px 0;margin-bottom:11px;}

#index #footerBox #links {padding:7px 0;}

#footerBox #links a {color:#fed;font-size:11px;text-decoration:none;}

#footerBox #links a:hover {text-decoration:underline;}

#footerBox #layoutlink a {color:#630;}




.clear {clear:both;}

ul.indent {margin:0 0 5px 17px;padding:0 0 2px 0;}

ul.indent li {text-align:left;}

ul.padding li {padding-top:0.7em;}




#balticLink {text-align:center;margin-bottom:5px;}
#balticLink a {color:#b50;font-size:12px;text-decoration:none;}
#balticLink a:hover {text-decoration:underline;}


.aligncenter {text-align:center;}
