@charset "utf-8";
/* CSS Document */

html,body	{
	margin: 0;
	padding: 0;background-color: #D6E9FE;
	}
body	{
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #000033; /*#000066; #1C7405;*/
	
	}
* html body	{
	font-size: xx-small; /* für IE 5 /WIN*/
	f\ont-size: small; /* für andere IE /WIN Versionen*/
}
h1,h2,h3,h4,h5,h6	{
	padding: 0;
	margin: 4px 0;
	}
h1	{font-size:200%;}
h2	{font-size:160%;}
h3	{font-size:140%;}
h4	{font-size:120%;}
h5	{font-size:110%;}
h6	{font-size:100%;}
* p, p	{
	font-size: 110%;
	margin: 1px 0 2px 0;
	}
.p100	{
	font-size: 130%;
	}
a	{
	text-decoration: none;
	color: #636363;
	}
a:hover	{
	color: #353535;
	}
#container	{
	min-height: 600px;
	background: #E0F3FE;
	width: 1000px;
	margin: 0px auto;
	padding-bottom: 5px;
	}
#titelbild	{
	width: 1000px;
	margin: 0px;
	height: 50px;
	background: url(jpgs/sampler5_463x50.jpg) no-repeat 100% 0;
	/*color: #72A9FC;*/
	border-top: #9DBFF2 solid 1px;
	}
#titelbild h1	{
	text-transform: lowercase;
	font-size: 300%;
	color: #7BA0F9; /*#1C7405;#70E763;*/
	padding: 5px 0px 00px 20px; 
	text-shadow: 1px 1px 0px blue;
	}

img	{
	border: none;
	}
ul	{
	list-style: none;
	padding: 14px 10px 14px 10px;
	}
#navi	{
	background: #9DBFF2;
	}
#nav {
	float: left;
	margin: 0px auto;
	width: 94%;
	padding: 0px 0 0 20px;
	list-style: none;
	background: #9DBFF2 url(menu/nav_bg.png) repeat-x bottom left;/* #E1EAFF */
	}

#nav li {
	float: left;
	
	margin: 0 1px 0 0;
	padding: 0 0 0 1px;
	font-family: "Lucida Grande", sans-serif;
	font-size: 120%;
	}
#nav a { 
	float: left;
	width: 100px;
	display: block;
	margin: 0;
	padding: 4px 8px;
	color: #0000CC;
	text-decoration: none;
	border: 1px solid #9B8748;
	border-bottom: none;
	border-left: none;
	background: #33CCFF url(menu/off-bg.png) repeat-x top left; /* #2B990F */
	}
#nav a:hover, body#intro #f-intro a {
	color: #0000CC;
	padding-bottom: 5px;
	border-color: #727377;
	background: #fff url(menu/on-bg.png) repeat-x top left;
	}
#nav a:hover, body#firma #f-firma a	{
	color: #0000CC;
	font-weight: bold;
	padding-bottom: 5px;
	border-color: #727377;
	background: #fff url(img/on_bg.png) repeat-x top left;
	}
#abstand	{
	clear:both;
	}
#inter	{
	height: 40px;
	background: url(grafik/inter.png) repeat-x;
	}
.titel	{
	margin: 0px auto;
	text-align: center;
	padding: 0;
	color: #158AFF; /*#72A9FC;*/
	}
#sidebar	{
	float: left;
	width: 190px;
	margin: 0px 0 0 3px;
	padding-left: 5px;
	}
#sidebar li	{
	padding: 2px 0 2px 4px;
	font-family: "Lucida Grande", sans-serif;
	font-size: 130%;
	
	}
#sidebar p	{
	margin-left: 20px;
	}
.box, .box_ora, .box_green, .box_gelb, .box_red	{
	font-size:85%;
	width: 180px;
	margin-bottom: 15px;
	}

.box h3, .box_ora h3, .box_green h3, .box_gelb h3, .box_red h3	{
	text-align: left;
	background: url(grafik/bckgr-blau-oben_180x90.png) no-repeat top left;
	margin: 0px;
	padding: 6px 4px 4px 8px;
	font-size: 120%;
	color: #0000FF;
	border-bottom: #0000FF solid 1px;
	}
.box_ora h3	{
	background: url(grafik/bckgr-ora-oben_180x90.png) no-repeat top left;
	border-bottom: #FF6600 solid 1px;
	color: #FF6600;
	}
.box_green h3	{
	background: url(grafik/bckgr-green-oben_180x90.png) no-repeat top left;
	border-bottom: #006600 solid 1px;
	color: #006600;
	}
.box_gelb h3	{
	background: url(grafik/bckgr-gelb-oben_180x90.gif) no-repeat top left;
	border-bottom: #006600 solid 1px;
	color: #FF9900;
	}
.box_red h3	{
	background: url(grafik/bckgr-red-oben_180x90.png) no-repeat top left;
	border-bottom: #006600 solid 1px;
	color: #FF0000;
	}
.box ul, .box_ora ul, .box_green ul, .box_gelb ul, .box_red ul	{
	list-style: none;
	background: url(grafik/bckgr-blauunten_180x200.png);
	margin: 0;
	padding: 0px 4px 4px 4px;
	border-bottom: #99CCFF solid 1px;
	min-height: 25px;
	}
.box_ora ul	{
	background:url(grafik/bckgr-ora-unten_180x200.png);
	}
.box_green ul	{
	background:url(grafik/bckgr-green-unten_180x200.png);
	}
.box_gelb ul	{
	background:url(grafik/bckgr-gelb-unten_180x500.gif);
	}
.box_red ul	{
	background:url(grafik/bckgr-red-unten_180x200.png);
	}
.box li, .box a	{ 
	color:  #0000FF;
	}
.box_ora li, .box_ora a	{
	color: #FF6600;
	}
.box_green li, .box_green a	{
	color: #006600;
	}
.box_gelb ul li p	{
	color: #006600;
	margin: 0;
	padding-left:  -10px;
	}
.box_red li, .box_red a	{
	color: red;
	}
.box li:hover, .box a:hover	{
	color: #000066;
	}
.box_green li:hover, .box_green a:hover	{
	color: #129304;
	}
.box_ora li:hover, .box_ora a:hover	{
	color: #F89A0E;
	}
#mitte	{
	float: right;
	width: 770px;
	margin: 0px 5px 0px 5px ;
	padding: 2px 5px 2px 5px;
	background-color: #FCFCFC;
	}
#mitte_box_links, #mitte_box_rechts	{
	float: left;
	margin: 10px 1px 0px 1px;
	border: solid 1px #DDEBFF;
	}
#mitte_box_links	{
	width: 420px;
	}
#mitte_box_rechts	{
	width: 338px;
	float: right;
	}
#in_miboli_rechts	{
	width: 264px;
	float: right;
	}
#in_miboli_links	{
	width: 156px;
	float: left;
	}

#mi_box_links, #mi_box_mitte, #mi_box_rechts	{
	float: left;
	margin: 10px 8px 0px 8px;
	width: 70px;
	padding: 5px;
	}
#mi_box_mitte	{
	width: 560px;
	margin: 20px auto;
	text-align: center;
	}
#mi_box_rechts	{
	float: right;
	}

.bild_links1	{
	background: #FFF8DF;
	margin: 2px 2px;
	padding: 5px 2px 5px 2px;
	}
.bild_links2	{
	background: #E6FEE2;
	margin: 5px 5px;
	padding: 5px 5px 5px 5px;
	}
.bild_links1 img	{
	float: left;
	margin: 5px 5px 2px 0px;
	}
.bild_links1 #slideshow3	{
	float: left;
	width: 180px;
	height: 100px;
	margin: 0px 5px 0px 2px;
	}
.bild_links2 img	{
	float: right;
	margin: 5px 5px 5px 2px;
	}
.bild_rechts img	{
	float: right;
	margin: 5px 0px 5px 0px;
	}
.text_links	{
	float: right;
	padding: 5px;
	}
.mi_bo_li	{
	width: 90%;
	margin: 5px auto;
	background-color: #E1FDFF;
	border: #D8FAFE solid 1px;
	}
.mi_bo_li h3	{
	color: #003399;
	}
.floatimgs	{
	float: left; margin: 5px;
	}
.floatimgs_right	{
	float: right; margin: 5px; margin-top: 15px;
	}
#ganzebreite	{
	width: 764px;
	margin: 0 auto;
	}
#ganzebreite_links, #ganzebreite_rechts	{
	float: left;
	width: 374px;
	margin: 10px 2px 0px 2px;
	padding: 2px;
	border: solid 1px #DDEBFF;
	}
#ganzebreite_rechts	{
	float: right;
	}
#ganzebreite_links div, #ganzebreite_rechts div	{
	border-bottom: solid 2px #DDEBFF;
	margin: 3px 0 0 0;
	padding: 3px;
	}
#ganzebreite_links div a, #ganzebreite_rechts div a	{
	background-color: #ABEBFE;
	}
p.inlin {
	display: inline; }
#footer	{
	padding: 0; margin: 0; text-align: center; font-size: 95%;
	}
	
#mstv-enblem	{
	position: relative;
	background: url(images/logo-mittelst.gif) no-repeat top left;
	top: 50px;
	left: 500px;
	width: 110px;
	height: 133px;
	}
.simple_overlay {
	
	/* must be initially hidden 
	display:none;*/
	
	/* place overlay on top of other elements */
	z-index:10000;
	
	/* styling */
	background-color:#333;
	
	width:675px;	
	min-height:200px;
	border:1px solid #666;
	
	/* CSS3 styling for latest browsers */
	-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;	
}

/* close button positioned on upper right corner */
.simple_overlay .close {
	background-image:url(grafik/overlay/close.png);
	position: relative;
	right:-15px;
	top:-15px;
	cursor:pointer;
	height:35px;
	width:35px;
}
/*Here is the simple styling for the .details element inside the overlay that shows the description of the image:
 styling for elements inside overlay */
	.details {
		position: relative;
		top:15px;
		right:15px;
		font-size:11px;
		color:#fff;
		width:150px;
	}
	
	.details h3 {
		color:#aba;
		font-size:15px;
		margin:0 0 -10px 0;
	}
#wg	{
	position: absolute;
	width:560px;
	height:auto;
	z-index:3;
	left: 448px;
	top: 350px;
	background-color: #F9FFF2;
	border: 1px solid #83FB60;
	color: #1D6A02;
	font-family: "Lucida Sans", Arial, sans-serif;
	font-weight: 500;
	font-size:100%;
	padding: 5px;
	}
/* **********************************************  Satzungen    ***********************************/
#satzung	{
	margin: 18px 60px 5px 10px;
	}
#satzung ul	{
	list-style-type: circle; 
	margin: 0 200px 15px 15px; 
	padding: 3px 0px 0px 0px;
	}
#satzung ul li	{
	margin: 0px 0px 0px 15px; padding: 0;
	font-size: 110%;
	}
.fett	{
	font-weight: bolder;
	}
/* **********************************************  Chor    ***********************************/
.Pic1	{
	margin: 5px 5px 20px 5px;
	}
p.mini	{
	margin: 0px;
	padding: 0px;
	padding-top: 2px;
	font-size: 85%;
	}
#dsl	{
	min-height: 100px;
	}
table	{
	width: 100%;
	
	}
.td1	{
	width: 127px;
	}
.td2	{
	width: 631px;
	}
.termine	{
	
	border: #00CC66 thin solid;
	padding: 10px;
	color: #1F1F1F;
	margin-top: 25px;
	}
hr.termine	{
	border-bottom: #080808 thin solid;
	}
#liste	{
	border-collapse: separate; border-spacing: 0px 0px; border: #000066 1px solid;
	width: 98%
	}
#liste thead tr	{
	background: #EAECFF;
	}
#liste th	{
	border-bottom:  #E2EAFE 2px solid;
	}
#liste td, th	{
	padding: 4px 8px;
	text-align: left;
	}
#liste th	{
	color: #E2EAFE;
	background-color: #000066;
	padding: 5px 8px;
	text-align: center;
	}
#liste td	{
	border: #000066 1px solid;
	}