@charset 'utf-8';
@import url(reset.css);
@import url(jScrollPane.css);
@import url(prettyCheckboxes.css);
@import url(colorbox.css);

/* ----------------------------------------------------- All browsers */
body { font-family:Arial, Helvetica, sans-serif; background:#1B1E0B url(../../bitmaps/bg_wallpaper.jpg) fixed no-repeat 0 0 }

/* LAYOUT */
.pagewrapper { position:relative; text-align:left; width:995px }
.metanavigation { height:15px; line-height:15px; padding-top:15px; font-size:10px; padding-left:25px; color:#FFF }
.navigation { width:825px; height:170px } 
.logo { position:absolute; right:25px; top:85px; width:auto; height:65px }
.teaserwrapper { position:absolute; top:201px; left:825px; width:170px }
.contentwrapper { position:absolute; top:186px; left:203px; height:auto; width:645px; color:#3e3d40 }
.introwrapper { position:absolute; top:200px; left:0; width:845px }
/* GLOBAL */
a { text-decoration:none }
a:hover { text-decoration:underline }
/*a:active { position:relative; top:1px }*/
strong { font-weight:normal }
.fr { float:right }
.fl { float:left }
.bold { font-weight:bold }
.errormsg { color:#F00 }
.errorinput { background-color:#F1C640 !important; border-color:#C6B500 !important }

/* CONTENT MAIN */
.contentwrapper .textblock { border-top:1px solid #a39129; margin:15px 31px 0 48px; padding:15px 15px 0 25px; font-size:13px; line-height:18px }
.contentwrapper .textblock h1 { font-size:16px; line-height:18px; position:relative; top:-10px }
.contentwrapper .textblock h2 { line-height:16px; position:relative; top:-10px }
.contentwrapper .weingut_header { position:relative; margin-bottom:10px }
.contentwrapper .weingut_header .weingut_anschrift { position:absolute; bottom:0; left:260px; height:auto; width:257px }
.contentwrapper .textblock a.textlink { background:#abc083; padding:2px; color:#3e3d40 }
.contentwrapper .textblock a.textlink:hover {  }
.contentwrapper .middle { margin-top:760px; margin-bottom:0px; padding:1px 0; background:transparent url(../../bitmaps/bg_content.png) 0 0 repeat-y }
.contentwrapper .header { margin-top:-761px; background:transparent url(../../bitmaps/bg_content_top.png) 0 0 no-repeat }
.contentwrapper .end { margin-bottom:0; min-height:900px; background:none; position:relative }

.contentwrapper .footer { height:30px; background:url(../../bitmaps/footer_content.png) no-repeat }
.contentwrapper .topspace { height:40px }
.contentwrapper th { font-weight:bold }
.contentwrapper th a { color:#B89802 }
.contentwrapper th a:hover, .contentwrapper th a.aktiv { text-decoration:underline }
.contentwrapper tr {  }
.contentwrapper td { color:#7e7e7e }
.contentwrapper td a { color:#b89802 }


/* SUBNAV, BOX LINKS */
.subnavwrapper { position:absolute; top:222px; left:16px; width:222px; height:auto }
.subnavwrapper .subnav { background:transparent url(../../bitmaps/bg_subnavigation.png) 0 0 repeat-y; padding:10px; width:202px; margin-bottom:1px }
.subnavwrapper .box { background:transparent url(../../bitmaps/bg_subnavigation.png) 0 0 repeat-y; padding:10px; width:202px }
.subnavwrapper .footer { background:transparent url(../../bitmaps/sub_footer.png) 0 0 no-repeat; height:32px }

.subnav ul li a { font-size:16px; line-height:22px; color:#959595; font-weight:bold }
.subnav ul li a:hover, .subnav ul li a.aktiv { text-decoration:none; color:#DDD }

.box h1 { color:#cffe84; font-size:16px; line-height:25px; font-weight:normal }
.box .bezeichner { color:#FFF; font-size:11px; line-height:15px; padding-left:1px }
.box .scroll-pane { height:360px; width:190px }
.box .jScrollPaneContainer { margin-top:5px }
.box img { margin:5px 0; border:3px #525252 solid }
.box .scroll-pane img { cursor:pointer; margin:5px 0; border:3px #525252 solid }

/* TEASER */
.teaser { font-size:10px; line-height:15px; color:#FFF; background:#484848 url(../../bitmaps/teaser/bg_head.gif) 0 0 no-repeat; margin:20px 0 } 
.teaser h1 { color:#cffe84; font-size:16px; line-height:25px; font-weight:normal }
.teaser p { margin:5px 0 }	
.teaser img { display:block; margin:0 auto; margin-top:5px }
.teaser .content { padding-left:20px; padding-right:5px; max-height:213px; overflow:hidden }
.teaser .footer { padding-left:20px; line-height:25px; height:25px; left:0; font-size:11px; background:#FFF url(../../bitmaps/teaser/bg_footer.gif) right bottom no-repeat !important }
.teaser .footer a { background:#FFF url(../../bitmaps/bg_link.gif) 0 center no-repeat; padding-left:20px; color:#3e3d40!important; }
.teaser .footer a:hover { background-position:1px center }

.teaser.veranstaltungstipp, .teaser.news { background:url(../../bitmaps/teaser/box1.jpg) }
.teaser.veranstaltungstipp strong, .teaser.news strong { font-size:16px; font-weight:bold }

.teaser.news strong a { color:#FFF; text-decoration:none; font-size:13px }
.teaser.news strong a:hover { color:#FAFE84 }
.teaser.events .content a { color:#FFF; text-decoration:underline }

.teaser.veranstaltungstipp h1, .teaser.news h1 { color:#fafe84; margin-bottom:10px }
.teaser.events img { display:inline; margin:0 }
.teaser.events strong { color:#fafe84 }
.teaser.preview {  }
.teaser.events h1, .teaser.preview h1, .teaser.vernetzt h1 { color:#FFF }
.teaser.vernetzt a { color:#3e3d40 }

.startTeaserLeft h1 { color:#cffe84; font-size:16px; line-height:16px; font-weight:normal }
.startTeaserLeft p { margin:5px 0 } 
.startTeaserLeft .content { height:180px; overflow:hidden }
.startTeaserLeft .footer a { background:#FFF url(../../bitmaps/bg_link.gif) 0 center no-repeat; padding-left:20px; color:#3e3d40 }
.startTeaserLeft .footer a:hover { background-position:1px center }
.startTeaserLeft img { display:block; margin:0 auto; margin-top:5px }

/* LOGIN */
.login { }
.login .content { width:145px } /*170 - 20 - 5 */
.login h1 { line-height:25px; color:#fafe84 }
.login label, label { cursor:pointer }
.login input#userpass { margin-bottom:9px }
.login input[type=text] { width:120px; border:1px solid #c7c7c7; border-bottom:none; margin:1px 0 }
.login input[type=password] { width:120px; border:1px solid #c7c7c7; border-bottom:none; margin:1px 0 }
.login .content a { color:#FFF }
/* FORM */
.suchbutton {background:url(../../bitmaps/suche/searchbutton.gif) 0 0; height:29px; width:176px}

/* META-NAVIGATION */
.metanavigation ul li { float:left }
.metanavigation ul li a { padding:0px 5px; color:#FFF!important; text-decoration:none }
.metanavigation ul li a:hover, .metanavigation a.aktiv { text-decoration:underline }

a.pfeil { background:url(../../bitmaps/bg_link.gif) 0 center no-repeat; padding-left:20px; color:#3e3d40 }
a.pfeil:hover { background-position:1px center }

/* ÜBERSCHRIFTEN MIT GRAFIK */
h2.lounge { text-indent:-9999em; background:url(../../bitmaps/lounge_gast.gif) 0 0 no-repeat; line-height:22px }

/* PREVIEWEFFEKT */
#screenshot{
	position:absolute;
	border:1px dotted black;
	background:#FFF;
	padding:5px;
	display:none;
	color:#444;
	font-size:12px;
	/*
	opacity:0.80;
	-moz-opacity:0.80;
	filter:alpha(opacity=80);*/
}


/* IMPORT ADMIN */
fieldset, div.border { border:1px solid silver; width:600px; padding:10px }
div.border { margin:10px 0 }

/*
input, textarea, select { border:1px solid silver; width:200px; font:1em Arial, Helvetica, sans-serif; color:#555 }
textarea { width:300px; height:120px; overflow:auto }
input.radio, input.check { width:auto; border:none }
*/
input.button0 { width:auto }
input.button { width:auto; padding:10px; background:#F1C640; font-weight:bold; color:#000 }

form#winzer label, form#form1 label { display:block; cursor:pointer; width:210px; float:left; margin:5px 0 }
form#form1 label.cr, form#winzer label.cr { display:inline; float:none; cursor:pointer; width:100px }
form br { clear:left }

/* END IMPORT ADMIN */

/* EVENTS */
.eventvorschau { padding-bottom:10px; margin-top:10px }
.eventvorschau .datum { font-size:16px; color:silver }
.eventvorschau a { color:#b89802 }
.eventvorschau .nomargin { margin-top:0 }
.eventvorschau  .vorschau { margin-top:5px }
.eventvorschau  .vorschau p { margin-right:90px }
.eventvorschau  .vorschau p span { font-size:11px; color:#888 } 
.eventdetail .datum { color:#b89802 !important; font-size:16px !important; text-align:right }

/* rssfeed */ 
.rssfeed { display:block; margin-left: 50px;}


/* ----------------------------------------------------- JS enabled browsers */

.js div { }
.js input.checkbox, .js select.empty-combo { width:auto; border:none; display:none }
.js .box .scroll-pane { overflow:hidden }
.js #toggle1, .js #toggle2 {  }

/* ----------------------------------------------------- IE7 and below */

.ie7 div { }



/* ----------------------------------------------------- IE6 and below */

.ie6 div { }
.ie6 .teaser .content { 
	height:213px; /* MAX-HEIGHT, defaults to this if JS is disabled */
	height:expression(this.scrollHeight>194?"195px":"auto");
}

.ie6 .contentwrapper .middle { background: url(../../bitmaps/bg_content.gif) !important }
.ie6 .contentwrapper .header { background:transparent url(../../bitmaps/bg_content_top.gif) 0 0 no-repeat !important } 
.ie6 .contentwrapper .footer { background: url(../../bitmaps/footer_content.gif) !important }
.ie6 .contentwrapper .end { height:900px }
.ie6 .ieblock { display:block }
.ie6 .png { behavior:url(/include/iepngfix/iepngfix.htc) }
.ie6 .login input { width:120px; border:1px solid #c7c7c7; border-bottom:none; margin:0 }
.ie6 .login label.prettyCheckbox { padding-bottom:5px };


