/* genereal start  */
li,ul
{
	margin: 0px;
	padding: 0px;
	border: 0px;
}

img
{
	border: 0px;
}

/* general end */
body
{
	font-size: 0.8em;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin: 0.2em 0 0 0;
	background-color: #F6F6F6;
}

#page
{
	width: 100%;
}

#menu, #menu_deutsch
{
	width: 12em;
	float: right;
	height: 100%;
	margin: 0.5em;
/*	border-left: 5px solid #708090; */
	background-color: #E3E6EA;
	padding: 1em;
	height: 23em;
}

#menu_deutsch
{
	height: 5em;
}


/* mozilla */
html>body #menu
{
	margin-top: -0em;
}

div#content
{
	margin: 1em 16em 0 14em; 
	margin-left: 10%;
	padding: .2em 1em;
	padding-bottom: 2em;
	background-color: #EEEEEE;
}

#menu ul,#menu_deutsch ul
{
	display: inline;
}

#menu li,#menu_deutsch li
{
	list-style: none;
	padding: 0.2em;
	font-size: 1.4em;
	font-weight: bold;
	margin-bottom: .2em;
	background-color: #C3D3FB;
}

div#caption 

{
	margin: 0 14em 0 16em;
	margin-left: 10%;
}
div#caption h1,div#caption h3
{
	margin: 0em;
}

h1
{
	font-size: 1.9em;
}

h2
{
	font-size: 1.5em;
	text-align: left;
}

h3
{
	font-size: 1.2em;

}

#content h3
{
/*	background-color: #F0F8FF;	 */
	border-bottom: 1px dotted #696969;
	padding: 0.3em;
}
#content a
{
	color: Black;
}

#content a:hover
{
	background-color: #F0F0F0;
}

h4
{
	font-size: 1.1em;
}

div#footer
{
	font-size: 0.8em;
	border-top: 1px solid gray;
	margin: 2em 20em 2em 20em;
	margin-left: 10%;	
	padding: 0.2em;
	text-align: center;
}

div#menu a,div#menu_deutsch a 
{
	text-decoration: none;
	color: Black;
}

div#menu a:hover,div#menu_deutscha:hover
{
	color: #9196A5;
}


#menu #language
{
	margin-top: 2em;
}

li#deutsch
{
	background-color: #EFD79E;
}

li#english
{
	background-color: #E0AB92;
}

ul ul
{
	font-size: 0.5em;
}

ul ul li
{
	margin: 0.3em;
	margin-left: 1.5em;
}


.year
{
	width: 8em;	
	float: left;
	margin-bottom: 1em;
	font-weight: bolder;
	color: #5F5F5F;
}

.text
{
	margin-left: 8em;
	margin-bottom: 2em;
}

.clean
{
	clear: both;
	border: none;
   margin: -1em 0 0 0;
	visibility: hidden;
}


.desc
{
	font-size: 0.8em;
	color: #070707;
	display: inline;
}

.fotoarea
{
	text-align: center;
}

.fotoarea li
{
	display: inline;
	width: 200px;
}

.fotoarea li img
{
	display: inline;
	margin-left: 1%;
	padding: .8em;
	background-color: #D6DADE;	
}


.fotoarea li a
{

}

.foto a:hover
{
	border: aqua;
}


.fotoarea ul
{

}

.legend
{
	width: 200px;
}

.book
{
	float: left;
	margin: 0.5em;
	padding: .8em;
	background-color: #D6DADE;	

}

hr.clean
{
	height: 1px;
	visibility: hidden;
	clear: both;
	margin: -1em 0 0 0;
	border: 0px;
}

.image
{
	text-align: center;
}

.image img
{
	margin-left: auto;
	margin-right: auto;
}