body {
	margin: 0;
	padding: 0;
	color: #000;
	background: #92A1AB url(../bilder/kopfstreifen.gif) top repeat-x;
	font-family: 'Lucida Grande', LucidaGrande, Lucida, Helvetica, Arial, sans-serif;
	font-size: 12px;
	}
	
body#home {
	}
	
abbr {
	font-style: normal;
	border-bottom: 1px dotted #fff;
	}

/* homepage layout */

.zentriert {             /*Teil 1 des ie5-5.5 PC Zentrieren-Hacks */
	text-align: center;
	}

#satzspiegel {
	margin-left: auto; /*kein Shorthand wg Opera*/
	margin-right: auto;
	margin-top: 0;
	width: 650px;
	text-align: left;    /*Teil 2 des Zentrieren-Hacks */
	}
	
#satzspiegel h1,
.head {
	margin: 22px 0 0 0;
	padding: 6px 0 0 6px;
	border-left: 1px solid #FFF;
	font-family: "DIN-Medium", "DINMittelschrift", sans-serif;
	font-weight: normal;
	font-size: 20px;
	line-height: 20px;
	}

	
p.claim {
	margin: .5em 0 2em 8px;
	font-size: .9em;
	}
	
p.subline {
	margin: .2em 0 1em 0;
	}

dl.homenavi {
	margin: 1em 0 0 107px;
	font-size: 12px;
	line-height: 20px;
	}
	
.homenavi dt {
	float: left;
	margin: 0 .5em 0 0;
	border-left: 1px solid #FFF;
	}
	
.homenavi dt a {
	display: block;
	float: left;
	padding: 0 .5em 0 .5em;
	color: #FFF;
	text-decoration: none;
	border-bottom: 5px solid #667884;
	}

.homenavi dt a:hover {
	background-color: #667884;
	border-bottom: 5px solid #546673;
	}	
.homenavi dd {
	margin: 0 0 1em 0;
	}
	
.homenavi dd a {
	text-decoration: none;
	color: inherit;
	}

/* Standardseiten Layout */	

#logo {
	float: left;
	margin: 0;
	padding: 0 0 0 1em;
	width: 13em;
	}

#satzspiegel2 {
	margin: 0 3em 0 14em;
	padding: 0;
	max-width: 58em;
	background: transparent url(../bilder/kopfmotiv.jpg) right top no-repeat;
	line-height: 150%;
	}
	
#satzspiegel2 h1 {
	margin: 0;
	font-size: 20px;
	color: #fff;
	text-shadow: #455259 2px 2px 4px;
	}
	
#satzspiegel2 h2 {
	font-size: 16px;
	}
	
#satzspiegel2 h3 {
	margin: 0;
	color: #225388;
	font-size: 16px;
	}
	
h3+p {
	margin: .5em 0;
	}
	
#satzspiegelgalerie {
	margin: 0 auto;
	padding: 50px 0 0 0;
	width: 80%;
	background: transparent url(../bilder/kopfmotiv.jpg) right top no-repeat;
	}
	
.krume {
	margin: 0 0 70px;
	padding: .5em 0 0 0;
	text-align: left;
	}
	
.krume a {
	color: #FFF;
	}

#nav {
	position: absolute;
	top: 86px;
	left: 1em;
	}
	
ul.navliste {
	float: left;
	width: 10em;
	margin: 0;
	padding: 0;
	list-style-type: none;
	}
	
.navliste li {
	margin: 0 0 .5em 0;
	padding: 0.5em 0;
	border-left: 1px solid #FFF;
	}
	
.navliste a {
	padding: 0 .5em;
	color: #FFF;
	text-decoration: none;
	border-bottom: 5px solid #667884;
	}
.navliste a:visited {
	text-decoration: none
	}
.navliste a:hover {
	color: #000;
	border-bottom: 5px solid #546673;
	}

.hier strong{
	padding: 0 .5em;
	color: #FFF;
	text-decoration: none;
	border-bottom: 5px solid #FFF;
	}
	
/* Regel fuer die Reiter als Liste */

ul.reiternav {
	height: 1.85em;
	line-height: 1.85em;
	margin: 0;
	padding: 0;
	list-style: none;
	}
	
.reiternav li {
	float: left;
	margin: 0;
	padding: 0 0 0 10px;
	background: url(../bilder/reiterecke_li.gif) top left no-repeat;
	}
	
li.standort {
	background: transparent url(../bilder/reiterecke_hell_li.gif) top left no-repeat;
	}
	
.reiternav a {
	display: block;
	float: left;
	margin-right: 1px;
	padding: .2em 10px .2em 0;
	background: transparent url(../bilder/reiterecke_re.gif) top right no-repeat;
	color: #FFF;
	text-decoration: none;
	line-height: 1.5em;
	}
		
.reiternav li.standort a {
	background: transparent url(../bilder/reiterecke_hell_re.gif) top right no-repeat;
	}
	
.reiternav a:visited {
	background: transparent url(../bilder/reiterecke_used.gif) top right no-repeat;
	}
	
.reiternav a:hover {
	color: #000;
	}
	
.reiternav li.standort strong {
	display: block;
	float: left;
	margin-right: 1px;
	padding: .2em 10px .2em 0;
	background: transparent url(../bilder/reiterecke_hell_re.gif) top right no-repeat;
	line-height: 1.5em;
	font-weight: normal;
	}

.profilbild {
	margin: -30px 0 0 0;
	padding: 30px 0 0 0;
	background: transparent url(../bilder/rainer_bg.jpg) right bottom no-repeat;
	}
	
.contentflaeche {
	background-color: #BDC6CC;
	border-left: 1px solid #667884;
	padding: .5em 1em;
	}

/* Hides from IE-mac \*/
* html .contentflaeche {height: 1%;}
/* End hide from IE-mac */	

/* Workaround für den Fehler im IE/PC, bei dem die contentfläche bei Floats nicht den Content einschließt, sondern zu weit unten anfängt */

.contentflaeche a {
	color: #0F1C39;
	}
	
.contentflaeche a:visited {
	color: #373F51;
	}
	
.platz {
	clear: both;
	}
	
.portrait1 {
	background: #BDC6CC url(../bilder/portrait1.jpg) right bottom no-repeat;
	}
	
dl.vita dt {
	float: left;
	width: 8em;
	font-weight: bold;
	}
	
dl.vita dd {
	margin: 0 0 1em 10em;
	}

dl.tabelle dt {
	margin: 0 1em .5em 0;
	padding: 4px;
	font-weight: bold;
	color: #fff;
	background-color: #A4B0B7;
	}
	
dl.tabelle dt img {
	float: right;
	}
	
.tabelle dt span {
	font-weight: normal;
	}

dl.tabelle dd {
	margin: 0 0 .5em 5em;
	}
	
/* Regeln fuer die Bildgalerie */

div.float {
	width: 140px;
	height: 140px;
	margin: 0;
	float: left;
	padding: 10px;
	}

div.float2 {
	width: 210px;
	float: left;
	margin: 0 10px .5em 0;
	}
	
div.float3 {
	width: 160px;
	float: left;
	text-align: center;
	margin: 0 20px 0 0;
	}

a img {
	border: none;
	}

div.float img {
	border: 1px solid #FFF;
	padding: 10px;
	}

div.float p {
   margin-top: 1em;
   margin-bottom: 0.5em;
   font-size: 0.8em;
   text-align: center;
   line-height: 1em;
   }
   
p.blaettern {
	margin: -50px 0 6px;
	padding: 0 0 0 12px;
	text-align: left;
	line-height: 25px;
	background: transparent url(../bilder/bg_legende.jpg) top left no-repeat;
	}

.blaettern a.previous {
	display: block;
	float: right;
	height: 25px;
	line-height: 25px;
	padding: 0 12px 0 30px;
	background: transparent url(../bilder/link_back.gif) 0 0 no-repeat;
	color: #D9DEE1;	
	}
	
.blaettern a.previous:hover {
	color: #fff;
	background: transparent url(../bilder/link_back.gif) 0 -70px no-repeat;
	}
	
.blaettern a.next {
	display: block;
	float: right;
	height: 25px;
	line-height: 25px;
	padding: 0 30px 0 12px;
	background: transparent url(../bilder/link_next.gif) 100% 0 no-repeat;
	color: #D9DEE1;
	}
	
.blaettern a.next:hover {
	color: #fff;
	background: transparent url(../bilder/link_next.gif) 100% -70px no-repeat;
	}

.rahmen {
	border: 1px solid #666;
	}

.remark {
	font-size: .8em;
	font-style: italic;
	line-height: 120%;
	}
