/*****BASIC*****/

body {
  background: #fefae0;
  margin: 0;
  padding: 0;
  color:#333;
  font: normal normal 100% Helvetica, Verdana, Arial, sans-serife;
}

p {
  font-size: 0.8em;
  color:#333;
  line-height:120%;
}

h1 {
  font-size: 1.2em;
  color:#063; 
  margin:0 0 20px 0;
}

h2 {
  font-size: 1em; 
  color:#063;
  margin-top:0;
}

h3 {
  font-size: 0.8em; 
  font-weight:bold;
  margin-top:0;
}

a, a:link, a:focus {
  color:#063;
  text-decoration:none;
}

a:hover, a:visited {
  text-decoration:none;
}

a img {
  border:none;
}

ul {
  margin: 0 0 0 10px;
  padding:0;
  font-size: 0.85em;
}

li {
  margin: 0;
  padding:0;
}

.clear {
  clear: both;
}

.floatleft {
  float: left;
}

.floatright {
  float: right;
}

/*****WRAPPER+HEADER+CORSET+COTENT*****/

#wrapper {
  width: 1012px;
  margin: 0 auto;
  padding:0;
}

#header {
  height: 200px;
  margin: 0;
  padding: 0;
  background: url("../img/basic/headerbg.png") no-repeat;
  position:relative;
}

#weinheader #header {
  background: url("../img/basic/weinheader.jpg") no-repeat;
}
#weinheader #header_en{
  background: url("../img/basic/weinheader_en.jpg") no-repeat;
}
#header_en {
  height: 200px;
  margin: 0;
  padding: 0;
  background: url("../img/basic/headerbg_en.png") no-repeat;
  position:relative;
}
#lang{
  margin-top:-15px;
  position:relative;
  top: -10px;
  left:960px;
  width:100px;
}
#logo {
  position:absolute;
  top:25px;
  left:30px;
  z-index: 4;
}
#logo img {

}

#corset {
  background: url(../img/basic/corsetbg.jpg) repeat-y;
  margin:0;
  padding:0;
  width:1006px;
}

#content {
  margin:0;
  padding:20px 0;
}
#content li{
  background:transparent url("../img/basic/karton.gif") no-repeat scroll left center;
  list-style:none;
  padding-left:16px;
  list-style-position:outside;
  line-height:1.3em;
}

#footer {
  background: url("../img/basic/footerbg.jpg") no-repeat;  
  clear: both;
  height:13px;
  margin: 0;
  padding:9px 0 10px 10px;
  color:#666;
  font-weight:bold;
  font-size:0.8em;
  text-align:left;
}

#footer a {
  color:#666;
  text-decoration: none;
  margin: 3px 0;
}
#footer .kontakt{
  color:#004D26;
  margin: 0 -30px 0 15px;
}

#footer .kontakt a.facebookIcon,
#footer .kontakt a.twitterIcon{
  margin:0 5px;
}
#footer .kontakt a.facebookIcon img,
#footer .kontakt a.twitterIcon img{
  margin-bottom:-2px;
}
/*****MAINNAVI*****/

#mainnavi {
  margin:0;
  padding:0;
  position:absolute;
  bottom:0px;
  left:5px;
  z-index:2;
  width:1002px;
  height:36px;
  line-height:36px;
  background-color:#fff;
}

#mainnavi ul {
  list-style: none;
  margin:0;
  padding: 0;
}

#mainnavi ul li {
  float:left;
  margin:0;
  padding:0;
  text-align:center;
}

#mainnavi ul li a {
  color:#063;
  font-weight:bold;
  padding:0;
  text-decoration: none;
  height:36px;
  width:200px;
  display: block;
  background: url("../img/basic/mainnavibg.jpg") repeat top right;  
}

#mainnavi ul li a:hover{
    background: url("../img/basic/mainnavibg_roll.jpg") repeat top right;
}

#mainnavi ul li.active a{
    background: url("../img/basic/mainnavibg_roll.jpg") repeat top right;
}

#mainnavi ul li.last a {
  width:201px;
  background: url("../img/basic/mainnavibg.jpg") repeat-x top left;
}

#mainnavi ul li.last a:hover{
    background: url("../img/basic/mainnavibg_roll.jpg") repeat-x top left;
}

#mainnavi ul li.lastactive a {
  width:201px;
  background: url("../img/basic/mainnavibg_roll.jpg") repeat-x top left;
}


/*****SUBNAVI*****/

#subnavi {
  border: 1px solid #dddddd;
  padding:1px;  
  margin-bottom:10px;
}
#subnavi h2{
  padding: 3px 10px;
  background:#ffdd00;
  font-size:13px;
}

#subnavi ul {
  font-size:0.8em;
}

#subnavi ul li {
  background:transparent url("../img/karton.png") no-repeat scroll 0 4px;
  padding-left: 20px;
  margin:6px 0;
}

#subnavi ul li a {

}

#subnavi ul li a:hover{

}

#subnavi ul li.activ{
  font-weight:bold;
}

#subnavi ul li.last a {

}
/******Breadcrumb******/
#breadcrumb{
  font-size:12px;
  padding:15px 0 0 15px;
}
/******SITEMAP*****/
.csc-sitemap ul{
  margin:0;
}
.csc-sitemap ul ul{
  margin-left:10px;
}
.csc-sitemap li{
  background:none !important;
  padding-left:0 !important;
}
/********RTE**************/
p.align-right{
  text-align:right;
}
/*****COLUMNS*****/

.colLeft, .colRight {
  float:left;  
  width:187px;
  margin:0 15px; 
  min-height:5px;

}

.colMiddle {
  float:left;  
  width:570px;
}

.singleColumn {
  margin:0 30px; 
}


/*****BOXES*****/

.box , .imagebox{
  border: 1px solid #dddddd;
  padding:1px;  
  margin-bottom:10px;
}
.box .text h2{
  padding: 3px 10px;
  background:#ffdd00;
  font-size:13px;
}
.box .text{

}
.box p{
  margin:10px;
}
div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image {
  margin-bottom:0;
}
dl.csc-textpic-image img {
  margin-bottom:5px !important;
}
a.morearrow {
  float:right;
}
a.morearrow {
  font-weight:bold;
  background: url("../img/basic/morearrow.gif") no-repeat right;
  padding-right:30px;
}

/*****PRODUCTS*****/

.product {
  border: 1px solid #dddddd;
  padding:10px;  
  margin:0 10px 10px 0;
  width:281px;
  height:170px;
  float:left;
}

.product .productImage img {
  float:left;
  max-width:100px;  
  height:auto;
  padding: 0 10px 10px 0;
}

.product .productHeadline h2 {
   font-size:0.85em;
}

.product .productDescription h3, .product .productDescription p {
   margin:4px 0;
   padding:0;
}

.product .productPrice {
  clear:both;
}

.product .productPrice p {
   font-weight:bold;
   color:#006633;
   font-size:1em;
}

/*****CONTENTTABLES*****/

table.contenttable {
  border:1px solid #ddd;
  padding:8px;
  font-size:12px;
}
table.contenttable sup{
  font-size:7px;
}
table.contenttable tr.tr-even {
  background:#F6F8F6
}

table.contenttable td, table.contenttable th {
  padding:2px 5px;
}

table.right td {
  padding:2px 5px;
  text-align:right;
}

table.contenttable.fullwidth{
  width:100%;
}
table.contenttable.fullwidth .tr-0 th{
  text-align:left;
}
/**mailformplus*******************************PLUGIN*****/
.tx-thmailformplus-pi1 fieldset{
  border:1px solid #DDDDDD; 
  padding: 5px 13px 10px 13px;
}
.tx-thmailformplus-pi1 legend{
  font-size:0.8em;
  color:#006633;
  font-weight:bold;
}
.tx-thmailformplus-pi1 input{
  border:1px solid #A1A1A1;
  margin-bottom:5px;
  width:152px;
}
.tx-thmailformplus-pi1 .submit_abschicken{
  cursor:pointer;
  color:#006633;
  width:80px;
  font-weight:bold;
  font-size:11px;
  padding:2px;
  margin:5px 0;
}
.tx-thmailformplus-pi1 label{
  font-size:0.8em;
}
.tx-thmailformplus-pi1 .error{
  font-size:0.8em;
  color:#f00;
  margin:2px 0;
}
.tx-thmailformplus-pi1 .red{
  color:#f00;
}
/**team_member*********************************FCE*********/
.team_member{
  color:#7C7C7C;
  font-size:0.8em;
  border:1px solid #DDDDDD;
  margin-bottom:8px;
  padding:5px 8px;
}
.team_member p{
 margin:3px 0;
}
.team_member .name{
  font-weight:bold;
}
.team_member a{
  font-size:0.75em;
  white-space: pre-wrap; /* css-3 */
}
/**lumogooglemaps****************************************************/
.tx_lumogooglemaps_pi1_infobox p{
  margin:0;
}
#gmapDirHead{
  font-size:0.9em;
}

/**********FCE_IMAGE_WITH_ARROWLINK*******************/
.imagebox{

}
.imagebox .link{
  margin-bottom:-24px;
}
.imagebox a{
  background:transparent url("../img/basic/morearrow.gif") no-repeat scroll 98% 0;
  display:block;
  height:24px;
  position:relative;
  top:-5px;
}

/*******Gloassar***/

.tx-sgglossary-pi1 form table{
    border: 1px solid #dddddd;
    padding:5px;
}
.tx-sgglossary-pi1 .details{
  font-size:0.9em;
}
.right{
  float:right;
}
.left{
  float:left;
}

.lightimagebox{
  border:1px solid #FFDD00;
  margin-bottom:10px;
}
.lightimagebox p{
  margin: 0.8em;
}
.csc-textpic-caption{
  font-size:0.8em;
  margin-bottom:10px !important;
}

.tx-lumogooglemaps-pi1{
  margin-top:15px;
}

.imageBoxWrapper {
  float:left;
  margin: 10px;
}
#sitekeywords{
  margin:0 auto;
  width:1002px;
  font-size:10px;
  color:#999;
}
.tx-hnroomcalculator-pi3{
  margin-bottom:20px;
}
/*TWITTER*/

#twrss_table_wrap,#twrss_table_wrap_2{
  padding-bottom:10px;
}
#twrss_table {
  border:1px solid #FFDD00;
  width:185px;
  overflow:hidden;
}
#twrss_table #twrss_head{
  text-align:center;
  background-color:#FFDD00;
}
#twrss_table #twrss_body{
  margin:0px 5px 10px 10px;
}
#twrss_table #twrss_body p{
  margin:2px 0;
}
#twrss_table .twrss_bodytext{
  margin-bottom:2px;
  border-bottom:1px dashed #999;
}
#twrss_table #twrss_followme{
  text-align:center;
  background-color:#FFDD00;
  font-size:12px;
  padding:3px;
}

#twrss_table #twrss_followme a{
  font-weight:bold;
}
#twrss_table #twrss_followme span{
  margin-left:5px;
}
#twrss_table #twrss_followme img{
  margin: 0 5px -3px 0;
}
#twrss_table #twrss_footer{
}
#twrss_table .twitter_date{
  font-size:10px;
  color:#999;
}
/*Rückrufservice*/
.tx-thmailformplus-pi1 #rueckrufservice {
  margin-bottom:20px;

}
.tx-thmailformplus-pi1 #rueckrufservice label ,.tx-thmailformplus-pi1 #rueckrufservice span.space{
  width:180px;
  display:block;
  float:left;
}
.tx-thmailformplus-pi1 #rueckrufservice input{
  width:320px;
}
.tx-thmailformplus-pi1 #rueckrufservice .anrede{
  width:100%;
}
.tx-thmailformplus-pi1 #rueckrufservice .anrede input{
  width:auto;
  margin-right:25px;
  float:left;
  border:none;
}
.tx-thmailformplus-pi1 #rueckrufservice .anrede label{
  width:auto;
}
.tx-thmailformplus-pi1 #rueckrufservice textarea{
  width:318px;
  border:1px solid #A1A1A1;
}
.tx-thmailformplus-pi1 #rueckrufservice .submit_abschicken{
  width:100px;
  float:right;
}
.tx-thmailformplus-pi1 #rueckrufservice input#spam{
 
}
.tx-thmailformplus-pi1 #rueckrufservice .submitwrap{
   width:322px;
   float:left;
}
.tx-thmailformplus-pi1 #rueckrufservice .rueckrufzeit{
  margin:10px 0 5px 0;
}
.tx-thmailformplus-pi1 #rueckrufservice .rueckrufzeit .colleft{
  width:180px;
  display:block;
  float:left;
}
.tx-thmailformplus-pi1 #rueckrufservice .rueckrufzeit .colright{
  width:320px;
  float:left;
}
.tx-thmailformplus-pi1 #rueckrufservice .rueckrufzeit .colright input{
  width:auto;
  border:none;
}
#bvgform{
  display:none;
  left:-146px;
  position:absolute;
  top:-5px;
}
#closebvgform{
  width:21px;
  height:26px;
  position:relative;
  top: 26px;
  left:308px;
}
#closebvgform img{
  cursor:pointer;
}

/****PROMOTION*******/
#promotion{
  cursor:pointer;
}
#promotion .text{
  position:relative;
  margin-right:-1px;
}
#promotion #bigDiv{
  margin-right:-1px;
}
#promotion p.bodytext{
  color:#A06135;
}
#promotionbox{
  position:absolute;
  width:588px;
  z-index:999;
  margin-left:-10px;
  margin-top:-10px;
}
#promotionbox sup{
  font-size:7px;
}
#promotionbox h2{
  margin:10px 0;
  color:#006633;
  font-size:1.2em;
}
#promotionbox h3{
  color:#006633;
}
#promotionbox h4{
  color:#006633;
  margin:7px 0;
  font-size:13px;
}
#promotionbox img{
  margin-bottom:-7px;
}
#promotionbox p{
   color:#006633;
}
#promotionbox .sprinters{
  text-align:center;
  margin:20px 0 20px 0;
}
#promotionbox .sprinterLeft{
  margin-right:170px;
}
#promotionbox .sprinterRight{
}
.promotionboxBgTop{
    background: transparent url("../img/promotionBoxBgTop.gif") no-repeat scroll 0 0;
    height:126px;
}
.promotionboxBg{
    background: transparent url("../img/promotionBoxBg.gif") repeat-y scroll 0 0;
    padding:1px 20px 1px 20px;
}
.promotionboxBgBottom{
    background: transparent url("../img/promotionBoxBgBottom.gif") no-repeat scroll 0 0;
    height:17px;
}
.promotionboxinfo{
  font-size:10px;
  color:#666 !important;
}
#promotionboxClose{
  position:absolute;
  top:10px;
  right:15px;
  cursor:pointer;
  font-size:12px;
  font-weight:bold;
}
.colRight .facebook {
margin-bottom: 10px;
}
.colRight .facebookIcon{
  float:left;
  margin-top:-5px;
}
.colRight  .facebookFrame{
  float:left;
  width:130px;
  margin-left:15px;
}

.tx-thmailformplus-pi1 .neueKundenWerben label{
  display:block;
  float:left;
  width:120px;
}
.tx-thmailformplus-pi1 .neueKundenWerben input,.tx-thmailformplus-pi1 .neueKundenWerben select{
  display:block;
  float:left;
  width:200px;
}
.tx-thmailformplus-pi1 .neueKundenWerben .row{
  padding:2px 0;
}
.tx-thmailformplus-pi1 .neueKundenWerben .next a,
.tx-thmailformplus-pi1 .neueKundenWerben .back a{
  color:#006633;
  cursor:pointer;
  font-size:11px;
  font-weight:bold;
  margin:5px 0;
  width:100px;
  border:1px solid #A1A1A1;
  padding:2px;
  background-color:#ECE9D8;
}

.dankeContent .images{
  text-align:center;
}
.dankeContent img{
  margin:10px 90px;
}
.green{
  color:#006633;
  font-weight:bold;
}