/*---------------------------------------

Main Stylesheet for MyGrapeviners:

Version Log:
------------
Beta_1  27 Jan 08    Initialize  Bob
Angepasst an IE6 bei 1280x1024
-----------------------------------------*/

body {
	margin:  0;
	padding: 0;
	background-color: aqua;
}
#container.Grapeviners {
	margin:  0;
	padding: 0;
	background-image: url(images/BlueAqua.jpg);
	background-repeat: repeat-y;
}
#container.UnsereTaenze {
	background-image: url(images/BlackAqua.jpg);
	background-repeat: repeat-y;
}
#container.Linedance {
	background-image: url(images/DarkaquaAqua.jpg);
	background-repeat: repeat-y;
}
#container.Kontakte {
	background-image: url(images/GreenAqua.jpg);
	background-repeat: repeat-y;
}
/*++++++++++ listen +++++++++*/

ul {
	display:block;
	list-style-type:none;
	text-align:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
li {
	display:block;
	height:25px;
	width:320px;
	float:left;
}
/*++++++++++ end of listen +++++++++*/

#left {
	position:absolute;
	top: 15px;
	left: 5px;
	margin: 0;
	padding: 0;
	float: left;
	background-color: #DDD;    /* #BBFFFF = helles aqua */
}



/*  --------------Grapeviners logo ---------------*/

#left p {
	padding:0;
	margin-top : 5px;
	margin-left: 5px;
}
#left p.mitte {
	display:block;
	width:155px;
	height:20px;
	padding:15px;
	border: 2px solid blue;
	margin-top : 5px;
	margin-left: 12px;
	margin-right: 12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:15px;
	text-align: center;
}
#left a.center {
	text-align:center;
	padding-left: 50px;
}

/*  -------------- Navigation Leiste ---------------*/
#left #side-nav {
	display:block;
	width:173px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding:0px 5px;
}
#left #side-nav h1 {
	font-size:14px;
	padding:3px;
	letter-spacing:-1px;
	border-bottom:2px solid blue;
	margin-right: 15px;
	font-weight:bold;
}
#left #side-nav p.Updated {
	color:#333;
	display:block;
	height:15px;
	font-size:12px;
	font-weight: bold;
	padding-top:0px;
	padding-left:0px;
	margin-left:0px;
	margin-top:15px;
	margin-right: 10px;
	vertical-align:middle;
	text-align:left;
	border-left:5px solid #FF0;
	border-top:2px solid black;
}

/*--------------------Color Specific for Navigationsleiste---------------------------*/

#side-nav #Navi_Grapeviners {
	color:#06F;
}
#Navi_Grapeviners p {
	margin: 0px;
	padding: 0px;
	background-color: #DDD;
	left: -5px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 5px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: solid;
	border-left-color: #DDD;
}
#Navi_Grapeviners p.Mark {
	margin: 0px;
	padding: 0px;
	left: -5px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 5px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: solid;
	border-left-color: #FF0;
	font-weight: bold !important;
	color:#111 !important;

}
#Navi_Grapeviners a {
	color: inherit;
	display:block;
	height:12px;
	border-left:5px solid #BBB;
	font-size:12px;
	text-decoration:none;
	padding:3px;
	margin-right: 15px;
	font-weight:bold;
}
#Navi_Grapeviners a:hover {
	padding-left:3px;
	font-weight: bold;
	border-color:#06F;
	color:#111;
}
#Navi_Grapeviners a.Self {
	border: 5px inset #06F;
	background-color: #06F;
	color:#FFF;
}
#Navi_Grapeviners a.Mark {
	color: inherit;
	border-color:#FF0;
}
#Navi_Grapeviners a.Mark:hover {
	border-color:#06F;
	color:#111;
}

/*-------------------------------------------*/
#side-nav #Navi_UnsereTaenze {
	color:#777;
}
#Navi_UnsereTaenze p {
	margin: 0px;
	padding: 0px;
	background-color: #DDD;
	left: -5px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 5px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: solid;
	border-left-color: #DDD;
}
#Navi_UnsereTaenze p.Mark {
	margin: 0px;
	padding: 0px;
	left: -5px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 5px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: solid;
	border-left-color: #FF0;
	font-weight: bold !important;
	color:#111 !important;
}
#Navi_UnsereTaenze a {
	color: inherit;
	display:block;
	height:12px;
	border-left:5px solid #BBB;
	font-size:12px;
	text-decoration:none;
	padding:3px;
	margin-right: 15px;
	font-weight:bold;
}
#Navi_UnsereTaenze a:hover {
	padding-left:3px;
	font-weight: bold;
	border-color:#333333;
	color:#111;
}
#Navi_UnsereTaenze a.Self {
	border: 5px inset #777;
	background-color: #777;
	color:#FFF;
}
#Navi_UnsereTaenze a.Mark {
	color: inherit;
	border-color:#FF0;
}
#Navi_UnsereTaenze a.Mark:hover {
	border-color:#777;
	color:#111;
}

/*-------------------------------------------*/
#side-nav #Navi_Linedance {
	color:#055;
}
#Navi_Linedance p {
	margin: 0px;
	padding: 0px;
	background-color: #DDD;
	left: -5px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 5px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: solid;
	border-left-color: #DDD;
}
#Navi_Linedance p.Mark {
	margin: 0px;
	padding: 0px;
	left: -5px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 5px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: solid;
	border-left-color: #FF0;
	font-weight: bold !important;
	color:#111 !important;
}
#Navi_Linedance a {
	color: inherit;
	display:block;
	height:12px;
	border-left:5px solid #BBB;
	font-size:12px;
	text-decoration:none;
	padding:3px;
	margin-right: 15px;
	font-weight:bold;
}
#Navi_Linedance a:hover {
	padding-left:3px;
	font-weight: bold;
	border-color:#055;
	color:#111;
}
#Navi_Linedance a.Self {
	border: 5px inset #055;
	background-color: #055;
	color:#FFF;
}
#Navi_Linedance a.Mark {
	color: inherit;
	border-color:#FF0;
}
#Navi_Linedance a.Mark:hover {
	border-color:#055;
	color:#111;
}

/*-------------------------------------------*/
#side-nav #Navi_Kontakt {
	color:#36be00;
}
#Navi_Kontakt p {
	margin: 0px;
	padding: 0px;
	background-color: #DDD;
	left: -5px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 5px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: solid;
	border-left-color: #DDD;
}
#Navi_Kontakt p.Mark {
	margin: 0px;
	padding: 0px;
	left: -5px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 5px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: solid;
	border-left-color: #FF0;
	font-weight: bold !important;
	color:#111 !important;
}
#Navi_Kontakt a {
	color: inherit;
	display:block;
	height:12px;
	border-left:5px solid #BBB;
	font-size:12px;
	text-decoration:none;
	padding:3px;
	margin-right: 15px;
	font-weight:bold;
}
#Navi_Kontakt a:hover {
	padding-left:3px;
	font-weight: bold;
	border-color:#36be00;
	color:#111;
}
#Navi_Kontakt a.Self {
	border: 5px inset #36be00;
	background-color: #36be00;
	color:#FFF;
}
#Navi_Kontakt a.Mark {
	color: inherit;
	border-color:#FF0;
}
#Navi_Kontakt a.Mark:hover {
	border-color:#36be00;
	color:#111;
}



/*-------------- Center-------------- */
#center {
	display: block;
	margin-left:190px;
	margin-top: 0;
	padding: 0;
	color: blue;       /* color für Text ausserhalb von .content */
	text-align:center;
	font-weight:normal;/*background-color: aqua;*/
}

#center #verschoben {
	display:block;
	margin-left:30px;
	margin-right:30px;
}
#center #myButtons {
	display: block;
	height: 50px;
}
#center #myButtons a {
	display:block;
	border: 1px solid blue;
	padding: 5px 5px;
	margin: 2px;
	float: left;
	font-weight:bold;
	color: blue;
	background-color:#BBFFFF;
}
#center #myButtons p {
	text-align: center;
}
#center #myButtons td {
	text-align:left;
	padding:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	color:black;
	border:0px;
}
#center #options {
	display: block;
	margin-right: 15px;
	margin-top: 5px;
	font-size:14px;
	width: 120px;
	height: 100px;
	float: right;
	background-color:#BBFFFF;
	border: 3px solid blue;
}
#center #options a {
	display:block;
	/*	border: 1px solid blue;*/
	padding: 1px 1px;
	margin: 2px;
	font-weight:normal;
	color: blue;
	background-color:#BBFFFF;
	text-decoration: none;
}
#center #options a.selected {
	display:block;
	border: 1px solid blue;
	padding: 1px 1px;
	font-weight:normal;
	color: blue;
	background-color:#DDD;
	text-decoration: none;
}
#center iframe {
	border: 2px solid blue;
	margin: 1px;
}
#center iframe.ohne {
	border: 0px;
}
#center iframe.white {
	border: 1px solid white;
	margin: 1px;
}
#center h1 {
	font-size:26px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:blue;
	text-decoration: underline;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
#center p.links {
	text-align: left;
}
#center h1.versteckt {
	font-size:14px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:aqua;
	text-align: right;
	margin: 0px;
	padding: 0px;
}
#center h2 {
	font-size:16px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:blue;
	margin: 0px;
	padding: 0px;
}
#center h2.schmal {
	font-size:18px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:blue;
	margin-left: 50px;
	margin-right: 50px;
	line-height: 1.5;
}
#center h2.links {
	font-size:16px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:blue;
	text-align:left;
	margin-left: 30px;
}
#center p.big {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:20px;
	color:red;
	line-height:25px;
	text-align:center;
	font-weight:bold;/*font-stretch:extra-expanded;*/
}
#center h3 {
	font-size:14px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:blue;
}
#center ul {
	display:block;
	list-style-type:none;
	text-align:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	overflow: auto;
}
#center li {
	display:block;
	height:25px;
	width:200px;
	float:left;
}
#center li.last {
	display:block;
	height:25px;
	width:200px;
	clear:left;
}
#center table {
	border-collapse:collapse;
}
#center th {
	color: blue;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding:5px;
	font-size:14px;
}
#center th.links {
	color: blue;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding:5px;
	font-size:14px;
	text-align:left;
}
#center td.tableheader {
	text-align:center;
	padding:5px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:blue;
	border:0px;
}
#center td {
	text-align:left;
	padding:5px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	color:black;
	border:1px solid blue;
}
#center td.date {
	text-align:left;
	padding:5px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	border-right-style:none;
	text-align:center;
}
#center td.dance {
	text-align:left;
	padding:5px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	/*border:1px solid blue;*/
	border-left-style:none;
}
#center .BlueFramedBox {
	padding:10px;
	border:3px solid #09F;
	background-color:aqua;/* #BBFFFF helles aqua */
	margin-bottom:25px;
	margin-left: 30px;
	margin-right: 30px;
	margin-top:0;
}
#center .BlueFramedBoxAutosize {
	padding:10px;
	border:3px solid #09F;
	background-color:aqua;/* #BBFFFF helles aqua */
	margin-bottom:25px;
	margin-left: 30px;
	margin-right: 30px;
	margin-top:0;
	overflow: auto;
}
#center .BlueFramedBox hr {
	width: 70%;
	margin-left: 15%;
}
#center .BlueFramedBox h1 {
	font-size:18px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin-top:0;
	border-bottom:1px solid #09F;
	padding:5px;
	text-align:center;
	color: #555;
	text-decoration: none;
}
#center .BlueFramedBox h2.links {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:blue;
	line-height:15px;
	text-align:left;
	margin-left: 0px;
}
#center .BlueFramedBox h2.linedanceist {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:normal;
	color:#000;
	line-height:21px;
	text-align:left;
	margin-left: 10px;
	margin-right: 10px;
}
#center .BlueFramedBox h4.links {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	color:blue;
	line-height:30px;
	text-align:left;
	margin-left: 0px;
	font-style: italic;
}
#center .BlueFramedBox h2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:blue;
	line-height:20px;
	text-align:center;
}
#center .BlueFramedBox p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#000;
	line-height:20px;
	text-align:left;
	font-weight:normal;
}
#center .BlueFramedBox p.indentedbold {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#000;
	line-height:20px;
	text-align:left;
	font-weight:bold;
	margin-left:80px;
}
#center .BlueFramedBox p.indented {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#000;
	line-height:20px;
	text-align:left;
	font-weight:normal;
	margin-left:80px;
}
#center .BlueFramedBox p.mitte {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#000;
	line-height:20px;
	text-align:center;
	font-weight:normal;
}
#center .BlueFramedBox p.smallprint {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#000;
	line-height:12px;
	text-align:left;
	font-weight:normal;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 3px;
	margin-left: 3px;
}
#center .BlueFramedBox p.big {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:20px;
	color:red;
	line-height:25px;
	text-align:center;
	font-weight:bold;/*	font-stretch:extra-expanded;*/
}
#center .BlueFramedBox b {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:blue;
	line-height:15px;
	font-weight:bold;
}
/*  'ohne' used in Auftritt.html & Veranstaltungen.html  */
#center .BlueFramedBox .ohne table {
	border: 0px;
	width:90%;
}
#center .BlueFramedBox .ohne td {
	border: 0px;
	font-size: 20px;
}
#center .ohne th {
	text-align: left;
	border: 0px;
}
/*  'steps' used in SchrittErklarungen.html   */
#center .BlueFramedBox .steps table {
	border: 0px;
	width:100%;
}
#center .BlueFramedBox .steps td {
	border: 0px;
	font-size: 14px;
	vertical-align:top;
}
#center rechts {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
}
#center h1.nounderline {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 26px;
	font-weight: bold;
	color: #0000FF;
	text-decoration: none;
}
#full_screen {
	display: block;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: blue;
	font-size: 14px;
}
#full_screen p {
	color: #CC0000;
	font-size: 24px;
	font-weight: bold;
}
#full_screen h2 {
	color: #CC0000;
	font-size: 40px;
	font-weight: bold;
}
#Borsigturm {
	padding-left: 50px;
}
#Buchungen {
	width: 70%;
	background-color: #0FF;
	text-align: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 15%;
	border: medium solid #00F;
}
#Buchungen h2 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 18px;
	line-height: 25px;
	font-weight: normal;
	color: #00F;
	text-align: center;
	padding: 10px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.GalerieBildframe {
	height: 94px;
	width: 350px;
	border: 1px solid #009;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 30px;
	padding: 0px;
	float: left;
	background-color: #AFF;
}
.GalerieBildframe a img {
	text-align: left;
	float: left;
	left: 0px;
	margin-top: 4px;
	margin-right: 8px;
	margin-bottom: 4px;
	margin-left: 4px;
}
.GalerieBildframe h2 {
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	display: inherit;
}
#Weinachten {
	position: relative;
	top: -120px;
	display: inline;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	bottom: -120px;
}
#container #center .BlueFramedBox table {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	left: 100px;
	text-align: center;
}
.noborder {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 16px;
	text-decoration: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#noborder {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 16px;
	text-decoration: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	
}
#container #center .BlueFramedBox #noborder table tr td {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 16px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	
}
#container #center .BlueFramedBox #noborder table {
	text-align: left;
	margin-left: 75px;
}