*
{
	margin:0;
	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1em;
	color:#fff;
}
html
{
	font-size:100.01%;
	background-color:#44b;
}
h1
{
	height:100px;
	background-color:#44b;
	margin:10px 8px 20px;
	border-bottom:1px solid #ff0;
	font-size:1.5em;
	color:#ff0;
	text-align:center;
	vertical-align:center;
}
#main
{
	/*width:790px;*/
	border:8px solid #44b;
	margin:0 auto 10px;
	background-color:#44b;
	font-size:0.8em;
}
#navi
{
	float:left;
	width:16em;
	color:#fff;
	list-style-type:none;
	/*border-top:1px solid #ff0;*/
}
#navi li
{
	border-width:2px;
	border-style:solid;
	border-color:#77e #33a #229 #66d;
	padding-left:10px;
}
#navi a
{
	display:block;
	padding:8px;
	padding-left:0;
	color:#ff0;
	text-decoration:none;
}
#navi a:hover
{
	text-decoration:underline;
}
#navi ul
{
	list-style-type:none;
}
#navi ul li
{
	border-width:1px;
	border-color:#33a #66d #77e #229;
}
#navi li#current
{
	padding:8px 0 8px 10px;
}
#content
{
	padding-bottom:10px;
	background-color:#44b;
	overflow:hidden;
	margin-left:1em;
}
#content p, #content ul, #content h2, #content h3, #content h4, #content address
{
	margin-right:2em;
}
#content h2
{
	font-weight:normal;
	font-size:1.4em;
}
#content address
{
	font-style:normal;
}
#content ul
{
	margin-bottom:1em;
	overflow:hidden;
}
#content ul p, #content ul h3
{
	margin-right:0;
}
#content img
{
	float:left;
	margin:0 20px 10px 10px;
	border:none;
}
#content img.second
{
	margin-top:-4em;
}
#content #images
{
	float:right;
	width:160px;
}
#content #images img
{
	margin:10px 0 0 0;
	vertical-align:middle;
}
h2
{
	font-size:1.5em;
	padding:0.66666em;
}
p, h3, h4, address
{
	margin:1em;
}
p
{
	margin-top:0;
}
h3
{
	margin-top:2em;
}
li h3
{
	margin-top:1em;
}
#content .seminar
{
	border-top:1px solid #fff;
	margin-top:2em;
}
#content .seminar img
{
	margin:2em 10px 10px 20px;
	float:right;
}
.subtitle
{
	font-size:1.5em;
	margin:-0.666666em 0.666666em 0.666666em 0.666666em;
}
.new
{
	clear:both;
}
.modellist li
{
	width:28%;
	float:left;
}
.photographers, .backlink
{
	clear:both;
}
.photographers
{
	font-size:0.8em;
}
* html #content ul
{
	margin-left:12em;
}
#content li
{
	margin-left:2em;
}
#content a
{
	color:#ff0;
	text-decoration:none;
}
#content a:hover
{
	text-decoration:underline;
}
#startpage #content img
{
	float:right;
}
#startpage #content p img
{
	float:none;
}
#startpage p
{
	font-size:2.5em;
	font-weight:normal;
	text-align:center;
	line-height:2em;
	margin-top:80px;
	margin-left:20px;
}
#startpage .subtitle
{
	font-size:1.5em;
}
#photoranking
{
	/*position:absolute;
	bottom:20px;*/
}
#preview
{
	width:150px;
	height:150px;
	padding:3px;
	/*border:1px solid #ff0;*/
	margin:10px;
	float:right;
}
#content .modellist img
{
	visibility:hidden;
	position:absolute;
	top:153px;
	right:2px;
	border:1px solid #ff0;
}
#content .modellist a:hover img, #content .modellist a:focus img, #content .modellist a:active img
{
	visibility:visible;
	z-index:2;
}
#content .modellist a:hover img
{
	z-index:3;
}

/* IE6 Bugfixing */
* html img, * html #navi, * html #content p, * html #content h2, * html #content h3
{
	position:relative; /* without this only one image is shown on the right,
						  and the navi is halved and not clickable *sigh* */
}
* html .modellist a:hover
{
	/* if a:hover is not changed visibly, IE ignores a:hover img */
	background-color:#44b; /* this doesn't look weird, because the background of the site has this color anyway */
}
* html .modellist img
{
	top:171px; /* IE has somewhat different positions */
	right:11px;
}
* html #content
{
	margin-left:17em;
}
* html #content ul
{
	margin-left:0;
}