@charset "UTF-8";
/*
 *
 *  Author:  CKR
 *  Date:    2007-07-26
 *  Updated: 2010-01-20
 *  Name:    layout.css
 *
 *  Style-Index:
 *
 *  $0 - Imported Styles
 *  $1 - Common Stuff
 *  $2 - Layout
 *  $3 - Navigation
 *  $4 - Header
 *  $5 - Content
 *  $6 - Footer
 *  $7 - Follow up
 *  $8 - News
 *  $9 - GalleryWidget
 *  $10 - ProductWidget
 *  $11 - Forms
 *  $12 - Trader
 *  $13 - GoogleMapsWidget
 *  $14 - Google Stuff
 *  $15 - Pager
 */

/* $0 - Imported Styles //////////////////////////////////////////////////////*/
@import url('yahoo_resetter.css');


/* $1 - Common Stuff /////////////////////////////////////////////////////////*/
body.start
{ 
	background:#1d1c1c url("../images/bg_start.jpg") no-repeat top center; 
}

body *
{
	font-family:Verdana, sans-serif;
	font-size:12px;
	font-weight:normal;
}

h1,
h1 a,
h2
{
  background:none !important;
  color:#057232 !important;
  font-family:Georgia,serif;
  font-size:20px !important;
  font-weight:bold;
  padding-left:0px !important;
}

h1
{
  font-size:16px !important;
  margin-bottom:10px;
}


div.content li
{
  background:url("../images/li_border_bullet.gif") no-repeat 0px 10px;
  list-style-type:none;
  line-height:18px;
  padding:17px 0px 0px 25px;
}

div.content p
{
	margin-bottom:15px;
}

div.content a
{
	background:url("../images/link.gif") no-repeat 1px 2px;
	color:#000000;
	padding-left:20px;
}

a
{
	text-decoration:none;	
}

a:hover
{
	text-decoration:underline;	
}

strong
{
  font-weight:bold;
}

img.left
{
	border:1px solid #999999;
	float:left;
	margin:0px 15px 15px 0px;
	padding:2px;
}

img.right
{
	border:1px solid #999999;
	float:right;
	margin:0px 0px 15px 15px;
	padding:2px;
}

object { outline:none; }



/* $2 - Layout ///////////////////////////////////////////////////////////////*/
.page
{
	position: relative;
}

.page_margins 
{ 
	margin: 0 auto; 
}

.page_margins 
{ 
	width: 990px; 
	position:relative;
} 

/* $3 - Navigation ///////////////////////////////////////////////////////////*/
div#nav
{
	height: 51px;
	position:relative;
	z-index:1000;
}

div#nav div.hlist_left
{
	float:left;
	width:470px;
}

div#nav div.hlist_right
{
	float:right;
	width:455px;
}

div#nav div.hlist
{
	height:44px;
	margin-top:7px;
}


/*Suckerfish*/
div#nav ul 
{
	padding: 0;
	margin: 0;
	list-style: none;
}
	
div#nav li 
{
	float: left;
	position: relative;
}
	
div#nav li ul 
{
	display: none;
	position: absolute; 
}

div#nav li > ul 
{
	top: auto;
	left: auto;
}

div#nav li:hover ul, li.over ul
{
	display: block;
}


div#nav a
{
	color:#FFFFFF;
}

div#nav li:hover a
{
	color:#000000;
}

/*LEVEL 1*/
div#nav ul.navi_lv1 > li
{
  background:transparent url('../images/navi_lv1_body.gif') no-repeat top left;
  float:left;
  display:block;
  height:30px; 
  line-height:30px;
	margin-right:5px;
	padding:0px 0px 0px 40px;
}
div#nav ul.navi_lv1 > li > a
{
	float:left;
  display:block;
  height:30px; 
  line-height:30px;
	padding-right:15px;
}

div#nav ul.navi_lv1 > li:hover
{
	background:transparent url('../images/navi_lv1_head_hover.gif') no-repeat top left;
}
div#nav ul.navi_lv1 > li:hover > a
{
  background:transparent url('../images/navi_lv1_body_hover.gif') no-repeat top right;
}

div#nav div.selected
{
  background:url("../images/bg_navi_lv1_selected.gif") no-repeat top right; 
  height:12px;
  left:42px;
  position:absolute;
  top:39px;
  width:28px;
  z-index:1;
}

/*LEVEL 2*/
div#nav ul.navi_lv2
{
  left:7px;
  top:30px;
	z-index:100;
}

div#nav ul.navi_lv2 li
{
	background:transparent url('../images/bg_navi_lv2.gif') no-repeat top left;
	float:left;
  display:block;
  height:30px; 
  line-height:30px;
	width:261px;
}
div#nav ul.navi_lv2 li.first
{
  background:url("../images/bg_navi_lv2_first.gif") no-repeat;
}
div#nav ul.navi_lv2 li.last
{
  background:url("../images/bg_navi_lv2_last.gif") no-repeat;
}

div#nav ul.navi_lv2 li > a
{
	background:url("../images/bg_navi_lv2_arrow.gif") no-repeat 14px 10px;
	float:left;
  display:block;
  height:30px; 
  line-height:30px;
  padding:0px 33px;
}


/* $4 - Header ///////////////////////////////////////////////////////////////*/
#logo
{
	position:absolute;
	left:415px;
	top:1px;
} 

/* $5 - Content //////////////////////////////////////////////////////////////*/
div.content_start
{
	height:364px;
	position:relative;
	z-index:0;
}

div#articles_start
{
	float:left;
	padding-top:40px;
	width:360px;
}

div#gallery_start
{
	float:right;
	padding-top:40px;
	width:300px;
}

div#gallery_start div.window
{
	background:url("../images/bg_window.png")no-repeat;
	height:176px;
	margin-bottom:20px;
	width:201px;
}

img#person
{
	left:277px;
	position:absolute;
	top:29px;
	z-index:10000;
}

/* $6 - Footer ///////////////////////////////////////////////////////////////*/
div.theke_start
{
	height:354px;
	position:relative;
}

div.theke_start img#biere
{
	position:absolute;
	left:15px;
	bottom:195px;
}

div.theke_start img#newspaper
{
	position:absolute;
	left:710px;
	bottom:260px;
}

div#footer div.footer_contact
{
  padding-bottom:20px;
}

div#footer div.contact_block
{
	display:inline;
	float:left;
	margin-right:18px;
	padding-top:12px;
}

div#footer ul
{
	float:right;
	margin-top:12px;
}

div#footer ul li
{
	display:inline;
	margin:0px 3px;
}

div#footer *
{
	font-size:10px;
	color:#4b4a4a;
}

/* $7 - Follow up ////////////////////////////////////////////////////////////*/
body.follow
{ 
	background:#1d1c1c url("../images/bg_follow.jpg") repeat-x top center; 
}


div.content_follow
{
  height:767px;
  overflow:hidden;
}

div.theke_follow
{
  height:214px;
  position:relative;
}

div.theke_follow img#biere
{
	position:absolute;
	left:200px;
	bottom:117px;
}

div.theke_follow img#newspaper
{
	position:absolute;
	left:590px;
	bottom:117px;
}

div#articles_follow
{
	float:left;
  width:47%;
}

div#gallery_follow
{
  float:right;
  margin-top:20px;
  min-height:615px;
  width:47%;
}

ul#breadcrumb li
{
	padding:0px;
}

div.sitetools,
div.breadcrumbs
{
  padding-top:25px;
}

div.sitetools ul,
div.breadcrumbs ul
{
  background:transparent url(../images/li_border.gif) repeat-x bottom right;
}

div.sitetools ul li,
div.breadcrumbs ul li
{
  background:none;
  display:block;
  float:left;
  height:24px;
  list-style-image:none;
  list-style-position:outside;
}

div.sitetools ul li a,
div.breadcrumbs ul li a
{
  background:url("../images/arrow.gif") no-repeat left 10px;
  display:block;
  color:#6c5d49;
  float:left;
  font-size:10px;
  height:24px;
  line-height:24px;
  padding:0px 10px;
}

div.breadcrumbs ul
{
  float:left;
  width:410px;
}

div.sitetools ul li,
div.sitetools ul a
{
  float:right;
}

div.sitetools ul
{
  float:right;
  width:390px;
}


/* $8 - News /////////////////////////////////////////////////////////////////*/
div#NewsModule_StyleClassic span.News_Article_Date,
div#NewsModule_Article span.News_Article_Date
{
  color:#999;
  float:right;
}

div.News_Article_Preview 
{
  margin-bottom:40px;
}


div#popup_news
{
	background:url("../images/bg_popup.png") no-repeat;
	bottom:60px;
	display:none;
	height:400px;
  left:100px;
	position:absolute;
	width:620px;
  z-index:5;
}

.start div#popup_news
{
  bottom:210px;
	left:200px;	
	z-index:10001
}

div#popup_news .padding
{
	padding:108px 98px 78px 78px;
	padding-right:97px;
	position:relative;
}

div#popup_news a.More
{
	background:url("../images/link_right.gif") no-repeat 1px right;
	color:#000000;
	padding-right:15px;
}

a#news_popup_close
{
	right:100px;
	position:absolute;
	top:80px;
}

div#NewsModule_Article a.Back {
	background:url("../images/link_left.gif") no-repeat 1px left;
	color:#000000;
	padding-left:15px;
}

/* $9 - GalleryWidget ////////////////////////////////////////////////////////*/
div.GalleryWidget
{
  background:transparent url("../images/bg_gallery.png") no-repeat 0px 20px;
  height:470px;
  padding:90px 0px 0px 24px;
  position:relative;
}

div.GalleryWidget_Thumbnails
{
  left:24px;
  position:absolute;
  top:400px;
  width:420px;;
}

ul.GalleryWidget_Thumbnails
{
  background:none !important;
  left:25px;
  position:absolute;
  top:-5px;
}

ul.GalleryWidget_Thumbnails li
{
  background:none;
	display:block;
	float:left;
  padding:0px 0px 0px 10px;
}

ul.GalleryWidget_Thumbnails li a
{
  background:none;
  display:block;
  float:left;
	padding:0px;
}

.GalleryWidget_Slideshow a
{
  background:none !important;
  padding:0px;	
}

/*pager*/
.Galleriffic_Pagination a,
.Galleriffic_Image a
{
  background:none !important;
  padding:5px 0px 0px 0px !important;
}

div.GalleryWidget_Thumbnails a.Galleriffic_NextPage
{
  float:right;
}

div.GalleryWidget_Thumbnails a.Galleriffic_PreviousPage
{
  float:left;
}

/* $10 - ProductWidget ///////////////////////////////////////////////////////*/
div.ProductWidget
{
  background:transparent url(../images/bg_gallery_blank.png) no-repeat scroll 0px 20px;
  height:500px;
  padding:36px 0px 0px 12px;
  position:relative;
}


/* $11 - Forms ///////////////////////////////////////////////////////////////*/
div.field
{
  clear:both;
}

fieldset label
{
  float:left;
  font-weight:bold;
  margin-bottom:5px;
}

* html fieldset label
{
	margin:0px;
}


/* $12 - Trader //////////////////////////////////////////////////////////////*/
.searchbox
{
	left:540px;
	position:relative;
	top:-560px;
}

/* $13 - GoogleMapsWidget ///////////////////////////////////////////////////*/
div.GoogleMapsWidget
{
  background:transparent url(../images/bg_gallery_blank.png) no-repeat scroll 0px 20px;
  height:500px;
  padding:36px 0px 0px 12px;
  position:relative;
}

div.GoogleMapsWidget div.GoogleMap
{
  border: none;
  margin: 3px 0px 0px 7px;
}

/* $14 - Google Stuff ///////////////////////////////////////////////////////*/
div.GoogleMap {
	border: 3px solid #e5e3df;
}

div.GoogleMap a {
	background: none;
	color: #000;
	padding: 0px;
}

/* $15 - Pager //////////////////////////////////////////////////////////////*/
div.content #PageNumbers a.next , div.content a.next
{
	background:url("../images/link_right.gif") no-repeat 1px right;
	color:#000000;
	margin-left: 10px;
	padding-right: 20px;
}
div.content #PageNumbers a.prev , div.content a.prev
{
	background:url("../images/link_left.gif") no-repeat 1px left;
	color:#000000;
	padding-left: 20px;
	margin-right: 10px;
}
div.content #PageNumbers a 
{
	background:none;
	color:#000000;
	padding:0px;
}