/* CLEARFIX */

.clearfix:after{ content: "."; display: block; clear: both; visibility: hidden; line-height:0; height:0; }
.clearfix{ display: inline-block; }
html[xmlns] .clearfix{ display: block; }
* html .clearfix{ height: 1%; }

/* TYPO */

body, td, p, h1, h2, h3, li{ font-family: Verdana, Arial, Helvetica, Tahoma, sans-serif; font-size: 12px; color:#050000; }
h1{ font-size:24px; font-weight:normal; }
h2{ font-size:20px; }
h3{ color:#666; font-size:16px; }
p, table{ margin:0 0 1em; font-size:12px; }
ul{ }
ul li{  }
a{ color:#96a504; text-decoration:none; }
a:hover{ color:#96a504; text-decoration:underline; }

.grey{ color:#999; }
.italic{ font-style:italic; }
.bold{ font-weight:bold; }
.center{ text-align:center; }

.image_container{ margin:0; }

/* LAYOUT */

body{ background:#fff; }
#wrapper{ background:transparent url('../img/container-bg.png'); margin-top:20px; }
#header{ background:transparent url('../img/header-bg.png'); }
#container{ background:transparent url('../img/bottom-bg.png') center bottom no-repeat; }
#container_inner{ padding:10px; background:transparent url('../img/header-bg.png') center top no-repeat; }
#left{  }
#main{ min-height:500px; background:#fff none top left no-repeat; }
#main .inside{ padding:20px 100px 40px; }

#footer{ background:#fff; }
#footer .inside{ padding:0 10px; }
#footer p{ color:#aaa; font-size:11px; }
#footer_logo{ position:absolute; margin-left:-15px; left:50%; top:0px; background-color:#aa8249; display:block; width:30px; height:30px; }

/* NAVIGATION */

#navigation{ position:absolute; left:0; top:0; margin:0 auto; text-align:center; background:#050000; height:30px; width:666px; z-index:101; }
#navigation ul{ list-style:none; margin:8px 0 0; padding:0; }
#navigation ul li{ display:inline; padding:0 10px; text-decoration:none; border-left:1px solid #f7f2f2; }
#navigation ul li.first{ border-left:none; }
#navigation ul li a { color:#f7f2f2; text-decoration:none; text-transform:uppercase; font-size:11px; }
#navigation ul li.active a, #navigation ul li.trail a{ color:#fafafa; font-weight:bold; }
#navigation ul li.hover a, #navigation ul li a:hover{ color:#fafafa; }

/* FORMS */
.formbody table { width:400px; }
.formbody .col_0{ width:180px; }
.formbody .col_0, .formbody .col_1{ padding: 3px 0 5px; vertical-align:top; }
.formbody input[type=text], .formbody input[type=password], .formbody textarea, .formbody select{ box-sizing: border-box; border:1px solid #ccc; background:#f6f6f6; width:220px;  border:1px solid #ccc; }
.formbody .error{ color:#c00; }
.formbody .captcha_text{ clear:both; display:block; }
.formbody .col_1 fieldset{ padding:0; border:none; }
.formbody .col_1 { text-align:right; }
.submit_container { text-align:right; }
.submit_container input { }

/* BEZUGSQUELLEN */
.mod_bezugsquellen .plz_search{ margin-bottom:10px; }
.mod_bezugsquellen .free_search{ margin-bottom:20px; }
.mod_bezugsquellen .plz_search label, .mod_bezugsquellen .free_search label{ display:block; width:100px; clear:left; float:left; padding-top:5px; }
.mod_bezugsquellen table td{ padding:10px 10px 10px 0; }
.mod_bezugsquellen .listing{ border-bottom:1px dotted #050000; }
.mod_bezugsquellen .listing .bezugsquelle{ margin-top:10px; padding-top:10px; border-top:1px dotted #050000;  }
.mod_bezugsquellen .listing .bezugsquelle .name{ font-weight:bold; }

/* BOTTLES */
#container{ position:relative;  }
#bottles{ left:50%; margin-left:243px; position:absolute; /*margin-top:-200px;*/ z-index:0; }
ul.bottles_navi{ list-style:none; margin:0; padding:0; overflow:hidden }
ul.bottles_navi li{ margin:0; padding:0; }
ul.bottles_navi li a{ display:block; width:260px; }
ul.bottles_navi li a div.left{ display:block; float:left; width:80px; height:40px; font-size:11px; margin-right:10px; text-align:right; }
ul.bottles_navi li a div.right{ display:block; float:left; width:170px; min-height:40px; overflow:hidden;  }
ul.bottles_navi li a div.right img{ margin-left:-115px; }

	#main .inside{ padding-top:750px; }
body.home #main{ background: url(../../tl_files/lamusique/musiqueneu/layout_laMusique_website_home.png) left top no-repeat; }
h1{ font-size:18px; }

body.Idee #main .inside{ padding:230px 300px 200px 45px; }
body.Idee #main{ background: url(../../tl_files/lamusique/musiqueneu/layout_laMusique_website_idee.png) top left no-repeat; }



body.Merlot #main .inside{ padding:350px 300px 300px 40px; }
body.Merlot #main{ background: url(../../tl_files/lamusique/musiqueneu/layout_laMusique_website_Merlot.png) no-repeat; }
h1{ font-size:14px; }

body.Cabernet  #main .inside{ padding:345px 300px 300px 40px; }
body.Cabernet #main{ background: url(../../tl_files/lamusique/musiqueneu/layout_laMusique_website_Cabernet.png)  no-repeat; }
h1{ font-size:14px; }

body.Chardonnay #main .inside{ padding:330px 300px 300px 40px; }
body.Chardonnay #main{ background: url(../../tl_files/lamusique/musiqueneu/layout_laMusique_website_Chardonny.png) no-repeat; }

body.Kontakt #main .inside{ padding:400px 150px 40px 50px; }
body.Kontakt #main{ background: url(../../tl_files/lamusique/musiqueneu/layout_laMusique_website_Impressum.png) 0 0 no-repeat; }
body.Impressum #main .inside{ padding:400px 150px 40px 50px; }
body.Impressum #main{ background: url(../../tl_files/lamusique/musiqueneu/layout_laMusique_website_Impressum.png) 0 0 no-repeat; }
body.Bezugsquellen #main .inside{ padding:400px 150px 40px 50px; }
body.Bezugsquellen #main{ background: url(../../tl_files/lamusique/musiqueneu/layout_laMusique_website_Impressum.png) no-repeat; }

body.datenschutzerklärung #main .inside{ padding-top:50px; }