/* CSS Document */
/* Domain: gebr-frantzen.de */
/* Author: Andreas Döschner, Euroweb Internet GmbH */
/* Date: 25.08.2009 */

/* ++++++++++++++++++++++++++++ Global Settings ++++++++++++++++++++++++++++++++++ */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
body {
	background-color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.noborder {
	border: none !important;
}

.nomargin {
	margin: 0 !important;
}

.nopadding {
	padding-left: 0 !important;
}

.highlight {
	color: #1a543e;
	font-weight: bold;
}

a {
	outline: none;
}

/*CLEARFIX */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {
	display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/* ++++++++++++++++++++++++++++ Layout +++++++++++++++++++++++++++++++++++++++++++ */
div#container {
	width: 900px;
}

div#header {
	width: 100%;
	height: 165px;
	background: url(../images/layout/header-bg.gif) 0 0 repeat-x;
	position: relative;
	z-index: 5;
	margin-bottom: 25px;
}

div#header div#headerContainer {
	width: 980px;
	height: 165px;
}

div#header div#headerImage {
	position: absolute;
	width: 485px;
	height: 186px;
	z-index: 1;
	left: 150px;
	top: 0;
	background: url(../images/layout/header-image.png) 0 0 no-repeat;
}

div#header h1#branding {
	width: 121px;
	height: 128px;
	float: left;
	/*margin-right: 10px;*/
	padding: 37px 0 0 29px;
	background: url(../images/layout/branding.gif) center center no-repeat;
}

div#header h1#branding a {
	display: block;
	width: 91px;
	height: 91px;
	text-indent: -2000px;
}

div#header h2#slogan {
	width: 174px;
	height: 50px;
	position: relative;
	z-index: 3;
	float: left;
	margin-top: 59px;
	margin-right: 115px;
	background: url(../images/layout/slogan.png) 0 0 no-repeat;
	text-indent: -2000px;
}

ul#products{
list-style-type: square; 
padding: 0 0 0 20px; 
}


/* ++++++++++++++++++++++++++++ Navigation +++++++++++++++++++++++++++++++++++++++ */
div#header div#navigationContainer {
	position: relative;
	z-index: 3;
	width: 450px;
	float: left;
}

div#header dl.navigation {
	float: left;
	padding-top: 40px;
	text-transform: uppercase;
	margin: 0;
	margin-right: 60px;
}

div#header dl.navigation dt {
	font-size: 11px;
	padding-bottom: 5px;
	font-weight: bold;
}

div#header dl.navigation dd {
	margin: 0;
}

div#header dl.navigation dd ul li {
	margin-bottom: 2px;
}

div#header dl.navigation dd ul li a {
	font-size: 10px;
	padding: 1px 6px 1px 4px;
	background: url(../images/layout/black-60.png) 0 0 repeat;
	color: #fff;
	text-decoration: none;
}

div#header dl.navigation dd ul li a:hover {
	background: url(../images/layout/black-40.png) 0 0 repeat;
}

div#header dl.navigation dd ul li.active a {
	background: url(../images/layout/green-100.gif) 0 0 repeat;
}

div#header dl.navigation dd ul li a#navVerpackungen, div#header dl.navigation dd ul li a#navPresse {
	display: block;
}

/* ++++++++++++++++++++++++++++ Slideshow +++++++++++++++++++++++++++++++++++++++++++ */
div#slideshowContainer {
	width: 900px;
	height: 235px;
	position: relative;
	border-bottom: 1px solid #000;
}

div#slideshowContainer ul#slide-images{
    position:relative;
    display:block;
    margin:0px;
    padding:0px;
    width:900px;
    height:235px;
    overflow:hidden;
}

#slide-images li{
    position:absolute;
    display:block;
    list-style-type:none;
    margin:0px;
    padding:0px;
    background-color:#FFFFFF;
}

#slide-images li img{
    display:block;
    background-color:#FFFFFF;
}

div#slideshowContainer h2 {
	position: absolute;
	background-position: 0 0;
	background-repeat: no-repeat;
	left: 150px;
	top: 180px;
	height: 36px;
	width: 400px;
	text-indent: -2000px;
}

div#slideshowContainer h2#h2Startseite {
	background-image: url(../images/index/h2-startseite.png);
}

div#slideshowContainer h2#h2Ueberuns {
	background-image: url(../images/ueberuns/h2-ueberuns.png);
}

div#slideshowContainer h2#h2Leistungen {
	background-image: url(../images/leistungen/h2-leistungen.png);
}

div#slideshowContainer h2#h2Agb {
	background-image: url(../images/agb/h2-agb.png);
}

div#slideshowContainer h2#h2Kontakt {
	background-image: url(../images/kontakt/h2-kontakt.png);
}

div#slideshowContainer h2#h2Anfahrt {
	background-image: url(../images/anfahrt/h2-anfahrt.png);
}

div#slideshowContainer h2#h2Korn {
	background-image: url(../images/korn/h2-korn.png);
}

div#slideshowContainer h2#h2Weinbrand {
	background-image: url(../images/weinbrand/h2-weinbrand.png);
}

div#slideshowContainer h2#h2Likoere {
	background-image: url(../images/likoere/h2-likoere.png);
}

div#slideshowContainer h2#h2Verpackungen {
	background-image: url(../images/verpackungen/h2-verpackungen.png);
}

div#slideshowContainer h2#h2Presse {
	background-image: url(../images/presse/h2-presse.png);
}

div#slideshowContainer h2#h2Links {
	background-image: url(../images/links/h2-links.png);
}

div#slideshowContainer h2#h2Newsletter {
	background-image: url(../images/newsletter/h2-newsletter.png);
}

div#slideshowContainer h2#h2Fehler {
	background-image: url(../images/layout/h2-fehler.png);
}

/* ++++++++++++++++++++++++++++ Content +++++++++++++++++++++++++++++++++++++++++++++ */
div#contentContainer {
	width: 750px;
	padding: 15px 0 15px 150px;
}

div#contentContainer a {
	color: #1a543e;
	text-decoration: underline;
}

div#contentContainer div#mainContent {
	width: 540px;
	padding-right: 15px;
	float: left;
}

div#contentContainer div#mainContent h2, div#contentContainer div#mainContent h3 {
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 20px;
}

div#contentContainer div#mainContent p {
	padding-bottom: 18px;
}

div#contentContainer div#mainContent div#gMap {
	width: 425px;
	height: 350px;
	border: 1px solid #666;
	margin-bottom: 20px;
}

div#contentContainer div#mainContent div#gMap a {
	color: #1a543e;
}

div#contentContainer div#mainContent a.flagLink {
	padding: 2px 0 4px 30px;
	background-position: 0 0;
	background-repeat: no-repeat;
}

div#contentContainer div#mainContent a#flagEn {
	background-image: url(../images/layout/flag-english.gif);
}

div#contentContainer div#mainContent a#flagDe {
	background-image: url(../images/layout/flag-german.gif);
}

div#contentContainer div#mainContent a#flagFr {
	background-image: url(../images/layout/flag-french.gif);
}

/* ++++++++++++++++++++++++++++ CMS +++++++++++++++++++++++++++++++++++++++++++++++++ */
div#contentContainer div.column {
	width: 375px;
	float: left;
	padding-bottom: 40px;
}

div#contentContainer div.column div.cmsContainer {
	padding-right: 20px;
	margin-bottom: 30px;
}

div#contentContainer div.column h2, div#contentContainer div.column div.cmsContainer h3 {
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 20px;
}

div#contentContainer div.column div.cmsContainer h3 {
	margin-bottom: 10px;
	padding-bottom: 4px;
	border-bottom: 1px solid #ccc;
}

div#contentContainer div.column div.cmsContainer div.cmsPhoto {
	width: 100px;
	height: 60px;
	margin-right: 10px;
	margin-bottom: 10px;
	float: left;
}

div#contentContainer div.column div.cmsContainer div.cmsPhoto img {
	border: 1px solid #666;
}

div#contentContainer div#mainContent div.cmsContainer {
	margin-bottom: 14px;
}

div#contentContainer div#mainContent div.cmsContainer a.cmsLink {
	background: url(../images/layout/link-icon.gif) 0 0.2em no-repeat;
	padding-left: 15px;
}


/* ++++++++++++++++++++++++++++ Sidebar +++++++++++++++++++++++++++++++++++++++++++++ */
div#contentContainer div#sidebar {
	width: 184px;
	float: right;
	position: relative;
}

div#sidebar div#fass {
	background: url(../images/layout/fass.png) 0 0 no-repeat;
	position: absolute;
	top: 125px;
	left: -5px;
	width: 47px;
	height: 53px;
}

div#sidebar h3 {
	width: 184px;
	height: 24px;
	background-position: 0 0;
	background-repeat: no-repeat;
	text-indent: -2000px;
}

div#sidebar h3#h3Openings {
	background-image: url(../images/layout/head-oeffnungszeiten.gif);
}

div#sidebar h3#h3Kontakt {
	background-image: url(../images/layout/head-kontakt.gif);
}

div#sidebar ul {
	padding: 8px 0 10px 5px;
	margin-bottom: 15px;
	background: url(../images/layout/list-bg.gif) left bottom no-repeat;
}

div#sidebar ul li {
	margin-bottom: 4px;
}

div#sidebar ul li#openings {
	background: url(../images/layout/oeffnungszeiten.gif) 0 0 no-repeat;
	width: 141px;
	height: 43px;
	text-indent: -2000px;
	margin-bottom: 5px;
}

div#sidebar ul li#phoneNumber {
	background: url(../images/layout/telefonnummer.gif) 0 0 no-repeat;
	width: 132px;
	height: 20px;
	text-indent: -2000px;
	margin-bottom: 10px;
}

/* ++++++++++++++++++++++++++++ Teaser ++++++++++++++++++++++++++++++++++++++++++++++ */
div#productTeaser {
	width: 750px;
	height: 250px;
	padding: 0 0 0 0;
	margin-bottom: 20px;
	border-bottom: 1px solid #ededed;
}

div#productTeaser h3#h3Produkte {
	width: 185px;
	height: 25px;
	background: url(../images/index/h3-produkte.gif) 0 0 no-repeat;
	text-indent: -2000px;
	margin-bottom: 15px;
}

div#productTeaser div.teaser {
	width: 175px;
	height: 165px;
	float: left;
	margin-right: 12px;
	border-top: 4px solid #1a543e;
	padding-top: 14px;
}

div#productTeaser div.teaser h4 {
	background-position: 42px bottom;
	background-repeat: no-repeat;
	width: 175px;
	height: 16px;
	text-indent: -2000px;
	margin-bottom: 8px;
}

div#productTeaser div.teaser p a {
	display: block;
	padding-top: 4px;
}

div#productTeaser div#teaserKorn {
	background: url(../images/index/image-korn.jpg) 0 0 no-repeat;
}

div#productTeaser div#teaserKorn h4 {
	background-image: url(../images/index/teaser-head-korn.gif);
	background-position: 62px bottom;
}

div#productTeaser div#teaserKorn p {
	padding-left: 62px;
} 

div#productTeaser div#teaserWeinbrand {
	background: url(../images/index/image-weinbrand.jpg) 0 0 no-repeat;
}

div#productTeaser div#teaserWeinbrand h4 {
	background-position: 52px bottom;
	background-image: url(../images/index/teaser-head-weinbrand.gif);
}

div#productTeaser div#teaserWeinbrand p {
	padding-left: 52px;
} 

div#productTeaser div#teaserLikoer {
	background: url(../images/index/image-likoer.jpg) 0 0 no-repeat;
}

div#productTeaser div#teaserLikoer h4 {
	background-position: 52px bottom;
	background-image: url(../images/index/teaser-head-likoer.gif);
}

div#productTeaser div#teaserLikoer p {
	padding-left: 52px;
}

div#productTeaser div#teaserVerpackungen {
	background: url(../images/index/image-verpackungen.jpg) 0 0 no-repeat;
}

div#productTeaser div#teaserVerpackungen h4 {
	background-position: 50px bottom;
	background-image: url(../images/index/teaser-head-verpackungen.gif);
}

div#productTeaser div#teaserVerpackungen p {
	padding-left: 55px;
}

/* ++++++++++++++++++++++++++++ Galerie +++++++++++++++++++++++++++++++++++++++++++++ */
div#gallery {
	width: 750px;
	/*height: 200px;*/
	padding: 0 0 0 0;
	margin-bottom: 20px;
}

div#gallery h3 {
	background: url(../images/layout/h3-galerie.gif) 0 0 no-repeat;
	width: 185px;
	height: 25px;
	text-indent: -2000px;
	margin-bottom: 15px;
}

div#gallery div.photo {
	width: 100px;
	height: 100px;
	position: relative;
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
}



div#gallery div.photo a {
	text-decoration: none;
	display: block;
	width: 100px;
	height: 100px;
}

div#gallery div.photo a img {
	border: 1px solid #1a543e;
}

div#gallery div.photo a span {
	position: absolute;
	width: 24px;
	height: 24px;
	left: 70px;
	top: 70px;
	background: url(../images/layout/image-zoom-icon.gif) 0 0 no-repeat;
}

div#mainContent ul#adressList {
	margin-bottom: 12px;
}

div#mainContent ul#adressList li {
	margin-bottom: 2px;
}

div#mainContent dl.impressumData {
	/*width: 100px;*/
}

div#mainContent dl.impressumData dt {
	font-weight: bold;
	color: #666666;
	float: left;
	margin-right: 8px;
	margin-bottom: 2px;
}

div#mainContent dl.impressumData dd {
	margin: 0 0 2px 0;
}

/* ++++++++++++++++++++++++++++ Footer ++++++++++++++++++++++++++++++++++++++++++++++ */
div#footer {
	width: 750px;
	height: 220px;
	padding: 45px 0 0 150px;
	background-color: #1a543e;
}

div#footer div#logo {
	width: 92px;
	height: 220px;
	background: url(../images/layout/footer-logo.gif) 0 0 no-repeat;
	float: left;
	margin-right: 90px;
}

div#footer div#footerContent {
	float: left;
	width: 550px;
}

div#footer div#footerContent dl {
	margin: 0 0 20px 0;
	color: #bbccc5;
}

div#footer div#footerContent dl dt.footerHeadline {
	display: block;
	height: 12px;
	width: 90px;
	background-position: 0 0;
	background-repeat: no-repeat;
	text-indent: -2000px;
	margin-bottom: 5px;
}

div#footer div#footerContent dt {
	font-weight: bold;
}

div#footer div#footerContent dt#headKontakt {
	background-image: url(../images/layout/head-footer-kontakt.gif);
}

div#footer div#footerContent dt#headSitemap {
	background-image: url(../images/layout/head-footer-sitemap.gif);
}

div#footer div#footerContent dl dd {
	margin: 0;
	height: 22px;
	width: 470px;
}

div#footer dl dd ul {
	/*width: 450px;*/
}

div#footer dl dd ul li {
	float: left;
	margin-right: 0px;
	margin-bottom: 2px;
	border-right: 1px solid #fff;
	padding: 0 10px 0 10px;
}

div#footer dl dd ul li a {
	color: #bbccc5;
}