html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
vertical-align: baseline;
}

body, div, p, img, ul, li, h1, h2, h3 {
	margin: 0px;
	padding: 0px;
    
    font-family: Helvetica, sans-serif;
}

a { text-decoration:none; }
img { border:none; }
/*---------------------------------*/
/* Layout                  */
/*---------------------------------*/
body {
	background:transparent url(layout/body_background.jpg) repeat;
}
div#top_background {
	background:transparent url(layout/top0.jpg) top center no-repeat;
}

div#page {
    width:760px;
    margin: 0px auto;
    padding: 0px 0px 0px 0px;
}

div#header {
    height:246px;
		margin: 0px auto;
}

div#middle {
    width:760px;
		margin: 0px auto;
	background:transparent url(layout/main0.jpg) repeat-y top right;
}

div#leftCol {
	width:200px;
	margin: 0px 0px 0px 0px;
	float:left; 
	position:relative;
    display:block;
    background:transparent url(layout/menu0.jpg) repeat-y top left;
}

div#menu {
    width:200px;
		padding:0px 0px 0px 0px;
		margin:0px 0px 0px 0px;
		/*
    margin-left:3px;
    margin-right:5px;
    margin-top:-4px;
		*/
}

div#menu-bottom {
    width:200px;
    height:10px;
    background: transparent url(layout/menu1.jpg) no-repeat scroll center bottom;
}


div#rightCol {
	width:560px;
	float:left;
	position:relative;
    display:block;
	
	min-height:600px;
	/* 7. IE7 Hack - min height of element */
	height:auto !important;
	height:600px;
    
    background:transparent url(layout/main1.jpg) top left no-repeat;
    
}



div#bottom {
	width:760px;
    height:35px;
    display:block;
    margin: 0px auto;
    
    text-align:center;
    
    background:transparent url(layout/footer_background.png) no-repeat scroll right bottom;
}


/*---------------------------------*/
/* Content                    */
/*---------------------------------*/
div#content {
    width:500px;
    
}
a {
	color:#621218;
    font-weight:bold;
}


div#content {
    margin:10px;
    font-size:13px;
}

div#content a {
    color:#621218;
    font-weight:bold;
}
div#content a:hover {
    text-decoration:underline;
}
div#content p {
    
    padding:4px 0px 4px 10px;
    
}
div#content ul {
    padding:4px 0px 4px 40px;
    
}

div#content h1,h2,h3,h4,h5,h6  {
    font-size:18px;
    padding:6px 0px 4px 0px;
		margin:0px 0px 5px 0px;
	display:block;
	border-bottom:1px solid black;
}
div#content h4{
   font-size:15px;
}

p.cytat{
   font-style: italic;
}

p.cytat-autor{
   text-align:right;
   margin-bottom:35px;
}

img {
	margin:3px 10px 3px 3px;
}


/*=================================*/
/*=================================*/


/*---------------------------------*/
/* Navigation                      */
/*---------------------------------*/
#menuList, #menuList ul {
	width:190px;
	list-style:none;
}

#menuList a {
    display:block;
    padding:5px 5px 5px 10px;
    
    background:#f9f8f6;
    color:black;
    font-size:15px;
    font-weight:bold;
    border-bottom:1px solid black;
}

#menuList ul a {
    display:block;
    padding:5px 5px 5px 15px;
    
	background:rgb(255,255,255);
	color:black;
    font-size:14px;
    font-weight:normal;
}
/*=================================*/
/*=================================*/

/*---------------------------------*/
/* Footer                    */
/*---------------------------------*/
div#bottom p {
    text-align:center;
    padding-left:200px;
}
div#bottom p {
    padding-top:11px;

    font-size:11px;
}






/* Fix IE Win \*/
* html a { height: 1px; }
/* End Fix */ /* 3. IE6 Hack - hover on whole elements*/

 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}
/*=================================*/
/*=================================*/