@charset "utf-8";
/* CSS Document */
html {
	height: 100.01%;
}
body{
	background:url(../grafiken/verlauf/blaugrau.jpg) repeat-x fixed;
	background-color:#cccccc;
	color:#000000;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	line-height:1.4em;
	font-size:100.01%;
	font-weight:normal;
	margin: 0;
   	padding: 0;
}

/* -----------------wrapper----------------------*/
#wrapper{
	max-width:95%; 
	min-height:90%;
	margin:0 auto;
	padding:.5em 0 ;
	
	
	}
/*----------------header--------------------*/
#header {
	max-width:100%;
	padding: 1em .5em .8em 0;
	margin:0 0 0 0;
	text-align:right;
	color:#ffffff;	
	font-size:2em;
}

#navigation{
	float:left;
	max-width:15em;
	top:.2em;
	left:0;
	padding: 1.5em .2em;
	margin:-2px 0 0 0;
	/*border-right:#FFFFFF solid 2px;*/
		}
#navigation a, #navigation a:link, #navigation a:visited{
	display:block;
	text-decoration:none;
	font-weight:bold;	
	color:#FFFFFF;
	padding: .2em  .3em ;
	
			}
#navigation a:hover, #navigation a:focus, #navigation a:active, 
#index #navi01,
#leben #navi02,
#blog #navi03,
#foto #navi04,
#hobby #navi05,
#b #navi06,
#t #navi07,
#msurlaub #navi08,
#msreha #navi09,
#aenderungen #navi10,
#hilfe #navi11,
#inhaltsvereichnis #navi12,
#links #navi13,
#erkl #navi14,
#impressum #navi15
{	
	color:#000000;
	font-weight:bold;
	background-color:#ffffff;
}
#navigation li {
	list-style-type: none;
	padding: 0 .2em;
	border: 1px hidden #CCCCCC;
	margin: 0.1em 0;
}
#navigation ul{
	margin:0 .3em;
	padding: 0;
}
#navigation li.logo a, #navigation li.logo a:hover {

			border:none;
		padding:0;
		margin:0 ;
	}
#navigation	img {
	padding: .1em ;
	margin: 0.3em;
	border:none;
	text-align:left;
	}	
/* ----- zwischenraum navigation----- */
#navigation h1{
	display:block;
	font-size:1.3em;
	margin:.2em auto;
	color:#ffffff;
	text-decoration:underline;

}
#navigation h2{
	display:block;
	font-size:1.3em;
	margin:.2em auto;
	color:#ffffff;
	text-decoration:underline;
}
#navigation u{
	margin:0 0;
	color:#000000;
	}

/* ----- zwischenraum navigation----- */
#navigation u{
	margin:0 0;
	color:#ffffff;
	}
	
/* ----- zwischenraum navigation----- */
#navigation h1{
	display:block;
	font-size:1.3em;
	margin:.2em auto;
	color:#FFFFFF;
	text-decoration:underline;

}
#navigation h2{
	display:block;
	margin: 0.1em .3em;
	font-size: .9em;
	color:#FFFFFF;
	text-decoration:underline;
}
#navigation u{
	margin:0 0;
	color:#FFFFFF;
	}

/* ----- zwischenraum navigation----- */
#navigation h2{
	display:block;
	margin:0;
	font-size: 1.2em;
	color:#ffffff;
}
#navigation u{
	margin:0 0;
	color:#ffffff;
	}

/* -------- Untermenüs floats -------------- */
div.boxlinks {
	float:left;
	width:21em;
	margin:.5em 1.5em;
	padding:.3em;
	/*border: 2px solid #000000;*/
	}


div.links1{
	float:left;
	width:21em;
	margin:.3em ;
	padding:.1em;
	color:#000000;
	border: 2px solid #000000;
}

div.unsichtbar{/* unsichtbarer hintergrund für float menüs*/
	float:left;
	width:95%;
	margin:0 .5em .5em .5em;
	padding:0.2em;
background-color:#E0EEEE ;	
	/*border:#000000 2px solid;*/
	text-align:left;
}
p.bild{
	float:left;
	margin:1em  0 1em .2em;
	display:block;
	
	}
p.float left{
	float:left;
	margin:0 -5em 0 0;
	padding:0 0 0 0;
	}

p.float right{
	float:right;
	margin:.3em;
	padding:0;
	clear:left;
	}




/*-----------clearen-------------*/
hr.clear{
	clear:left;
	}
p.clear{
	clear:left;
}				
/*---------------------photogalerie ---------------------------------------------------*/
div.unsichtbar{/* unsichtbarer hintergrund für float menüs*/
	display:block;
	margin:.5em;
	padding:0 .2em;
}
	
/*----------- Inhalte ------------*/
#inhalt{
	margin: 0 0 1.5em 12.5em;
	/*background-color:#FFFFFF;*/
	}
div.abschnitt{/*Inhalte*/
	max-width:90%;
	margin: 1.5em 2.5em 0 5em;
	padding:.5em;
			background-color:#E0EEEE ;	
	border-bottom:#000000 2px solid;
	border-top:#000000 2px solid;
	
		
}
div.inhalt{/*Inhalte*/
	max-width:90%;
	margin: 1.5em 2.5em 0 5em;
	padding:.5em;
			background-color:#E0EEEE ;	
	border-bottom:#000000 2px solid;
	border-top:#000000 2px solid;
	
		
}
div.hier{
	max-width:90%;
	margin: 1.5em 2.5em -1.5em 5em;
	padding:0 0 0 .3em;
			background-color:#E0EEEE ;	
	
	border-top:#000000 2px solid;
	
		
}


div.spalterechts/*infobox*/{
	float:right;
	height:100%;
	font-size:.8em;
	max-width:13em;
	color:#000000;
	background-color:#E0EEEE;
	margin: 2.5em 3.5em 0 0 ;
	padding:.2em;
	border:2px #000000 outset;
	}
div.hauptmenu{/*galerie hautpmenü*/
	float:left;
	width:95%;
	margin:0 .5em .5em .5em;
	padding:0.2em;
background-color:#E0EEEE ;	
	border:#000000 2px solid;
	text-align:left;
}
	
	
/*---- formatierung für hx ---*/
h1{
	
	font-size:1.8em;
	line-height:1em;
	padding: .1em 0 .2em .2em;
	margin: .2em 0 .2em 0;
	}
h2{
	font-size:1.4em;
	line-height:1.5em;
	padding: .1em 0 .2em .2em;
	margin: 0 0 .5em 0;
	}
h3{
	font-size:1.2em;
	line-height:1.5em;
	padding: .1em 0 .2em .2em;
	margin: .2em 0 .2em 0;
	}
h3.unterstrichen{
	font-size:1.2em;
	line-height:1.5em;
	padding: .1em 0 .2em .2em;
	margin: .2em 0 .2em 0;
	text-decoration:underline;
	}
	
h4{
	font-size:1em;
	line-height:1em;
	padding: .1em 0 .2em .2em;
	margin: 0 0 .5em 0;
	}
	
	
/*----- formatierung für hr -----*/
hr{	
	margin: 0;
	}
acronym{
	font-weight:bold;
	}	
/*------------listen--------*/
li {
	padding:.5em;
	list-style-type:none;
	}

ul {
	padding:0 .2em;
	margin:0 .5em;
}
ul li {
	list-style-type: square;
	padding:.5em .7em;
	margin: 0 0 .4em 1.3em;
}
ul.ohne {
	list-style-type: none;
	padding:.5em .7em;
	margin: 0;
}
ul.ohne li {
	list-style-type: none;
	padding:.5em .7em;
	margin: 0;
}
/*----------------------------------*/
ol {
	padding:0 .3em;
	margin:0 .6em;
}
ol li {
	list-style-type: square;
	padding:.5em 2.8em;
	margin: 0 0 .4em 1.5em;
}
ol.ohne {
	list-style-type: none;
	padding:.2em 3em;
	margin: 0;
}
ol.ohne li {
	list-style-type: none;
	padding:.2em 3em;
	margin: 0;
}

/*------------hyperlinks formatierung----*/
a, a:link, a:visited{
	display:inline;
	color:#000000;
	font-weight:bold;
	text-decoration:underline;
	margin:.3em;
	padding:.1em 0 ;
	border:none;
		}
a:hover, a:focus, a:active{
	color:#FFFFFF;
	background-color:#003399;
	text-decoration:none;
	border:none
	}
	
/*------------- img formatierung -----*/
img {
	padding: .5em .7em .5em .5em;
		margin: 0.5em 0 0 .5em;
	border:none;
	text-align:center;
	}	
/*--------------formatierungen fur p---------------*/
p.standort{
	text-align:left;
	color:#FFFFFF;
	font-size: 1em;
	padding: .1em 0 .2em .5em;
		margin: 0 0 .2em 0;
	}
p{
	padding: .1em 0 .2em .5em;
	margin: 0 0 .2em 0;
	}
p.back{
		text-align:right;
		margin:.1em;
		}
p.datum{
	text-align:right;
	margin:.2em;
	}
p.zentriert{	
	text-align:center;
	}
p.floatleft{
	float:left;
	}
p.unterstrichen{
text-decoration:underline;
}		
/*-----------span klassen---------*/
span.bildtext{
	text-align:center;
	margin: 5em 2em;
	padding:5em 2em;
}