/* www.asmus-petersen.de */


body, html {
	margin: 0px;
	padding: 0px;
}
body {
	font: 12px "Century Gothic", helvetica, arial;
	color: #000000;
	background: #E6E6E6 url(/includes/gfx/bg.gif) repeat-x;
}
#container {
	width: 100%;
}
#head {
	background: url(/includes/gfx/bg_petersen.gif) no-repeat 15px 0px;
	color: #FFFFFF;
	padding-top: 77px;
	height: 29px;
	padding-left: 648px;
	width: 242px;
}
#navi {
	height: 70px;
	padding-left: 20px;
	clear: both;
	width: 975px;
}
#wrapper {
	width: 890px;
}
#content {
	width: 490px;
	float: left;
	margin-left: 20px;
}
#content h1, #auswahl h2 {
	font-size: 14px;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 10px;
	color: #333333;
}
#content p {
	margin-top: 0px;
	margin-bottom: 10px;
}
#foot {
	clear: both;
	background: #335178;
	color: #FFFFFF;
	padding-left: 24px;
	height: 20px;
}
#foot a:link, #foot a:visited {
	color: #FFFFFF;
	text-decoration: none;
	letter-spacing: 0.2ex;
}
#foot a:hover, #foot a:active {
	color: #FFFFFF;
	text-decoration: underline;
	letter-spacing: 0.2ex;
}
#head h1 span {
	visibility: hidden;
}
#navi a:hover, #navi a:active {
	font-weight: bold;
}
#navi a.aktiv {
	width: 129px;
	display: block;
	float: left;
	background: url(/includes/gfx/bg_navi_over.gif) no-repeat;
	padding-top: 10px;
	padding-left: 10px;
	height: 60px;
	font-weight: bold;
}
#head a {
	color: #FFFFFF;
	text-decoration: none;
}
#head a:hover, #head a:active {
	font-weight: bold;
}
#auswahl {
	width: 350px;
	float: left;
	/*padding-left: 30px;*/
}
#auswahl h2 {
	margin-bottom: 13px;
	padding-left: 32px;
}
#auswahl p {
	margin-top: 0px;
	margin-bottom: 10px;
	padding-left: 34px;
}
#auswahl a {
	display: block;
	color: #333333;
	text-decoration: none;
	background: url(/includes/gfx/symbol_pfeil_rechts.gif) no-repeat 0px 4px;
	padding-left: 29px;
}
#navi a {
	color: #FFFFFF;
	text-decoration: none;
	width: 129px;
	background: url(/includes/gfx/bg_navi.gif) no-repeat;
	float: left;
	height: 60px;
	padding-top: 10px;
	padding-left: 10px;
}
#container h1 {
	color: #335178;
	font-size: 24px;
	font-weight: bold;
	padding-left: 30px;
	margin-top: 0px;
	margin-bottom: 40px;
}
a.en, a span.en {
	color: #294262;
}
#content h1 {
	font-size: 14px;
	padding-left: 0px;
	color: #333333;
}
#content h1 span.en, #auswahl h2 span.en {
	display: block;
	color: #335178;
}
#bildindex .bildbox {
	background: #CCCCCC;
	margin-bottom: 15px;
	width: 480px;
	/*height: 160px;*/
}
.bildbox img.indent {
	margin-left: 30px;
	margin-right: 49px;
}
#bildindex .bildbox img {
	margin-bottom: 0px;
	float: left;
	margin-right: 28px;
}
#bildindex #content .bildbox h1 {
	font-size: 12px;
	font-weight: normal;
	margin-top: 0px;
	margin-bottom: 0px;
}
.bildbox p {
	margin-top: 0px;
	margin-bottom: 5px;
}
#bildindex .bildbox .bild {
	float: left;
	width: 180px;
}
#bildindex .horizontal .bild {
float: none;
margin-bottom: 5px;
width: auto;
}
#bildindex .horizontal .bild img {
float: none;
}

#bildindex .bildbox .text {
	padding-top: 15px;
	margin-bottom: 0px;
	padding-left: 15px;
	float: left;
	width: 275px;
}
#bildindex .horizontal .text {
	padding-top: 5px;
padding-left: 20px;
	margin-bottom: 0px;
	float: none;
width: auto;
}
#bildindex .bildbox .text p {
	padding-right: 20px;
}
#bilder .bildbox .text {
	/*float: left;
	width: 315px;*/
	padding-left: 25px;
	margin-left: 400px;
}
#bilder .bildbox.umfluss .text {
	margin-left: 0;
	padding-left: 0;
}

#content h2 {
	font-size: 14px;
	padding-left: 0px;
	color: #333333;
	margin-top: 30px;
}
#content h2 span.en {
	color: #335178;
}
a {
	text-decoration: none;
	color: #333333;
}
.bildbox .text .en {
	font-family: "Century Gothic", helvetica, arial;
	color: #294262;
}
#bilder #content {
	margin-left: 30px;
	width: 790px;
}
#bilder #content .bildbox {
	background: #CCCCCC;
	margin-bottom: 15px;
	padding: 15px;
}
hr {
	clear: both;
	margin: 0px;
	visibility: hidden;
}
p.top {
	text-align: right;
	margin-top: 15px;
	margin-bottom: 15px;
}
#bilder #content .bildbox img {
	float: left;
}
#bilder #content .bildbox .content {
	float: left;
	padding: 0 15px 15px 0;
}
#bilder .bildbox .text h1 {
	font: 10px Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
	margin-bottom: 5px;
}
#bilder .bildbox .text h1 span.en {
	font-family: "Century Gothic", helvetica, arial;
	color: #335178;
}
#biographie #content h1,
#impressum #content h1 {
	margin-bottom: 13px;
}
#bilder .bildbox .text .en {
	color: #335178;
	font-family: "Century Gothic", helvetica, arial;
}
.en {
	font-family: "Century Gothic", helvetica, arial;
	color: #335178;
}
#rahmen {
	width: 890px;
}

p.copyright {
font-size: 10px;
}

#startseite #wrapper {
	width: 970px;
}

#startseite #auswahl {
	padding-left: 30px;
}

#startseite #auswahl p {
	padding-left: 0;
}

#startseite .bildbox {
	float: left;
	margin: 0 20px 20px 0;
	padding: 15px;
	width: 235px;
}

#startseite .bildbox h2 {
	margin: 3px 0;
}

#startseite .bildbox .text {
	padding: 0;
}

#startseite #content {
	width: 570px;
}