body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #3D3B3B;
	color: #333333;
}

* {	
	outline:none;
	text-decoration:none;
	margin:0px;
	padding:0px;
}

/* bestimmt die absolute Mitte des Screens */
body#page-wohnen #centered { width: 1px; height: 1px; position: absolute; top: 50%; left: 50%; overflow: visible } 

.trigger-cookie {display: none}

p { padding: 0.6em 0}

li {list-style:none}
li.bullet {list-style-image:url(template/grafiken/bull.gif); list-style-position: outside; margin-left: 15px}
li.weine-headline {color: #CC6B1C; font-weight: bold; margin: 5px 0 0 0}
li.weine-subline {color:#3D3B3B; font-size:11px;}


a { color:#CC6C1D;}
a:hover { color:#CC6C1D}
a img {border: none}

a.pdf {
	background: url('template/grafiken/pdf.png') no-repeat center right;
	padding: 0 20px 5px 0;
	margin: 0 3px 0 0;
	
}

.cc {clear: both}

h1 {padding: 10px 0 10px 0}
h1.xtnd {padding: 10px 0 0 0}
h2 {padding: 0px 0px 10px 0px}
h3 {color:#CC6B1C; padding:10px 0 5px 0; font-size:13px;}

.markup {color: #CC6B1C}
.strong {font-weight: bold}
.zitat {font-style:oblique}
.underline {text-decoration:underline}
.hide {display: none}

.nomargint {margin-top: 0; padding-top: 0}

.left {float: left}
.right {float:right}

ul.list {margin-left: 10px}
ul.list li {list-style: outside; margin-bottom: 20px;
}

#wrapper {
	width: 900px;
	height: 644px;
	margin:auto;
	padding: 5px 0 0 0 ;
}

body#page-wohnen #wrapper {
	position: absolute;
	top: -324px;
	left: -450px;
}

#popup {background: white; padding: 15px 20px}
#popup #content {width: 100%}

#popup h3 {text-transform: uppercase; padding-top: 0}
#popup #winetrophy {float: right; padding: 0 0 20px 40px; width: 200px}

#popup a {text-decoration: underline}
#popup a:hover {text-decoration: none}

/* Header */

#header {width: 850px; margin: 0 auto 5px auto}


#logo {}
#logo a	img	{border: none}

.breadcrumb {text-align:right; margin-right: 10px}
.breadcrumb-image {text-align:right; margin-bottom: 60px}
.breadcrumb-image#bc-img-ar {margin-bottom:10px}

img#breadcrumb {}

/* Galerie */

.galerie {
    width:   666px;
    height:  375px;
    float: right;
    
    padding: 0;  
    margin:  0 15px 0 0;  
} 
 
.galerie img {
	display: none;  
    width:  666px; 
    height: 375px; 
    top:  0; 
    right: 0 
}

.galerie img.first {
	display: block;
}


/* Impressum / Datenschutzhinweis */

#imprint {text-align:right; width: 465px; position: relative}
#imprint a {}

#datenschutzlink {
	position: absolute;
	bottom: -50px;
	right: 0;
}


/* Navigation */

#navigation {width:500px; margin: auto}
#navigation a, #navigation a img {text-decoration: none; border:none}
#navigation ul {text-align: center; margin: 10px 0 20px 0}
#navigation ul li {
	display: inline;
	list-style: none;
	padding: 0 10px;
}

#subnav {width:850px; margin: auto}
#subnav-img {width: 850px; margin:auto; padding-right:2px}
#subnav a,  #subnav-img a, #subnav a img, #subnav-img img {text-decoration: none; border:none}
#subnav ul,  #subnav-img ul {text-align: right; margin: 3px 0 10px 0; float: right}
#subnav ul li {
	display: inline;
	list-style: none;
	padding: 0 15px;
	float: left;
}

#subnav-img ul li {
	display: inline;
	list-style: none;
	padding: 0 8px;
}



/* Content Template */

#content {
	width: 850px;
	margin: auto;
	line-height:19px;
}

#contentleft {float: left; padding: 5px 0 0 0}
#contentmiddle {float: left; padding: 30px 0 0 0; width: 500px;}
#contentright {float: right; padding: 25px 0 0 0}

#bgtop {
	height: 16px;
	background: url(template/grafiken/ctb.gif) no-repeat;
}

#bgmiddle {
	height:400px;
	padding: 0 13px 0 3px;
	background: url(template/grafiken/cmb.gif) repeat-y;
}

#bgbottom {
	height: 22px;
	background: url(template/grafiken/cbb.gif) no-repeat
}

/* Content Areas */

.containleft {
	float:left;
	width: 100px;
	margin-right: 20px;
}

.containmiddle {
	float:left;
	width: 455px;
	height:400px;
}

.containright {
	float:right;
	width:180px;
	text-align:center
}

.containmiddle.xtnd {	width:450px;}
.containright.xtnd {	width:230px;}

.weine {}
.weine h1 {}

.weine h1#alte-reben {padding-top:0}

.weine p.descr {margin-left: 40px}

.wein-list {
	width: 330px;
	float: left;
	margin: 10px 0 0 0;
	padding: 0 20px 0 0
}

.wein-list.small {margin: 0}

.wein-text {
	width:450px;
	height:170px;
	font-size:11px;
	line-height:18px;
}

.wein-video {
	float:left;
	margin: 60px 0 0 0 ;
}


.verfuegbarkeit {margin:15px 0 0 2px; font-weight: bold; color:#CC6B1C}


/* Weinbau - PortalSeite */

#portalcontainer {width:800px; margin: auto}
#portalcontainer a {color:#333333}
#portalcontainer a:hover {color:#A2601F}


.portal {
	float:left;
	width: 250px;
	height: 350px;
}

.portal:hover {color:#CC6B1C;}

.portal h2 {text-align: center; padding: 0px 0px 5px 0px}
.portal img {}
.portal p {height: 100px}

.portal.familie {
	background:url(weingut/bilder/portal-familie.jpg) center top no-repeat;
	padding: 50px 0 0 0;
	margin-right: 12px;	
}

.portal.weinbau {	
	border-left: 2px solid #CC6B1C;
	border-right: 2px solid #CC6B1C;
	background:url(weingut/bilder/portal-weinbau.jpg) center top no-repeat;
	padding: 50px 11px 0 11px;	
}

.portal.erfolge {
	background:url(weingut/bilder/portal-erfolge.jpg) center top no-repeat;
	padding: 50px 0 0 0;
	margin-left: 12px;	
}

.portal.familie:hover, .portal.familie-active {color:#CC6C1D; background:url(weingut/bilder/portal-familie-hover.jpg) center top no-repeat; cursor:pointer}
.portal.weinbau:hover, .portal.weinbau-active {color:#CC6C1D; background:url(weingut/bilder/portal-weinbau-hover.jpg) center top no-repeat; cursor:pointer}
.portal.erfolge:hover, .portal.erfolge-active {color:#CC6C1D; background:url(weingut/bilder/portal-erfolge-hover.jpg) center top no-repeat; cursor:pointer}




/* Familie */

.container.text {
	width: 460px;
	padding: 5px 10px;
	margin-right: 10px;
	float:left;
}

.container.text-erfolge {
	width: 460px;
	height:350px;
	padding: 5px 10px;
	margin-right: 10px;
	float:left;
}

.container.text-fade {
	width: 600px;
	height:350px;
	padding: 5px 10px;
	margin-right: 10px;
	float:left;
}

.container.text-fade-multiple {
	width: 600px;
	height:300px;
	padding: 5px 10px;
	margin-right: 10px;
	float:left;
}

#fbox .container.text, #fbox .container.text-fade {height: 350px; overflow:hidden}

ul.slides {
	background: url('template/grafiken/slideshow-container.png');
}

.container.slideshow {float:right; width: 313px; margin: 0}
.container-slideshow-fade {float:right; width: 160px; margin: 0}
.container-slideshow-fade img {float:right}


.container img.headline {display: block; margin: 0 0 5px 0}
#charakters {padding-top:15px}
#charakters .char {padding: 10px 0;}
#charakters .char .descr {width: 380px}
#charakters .char .name {float:left; color:#CC6C1D; font-weight: bold; width: 60px}

#slideshow, #slideshow2 {
    position:relative;
    height: 314px;
    float:right; width: 313px; margin: 0
}

#slideshow img, #slideshow2 img {
    position:absolute;
    top:0;
    left:0;
    z-index:3;
    opacity:0.0;
}

#slideshow img.active, #slideshow2 img.active {
    z-index:5;
    opacity:1.0;
}

#slideshow img.last-active, #slideshow2 img.last-active {
    z-index:4;
}

.slideshow-txt {
	float: right;
	width: 300px;
	color: #CC6B1C;
	font-weight: bold;
	margin: 0 10px;
}

.fam-reis {margin-right:15px; color:#CC6C1D; font-weight:bold}


/* Weingut */

#gal_weinbau {}
#gal_text {color:#CC6B1C; margin:0; font-weight:bold;}

/* Erfolge */

.container.erfolge {padding-top:8px}

.erfolg {padding: 10px 0}
.erfolg-txt {width: 400px; float:right}
.erfolg-img {width: 200px; float:left; text-align: center}
/*
.erfolg#rheinzeitung {width:800px}
.erfolg#rheinzeitung .erfolg-txt {width:600px}
*/

.logo-moselgold {margin-bottom: -4px}

.inner-navigation { text-align:center; width:90px; margin: auto; padding: 0 0 15px 0}
.inner-navigation .item-left {float:left}
.inner-navigation .item-center {float:left; width:50px}
.inner-navigation .item-right {float:right}

/*  Spry - Effects */

#fbox-moselgold, #fbox-moselherz, #fbox-steillage, #fbox-terroir, #fbox-alte-reben {float:left}
#fbox-4 {float:none}

.selector {text-align:left; float: right; margin-right: 10px}
.selector .item {display: inline; padding: 0 2px 0 2px; margin:0; float: left}
.selector a img {border:none}

#tab-terroir .selector {margin: 0}

#slide {}
#slide .SlidingPanels {
	width: 834px;
	height: 400px;
	float: left;
}

#slide .SlidingPanelsContentGroup {
	width: 8000em;
	float: left;
}

#slide .SlidingPanelsContent {
	float: left;
	width: 814px; 
}

.SlidingPanelsCurrentPanel {}

.SlidingPanelsAnimating * {
	overflow: visible !important;
}

#tab-moselgold, #tab-moselherz, #tab-edition, #tab-steillage, #tab-terroir, #tab-alte-reben {padding: 0 10px}
#tab-weingut, #tab-familie, #tab-weinbau, #tab-erfolge, #tab-wohnen, #tab-fewo, #tab-gaestezimmer, #tab-kontakt, #tab-dshinweis1, #tab-dshinweis2, #tab-dshinweis3, #tab-dshinweis4, #tab-pseudo {
	width: 830px; height:400px; padding: 0 10px
}


#tab-weinbau .container {padding-bottom:20px}


/* Footer */

#footer {
	line-height:21px;
	display: inline;
	float:right;
}

#footer .row {
	float:left;
	padding: 10px 10px;
	border-right: 1px solid #CC6C1D;
}

#footer .row-last, #footer .row-first {
	float:left;
	padding: 10px 10px;
	border:none;
}

/* Kontakt */
#content .inner-left, #content .inner-right {
	margin:10px 0;
	float:left; 
	width:392px;
	}
#content .inner-left {margin-right:10px}
#tab-dshinweis1 .inner-left, #tab-dshinweis1 .inner-right,
#tab-dshinweis2 .inner-left, #tab-dshinweis2 .inner-right,
#tab-dshinweis3 .inner-left, #tab-dshinweis3 .inner-right,
#tab-dshinweis4 .inner-left, #tab-dshinweis4 .inner-right, {margin-top:0}

#impressum, #konzeption {
	text-align:center}
	
#tab-dshinweis1 p, #tab-dshinweis2 p, #tab-dshinweis3 p, #tab-dshinweis4 p {padding-bottom:3px; padding-top:3px; width: 350px}
#tab-dshinweis1 h1, #tab-dshinweis2 h1, #tab-dshinweis3 h1, #tab-dshinweis4 h1 {padding-bottom:0}
.ds-top {height:360px}
.ds-navbar {clear:both;height:40px}
a.nav-left, a.nav-right {float:left}
a.nav-right {float:right}

body#datenschutzhinweis {
	padding: 0 20px 20px;
	background-color: white;
	font-size: 13px;
	line-height: 1.52;
}

body#datenschutzhinweis h1, body#datenschutzhinweis h2, body#datenschutzhinweis h3  {color: #CC6C1D;
}

body#datenschutzhinweis p {
	padding: 0;
	margin: 0 0 1em;
}

body#datenschutzhinweis ul {margin: 0 0 1em}
