/* CSS Document */

/* **********************************************
   Layout   ********************************************** */

body {
	margin: 0;
	padding: 0;
	background: #ecc8a6 url(korsika-bg.gif) 0 0 repeat fixed;
	color: #000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 22px;
	text-align: justify;
}


#header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 9999;
	background-color: #68777a;
	height: 100px;
	border-bottom: 1px solid #fff;
}
#header #logo {
	position: absolute;
	top: 15px;
	left: 30px;
	border: none;
}
#header h1 {
	position: absolute;
	top: 4px;
	left: 140px;
	text-transform:uppercase;
	color: #fff;
	font: bold 28px "Arial Black", Arial, Helvetica, sans-serif;
}
#header h2 {
	position: absolute;
	top: 48px;
	left: 140px;
	text-transform:uppercase;
	color: #fff;
	font: normal 15px Arial, Helvetica, sans-serif;
}
#header h2  a {
	color: #fff;
	text-decoration: none;
}



/* **********************************************
   Layout WRAPPER   ********************************************** */

div#wrapper {
	position: relative;
	margin: 100px auto 0 auto;
	width: 870px;
}

/* **********************************************
   Text   ********************************************** */

div#wrapper p {
	margin: 0 40px 20px 160px;
}

div#wrapper h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	margin: 0 40px 20px 160px;
	color: #444;
}
div#wrapper h2 {
	font-family: Arial, Helvetica, sans-serif;
	display: block;
	font-size: 20px;
	font-weight: bold;
	margin: 0 20px 20px 0;
	border-bottom: 1px solid #444;
	text-indent: 160px;
	color: #444;
}
div#wrapper h3 {
	font-size: 13px;
	font-weight: normal;
	margin: 0 40px 20px 160px;
}

div#wrapper p cite {
	display: block;
}

/* **********************************************
   Fotoinfo   ********************************************** */

div#wrapper div.fotoinfo {
	border: 1px solid #444;
	margin: 0 40px 20px 160px;
	padding: 20px 0 0 0
}

div#wrapper div.fotoinfo p, div#wrapper div.fotoinfo h1, div#wrapper div.fotoinfo h2, div#wrapper div.fotoinfo h3 {
	margin-left: 20px;
	margin-right: 20px;
	text-indent: 0;
}
/* **********************************************
   Image   ********************************************** */

div#wrapper div.bildlinks {
	background-color: #444;
	width: 470px;
	margin: 5px 20px 5px 0;
}

div#wrapper div.bildlinkshoch {
	background-color: #444;
	width: 320px;
	margin: 5px 20px 5px 0;
}

div#wrapper div.bildmitte {
	background-color: #444;
	width: 840px;
	margin: 5px 0 20px 0;
}

div#wrapper div.bildlinks img, div#wrapper div.bildlinkshoch img, div#wrapper div.bildmitte img {
	margin: 9px 9px 0 9px; border: 1px solid #ddd;
}

div#wrapper div.bildlinks p.exif, div#wrapper div.bildlinkshoch p.exif, div#wrapper div.bildmitte p.exif {
	margin: 0 10px 10px 10px;
	color: #00CC00;
	font-size: 10px;
	line-height: 16px;
	text-align: left;
}

div#wrapper div.bildlinks p.description, div#wrapper div.bildlinkshoch p.description, div#wrapper div.bildmitte p.description {
	margin: 0 10px 0 10px;
	font-size: 12px;
	line-height: 18px;
	text-align: left;
	color: #fff;
}

div#wrapper div.bildmitte p.description { float: left; display: inline; }
div#wrapper div.bildmitte p.exif { float: right; display: inline; }

.bildlinks, .bildlinkshoch, .bildmitte { float: left; }