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

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

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

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

body { font:62.5%/1.6em Georgia, "Times New Roman", Times, serif; color:#515151; background:url(../images/bg-body.jpg) 0 0 repeat-x; }

div#container { width:960px; margin:0 auto; font-size:1.2em; }
div#container a { color:#508F72; text-decoration:none; }
div#container a:hover { text-decoration:underline; }

h1.branding a { width:275px; height:101px; display:block; position:absolute; top:22px; left:26px; }

h3 { font-size:1.2em; height:25px; margin: 0 0 1.2em 0; padding:2px 5px; background:url(../images/bg-h3.jpg) 0 0 no-repeat; }

p { margin:0 0 1.2em 0; }

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

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

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

.noMargin { margin:0!important; }

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

/* ============================================================ */
/* ==================== header ================================ */
/* ============================================================ */

div#header { width:393px; height:392px; padding:36px 0 0 567px; position:relative; background:url(../images/bg-header.jpg) 0 0 no-repeat; }

div#header p { width:184px; height:58px; float:left; }

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

div#header h2 { width:456px; height:129px; display:block; position:absolute; top:291px; left:51px; background:url(../images/bg-h2.jpg) no-repeat; }

div#header h2.cafe { background-position:0 0; }
div#header h2.backstube { background-position:0 -129px; }
div#header h2.baeckerei { background-position:0 -258px; }
div#header h2.konditorei { background-position:0 -387px; }
div#header h2.kontakt { background-position:0 -516px; }
div#header h2.danke { background-position:0 -645px; }
div#header h2.anfahrt { background-position:0 -774px; }
div#header h2.impressum { background-position:0 -903px; }
div#header h2.error { background-position:0 -1032px; }

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

div#header ul#navi { list-style:none; position:absolute; top:126px; left:19px; }
div#header ul#navi li { float:left; }
div#header ul#navi li a { display:block; background:url(../images/bg-navi.jpg) no-repeat; }

div#header ul#navi li a.cafe { width:219px; height: 154px; margin:11px 0 0 0; background-position:0 0; }
div#header ul#navi li a.backstube { width:258px; height: 153px; background-position:0 -154px; }
div#header ul#navi li a.baeckerei { width:212px; height: 142px; margin:11px 0 0 0; background-position:0 -307px; }
div#header ul#navi li a.konditorei { width:226px; height: 166px; background-position:0 -449px; }

/* ===========================
	Navi-Add
=========================== */

div#header ul#navi-add { list-style:none; }
div#header ul#navi-add li a { height:23px; display:block; background:url(../images/bg-navi.jpg) no-repeat; position:absolute; top:322px; }

div#header ul#navi-add a.kontakt { width:74px; background-position:0 -615px; left:633px; }
div#header ul#navi-add a.anfahrt { width:70px; background-position:0 -638px; left:721px; }
div#header ul#navi-add a.impressum { width:90px; background-position:0 -661px; left:802px; }

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

/* ============================================================ */
/* ==================== contentContainer ====================== */
/* ============================================================ */

div#contentContainer { width:960px; background:url(../images/bg-content-container.jpg) 54px 0 repeat-y; }

/* ============================================================ */
/* ==================== ContentMain =========================== */
/* ============================================================ */

div#contentMain { width:523px; margin:0 10px 0 54px; padding:0 20px; float:left; }

div#contentMain div.trenner { width:523px; height:24px; margin:0 0 1.2em 0; background:url(../images/bg-trenner.jpg) 0 0 no-repeat; float:none; clear:both; }

div#contentMain div.column { width:250px; margin:0 23px 0 0; float:left; }

div#contentMain .img { margin:0 1.2em 0 0; background:url(../images/bg-img.jpg) 0 0 repeat; padding:8px; }

/* ============================================================ */
/* ==================== ContentSidebar ======================== */
/* ============================================================ */

div#contentSidebar { width:261px; height:266px; padding:16px 0 0 20px; color:#fff; background:url(../images/bg-sidebar-top.jpg) 0 0 no-repeat; float:left; }

div#contentSidebar dl { width:182px; height:60px; margin:0 0 110px 0; }
div#contentSidebar dl dt { width:60px; float:left; zoom:1; }
div#contentSidebar dl dd { width: 122px; float:left; }

div#contentSidebar p { width:220px; }

div#contentSidebar a { color:#fff; text-decoration:underline; }
div#contentSidebar a:hover { text-decoration:none; }

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

div#footer { width:659px; height:143px; padding:99px 0 0 301px; color:#fff; background:url(../images/bg-footer.jpg) 0 0 no-repeat; }

div#footer p { width:184px; height:58px; float:left; }

div#footer a { color:#fff; text-decoration:underline; }
div#footer a:hover { text-decoration:none; }

/* ===========================
	Ende ;)
=========================== */