/* master.css fuer bezirkskellerei.de [2012-01] */


/*  grau (Linie)                  =  #999999  */
/*  gruen (href, Linien)          =  #91A600  */
/*  hellgruen (content mitte)     =  #E6F084  */
/*  schwarzgruen (content unten)  =  #BDC27B  */
/*  rot (hover)                   =  #990000  */
/*  gold (Logo)                   =  #99854A  */
/*  hellgold                      =  #ccc0a0  */


body {
	background-color: #fff;
	color: #000;
	font-family: 'Lucida Grande', Verdana, sans-serif;
	font-size: 82%;
}

h1, h2, h3, h4, h5, h6, p, address, th, td, li, dt, dd, form, input, textarea, a {
	color: #333;
	font-family: 'Lucida Grande', Verdana, sans-serif;
	line-height: 1.5em;
}

h1 { color: #333; font-size: 2.1em; font-weight: bold; }
h2 { color: #333; font-size: 1.3em; font-weight: bold; }
h3 { color: #333; font-size: 1.1em; font-weight: bold; }
h4 { color: #333; font-size: 1.0em; font-weight: bold; }
h5, h6 { color: #333; font-weight: bold; font-size: 1.0em; }
p, dl, ul, ol { font-size: 1.0em; line-height: 1.5em; }

table, tr, th, td { font-size: 1.0em; line-height: 1.5em; }
table tr { vertical-align: top; }
/* table td { text-align: left; } */

input, textarea { font-size: 1.0em; color: #003; }

a:link, a:visited {
	color: #000;
	text-decoration: none;
	}
a:hover, a:active {
	color: #000;
	font-size: 1.0em;
	text-decoration: none;
	outline: none;
	}

strong, b { color: #000; font-weight: bold; }
em, i { color: #333; font-style: italic; }
img { border: 0 none; }



.hide { display: none !important; }

/* Margin und Padding bei allen Blockelementen auf Null setzen */
* { margin: 0; padding: 0; }

/* Raender, Breite, Hintergrundfarbe, etc. der Seite */
html { min-width: 985px; }
body {
/*	background-color: #000; */
	background: #000 url(2012-01/bg.jpg) no-repeat top left;
	}

#page {
	position: relative;
	margin: 0 auto 0 0;
	padding-bottom: 30px;
	width: 985px;
	min-height: 1200px;
/*	background: transparent url(bg.jpg) no-repeat top left; */
	outline: 0px solid #00c;
	}

/* Beginn Header */
#header {
	padding: 0;
	height: 5px;
	overflow: hidden;
	outline: 0px solid #00c;
	}

#header h1 {
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	}
/* Ende Header */


/* Beginn Logo zur Startseite */
#logo {
	position: absolute;
	top: 10px;
	left: 645px;
	width: 345px;
	height: 250px;
	outline: 0px solid #c00;
	}

#logo a {
	display: block;
	width: 345px;
	height: 250px;
	background: none;
}
/* Ende Logo zur Startseite */


/* Beginn Menu */
#menu {
	float: left;
	display: inline;
	margin: 135px 0 0 10px;
	padding: 0 0 20px 0;
	width: 244px; /* = 254-10 */
	min-height: 920px; /* = 940-20*/
	text-align: left;
	font-size: 0.89em;
	color: #000;
/*	background: transparent url(bg-menu.jpg) no-repeat top left; */
	background: transparent url(bg-white.png) repeat top left;
	}

#menu ul {
	margin: 0;
	padding: 0;
	}

#menu li {
	margin: 0;
	list-style: none;
	}

  /* Ebene 1 */
#menu ul.level-1 {
	margin: 40px 0 0 0;
	}

#menu ul.level-1 li {
	margin: 20px 0 0 8px;
	width: 222px; /* = 230-8 */
	color: #333;
	outline: 0px solid #c00;
	}

#menu ul.level-1 li a {
	display: block;
	height: 38px;
	text-indent: -9999px;
	}

li#menu-1 a  { background: transparent url(2012-01/menu-01.png) no-repeat top left; }
li#menu-2 a  { background: transparent url(2012-01/menu-02.png) no-repeat top left; }
li#menu-3 a  { background: transparent url(2012-01/menu-03.png) no-repeat top left; }
li#menu-4 a  { background: transparent url(2012-01/menu-04.png) no-repeat top left; }
li#menu-5 a  { background: transparent url(2012-01/menu-05.png) no-repeat top left; }
li#menu-6 a  { background: transparent url(2012-01/menu-06.png) no-repeat top left; }
li#menu-24 a { background: transparent url(2012-01/menu-24.png) no-repeat top left; }
li#menu-33 a { background: transparent url(2012-01/menu-33.png) no-repeat top left; }
li#menu-34 a { background: transparent url(2012-01/menu-34.png) no-repeat top left; }
li#menu-97 a { background: transparent url(2012-01/menu-97.png) no-repeat top left; }

#menu ul.level-1 li.active a,
#menu ul.level-1 li a:hover,
#menu ul.level-1 li a:active {
	background-position: -240px 0;
	}

#menu li a:hover,
#menu li a:active,
#menu li a.current,
#menu li.active a {
/*	color: #900; */
	color: #fff;
	}

  /* Ebene 2 */
#menu ul.level-2 {
	margin: 0;
	}

#menu ul.level-2 li {
	margin: 0 0 4px 22px;
	padding: 0;
	width: 200px; /* = 222 (level-1)-22 */
	height: auto;
	font-weight: normal;
	}

#menu ul.level-2 li a {
	margin: 0;
	padding: 0;
	height: auto;
	text-indent: 0;
	color: #333;
	background-image: none;
	}

#menu ul.level-2 li a:hover,
#menu ul.level-2 li a:active,
#menu ul.level-2 li a.current,
#menu ul.level-2 li.active a {
/*	color: #900; */
	color: #fff;
	background: none;
	}

  /* Ebene 3 */
#menu ul.level-3 {
	margin: 0;
	}

#menu ul.level-3 li {
	margin: 0 0 6px 12px;
	padding: 0;
	width: 188px; /* = 200 (level-2)-12 */
	height: auto;
	font-weight: normal;
	}

#menu ul.level-2 ul.level-3 li a {
	margin: 0;
	padding: 0;
	height: auto;
	text-indent: 0;
	color: #333;
	background-image: none;
	}

#menu ul.level-2 ul.level-3 li a:hover,
#menu ul.level-2 ul.level-3 li a:active,
#menu ul.level-2 ul.level-3 li a.current,
#menu ul.level-2 ul.level-3 li.active a {
/*	color: #900; */
	color: #fff;
	background: none;
	}
/* Ende Menu */


/* Begin Content */
#content {
	float: right;
	display: inline;
	margin: 265px 55px auto auto;
	padding: 30px 30px 20px 30px;
	width: 590px; /* = 650-30-30 */
	min-height: 760px; /* = 940 (menu)-130-30-20 */
	background: transparent url(bg-white.png) repeat top left;
	outline: 0px solid #0c0;
	}

#content-left {
	margin: 0;
	padding: 0;
	min-height: 740px; /* = 760 (content)-? ausgetestet */
	outline: 0px solid #0c0;
	}

body.sidebar #content-left {
	padding-right: 25px;
	width: 380px; /* = 405-25 */
/*	border-right: 1px solid #91A600; */
	border-right: 2px solid #fff;
	}

#content h2 {
	margin: 0 0 1.0em 0;
	}

#content h3 {
	margin: 1.5em 0 1.0em 0;
	}

#content h4 {
	margin: 1.5em 0 0.5em 0;
	}

#content p {
	margin: 0 0 1.0em 0;
	}

#content hr {
	margin: 1.0em 0 1.5em 0;
/*	width: 360px; */
	height: 1px;
/*	color: #91A600;
	background-color: #91A600; */
	color: #fff;
	background-color: #fff;
	border: 0;
	}

#content ul,
#content ol {
	margin: 0 0 15px 10px;
	padding: 0;
	}

#content li {
	padding: 1px 1px 1px 18px;
	list-style: none;
	background: url(2012-01/icon-li.png) no-repeat 0 0.5em;
	}

#content a {
	padding-left: 14px;
	color: #000;
	background: url(2012-01/icon-href.png) no-repeat 0 1px;
	}

#content a:hover,
#content a:active {
/*	color: #990000; */
	color: #fff;
	background-position: 0 -49px;
	}

#content a.external {
	color: #000;
	background: transparent url(2012-01/icon-href-extern.png) no-repeat 0 2px;
	}

#content a.external:hover,
#content a.external:active {
/*	color: #990000; */
	color: #fff;
	background-position: 0 -48px;
	}

#content dl { margin: 5px 0 15px 0; padding: 0 10px 0 10px; }
#content dt { font-weight: bold; color: #003;}
#content dd { padding: 0 0 0 10px; }
#content table { margin: 0 0 1.0em 0; border: 0 none; padding: 0; }
#content table tr { margin: 0; padding: 0; }
#content table td { margin: 0; padding: 0.3em 1.0em 0.3em 0; }
/* Ende Content */


/* Beginn Sidebar */
#sidebar-wrapper {
	float: right;
	display: inline;
	margin: 0 0 20px 0; /*24px*/
	padding: 0 0 0 23px;
/*	padding: 10px 15px 10px 15px; */
	width: 160px;
	min-height: 740px; /* = 760 (content)-? ausgetestet */
	border-left: 0px solid #91A600;
	outline: 0px solid #c00;
	}

 /* breite Sidebar */
body.wide-sidebar #sidebar-wrapper {
	width: 400px;
	}

#content #sidebar h3 {
	margin: 0.5em 0 1.0em 0;
	font-size: 1.0em;
	}
#content #sidebar h4 {
	margin: 0;
	font-size: 0.89em;
	}

#content #sidebar p {
	margin: 0 0 1.0em 0;
	font-size: 0.89em;
	}
/* Ende Sidebar */



/* Beginn Module */

/* Beginn # 02a - Textile mit Bild rechts */
div.text-image {
	width: 100%;
	}

div.text-image-left {
	float: left;
	}

div.text-image-right {
	float: right;
	margin: 0 0 0 20px;
	width: 240px;
	}
/* Ende # 02a - Textile mit Bild rechts */


/* Beginn # 10 - Sitemap */
#content ul.sitemap {
	list-style: none;
	margin: 1.0em 0 2.0em 0;
	padding: 0;
	}
#content ul.sitemap li {
	margin: 0 0 0.6em 0;
	padding: 0;
	font-weight: bold;
	background-image: none;
	}
#content ul.sitemap li ul {
	margin: 0.6em 0 1.0em 1.5em;
	border-left: solid 1px #a5a5a5;
	padding: 0 0 0 1.0em;
	list-style: none;
	}
#content ul.sitemap li ul li {
	margin: 0 0 0.6em 0;
	padding: 0;
	font-weight: normal;
	}
#content ul.sitemap li ul li ul {
	margin: 0.6em 0 1.0em 1.5em;
	border-left: solid 1px #a5a5a5;
	padding: 0 0 0 1.0em;
	}
/* Ende # 10 - Sitemap */


/* Beginn # 14 b - Slimbox (mit einstellbarer Bildbreite) [v.1.3] [r4] */
#content fieldset.slimbox {
	margin: 2.0em 0 2.0em 0;
	padding: 0;
/*	width: 620px;*/
	border: 0px solid #ccc;
	}

  /* in Sidebar */
#content #sidebar fieldset.slimbox {
	margin: 0 0 5px 0;
	}

#content legend.slimbox {
	display: none;
	}

#content div.slimbox-gallery {
	margin: 1.0em 0 0 0;
	}

  /* in Sidebar */
#content #sidebar div.slimbox-gallery {
	margin: 0;
	}

#content div.slimbox-gallery span {
	float: left;
	margin: 0 11px 12px 0;
	text-align: center;
	border: 0px solid #ccc;
	}

  /* in Sidebar */
#content #sidebar div.slimbox-gallery span {
	margin: 0 0 6px 0;
	}

#content div.slimbox-gallery span a {
	display: block;
	padding: 0;
	background: none;
	}

#content div.slimbox-gallery span a:hover,
#content div.slimbox-gallery span a:active {
	background: none;
	}

#content div.slimbox-footer {
	margin: 0.5em 0 1.0em 14px;
	font-size: 0.8em;
	color: #000;
	}
/* Ende # 14 b - Slimbox (mit einstellbarer Bildbreite) [v.1.3] [r4] */


/* Beginn # 14 c - Slimbox (mit Bilder-Download) */
#content fieldset.press-slimbox {
	margin: 1.0em 0 1.0em 0;
	padding: 0;
/*	width: 620px;*/
	font-size: 0.89em;
	border: 0px solid #ccc;
	}

#content fieldset.press-slimbox legend.slimbox {
	display: none;
	}

#content fieldset.press-slimbox div.slimbox-gallery {
	margin: 1.0em 0 0 0;
	outline: 0px solid #c00;
	}

#content fieldset.press-slimbox div.press-item {
	float: left;
	margin: 0 10px 10px 0;
	width: 280px;
	height: 100px;
	overflow: hidden;
	border: 1px solid #91A600;
	}

#content fieldset.press-slimbox div.press-image {
	float: left;
	margin: 0 10px 0 0;
	width: 120px;
	text-align: center;
	background-color: #fff;
	overflow: hidden;
	}

#content fieldset.press-slimbox div.slimbox-gallery span.image {
	margin: 0 auto 0 auto;
	text-align: center;
	outline: 0px solid #ccc;
	}

#content fieldset.press-slimbox div.slimbox-gallery span.image a {
	display: block;
	padding: 0;
	background: none;
	}

#content fieldset.press-slimbox div.slimbox-gallery span.image a:hover,
#content fieldset.press-slimbox div.slimbox-gallery span.image a:active {
	background: none;
	}

#content fieldset.press-slimbox div.press-text {
	float: left;
	padding: 5px 5px 0 0;
	width: 145px; /* = 150-5 */
	text-align: left;
	overflow: hidden;
	}

#content fieldset.press-slimbox div.press-text p {
	margin: 0 0 0.5em 0;
	font-size: 0.89em;
	}

#content fieldset.press-slimbox div.slimbox-gallery p.download a {
	display: block;
	padding-left: 22px;
	height: 1.5em;
	background: transparent url(2012-01/icon-download.png) no-repeat 0 0px;
	}

#content fieldset.press-slimbox div.slimbox-gallery p.download a:hover,
#content fieldset.press-slimbox div.slimbox-gallery p.download a:active {
	color: #990000;
	background-position: 0 -50px;
	}
/* Ende # 14 c - Slimbox (mit Bilder-Download) */


/* Beginn # 31 a - Download - PDF mit optionalem Datum (Tabelle) */
/* und # 33 - Downloads - Auflistung einer Medienpool-Kategorie */
#content table.table-download {
	margin: 1.0em 0 1.0em 0;
	padding: 0;
	width: 100%;
	background-color: transparent;
	border-top: 0px solid #ddd;
/*	border-right: 1px solid #91A600;
	border-bottom: 1px solid #91A600; */
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	border-left: 0px solid #ddd;
	}

#content table.table-download td.td-left {
	padding: 8px 8px 8px 2px; /* default = 8px rundrum */
/*	width: 490px; */
	background-color: transparent;
	border: 0 none;
	}

#content table.table-download td.td-right {
	padding: 8px 0 0 8px;
	width: 100px;
/*	background: transparent url(icon-download.gif) no-repeat 12px 10px; */
	border: 0 none;
/*	border-left: 1px solid #91A600; */
	border-left: 1px solid #fff;
	}

#content table.table-download td.td-right span.small {
	font-size: 0.89em;
	}

#content table.table-download td.td-right a {
	padding-left: 22px;
	background: transparent url(2012-01/icon-download.png) no-repeat 0 0px;
	}

#content table.table-download td.td-right a:hover,
#content table.table-download td.td-right a:active {
/*	color: #990000; */
	color: #fff;
	background-position: 0 -50px;
	}
/* Ende # 31 a - Download - PDF mit optionalem Datum (Tabelle) */
/* und # 33 - Downloads - Auflistung einer Medienpool-Kategorie */


/* Beginn # 43 - Videobox 800 x 600 mit Filmauswahl */
#content fieldset.videobox {
	margin: 2.0em 15px 2.0em -15px;
	padding: 0;
/*	width: 620px;*/
	border: 0px solid #ccc;
	}

#content legend.videobox {
	display: none;
	}

#content div.videobox_galerie {
	margin: 1.0em 10px 0 14px;
	}

#content div.videobox_galerie span {
	float: left;
	margin: 0 11px 12px 0;
	text-align: center;
	font-size: 0.89em;
	border: 1px solid #ccc;
	}

#content div.videobox_galerie span a {
	display: block;
	padding: 0;
	background: none;
	}

#content div.videobox_galerie span a:hover,
#content div.videobox_galerie span a:active {
	background: none;
	}

#content div.videobox_footer {
	margin: 0.5em 0 1.0em 14px;
	font-size: 0.8em;
	color: #aaa;
	}
/* Ende # 43 - Videobox 800 x 600 mit Filmauswahl */


/* Beginn Angebote - Textile zweimal mit Ueberschrift */
div.text-2x {
	margin: 0.5em 0 0.5em 0;
	width: 590px;
	}

#content div.text-2x h4 {
	margin: 0;
	}

#content div.text-2x a {
	font-size: 1.0em;
	}

div.text-2x-01 {
	float: left;
	margin-right: 10px;
	width: 440px;
	outline: 0px solid #c00;
	}

div.text-2x-02 {
	float: left;
	width: 140px;
	text-align: right;
	outline: 0px solid #c00;
	}
/* Ende Angebote - Textile zweimal mit Ueberschrift */

/* Beginn Ansprechpartner - Textile viermal mit Ueberschrift */
div.text-3x {
	width: 590px;
	}

#content div.text-3x a {
	font-size: 1.0em;
	}

div.text-3x-01,
div.text-3x-02,
div.text-3x-03,
div.text-3x-04 {
	float: left;
	width: 290px;
	outline: 0px solid #c00;
	}

div.text-3x-01,
div.text-3x-03 {
	margin-right: 10px;
	}
/* Ende Ansprechpartner - Textile viermal mit Ueberschrift */

/* Beginn Top-Link */
#content div.top-link {
	margin: 20px 0 20px 0;
	width: 590px;
	text-align: right;
	border-bottom: 1px solid #91A600;
	}

#content div.top-link a {
	padding: 0 4px 0 18px;
	background: transparent url(2012-01/icon-top.png) no-repeat 0 2px;
	}

#content div.top-link a:hover,
#content div.top-link a:active {
	color: #990000;
	background-position: 0 -48px;
	}
/* Ende Top-Link */
/* Ende Module */


/* Beginn Tabelle Praemierungen */
table.award td.td1 {
	width: 40px;
	}

table.award td.td3 {
	width: 90px;
	}
/* Ende Tabelle Praemierungen */


/* Beginn Bestellformular */
#content div.order-form fieldset {
	margin: 1.0em 0 2.0em 0;
	border: 0px solid #91A600;
	border-width: 1px 0 1px 0;
	}

#content div.error li {
	color: #900;
	}

#content div.order-form span.small,
#content div.order-form td.small {
	font-size: 0.89em;
	line-height: 1.2em;
	}

#content div.order-form span.small-g,
#content div.order-form td.small-g {
	font-size: 0.89em;
	line-height: 1.2em;
	color: #666;
	}

#content div.order-form legend {
	padding: 0 10px 0.5em 0;
	color: #000;
	font-weight: bold;
	font-size: 1.1em;
	}

#content div.order-form td.td-sum {
	font-weight: bold;
	border-top: 1px solid #999;
	}

#content div.order-form #agb {
	margin: 20px 0 20px 0;
	padding: 0 10px 10px 10px;
	width: 570px; /* = 590-10-10 */
	height: 200px;
	font-size: 82%;
	background-color: transparent;
	border: 1px solid #91A600;
	overflow: auto;
	}
/* Ende Bestellformular */


/* Beginn Google Maps */
#map-canvas {
	margin: 0 12px 0 12px;
	width: 564px; /* = 590-12-12-2 */
	height: 400px;
	color: #000;
	font-size: 0.89em;
	border: 1px solid #91A600;
	overflow: hidden;
	}

body#artid-68 #map-canvas {
	height: 630px;
	}

#map_canvas b {
	color: #000;
	}

#content #map-canvas a {
	padding-left: 0;
	color: #000000;
	background: none;
	}

#content #map-canvas a:hover,
#content #map-canvas a:active {
	color: #900;
	}

#map-center {
	margin: 10px auto auto auto;
	width: 590px;
	text-align: center;
	}
/* Ende Google Maps */


/* Beginn Slideshow */
#content #show {
	margin: 1.0em 0 1.0em 0;
	padding: 0;
	width: 590px;
	height: 300px;
	outline: 0px solid #00c;
	}
/* Ende Slideshow */


/* Beginn Wetterinfo in Sidebar */
#wetter-in-sidebar {
	padding-left: 15px;
	}

#content #wetter-in-sidebar a,
#content #wetter-in-sidebar a:hover,
#content #wetter-in-sidebar a:active,
#content #wetter-in-sidebar a.external {
	padding: 0;
	background: none;
	}
/* Ende Wetterinfo in Sidebar */


/* Beginn Footer */
#footer {
	display: none;
	margin: 10px 95px 30px 95px;
	color: #333;
	background-color: transparent;
	outline: 0px solid #00c;
	}

#footer p {
	margin: 0;
	padding: 0;
	font-size: 0.89em;
	color: #333;
	}

#footer a:link,
#footer a:visited {
	color: #333;
	}

#footer a:hover,
#footer a:active {
	color: #900;
	}

#footer-logos {
	padding: 0 15px 0 15px;
	width: 900px;
	height: 200px;
	outline: 0px solid #ccc;
}
/* Ende Footer */





.img-left {
	float: left;
	margin: 0 15px 5px 0;
	padding: 0;
	}

.img-right {
	float: right;
	margin: 0 0 5px 15px;
	padding: 0;
	}

.blue {
	color: #6388a8;
	}

.red {
	color: #c00;
	font-weight: bold;
	}

/* Spezielle Klassen */
.bold { font-weight: bold !important; }
.left { text-align: left !important; }
.center { text-align: center !important; }
.right { text-align: right !important; }
.clear { clear: both !important; }