/*

######################################
Blaskapelle Vindemia
######################################
Infos:
Alle *korb Container beinhalten unterliegende Container. (Also Korb!)

######################################
Seitenaufbau
#######################################
page {Zentrieren!!!
position: absolute;
width: 200px;
height: 150px;
top: 50%;
left: 50%;
margin-top: -75px;
margin-left: -100px;
}
*/
@import "default/lightbox.css";
@import "base/style.css";
@import "base/jquery.multiselect.css";
@import "base/prettify.css";
@import "base/jquery.ui.all.css";


html,body {
	font-family: Arial, sans-serif;			
	font-size: 90%;									
	/*line-height: 1.2;*/
	color: #000000;
	background:#CACACA;
	margin: 0;
	padding: 0;
	height:100%;
	/*min-height:101%; Scrollbar immer anzeigen*/
	}

#template-background{
	background:url(../images/background/template-background-950c.gif) repeat-y 50% 0;
	padding:0;
	margin:0;
	}

#site {
	width:950px;
	margin: 0 auto;
	min-height: 500px;/* Mindesthöhe für moderne Browser */
	/*height:auto !important; Important Regel für moderne Browser 
	height:96%; Mindesthöhe für den IE 
	overflow: hidden !important;  FF Scroll-leiste */ 
	position:relative;
	/*background:#6D7F95 url(../images/background/vindemia_bg2.jpg) no-repeat;*/
	background:#FFFBDF url(../images/background/vindemia_bg1.jpg) no-repeat;
	}

a:focus, a:hover, a:active {
outline: none
}
	
/*
######################################
Headerkorb:
Header und Navigationoben
######################################
*/
#headerkorb {
	
	/*position:fixed;*/
	}

/*
######################################
Header
######################################
*/

#header {
	height: 92px;
	background:url(../images/design/panelTitel8d.png) center top no-repeat;
	}
	
#header img{
	float:left;
	}
.img_logo, .img{
	border:none;
	}

/*
######################################
Navigation  
######################################
*/

	
/*navigationoben-mit header ausgetauscht bei allen ul und li:*/
#header ul {
	list-style-type: none;
	padding-right:47px;
	padding-top:70px;
	float:right;
	margin:0px 0 0 0;
	text-align:center;
	}
	
#header ul li{
 	display:inline;
 	margin: 0px; padding: 0;
 	}
	
#header ul a{
	float: left; width: 60px;
    margin: 0 0em; padding: 0.1em 0em;
	}
	
#header ul li a:link{
 	color:#FFFFCC;
	text-decoration:none;
	}

#header ul li a:visited{
 	color:#FFFFCC;
	text-decoration:none;
	}

#header ul li a:active{
 	color:#FFFFFF;
	text-decoration:none;
	}

#header ul li a:hover {
 	color:#FFFFFF;
	text-decoration:underline;
	}
	
/*
######################################
info
######################################
*/
#navigationoben{
	width: 950px;

	}

#info_div{
	font-size:95%;
	margin:0.3em 5em 0 0.7em;
	color:#333333;
	float:right;
	}
	
table.info_inhalt{
		}
/*
######################################
Main
Mainkorb 	= Navigationtree und ansichtkorb
Ansichtkorb	= ansichtnews und ansichtmain
######################################
*/

#mainkorb {
	padding-bottom:55px;  /*  Height of the footer */  
	/*padding-top:100px;      Heigt of the banner für fixed position  */
	padding-top:0px;
	}

#navigationtree {
	padding-top:46px;
	text-align:left;
	width: 185px;
	float:left;
	} 

#ansichtkorb {
	text-align: center;
	/*width: 765px;	*/
	width: 945px;
	/*float: right;
	border:#990000 1px solid;*/
	} 
	
#ansichtkorb a:link{
 	color: #333333;
	text-decoration:underline;
	}

#ansichtkorb a:visited{
 	color: #333333;
	text-decoration:underline;
	}

#ansichtkorb a:active{
 	color: #999999;
	text-decoration:underline;
	}

#ansichtkorb a:hover {
 	color: #999999;
	text-decoration:underline;
	}

#ansichtnews {/*shop warenkorb*/
	float: right;
	padding:0.7em 1.8em 0.5em 0;
	} 


#ansichtnmain{
	width:150px;
	float:left;
	margin-left:20px;
	} 

.news_inhalt{
	
	width:750px;
	/*float:right;*/
	margin-left:150px;
	}
.news_inhalt p{
	margin:10px 10px 0 10px;
	padding:0;
	text-align:justify;
	color:#990000}

#ansichtmain /*index seite*/{
	padding-top:300px;
/*	float:right;
	border:solid black 1px;*/
	} 



/* Info ----------------------------------
Hier gibt es keine <li>! Der Grund ist ich stelle den Tree mit <DIV> zusammen!
-------------------------------------------*/
/*ul li Linkeigenschaften (Tree und gesamter Ansichtkorb)*/
#mainkorb ul {
	list-style-type:none;
	text-align:left;
	}
	
#mainkorb ul a:link{
 	color: #333333;
	text-decoration:none;
	}

#mainkorb ul a:visited{
 	color: #333333;
	text-decoration:none;
	}

#mainkorb ul a:active{
 	color: #999999;
	text-decoration:none;
	}

#mainkorb ul a:hover {
 	color: #999999;
	text-decoration:none;
	}
/*Linkeigenschaften Ende*/

.nav_ul{
	padding:0.3em 0 0.7em 0;
	margin:0 auto auto 0.7em;
	width:90%;
	}
	
/*#navigationtree ul{
	margin:0px;
	padding: 0px 0 0 0px;
	}*/

#navigationtree ul li{
	line-height:17px;
	padding:0px 0 0 20px;
	font-weight:600;
	margin:5px 0 0 0;
	
	}
	
.navigationtreeparent ul{
	padding:0 0 5px 0px;
	margin:0;
	/*border:1px solid black;*/
	}
	
.navigationtreechild{
	font-size:85%;
	}

/*
######################################
footer
######################################
*/
#footer {
	height: 15px;
	font-size:80%;
	text-align:center;
	color:#666666;
	width: 950px;
	position:absolute;
	bottom:0;
	list-style-type: none;
	/*background:#990000 url(../images/background/sprites-t1.gif) repeat-x 0 -615px;	*/
	}

/*#footer ul{
	padding:0;
	margin:0;
	padding-right:15px;
	}

#footer ul li{
	display:inline;
	margin: 5px; 
	padding: 0;
	}

#footer ul li a:link{
 	color: #666666;
	text-decoration:none;
	}

#footer ul li a:visited{
	color: #666666;
	text-decoration:none;
	}

#footer ul li a:hover {
 	color: #CCFF33;
	text-decoration:none;
	}*/

/*
######################################
bottom
######################################
*/

#bottom {
	width:1000px;
	height:28px;
	position:relative;
	list-style-type: none;
	text-align:center;
	background: url(../images/background/template-bottom-950b.gif) no-repeat 50% 0;
	background-position:center top;
	margin:0 auto;
	padding:0;
	top:0;
	}

#bottom ul{
	list-style-type:none;
	float:right;
	padding:6px 0 0 0;
	margin:0 40px;
	color: #666666;	
	}

#bottom ul li{ 
	display:inline;
	margin: 5px; 
	padding: 0;
	}
	
#bottom ul li a{
	float:none;
	width:15px;
	}
	
#bottom ul li a:link{
 	color: #666666;
	text-decoration:none;
	}

#bottom ul li a:visited{
	color: #666666;
	text-decoration:none;
	}

#bottom ul li a:hover {
 	color: #999999;
	text-decoration:none;
	}

a.vindemia-facebook{
	background:url(../images/hp/commun-alle.png) no-repeat -52px -78px;
	display:inline-block;
	height:16px;
	text-indent:-9999px;
	width:16px;
	}

/*a.vindemia-facebook:visited{background:url(../images/hp/commun-alle.png) no-repeat -26px -78px;}*/
a.vindemia-facebook:active{background:url(../images/hp/commun-alle.png) no-repeat 0px -78px;}
a.vindemia-facebook:hover{background:url(../images/hp/commun-alle.png) no-repeat -78px -78px;}

/*
######################################
default Einstellungen
######################################
*/
div {
	margin:0; 
	}

h1, h1.breit{/*Seitenüberschriften*/
	font-size:25px; 
	color:#fff;
	text-align:left;
	margin:0 0 0 20px;
	padding:0.6em 0 0.2em 0.5em;
	font-weight:normal;	
	background:url(../images/design/panelHeaderBack10.png) left bottom no-repeat;
	}
	
h1.breit{
	background:url(../images/design/panelHeaderBack11a.png) left bottom no-repeat;
	}
	
h2 /*Zwischenüberschriften*/{
	font-size:18px; 
	color:#333333;
	text-align:left;
	margin:0px 0 0 0px;
	font-weight:normal;
	
	}
	
h3 /*Titel Bilder*/{
	font-size:25px; 
	color:#333333;
	margin-top:15px;
	margin-bottom:15px;
	font-weight:normal;
	}
	
#panel, #panel_shop, #panel_ware, #panel_index, #panel_fenster{
	background:url(../images/background/panelBack3.png);
/*	border:#990000 1px solid;*/
	width:735px;
	margin:0 25px 0 0;
	padding:0;
	float:right;	
	}
	
.panel_top, .panel_top_fenster, .panel_topShop{
	width:735px;
	height:5px;
	margin:0 25px 0 0;
	background:url(../images/background/panelTop.png) no-repeat bottom;
	float:right;
	}

.panel_bottom, .panel_bottom_fenster, .panel_bottomShop{
	width:735px;
	height:5px;
	margin:0 25px 0 0;
	background:url(../images/background/panelBottom.png) no-repeat top;
	float:right;
	}
#panel_fenster{
	float:none;
	margin:0 auto;
	/*border:1px solid #FFFFFF;
	
	min-height:300px;
	border:1px solid black;*/
	}	
.panel_top_fenster{
	margin:10px auto 0 auto;
	float:none;
	
	}
.panel_bottom_fenster{
	margin:0 auto;
	float:none;
	padding:0 0 10px 0;
	top:0;
	position:relative;
	}

table.default{
	width:660px;
	border:0;
	}

/*.ro{
	width:700px;
	background:url(../images/background/panelBack3.png) top right no-repeat;
	border:#990000 1px solid;
	}
.lo{
	background:url(../images/design/divs/divol.jpg) top left no-repeat;
	}
.ru{
	background:url(../images/design/divs/divur.jpg) bottom right no-repeat;
	}
.lu{
	background:url(../images/design/divs/divul.jpg) bottom left no-repeat;
	}*/
		
.inhalt_div, inhalt_divShop{
	width:665px; /*VORmals 735px*/
	text-align:left;
	margin:0;
	padding:0.7em 3.0em 1.0em 2.5em;

	}

/*.inhalt_div p, .inhalt_div p.center{
	width:650px;
	} 

.inhalt_div p.center{
	text-align:center;
	}*/
.hrDefault, .hrLite, .hrWaren, .hrShop, .hrTermine, .hrBilder{
	height:1px; overflow:hidden; background-color:#999999;}	
	
.hrLite{width:660px; margin:10px 0;}

.back_waren{
	padding-top:13px;
	margin:0;
	}	
div#back{
	text-align:right;
	padding:10px 120px 15px 0;
	}
	
#back a{
	background:url(../images/background/panelback1.png) no-repeat;
	padding:2px 10px;
	}
	
#back a:link{
 	color:#ffffff;
	text-decoration:none;
	}

#back a:visited{
 	color: #ffffff;
	text-decoration:none;
	}

#back a:active{
 	color: #CCCCCC;
	text-decoration:none;
	}

#back a:hover {
 	color: #CCCCCC;
	text-decoration:none;
	}
	
/*
######################################
Index (+news)
######################################
*/
.ul_news{
	}

li.news_jahr{
	padding:7px 0 3px 0;}
	
/*#panel_index{
	width:735px;
	}
#panel_index p{
	width: 500px;
	text-align:justify;
	}*/

ul.news_details p.block{
	text-align:justify;
	width:640px;}
.news_link{
	padding-left:20px;
	text-decoration:underline;}

/*
######################################
Termine
######################################
*/

.te_table{
	margin:0.2em auto 0 0;
	width:650px;
	}
	
.te_month{  /*class einer div in einem spaltenelement termine.php*/
	width:650px;
	color:#990000;
 	font-weight: bold;
 	text-align: left;
	padding:0.5em 0 0 0;	
	border-bottom:#333333 1px solid;
	}
	
.te_kommende {
	color:black;
	font-size:95%;}

.te_vergangene {
	color: #666666;
	font-size:95%;}
	
.inhalt_div ul{
	padding:1em;
	margin:0;
	}
	
.inhalt_div ul li{
	margin:0.3em 0;
	}
	
.hrTermine{
	width:300px;
	visibility:hidden;
	margin:2px 0;
	}
	
/*
######################################
Besetzung
######################################
*/
p.block_besetzung{
	text-align:justify;
	width:640px;
	padding-left:5px;}
p.center{
	text-align:center;}	
.be_bild{
	margin:0.5em auto auto 1.8em;
	padding:0;
	}
	
.be_name{
 	color:  #990000;
	font-size:  20px;
	font: Arial, Helvetica, sans-serif;
	text-align: left;
	}

.be_table{	
	float:left;
	width:400px;
	padding:0 0.4em 0 0px;
	margin-top:1.5em;
	}
	
.be_litext{	
 	font-weight: bold;
 	text-align: left;
	vertical-align:text-top;
	}

.be_retext{
	text-align: left;
	vertical-align:text-top;
	}

#be_foto{
	padding-top:1.5em;	
	}
	
/*
######################################
Chronik
######################################
*/
.chronik p.block{
	text-align:justify;
	width:540px;
	}	

/*
######################################
Produkt
######################################
*/
div.margin{
	margin-left:13px;
	}
	
table.hoerTable{
	float:left;
	text-align:left;
	}
	
table.hoerTable tr{
	}
		
.pr_gerade{
	/*background-color: #DDDDDD;*/
	height:40px;
	/*margin-top:10px;
	color:  #990000;
	font-size:  20px;
	font: Arial, Helvetica, sans-serif;
	text-align: center;*/
	border-bottom:solid 1px #CCCCCC;
}

.pr_ungerade{
	height:40px;
	border-bottom:solid 1px #CCCCCC;
}
/*
######################################
Hoerproben
######################################
*/

td.hoer_titel{
	height:40px;
	}
tr.hoer_track{
	/*background:url(../images/background/panelTitel5.png);*/
	}
/*
######################################
Notenarchiv
######################################
*/
div#noten {
	width:100%
	}
.img_noten{
	border:solid 1px #333333;
	}

/*
######################################
Shop
######################################
*/

#panel_shop{
	width:760px;
	margin:0;
	}	
	
.panel_topShop{
	width:760px;
	margin:0;
	background:url(../images/background/panelTopShop.png);
	}

.panel_bottomShop{
	width:760px;
	margin:0;
	background:url(../images/background/panelBottomShop.png);
	}
	
.inhalt_divShop{ /*siehe #ansichtnews*/
	width:685px; /*VORmals 735px*/
	padding:0.7em 0 0.5em 1.8em;
	}
	
.shop_text{
	width:470px;
	text-align:left;
	
	}
	
div.shop_header{ /*Überschriften in Table*/
	font-weight:600;
	color:#336600;
	}
	
.shop_produkt{
	}

.hrShop{
	width:470px;
	margin-top:5px;
	}
.shop_select{/*Multiselect Dropdown, siehe auch shop.js bzw warenkorb.js, und jquery.multiselect.css*/
	text-align:center;}
/*
######################################
Warenkorb
######################################
*/
div.waren_news_titel{
	height:20px;
	padding-top:10px;
	}
	
div#panel_news_warenkorb{
	width:220px;
	background:url(../images/background/panelTitel5.png);
	padding:10px 0 5px 0;
	}
	
.warenkorb{
	background:url(../images/background/panelBack3.png);
	margin:10px 10px;
	width:200px;
	min-height:80px;
	}
	
.h_Artikel{
	padding:5px 0;
	color:#336600;
	font-weight:bold;
	}
	
.warenkorbinhalt{
	padding:5px 5px 0;
	text-align:left;
	}

.warenkorbleer{
	margin-top:10px;
	}

div.artikelsize{/*Artikel...stück*/
	font-size:10px;
	text-align:right;
	}	
	
div.waren_news_bottom{
	height:10px;
	width:220px;
	background:url(../images/background/warenkorb_bottom.png);
	}
	

.hrWaren{
	width:190px;
	margin:4px 5px;
	
	}

	
.link_ware{
	padding:7px 0;
	}
/*
######################################
Webshop
######################################
*/
#main{/*border:1px solid #fff*/}

fieldset {border:none; padding-left:20px; width:690px; padding-bottom:10px;}
legend { font-size:18px; margin:0px; padding:20px 0px; color:#b0232a; font-weight:bold;}

#steps { list-style:none; width:100%; overflow:hidden; margin:0px; padding:0px 20px;}
#steps li { font-size:20px; float:left; padding:10px 15px; color:#b0b1b3;}
#steps li span { font-size:11px; display:block;}
#steps li.current { color:#000;}

.prev, .next, .bestellen { background-color:#b0232a; padding:5px 10px; color:#fff; text-decoration:none; border:1px solid #b0232a}
.prev:hover, .next:hover, .bestellen:hover { text-decoration:underline; cursor:pointer;}
.prev { float:left;}
.next { float:right;}
.bestellen{float:right}

.input{
	padding:0 10px;
	}

#web_danke{
	margin:0;
	padding:20px;
	width:690px;
	}	

#panel_ware{
	background:url(../images/background/panelGelb1.png);
	width:650px; 
	margin:10px;	
	}
.senderror{
	text-align:right;
	padding:5px 20px;
	color:#990000;
	font-weight:bold;
	}	
/*
######################################
Fotoalbum
######################################
*/
/*.buch{
	background:url(../images/fotoalbum/default/background.jpg);
	min-height: 400px; /* Mindesthöhe für moderne Browser 
	height:auto !important; /* Important Regel für moderne Browser 
	height:400px; /* Mindesthöhe für den IE
	width:740px;
	}

.buchl{
	background:url(../images/fotoalbum/default/backgroundl.jpg);
	background-repeat:repeat-Y;
	height:400px;
	}*/

table.galerie{
	width:660px;
	}

.fotoalbumklein {
	background:url(../images/background/panelFoto1a.png);
	padding:18px;
	border:1px solid #666666;
	}

.fotoalbumgross {
	background:#ffffff;
	padding:30px;
	border:1px solid #999999;
	}

.bildergross{
	background:url(../images/fotoalbum/default/background.jpg);
	text-align:center;
	width:100%; 
	height:100%;
	overflow:auto;
	padding:0;
	margin:0;
	}
.hrBilder{
	width:260px;
	}
	
/*
######################################
Gästebuch
######################################
*/
.user{
	width: 400px;
	border-right-style:none;
	padding: 7px 0px 7px 10px;
	color: #900;
	font-size: 10pt;
	font-weight: bold;
	text-align: left;
	}
	
tr.g_backTop{
	background:url(../images/background/panelbraunTop.png);
	}
	
tr.g_backBottom{
	background:url(../images/background/panelbraunBottom.png) bottom;
	}
	
.eintrag{
	color:#FFFFFF;
	font-size: 8pt;
	font-weight: bold;
	text-align:right;
	padding-right:10px;
	}
	
.inhalt{
	background:url(../images/background/panelgrun3b.png) repeat;
	padding: 10px 10px 10px 10px;
	font-size: 10pt;
	font-weight: bold;
	color:#333333;
	border-top:none; border-bottom:none;
	}
	
.kommentar{
	padding: 20px 0 5px 20px;
	font-size: 8pt;
	font-weight: bold;
	color: #434F54;
	float:left;
	text-decoration:underline;
	}
.kommentarf{
	padding: 20px 0 5px 0;
	font-size: 8pt;
	font-weight: bold;
	color: #434F54;
	float:right;
	width:555px;
	}

.userfix {
	color: white;
	font-size: 8pt;
	}

.emailhome{
	width: 400px;
	padding: 10px 0px 10px 10px;
	color:#FFFFFF;
	font-size: 8pt;
	font-weight: bold;
	text-align: left;
	}
	
.emailhome img{
	vertical-align:text-bottom;
	}