/* CSS Dokument für Popup-Fenster Galerie */

/* grundlegende Elementstile */
body {
	background-color: #fff;
	font: normal 100% Arial;
	height: auto;
	margin: 0px;
	text-align: center;
	width: auto;
	}

a {
	color: #037;
	font-weight: normal;
	text-decoration: none;
	}

a:hover {
	text-decoration: underline;
	}	
	
h1  { padding-left: 0px; margin-left: 11px; margin-bottom: -10px; margin-right: 0; margin-top: 3px; font: bold 103% Arial; }
	
h2 {
	color: #999;
	font: normal 65% Arial;
	margin: 0px;
	}
	
html>body h2 {
	color: #999;
	font: normal 65% Arial;
	margin: 0px 0px -1px 0px;
	}
	
h3 {
	color: #666;
	font: normal 65% Arial;
	margin: 0px;
	text-align: right; 
	}
	
img {
	border: 0px;
	}
	
p {
	font: normal 70% Arial;
	line-height: 16px;
	margin: 0px 0px 10px 0px;
	}
	
	
/* Klassen */

.red {
	color:#FF0000;
}
.redbrown { color: #c00; font-size: 80% }
.formfield {
	background-color:#fff;
	border:1px solid #ccc;
	font: normal 100% Arial;
	margin-right:0px;
	margin-top:2px;
	padding:2px;
	width:212px;
	height:18px;
	font-weight:normal;
	color:#000;
}
.formfieldcomment {
	background-color:#fff;
	font: normal 100% Arial;
	margin-right:0px;
	margin-top:2px;
	border:1px solid #ccc;
	padding:2px;
	width:212px;
	height:72px;
	font-weight:normal;
	color:#000;
}

.floatleft {
	float: left;
	margin: 0px 10px 10px 0px;
}

/* spezielle divs */
	
#clear {
	clear: both;
	}

#container {
	font: normal 100% Arial;
	height: 100%; 
	margin: 0px;
	position: relative;
	text-align: center;
	width: 748px;
	}
	
#left {
	float: left;
	margin: 10px 0px 0px 6px;
	text-align: center;
	width: 502px;
	}
	
#bio {
	float: left;
	margin: 10px 0px 0px 6px;
	padding: 15px 10px 0px 0px;
	text-align: left;
	width: 502px;
	}	
	
html>body #bio {
	float: left;
	margin: 10px 0px 0px 6px;
	padding: 15px 10px 0px 0px;
	text-align: left;
	width: 492px;
	}
	
html>body #left {
	float: left;
	margin: 10px 0px 0px 11px;
	text-align: center;
	width: 502px;
	}
	
#left h3 {
	text-align: right;
	}

#extrawideleft {
	float: left;
	margin: 0px 0px 0px 6px;
	text-align: left;
	width: 502px;
	}
	
html>body #extrawideleft {
	float: left;
	margin: 0px 0px 0px 11px;
	text-align: left;
	width: 502px;
	}
	
#extrawideleftbottom {
	float: left;
	margin: 0px 0px 0px 6px;
	text-align: left;
	width: 502px;
	}
	
html>body #extrawideleftbottom {
	float: left;
	margin: 0px 0px 0px 11px;
	text-align: left;
	width: 502px;
	}
	
#moregalleries   {
	font: 70% Arial;
	background: #fff url("../ui/mehrgals212x134.gif") no-repeat;
	text-align: left;
	margin: 0;
	padding: 20px 0 0;
	width: 212px;
	height: 145px;
	float: left;
	}
	
html>body #moregalleries   {
	font: 70% Arial;
	background: #fff url("../ui/mehrgals212x134.gif") no-repeat;
	text-align: left;
	margin: 0 0 7px;
	padding: 10px 0 0;
	width: 212px;
	height: 128px;
	float: left;
	}
	
#moregalleries li  {
	line-height: 16px;
	list-style-image: url("../ui/bullet_quadrat3.gif");
	margin: 0 0 0 -18px;
	}

#moregalleries li#current  {
	color: #999;
	list-style-image: url("../ui/bullet_pfeil1.gif");
	}
	
#moregalleries li#more  {
	line-height: 28px;
	list-style-image: url("../ui/bullet_quadrat4.gif");
	}

#right {
	float: right;
	margin: 7px 11px 0px 11px;
	text-align: left;
	width: 212px;
	}
	
#right h2 {
	margin: 0px 0px 5px 0px;
	}
	
html>body #right h2 {
	margin: 0px 0px 10px 0px;
	}
	
#right2 {
	margin: 7px 11px 0px 11px;
	text-align: left;
	width: 212px;
	}

html>body #right2 {
	float: right;
	margin: 7px 11px 0px 11px;
	text-align: left;
	width: 212px;
	}	
		
#right2 h2 {
	margin: 0px 0px -1px 0px;
	padding-bottom: 10px;
	}
	
html>body #right2 h2 {
	margin: 0px 0px 10px 0px;
	}
	
#righttop {
	height: 358px;
	}
	
html>body #righttop {
	height: 361px;
	}
	
#emailform {
	height: 486px;
	}

#emailform em {
	color: #f00;
	font: normal 100% Arial;
	}
	
#thankyou {
	height: 505px;
	}
	
#top   {
	border-top-width: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #cccccc;
	padding-left: 0px;
	padding-bottom: 0;
	padding-right: 0;
	padding-top: 3px;
	line-height: 12px;
	background: #fff url("../ui/photogaleriebg.jpg") no-repeat;
	text-align: left;
	margin-top: 0;
	width: 750px;
	height: 40px;
	}
	
.top_logo  { margin-top: -3px; padding: 0 20px 0 0; width: 160px; float: left }
	
html>body #top   {
	line-height: 12px;
	background: #fff url("../ui/photogaleriebg.jpg") no-repeat;
	text-align: left;
	margin-top: 0;
	padding: 3px 0;
	width: 750px;
	height: 34px;
	border-bottom: 1px solid #ccc;
	}

#wideimage {
	float: left;
	padding: 0px 0px 0px 12px; 
	text-align: left;
	width: 750px;
	height: 325px;
	}
	
html>body #wideimage {
	float: left;
	margin: 0px 0px 2px -13px; 
	text-align: left;
	width: 750px;
	height: 318px;
	}
	
	
/* Rahmen-Stile in Verbindung mit image tags */
.copyright {
	position:absolute;
	left:525px;
	top:550px;
	width:212px;
	}

.imagebox {
	text-align: center;
	margin: 0 auto; }
	
.pic {
	border: solid #000 1px;
	}