@import url(dropdown.css);

/* Versteckt vor NN4 */
html{margin: 0px; padding: 0px;}

body
{
	background: #273F57 url(../pictures/bluemchen.jpg) fixed bottom right no-repeat;
	color: black;
	margin: 0;
	padding: 1em;
	padding-top: 1.3em;
}

/* + verstecken vor IE, Konqueror */
body>#content[id ~=content]{
	background: #C0C8D0 url(../pictures/bluemchen2.jpg) fixed bottom right no-repeat;
}

#content{width: auto;}

#content
{
	padding: 1em;
	padding-left: 2em;
	border: 1px solid white;
	background: #C0C8D0;
	color: black;
	font-family: sans-serif;
}

#content h1
{
	font-size: 1.5em; 
	border-bottom: 2px dashed black;
	padding-bottom: 0.75em;
}
#content h1/* */{position: relative; /* ekelhafter IE6 bug */}
#content>h1{position: static;}

#content h2{font-size: 1.2em;}
#content dt{font-weight: bold; margin-top: 1em;}
#content p{max-width: 40em; text-align: justify;}
#content p.nomaxw{max-width: 200em;}
#content ul, #content dl{max-width: 40em;}

var{font-weight: bold; font-style: normal;}
abbr, span[title]{cursor: help; border-bottom: 1px dotted black;}
#content #timestamp
{
	color: #5B7A97;
	text-align: right;
	max-width: 200em;
	clear: both;
	margin-bottom: 0; margin-right: 0;
}

/* Seitenspezifische Formatierungen */

#content.sofi img
{
	border: 2px solid black;
	margin: 10px;
}

#kontaktbild{float: right; border: 1px solid black;}

#content.index h2 {clear: both; max-width: 33.33em;}
#content img.lfloat{float: left; border: 1px solid black; margin-right: 1em; margin-bottom: 1em;}
#content img.rfloat{float: right; border: 1px solid black; margin-left: 1em; margin-bottom: 1em;}
 

#content.jlathe h1 img{vertical-align: middle;}

#content.jlathe p img,
#content.jlathe div img{float: left; margin-right: 1em;}
#content.jlathe h1{text-align: center; font-size: 1.75em;}
#content.jlathe h2,
#content.jlathe h3,
#content.jlathe dl {clear: left;}
#content.jlathe h2{padding-top: 2em;}

#content.jlathe dt {
	border-left: 4px solid #5B7A97;
	border-bottom: 2px solid #5B7A97;
	padding-left: 3px;
}
body>#content.jlathe dt {
	border-top: 4px solid transparent;
	border-right: 2px solid transparent;
}


/* Gerenderte Bilder */

#content.renderings{min-width: 250px;}
#content.renderings .imgandp img
{
	float: left;  margin-right: 1em; margin-bottom: 1em;
	border: 1px solid black;
}
#content.renderings .imgandp p{text-align: left; max-width: 200em; border: 1px solid black; padding: 1em; margin: 0;}
#content.renderings .imgandp p:first-letter{font-size: 2em; color:#5B7A97; }
#content.renderings div.imgandp
{
	border-top: 1em solid #5B7A97;;
	margin-top: 1em;
	height: 150px; /* Workaround for IE6 (flickering BUG with clear). overridden below */
	clear: none;
}
#content.renderings>div.imgandp{height: auto; clear: left;}

/* für Photoseiten */
#content.photos{min-width: 420px;}
#content.photos .imgandp img
{
	float: left;  margin-right: 1em; margin-bottom: 1em;
	border: 1px solid black;
}
#content.photos .imgandp p{text-align: left; border: 1px solid black; padding: 10px; margin: 0; min-height: 130px;}
#content.photos .imgandp p:first-letter{font-size: 2em; color:#5B7A97; }
#content.photos div.imgandp
{
	float: left;
	clear: none;
	border-top: 1em solid #5B7A97;;
	margin-top: 1em;
	margin-right: 1em;
	width: 420px;
	min-height: 150px;
}

br.stopfloat{clear: both;}

/* header navigation */

#navi2
{
	font-family: 'courier new',monospace;
	font-weight: bold;
	font-size: 0.8em;
	color: white;
	line-height: 2em;
}

#navi2 ul
{
	margin: 0; padding: 2px;
	margin-left: 10%;
	margin-right: 10%;
	list-style-type: none;
	border: none; border-bottom: 1px solid #47637E;
	text-align: center;
}

#navi2 li{display: inline;	list-style-type: none;}

#navi2 a
{
	text-decoration: none;
	color: white;
	background: #274057;
	border: 3px solid #47637E;
}

#navi2 em a
{
	border: 3px solid #7793AE;
}

#navi2 em a
{
	background: #5B7A97;
	color: white;
	font-style: normal;
}

#navi2 a:visited{color: #EEE;}

#navi2 a:hover
{
	background: #5B7A97;
	border: 3px solid #7793AE;
	color: white;
}