* {	
margin: 0;
padding: 0;
font-family: "Segoe UI", "trebuchet MS" ,Arial, Helvetica, sans-serif;
}
body{
font-size: 1.0em; margin:0 auto; text-align:center;
background-color: #505050; /*#FFF2F2;*/
color: black;
background-image: url(images/bg-main.jpg); background-repeat: repeat; background-position: top left;}

#start {
	position: absolute; top: 50%; left: 50%;
	width: 765px; height: 570px;
	margin: -285px 0 0 -382px;}

#container {
	margin: 1em auto;
	width: 780px;
	text-align: left; border-left: 1px solid white; border-right: 1px solid white;
	 }
#header	{
	height: 130px; width: 780px; background-image: url(images/header-grad.png); background-repeat: no-repeat; 
	background-position: center ;	background-color: transparent;}

#mainnav	{	width: 160px; height: 400px; float: right; /*background-image: url(images/bg-menu.jpg); background-repeat: no-repeat;*/
	background-color: #FFF; font-size: .84em;	font-family: Arial, Helvetica, sans-serif; /*border-top:10px solid #222;*/
	position: relative; top: 10px ; left: -20px;color: black;}
	
#mainnav ul {margin : 0; padding : 20px 0 0 0 ;  letter-spacing: 0.02em}
#mainnav li {margin: 0; padding : 3px 0 0 12px; list-style-type: none;}
#mainnav a, a:link, a:visited, a:active  {font-weight:normal; text-decoration: none; line-height: 120%;
	display: block; background-color: transparent; color: #999; width: 120px; padding : 0 0 0 2px }

#mainnav a:hover {text-decoration:none; background-color: #999; color:white;
}

#content {
		margin: 0 auto; padding: 20px 0 10px 0; 
		border-top: 10px solid #FFCC33; border-left: 28px solid #999; border-bottom: 10px solid #999; border-right: 210px solid #999; background-color: white;}
#content p {background-color: white;
	font-size: 0.85em; margin: 0.5em 0 0.5em 22px; width: 500px; min-height: 100px;}
	
#content a, a:link, a:visited, a:active  {
		font-weight:normal; text-decoration: underline; display: inline;
		background-color: transparent; color: #B7221F}
#content a:hover{text-decoration:none; 
		background-color: #FFF2F2; color:#000;}

#content ul {margin : 0 0 0 40px; padding : 0 0 0 25px ;  width: 550px; font-size: 0.85em; }
#content li {display: list-item; margin: 0; padding: 0; list-style-type: disc;}

H1 {font: bold .98em Arial, Helvetica, sans-serif; color: black; letter-spacing: 0.05em;
	margin: 6px 0 6px 22px; }
H2 {font: bold 0.9em Arial, Helvetica, sans-serif; color: black; letter-spacing: 0.04em;
	margin: 15px 0 2px 22px; }
H3 {font: normal .85em "trebuchet MS", verdana, arial, helvetica, sans-serif; letter-spacing: 0.04em;
	color: #0B2644; margin: 0 0 4px 40px; }
H4 {font: bold 16px  Arial, Verdana, sans-serif; letter-spacing: 0.1em;
	color: #DCA706; margin-top: 15px; margin-bottom: 0; padding-left: 10px; padding-right: 6px; background-color : #F4EFDC;
	border : 1px #CC6633 solid ; }
H5 {font: bold 14px Verdana, arial, helvetica, sans-serif; 
	color: White; margin-bottom: 0; margin-top: 20px; }
H6 {font: bold 10px Verdana, geneva, helvetica, sans-serif; 
	color: #756D6D; margin-bottom: 0; }
	
.top {width: 480px; height:16px;  text-align: right;  /*color: #0B2644;*/ font-size: 0.85em; 
	background: transparent  url(images/up.gif) no-repeat center right; color: black; margin: 0 30px 0 0; padding: 0 20px 0 0;}

	
#footer	{
		clear: both;
		height: 20px; font-size: 0.75em; padding: 3px 0 0 26px; letter-spacing: 0.10em; margin-top: 0px;
		background-color: #999; color: white; border-top: 1px solid white; border-bottom: 1px solid white;}
#footer a, a:link, a:visited, a:active{text-decoration:none; color: white; letter-spacing: 0.12em}		
		
#footer a:hover{/*padding: 1px 5px 1px 5px; */ 
	background-color: #FFF2F2; color:#000; text-decoration:none; }
	
#content .fotorechts {float: right; margin-top: 5px; margin-bottom: 10px; margin-left: 5px;  
	margin-right: 0px; /*border: 4px solid #999;*/ }
.fotolinks {float: left; margin-top: 0px; margin-bottom: 10px; margin-left: 0px;  
	margin-right: 10px; /*border: 1px solid #756D6D;*/ }
.smaller p {
	font-size: 0.85em; margin: 0 0 0.5em 40px; width: 480px;}
#filler { margin: 0 auto; height: 100px; padding: 0 0 400px 0;
	background: transparent url(images/trans.gif) repeat 0 top;}
	
.actu{
	 width: 460px; font-size: 0.85em; margin: 0.5em 0 0.5em 22px;
}
#content .linkfotorechts {float: right; margin-top: 5px; margin-bottom: 10px; margin-left: 0px;  
	margin-right: 43px; /*border: 1px solid #756D6D;*/ }
#mainnav .fotorechts {float: right; margin-top: 100px; margin-bottom: 10px; margin-left: 0px;  
	margin-right: 30px; /*border: 1px solid #756D6D;*/ }

#content img{ border: 1px solid #4C4C4C; }
#content a img{ border: 1px solid #4C4C4C; }