/*______________________________________ ALLGEMEINES___________________________________*/
body {
	margin:0;
	padding:0;
	font-family: sans-serif;
	font-size:1em;
	color:#400000;
	background-color:#ffffff;
	}
p {
	font-family: sans-serif;
	margin:0 0 0 0;
	padding:0;
	}
/*#Content>p {text-indent:2em; margin:0;}*/
/*#Content>p+p {text-indent:2em;}*/

/*#Content>p { margin-top:0px; } */
/*div + notebox { margin-top:0px; }*/	
/*#Content + #notebox { margin-top:200px; }*/
/*div[id=content] { margin-top:4em;} */

p1 {
	font-family: sans-serif;
	margin:0 0 0 0;
	padding:0;
	background-color:#FFFFCB;
	line-height:150%;
	}

h5 {
	font-size: 2em;
	margin-bottom: 0.25ex;
	color:#400000;
	font-style:italic;
}
h4 {
	font-size: 1.3em;
	margin-bottom: 0.25ex;
	color:#400000;
	font-style:italic;
}

a {color:#400000;}

/*______________________________________ Kopf___________________________________*/
#Header {
	font-weight:600;
	font-size: 0.7em;	/* should be same as an h1 header */
	margin:20px 10px 10px 10px;
	padding:0.3ex 0 1.3ex 20px;
	border:3px outset #ffffff;
	background-color:#c0c0c0;
	/*background-color:#000000;*/
	height:140px;

/* Here is the ugly brilliant hack that protects IE5/Win from its own
stupidity.  Thanks to Tantek Celik for the hack and to Eric Costello
for publicizing it.  IE5/Win incorrectly parses the "\"}"" value,
prematurely closing the style declaration. The incorrect IE5/Win value
is above, while the correct value is below. See
http://glish.com/css/hacks.asp for details. */

	voice-family: "\"}\"";
	voice-family:inherit;
	/*height:1ex+3px;	/* UNTESTED!  Was 14px */
	}
/* I've heard this called the "be nice to Opera 5" rule. Basically, it
feeds correct length values to user agents that exhibit the parsing
error exploited above yet get the CSS box model right and understand
the CSS2 parent-child selector. ALWAYS include a "be nice to Opera 5"
rule every time you use the Tantek Celik hack (above). */
body>#Header {height:140px;}
#Header a {
font-size:0.9em;
}
#header img{
margin-right:30px;
}
/*______________________________________ Menue___________________________________*/

#Menu {
	float:left;
	width:9em;
	padding:0.5em;
	background-color:#808080;
	border:0px dashed #000000;	}
body>#Menu {width:12em;}

#Menu a{

background:#C0C0C0;
text-decoration:none;
display:block;
width:7em;
padding:0;
margin-top: 1em;
border:3px outset #ffffff;}

#Menu a:hover{

background:#FFFFCB;
text-decoration:none;
display:block;
width:7em;
padding:0;
border:3px inset #ffffff;}

#Menu img{
width:7em;

}


 /*______________________________________ Inhalt breit___________________________________*/
#Contentbreit {
	/* Left margin is menu width + 3em
	
	 */
	position:relative;
	margin-left: 10em;
	margin-right: 5em;
	top:10px;
	left:20px;	/*Weg von Menue*/}

#Contentbreit h2 {font-size: 1.4em;
	margin-bottom: 0.25ex;
	color:#400000;
	border-bottom:2px solid #c0c0c0;
	}
#Contentbreit h3 {font-size: 1.3em;
	margin-bottom: 0.25ex;
	color:#400000;
	font-style:italic;
	}
#Contentbreit h4 {font-size: 1.0em;
	margin-bottom: 0.25ex;
	color:#400000;
	font-style:italic;
	}



#Contentbreit p{
	margin:0 0 1em 0; /*oben kein abstand, nach unten schon*/
	border:0px solid #000000;
	padding-left:0px;
	
	text-indent: 0em;
	}
#Contentbreit img{
	width:6em;
	border:0px solid #000000;
	}
	



  /*______________________________________ Inhalt schmal___________________________________*/
#Content {
	/* Left margin is menu width + 3em
	
	 */
	position:relative;
	margin-left: 10em;
	margin-right: 20em;
	top:10px;
	right:25em;
	left:20px;	/*Weg von Menue*/}
	
	

#Content h2 {font-size: 1.4em;
	margin-bottom: 0.25ex;
	color:#400000;
	border-bottom:2px solid #c0c0c0;
	}
#Content h3 {font-size: 1.3em;
	margin-bottom: 0.25ex;
	color:#400000;
	font-style:italic;
	}
#Content h4 {font-size: 1.0em;
	margin-bottom: 0.25ex;
	color:#400000;
	font-style:italic;
	}



#Content p{
	margin:0 0 1em 0; /*oben kein abstand, nach unten schon*/
	border:0px solid #000000;
	padding-left:0px;
	
	text-indent: 0em;
	}

/*______________________________________ Rechts___________________________________*/

#right {
        /* Left margin is menu width + 3em
         */
        padding:1em 1em 1em 1em;
        position:absolute;
        right:1em;
		margin-top: 7em;
		margin-left: 0.5em; 
	width:20em;
        border: 0px solid #000000;
	font-size: 0.9em;
	background-color:#FFFFCB;
}
#right p{
        font-family: sans-serif;
        margin:0 0 1em 0; /*oben kein abstand, nach unten schon*/
        
        padding-left:15px;
        font-size:1em;
        text-indent: 0em;}
		
#right img{
	width:19em;
	}
/*______________________________________ FOTO___________________________________*/

#foto {
	}

#foto a{

background:#FFFFCB;
text-decoration:none;
display:block;
width:9em;
padding:0;
margin-top: 1em;
border:3px outset #ffffff;}

#foto a:hover{

background:#FFFFCB;
text-decoration:none;
display:block;
width:9em;
padding:0;
border:3px inset #ffffff;}


/*______________________________________ Rahmen___________________________________*/
#rahmen{
position: absolute;
top: 50%;
left: 50%;
margin-left: -450px;
margin-top: -300px;
width:900px;
height:600px;
border:3px inset #ffffff;
background:#808080;
overflow:auto;
padding-bottom:1em;
}
















/*_______________________________________________ALTLASTEN__________________________*/
#box {
position:static;
margin: 1em;
}
#box a{
color:#ffffff;
background:#000000;
text-decoration:none;
display:block;
padding:0;
border:0px solid black;
float: right;}

#box a:hover{
color:#ffffff;
background:#000000;
text-decoration:none;
display:block;
width:10em;
padding:0;
border:0px solid black;
float: right;}

#box a .info{
display:none;}

#box a:hover .info{
position:absolute; top:200px; right:10px;
display:block;
width:300px;
color:black;
background:#ffffff;
font:normal 16px courier, sans-serif;
border:1px solid black;
padding:10px;}

#box a:focus .info{
font-size:x-small;
color:black;
background:#000000;
border:0px solid black;
font-weight:normal;
display:block;
width:10em;
padding:0em;}

#box {
position:static;
margin: 1em;
}
#box2 a{
position: relative;
left: 10px;
color:#ffffff;
background:#000000;
text-decoration:none;
display:block;
width: 100px;
padding:0;
border:0px solid black;
float: right;}

#box2 a:hover{
position: relative;
left: 10px;
color:#ffffff;
background:#000000;
text-decoration:none;
display:block;
width: 100px;
padding:0;
border:0px solid black;
float: right;}

#box2 a .info{
display:none;}

#box2 a:hover .info{
position:absolute; left:100px;
z-index:1;
display:block;
width:300px;
color:black;
background:#ffffff;
font:bold 16px courier, sans-serif;
border:1px solid black;
padding:10px;}

#box2 a:focus .info{
font-size:x-small;
color:black;
background:#000000;
border:0px solid black;
font-weight:normal;
display:block;
width:10em;
padding:0em;}

#Content img.frame{
margin-right:1em;
margin-bottom:1em;
border:4px double #400000;
}