/* Barrierearme Website Rundgang Gummersbach CSS
Start 22. Februar 2008
Letzte Aenderung am 
*/
/* Wichtige Farben
Rot: #A60C1D
Dunkles Gruen: #0B3122
Helles Grün: #1D6E3C
Sattes Grün: #92CC47
*/
/* Allgemeines */
*{
	padding: 0;
	margin: 0;
}

body{
	background: #a3491a url(medien/bg.jpg) top left repeat-x;
	text-align: center; /* Zentrierung des Layouts im IE 5 */
	font-size: 70%;
	line-height: 1.4em;
}

h1,h2,h3,h4,h5,h6,ol,ul,li,dl,dt,dd,p,input,textarea,select{
	color: #333;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left; /* Alle Elemente linksbündig */
}

h1 {
	clear: both;
	margin: 15px 0 10px 300px;
	color: #fff;
	background: #A60C1D;
	font-size: 2em;
	line-height: 1.5em;
	padding: 0.8em;
	text-align: center;
	position: relative;
	float: left;
	width: 300px;
	display: inline; /*  Doubled float-margin bug Win IE, http://www.positioniseverything.net/explorer/doubled-margin.html */
}

h2 {
	clear: both;
	font-size: 2em;
	line-height: 1.5em;
	margin: 10px 80px 10px 0;
	color: #092E20;
	padding: 10px;
	border-bottom: 1px solid #1D6E3C;
}

h3 {
	clear: both;
	font-size: 2em;
	margin: 18px 0 10px 10px;
	font-family: "Lucida Grande",Verdana,Helvetica,Arial,sans-serif;
	font-weight: lighter;
	letter-spacing: -0.4px;
}

h4 {
	clear: both;
	font-size: 1.5em;
	margin: 18px 0 10px 10px;
	font-family: "Lucida Grande",Verdana,Helvetica,Arial,sans-serif;
	font-weight: normal;
	letter-spacing: -0.4px;
}

a:link{
	color: #A60C1D;
	text-decoration: none;
	text-decoration: underline;
}

a:visited{
	color: #1D6E3C;
	text-decoration: none;
}

#inhalt a:visited:after {
 color: #1D6E3C;
 content: "\00A0\221A";
 font-size: 0.7em; }

a:hover{
	background: #A60C1D;
	color: #fff;
	text-decoration: none;
}

a:hover img{
	background: #fff;
}

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

a:link.skip, a:visited.skip, a:hover.skip,
a:active.skip, a:focus.skip {
position: absolute;
left: -1000px;
top: -1000px;
width: 0px;
height: 0px;
overflow: hidden;
display: inline;
}

.clear {
	clear: both;
}

img, a img {
	border: 0;
}

.keine-anzeige {
	display: none;
}

p {
	font-size: 1.5em;
	line-height: 1.4em;
}

ul,li{
	padding: 0;
	margin: 0;
	list-style-type: none;
	position: relative;
}

.none {
	display: none;
}

.leftalign {
	float: left;
}

#inhalt .leftalign {
float:left;
margin: 5px 15px 5px 5px;
}

.rightalign {
	float: right;
}

#inhalt .rightalign {
float:left;
margin: 5px 5px 5px 15px;
}

/* Wrapbereich */
#wrap {
	margin: 0 auto;
	padding: 0;
	width: 760px;
	text-align: left;
	height: 100%;
}

/* Headerbereich */
#header {
	width: 760px;
	background: #fff url(medien/sen-blass.jpg) bottom left no-repeat;
	float: left;
	margin: 0;
	text-align: left;
	padding: 0 0 40px 0;
}

body#start #header {
	width: 760px;
	background: #fff url(medien/sen-blass-start.jpg) bottom left no-repeat; /* Geteilte Headergrafik für die Startseite */
	float: left;
	margin: 0;
	text-align: left;
	padding: 0 0 40px 0;
}

body#histor #header {
	width: 760px;
	background: #fff url(medien/sen-blass-intern.jpg) bottom left no-repeat; /* Geteilte Headergrafik für die Seite "historische Gebäude" */
	float: left;
	margin: 0;
	text-align: left;
	padding: 0 0 40px 0;
}

body#kirchen #header {
	width: 760px;
	background: #fff url(medien/sen-blass-intern.jpg) bottom left no-repeat; /* Geteilte Headergrafik für die Kirchenseite */
	float: left;
	margin: 0;
	text-align: left;
	padding: 0 0 40px 0;
}

body#plaetze #header {
	width: 760px;
	background: #fff url(medien/sen-blass-intern.jpg) bottom left no-repeat; /* Geteilte Headergrafik für die Plätzeseite */
	float: left;
	margin: 0;
	text-align: left;
	padding: 0 0 40px 0;
}

body#diverses #header {
	width: 760px;
	background: #fff url(medien/sen-blass-intern.jpg) bottom left no-repeat; /* Geteilte Headergrafik für die Seite "Diverses"*/
	float: left;
	margin: 0;
	text-align: left;
	padding: 0 0 40px 0;
}



body#kunst #header {
	width: 760px;
	background: #fff url(medien/sen-blass-intern.jpg) bottom left no-repeat; /* Geteilte Headergrafik für die Startseite */
	float: left;
	margin: 0;
	text-align: left;
	padding: 0 0 40px 0;
}









/* Navigation */
	#navigation {
	width: 760px;
	font-size: 1.2em;
	font-weight: bold;
	padding: 55px 0 0 0;
	position: relative;
	float: left;
	border-bottom: 3px solid #92CC47;
	background: #1D6E3C url(medien/bg.jpg) top left repeat-x;
}

	
	#navigation ul {
	position: relative;
	width: 760px;
	background: transparent;
}

	#navigation li {
	background: #0B3122 url(medien/nav.jpg) top left no-repeat;
	padding: 8px 0 9px 3px;
	float: left;
}

	#navigation li a {
	background: #0B3122 url(medien/nav.jpg) top right no-repeat;
	padding: 8px 35px 7px 11px;
	color: #FEFFAF; /* Fix für IE 5.0 Win, verstecken vor IE Mac \*/
	margin: -8px 0 -8px 0;
	display: block; /* End hide */
}

	#navigation li a:visited {
	color: #FEFFAF;
}
	
	
	#navigation li a:hover {
	background: #3F7039 url(medien/nav.jpg) 100% -82px no-repeat;
	padding: 8px 35px 7px 11px;
	color: #fff;
	text-decoration: underline;
}

	
	body#start a#startnav, body#plaetze a#plaetzenav, body#histor a#histornav, body#kunst a#kunstnav, body#kirchen a#kirchennav, body#diverses a#diversesnav {
	background: #3F7039 url(medien/nav.jpg) 100% -164px no-repeat;
	padding: 8px 35px 7px 11px;
	color: #fff;
}

	
/* Inhalt */	
#inhalt {
	width: 760px;
	background: transparent url(medien/inhalt.jpg) top left repeat-y;
	float: left;
}

body#start #inhalt {
	background: transparent url(medien/inhalt-start.jpg) top left repeat-y; /* Geteilte Grafik für die Anzeige auf der Startseite */
}

body#histor #inhalt {
	background: transparent url(medien/inhalt-mit-links.jpg) top left repeat-y; /* Geteilte Grafik für die Anzeige auf der Gebäudeseite */
}

body#kirchen #inhalt {
	background: transparent url(medien/inhalt-mit-links.jpg) top left repeat-y; /* Geteilte Grafik für die Anzeige auf der Kirchenseite */
}

body#plaetze #inhalt {
	background: transparent url(medien/inhalt-mit-links.jpg) top left repeat-y; /* Geteilte Grafik für die Anzeige auf der Plätzeseite */
}

body#diverses #inhalt {
	background: transparent url(medien/inhalt-mit-links.jpg) top left repeat-y; /* Geteilte Grafik für die Anzeige auf der Seite "Diverses"*/
}

body#kunst #inhalt {
	background: transparent url(medien/inhalt-mit-links.jpg) top left repeat-y; /* Geteilte Grafik für die Anzeige auf der Kunstseite */
}


#spalte-1 {
	width: 383px;
	position: relative;
	float: left;
	background: #f58f28;
}

#spalte-1-intern {
	width: 560px;
	position: relative;
	float: left;
	background: #f5cf68;
}

#spalte-2 {
	position: relative;
	float: right;
	width: 377px;
	background: #f5cf68;
}

#spalte-2-intern {
	position: relative;
	float: right;
	width: 198px;
	background: #f58f28;
	border-left: 1px #333;
}


#hauptspalte {
	width: 760px; /* Layout der Unterseiten */
	position: relative;
	float: left;
	background: #f5cf68;
}

#inhalt p {
	padding: 1em 1.2em; /* Innenabstände für alle Absätze innerhalb des Inhaltsbereichs */
}

#spalte-1 p {
	color: #fff;
}

/* Footer */	
#footer {
	width: 760px;
	background: #0B3122 url(medien/footer.jpg) top left no-repeat;
	position: relative;
	float: left;
	margin: 0 -3px 0 0; /* Explorer 6 Duplicate Characters Bug, http://www.positioniseverything.net/explorer/dup-characters.html   */
}

#footer p {
	color: #ffdcc9;
	padding: 10px;
	font-size: 1.5em;
	float: left;
}

#footer a:link{
	color: #ffdcc9;
	text-decoration: none;
	text-decoration: underline;
}

#footer a:visited{
	color: #ffdcc9;
	text-decoration: none;
}

.illu {
margin: 10px;
background: #F0FCE2;
padding:10px;
border-right:1px solid #28573A;
border-bottom: 1px solid #28573A;
}

.rand20  {
margin: 20px;
}

.rand10  {
margin: 10px;
}