/* css by info-art
Grundfarbe 1 #86A386 grün 
footerundborder #E6F0E6

Grundfarbe 2 #556063 blau
*/
body {
	font:11px/1.4 Verdana, Arial, Helvetica, sans-serif;
	background:#FFFFFF;
	padding:0px;
	margin:0px;
	text-align:justify;}
		
	#markgraefler-buergerblatt-frame {
	width:838px;
	margin-right:auto;
	margin-left:auto;
	margin-top:10px;
	padding:0px;
	text-align:left;
	border:1px solid #E6F0E6;
	background-image:    url(css-grafs/framebg.jpg);*/
	background-repeat: repeat-y;
	margin-bottom: 10px;

			}
		
				#markgraefler-header {
			background:     url(css-grafs/header-hg-start.gif);
			height: 213px;
				}
			#markgraefler-header h1 {
				color: #FEFEFF;
				font-size:10px;
				margin:0px;
				text-align: center;
				padding-top: 0px;
				padding-bottom: 0px;}
				
					#markgraefler-header h1 a, #markgraefler-header h1 a:visited {
					color:#FEFEFF;
					text-decoration: none;}
					#markgraefler-header h1 a:hover {
					color: #FEFEFF;
					background-color: #ffffff;}

			#markgraefler-header h3 {
				color: #FEFEFF;
				font-size:8px;
				margin:0px;
				text-align: center;
				padding-top: 0px;
				padding-bottom: 0px;

				}
					#markgraefler-header h4 {
						color: #3283B1;
						font-size:9px;
						margin:0px;
						text-align: center;
						padding-top: 0px;
						padding-bottom: 0px;
						font-variant: normal;
						font-weight: normal;
					
					
									}
	
			#markgraefler-header p {
				color: #3283B1;
				font-size:11px;
				text-align: left;
				margin:0px;
				letter-spacing: 0.1em;
				padding-top: 91px;
				padding-left: 18px;
				padding-bottom: 0px;
					}

					#markgraefler-header a, #markgraefler-header a:visited {
					color:#3283B1;
					text-decoration: none;}
					#markgraefler-header a:hover {
					color: #FFFFFF;
					background-color: #3283B1;}

/*Navigation der redaktionellen Beiräge*/			
	#navigation-redaktion {
		font:11px/1.0 Verdana, Arial, Helvetica, sans-serif;
		width:183px;
		float:left;
		text-align: left;
		margin: 0px;
		/*background-color: #3366CC;*/

	}
		#navigation-redaktion p {
			color:#7F9DB9;
			margin-top:8px;
			margin-right:15px;
			padding-left: 30px;
			margin-bottom: 2px;
					}
					#navigation-redaktion a, #navigation-redaktion a:visited {
					color:#1F4E69;
					text-decoration: none;
					background-image:  url(/css-grafs/navhg-a.gif);
					background-repeat: no-repeat;
					padding-left: 12px;
						}
					#navigation-redaktion a:hover {
					color: #4A6A88;
					text-decoration: underline;
					background-image:  url(/css-grafs/navhg-hover.gif);
					background-repeat: no-repeat;
					padding-left: 12px;}

/*redaktionelle Beiräge Artikel usw.*/					
		#berichte {
			width:463px;
			float:left;
			/*background-color: #FFFFCC;*/

				}
				#berichte h2 {
					background:  no-repeat;
					font-size:14px;
					font-weight: bold;
					font-variant: small-caps;
					color: #9CC3D9;
					text-align: left;
					padding-bottom: 10px;
					padding-top: 5px;
					margin-right:30px;
					padding-left: 40px;

						}
					#berichte h3 {
						background:  no-repeat;
						font-size:12px;
						font-weight: bold;
						color: #225674;
						text-align: left;
						padding-bottom: 10px;
						padding-top: 5px;
						margin-right: 0px;
						padding-left: 40px;

						}
					#berichte h4 {
						background:  #9CC3D9 no-repeat;
						font-size:12px;
						font-weight: bold;
						color: #FFFFFF;
						text-align: left;
						padding-bottom: 2px;
						padding-top: 2px;
						margin-right: 25px;
						padding-left: 8px;
						margin-left: 40px;
						padding-right: 2px;
						}
					#berichte h5 {
						font-size:11px;
						font-weight: bold;
						color: #225674;
						text-align: left;
						padding-bottom: 2px;
						padding-top: 2px;
						margin-right: 25px;
						padding-left: 8px;
						margin-left: 40px;
						padding-right: 2px;
						}	
						
					#berichte p {
						font-size:11px;
						margin-left:40px;
						margin-right:30px;
						text-align: justify;
						line-height: 1.2;
						padding-bottom: 10px;
						color: #225674;
							}
							#berichte li {
								font-size:11px;
								margin-left:60px;
								margin-right:30px;
								text-align: justify;
								line-height: 1.2;
								padding-bottom: 10px;
								color: #556063;
							}
							#berichte a {
							color:#A82F2F;
							text-decoration: underline;}
							#berichte a:visited {
							text-decoration: none;}
							#berichte a:hover {
							color: #A82F2F;
							text-decoration: underline;}
}
							
						#berichte hr {
							color: #225674;
							margin-right: 30px;
							margin-left: 20px;
							border-top: thin dashed #225674;
							}
							
/*Navigation der rechten Spalte*/
		#anzeigen {
			font:11px/0.9 Verdana, Arial, Helvetica, sans-serif;
			width:190px;
			margin:-45px 0px 0px 0px;
			float:left;
			font-size: 10px;
			text-align: left;
			/*background-color: #FF99CC; */

				}
				#anzeigen p {
					color: #8C5755;
					font:11px/0.9 Verdana, Arial, Helvetica, sans-serif;
					text-align: left;
					margin: 0px;
					padding-left: 25px;
					padding-right: 20px;
					padding-top: 3px;
					padding-bottom: 3px;

					}
				#anzeigen a, #anzeigen a:visited {
					color:#8C5755;
					text-decoration: none;
					background-image:  url(/css-grafs/navhgr-a.gif);
					background-repeat: no-repeat;
					padding-left: 12px;
						}
					
					#anzeigen a:hover {
						color: #763734;
						text-decoration: underline;
						background-image:  url(/css-grafs/navhgr-hover.gif);
						background-repeat: no-repeat;
						padding-left: 12px;}
/* footer mit hinweis zu copyright und webdesign*/	
		#webdesign {
		color:#666666;
		text-align: center;
		background-image: url(css-grafs/footer-hg.jpg);
		background-repeat: no-repeat;
		height: 33px;
}
				#webdesign a {
				color:#666666;
				text-decoration: none;}
				#webdesign a:visited {
				text-decoration: none;}
				#webdesign a:hover {
				color: #666666;
				}
/*Vernetzung mit anderen Seiten*/	
		#vernetzung{
			width:760px;
			margin-right:auto;
			margin-left:auto;
			margin-top:10px;
			padding:0px;
			text-align:center;
			color: #ccc;
			border-top: none;
			border-right: none;
			border-bottom: none;
			border-left: none;}
				#vernetzung a {
				color:#ccc;
				text-decoration: none;}
				#vernetzung a:visited{
				color:#ccc;
				text-decoration: none;}
				#badenweiler-freunde a:hover{
				color:#ccc;
				text-decoration: none;}

/*eigene Klassen*/		

table {
	font:12px/normal Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	margin-left:40px;
	padding: 0px; 
	margin-right:20px;
	border: 1px solid #993333;
	text-align: center;
}
table  p {
			font-size:12px;
			margin-left:10px;
			margin-right:10px;
			line-height: 1.2;
			padding-bottom: 10px;
			color: #556063;
							}
.imagelinks {
	padding: 5px;
	border: 1px solid #CCCCCC;
	margin-right: 15px;

}
.imageright{
	padding: 5px;
	border: 1px solid #CCCCCC;
	margin-left: 15px;

}
.imagecenter {
	padding: 5px;
	border: 1px solid #CCCCCC;
}
.startseitenlink {
	text-align: right;
	margin-right: 20px;


}