/* 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:18px; }
p, table{ margin:0 0 1em; font-size:12px; }
ul{ }
ul li{  }
a{ color:#96a504; text-decoration:underline; }
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; }

#hauptspalte {margin-bottom: 30px;}
.stellarorganics .ulrs {margin-top:250px; margin-bottom: 10px;}
.ulrs a {font-weight: bold; font-size: 10.5px;}
.weine #hauptspalte {margin-bottom: 0px; overflow: visible}
.weine #main .inside {padding-bottom: 0px;}
.weine #main .inside #hauptspalte .ce_image {right: -103px;position: relative;bottom: -3px; overflow: visible}
.weine #main .inside #hauptspalte .ce_image .image_container {padding-top: 0;margin-top: -130px;}
.weine #main .inside #hauptspalte .ce_image img {right: -70px;position: relative;text-align: right;height: auto;width: 430px;}

#footer{ background:#fff;padding-top:10px; }
#footer .inside{ padding:0 10px; }
#footer .inside .textblock {text-align:right;}
#footer p{ color:#aaa; font-size:12px; text-transform: uppercase; }
#footer p a{ text-decoration: none;}
#footer_logo{ position:absolute; margin-left:-15px; left:50%; top:0px; background-color:#aa8249; display:block; width:30px; height:30px; }

/* NAVIGATION */

#navigation{ overflow:visible; 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-block; padding:0 10px; text-decoration:none; border-left:1px solid #f7f2f2; position:relative; vertical-align:top; }
#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{ color:#fafafa; font-weight:bold; }
#navigation ul li.active ul li a{ color:#fafafa; font-weight:normal; }
#navigation ul li a ul li a.active{ color:#fafafa; font-weight:bold; }
#navigation ul li:hover a{ color:#fafafa; }

/* Second level navigation */
#navigation ul li ul{ position:absolute; left:0; top:14px; margin:0; padding:8px 8px 5px 8px; display:none; background:#050000; min-width:200px; text-align:left; z-index:1000; }
#navigation ul li:hover > ul{ display:block; }
#navigation ul li ul li{ display:block; padding:0; margin:0; border-left:none; border-bottom:none; width:100%; }
#navigation ul li ul li a{ display:block; padding:2px 4px; text-transform:none; font-size:12px; color:#fff; white-space:nowrap; font-weight: normal; }

/* 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; }