body {
	background-color: #AAAAAA;
	background-image: url(/images/Fotozauber-Logo-3.png);
	background-position: bottom right;
	color: #151515;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 1em;
}

h1 {
	color: #800000;
	font-size: 20px;
	font-weight: bold;
	/*margin: 0em;*/
}

h2 {
	/*color: #800000;*/
	font-size: 16px;
	font-weight: bold;
	/*margin: 0em;*/
}

dt {
   font-weight: bolder;
   font-style: italic;
   margin-top: 1ex;
}

dd {
   list-style-type: disc;
   display: list-item;
   margin-top: 3px;
}

.motto {
   font-weight: bolder;
   padding: 0.3em 0 2em 1em;
   border-bottom: 1px dotted #AAAAAA;
   margin: 0 0 2em 0;
}

.mobil {
   font-weight: bolder;
   padding: 2em 0 0 1em;
   border-top: 1px dotted #AAAAAA;
   margin: 2em 0 0 0;
}

#main ul {
	list-style: disc;
	margin-top: 1ex;
}

#mail ul ul {
	list-style: square;
}

#main li {
	padding: 0.5ex 0 0.5ex 0;
}

table.costs {
	background-color: #FFFFFF;
	border: 1px solid #808080;
	border-collapse: collapse;
	border-color: #808080;
	margin: 1ex 0 0 2.5em;
	text-align: right;
}

table.costs td, table.costs th {
	border: 1px solid #808080;
	padding: 2px;
}

table.costs tr {
	border: 0px solid #808080;
}

.linklist {
	background-color: #DED9FA;
	border: 1px dotted #000000;
	color: #1A144F;
	margin: 0;
	padding: 0;
}

.linklist a {
	color: #1A144F;
	padding: 0 0.5em;
	text-decoration: none;
}

.linklist a:visited {
	color: #7167D3;
}

.linklist a:hover {
	background-color: #FFFFFF;
	color: #1A144F;
}

.linklist h1 {
	background-color: #D9E5FA;
	border-bottom: 1px dotted #000000;
	font-size: 10px;
	margin: 0;
	padding: 1px 1px 1px 0;
	text-align: right;
}

.linklist h2 {
	background-color: #FBFBED;
	color: #800000;
	font-size: 10px;
	font-weight: bolder;
	margin: 0px;
	padding: 0px 0 1px 1px;
}

.linklist li {
}

.linklist ul {
	list-style-type: none;
	margin: 0px;
	padding: 3px 0 3px 0em;
}

ul.compactlist {
   list-style: none;
   min-height: 4ex; /* 2 Zeilen; sonst hat das Element keine Höhe im Firefox; im IE schon */
}

ul.compactlist li {
   float: left;
}

.timestamp {
	font-size: 8px;
}

#content {
	margin: 0;
	padding: 0;
}

#copyright {
	font-size: 10px;
	font-weight: bolder;
	margin-top: 10px;
	text-align: right;
}

#copyright a {
	color: #1A144F;
	text-decoration: none;
}

#copyright a:hover {
	background-color: #1A144F;
	color: #FFFFFF;
}

#display {
	background-color: #FFFFFF;
	border: 2px solid #7A3F3F; /* IE 6 hides #main text when #display is too large; and max-width has no effect; hence set a fixed width
	max-width: 700px;
	min-width: 500px;*/
	margin: auto;
	padding: 1em;
	width: 700px;
}

#eyecatcher {
	float: right;
	margin: 0em 1.5em 1em 1.5em;
	/*
	width: 210px;
	height: 143px;
	background-image: url(/images/Frame_210x143.png);
	*/
	
	width: 218px;
	height: 185px; /* 186px shows a black bottom line in Firefox */
	background-image: url(/images/Frame_218x186_hanging_red.png);
}

#fotograf {
	/*border: 3px outset #808080;*/
	height: 133px;
	width: 200px;
	position: relative;
	
	/*
	left: 5px;
	top: 5px;
	*/
	
	top: 40px;
	left: 5px;
}

#fotolinks {
	margin: 0 0 0 0;
	width: 200px;
}

#knowhow {
	margin: 0;
	padding: 0;
}

#knowhow ul {
	margin-top: 1em;
}

#knowhow ul li {
	color: #151515;
}

#main {
	margin: 0;
	clear: left;
}

#main h1 {
}

#main h2 {
	font-size: 150%;
	font-weight: bold;
	margin: 1ex 0 0 0;
}

#navigation {
	/*background: #990000;*/
	color: #EEEEFF;
	height: 15px; /* IE needs this to position the navigatoin bar properly */
	padding: 0;
	/*border: 1px solid Gray;*/
	/*margin-bottom: 1em;*/

	position: relative;
	left: -1em;
	top: -1em;

	/* navigation bar ausserhalb: */
	/*border: 3px groove #800000;*/
	/*margin: 0 auto 1em auto;*/
	/*width: 700px;*/
}

#navigation ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#navigation li {
	float: left;
	margin: 0;
	padding-bottom: 1px; /* set bottom same as "#navigation a" to get everything right in Mozilla; if I don't do this here, the contained a element's bottom border will be clipped by 1 px */
	border-bottom: 1px solid #7A3F3F;
}

#navigation a {
	background: Maroon;
	color: #EEEEFF;
	margin: 0;
	padding: 0 10px 1px 10px;
	border-right: 1px solid Silver;
	text-decoration: none;
}

#navigation a.last {
	border-right: 1px solid #7A3F3F;
}

#navigation a.active:link, #navigation a.active:visited {
	background: #BBBBBB;
	font-weight: bold;
}

#navigation a:hover, #navigation a:active {
	background: rgb(217, 229, 250);
	background: White;
	color: rgb(26, 20, 79);
	color: Maroon;
}

#shorttermlinks {
	margin-top: 1em;
}

#sidebar {
	float: right;
	margin: 0;
	padding: 0;
}

.sidenote {
	float: right;
	width: 200px;
	margin: 0;
	padding: 1em;
	background-color: #DED9FA;
	border: 1px solid #000000;
	color: #1A144F;
	font-size: 10px;
}

#urheberrecht {
	clear: both;
	padding-top: 20px;
}

#urheberrecht p {
	font-size: 10px;
	margin: 0;
	padding: 0;
}

#urheberrecht p a {
	color: #151515;
	text-decoration: none;
}

#urheberrecht p a:hover {
	color: Highlight;
	text-decoration: underline;
}

#validators {
	border-top: 1px dotted #000000;
	margin: 10px 0 0 0;
	text-align: center;
}

#validators img {
	border: 0;
	height: 31px;
	width: 88px;
	vertical-align: middle;
}

#validators p {
	margin: 1em 0 0 0;
}

#footer {
	clear: both;
	padding-top: 1px;
}

#validators img.fotografenlogo {
	border: 0;
	height: 45px;
	width: 45px;
	float: right;
	position: relative;
	bottom: 7px;
}

#agb {
   width: 653px;
   margin-top: 1ex;
   border: 1px solid #8B0000;
   padding: 2pt 0 2pt 0;
   background-color: #DDD;
}

#agb iframe {
   width: 100%;
   height: 600px;
}