body {
	margin: 0px;
	padding: 0px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #000000;
	background: #c0c0c0 url('../images/_MyWebSite_theme/deco.jpg');
	}
		
.marge {
	margin: 0px 20px 0px 20px;
	}

.couche {
	position:relative;
	width: 100%;
	z-index: 75;
	}


/* Custom header and banner min-width addition *************************************************************/

.header {	
	position:relative;
	width: 100%;
	}

#marge {
	margin: 10px 20px 10px 20px;
	}
	
.width {
	width:100%;
	min-width:579px;
}

.content {
	border:0px;
	padding:0px;
}

* html .minwidth {
	padding-left:579px;
}

* html .container {
	margin-left:-579px;
	position:relative;
}

/*\*/
* html .minwidth, * html .container, * html .content, * html .layout  {
	height:1px;
}
/**/	

.banner{ /*this is a box where the top-navigation and the logo will be placed*/	
	color:#000000;
	font-family: "Comic Sans MS", Verdana, sans-serif;
	background-color: inherit;
	text-align : left;	
	height: 145px;
	}

#banner {
	padding: 30px 10px 10px 10px;
	}
		
#tagline{
	color: white;
	background-color : inherit;		
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 3px;
	white-space: nowrap;
	}

.counter_date_ect {
	position: absolute;
	z-index: 50;
	top: 174px;
	color:#000000;
	font-family: "Comic Sans MS", Verdana, sans-serif;
	background-color: inherit;
	margin: 0 0 0 40px ;
	}
	
#topright {
	position: absolute;
	top: 40px;
	color:#000000;
	font-family: "Comic Sans MS", Verdana, sans-serif;
	background-color: inherit;
	margin: 10px 0 0 0 ;	
	left: 800px;
	text-align: right;
	width: 150px;	
	}

.horz_menu {
	position: absolute;
	width: 100%;
	top: 15px;
	}
	
#navlist {
	border:3px solid #000000; margin:0px 10px; background-image : url('../images/bluefilter.gif');
	font-family: verdana,sans-serif;
	font-size: 12px;
	font-weight: bold; padding-left:20px; padding-right:0; padding-top:0; padding-bottom:0 
	}


/* left main navigation******************************************************************************************/
	
#sidebar {
	position: absolute;
	z-index: 100;	
	top: 190px;
	left: 50px;
	width: 150px;
	}	

#nav{
	padding-bottom:0.5em;
	font-family: Tahoma, Helvetica, sans-serif;
	font-size: 0.9em;
	text-align : left;
	font-weight : bold;	
	}

#nav ul, #nav li{
	margin:0;
	padding:0;
	list-style-type:none;
	line-height: 1.5;
	font-weight : bold;
	}

#nav a{
	margin-left:5px;
	padding-left:10px;
	}

#nav a{
	background: url('../images/bullet.gif') no-repeat center left;	
	color: #000000; 
	text-decoration: none;
	}
	
#nav a:hover{
	color : rgb(255,64,64);
	background-color : rgb(255,255,0);
	border-bottom: 1px solid #595959;
	}

ul.menu li
{
	display:inline;
}


/**************** Menu hints begins *******************************************************************************/

a.nav span {
	display: none;
	text-decoration: none;
	}

a.nav:hover span {
   display: block;
   color: black; 
   font: 11px Verdana, Arial, sans-serif;
	}
	
a.nav:hover span {
   position: absolute; 
   top: 180px; 
   left: 200px; 
   width: 220px;
   background: #ffffaa;   
   padding: 12px; 
   z-index: 100;
   border-width: 0px 1px 1px 0px;
   border-style: solid;
   border-color: gray;
	}

a.nav:hover span.unten {
   position: absolute; 
   top: 250px; 
   left: 200px; 
	}

a.nav:hover span.weiterunten {
   position: absolute; 
   top: 330px; 
   left: 200px; 
	}


/* Custom content min-width addition ****************************************************************************/

.middle {
	position:relative;
	z-index: 50;
	width: 100%;
	}

.midwidth {
	width: 100%;
	min-width:780px;
}

.midcontent {
	border:0px;
	padding:0px;
}

* html .midminwidth {
	padding-left:780px;
}

* html .midcontainer {
	margin-left:-780px;
	position:relative;
}

/*\*/
* html .midminwidth, * html .midcontainer, * html .midcontent, * html .midlayout  {
	height:1px;
}
/**/

#containerPost {
	margin: 0px 50px 0px 210px;
	}

	
/*this is a box where the bottom-navigation and the copyright will be placed***********************************/

.foot {
	position:relative;
	width: 100%;
	}
	
.footer {
	color: #000000;
	text-align: center;
	font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif;
	font-size: 11px;
	height: 150px; 
	}
	
#footer {
	padding: 0px 20px 10px 20px;
	}

	
/* 3D colored box for left main navigation**header**footer*********************************************************/

.raised {background: transparent; width:100%; margin:0 auto;}
.raised h1, .raised p {margin:0 10px;}
.raised h1 {font-size:1.2em; color:#000000; text-transform:uppercase; letter-spacing:1px;}
.raised p {padding-bottom:0.5em;}

.raised .top, .raised .bottom {display:block; background:transparent; font-size:1px;}
.raised .b1, .raised .b2, .raised .b3, .raised .b4, .raised .b1b, .raised .b2b, .raised .b3b, .raised .b4b {display:block; overflow:hidden;}
.raised .b1, .raised .b2, .raised .b3, .raised .b1b, .raised .b2b, .raised .b3b {height:1px;}
.raised .b2 {background:url('../images/greyfilter.gif'); border-left:1px solid #fff; border-right:1px solid #eee;}
.raised .b3 {background:url('../images/greyfilter.gif'); border-left:1px solid #fff; border-right:1px solid #ddd;}
.raised .b4 {background:url('../images/greyfilter.gif'); border-left:1px solid #fff; border-right:1px solid #aaa;}
.raised .b4b {background:url('../images/greyfilter.gif'); border-left:1px solid #eee; border-right:1px solid #999;}
.raised .b3b {background:url('../images/greyfilter.gif'); border-left:1px solid #ddd; border-right:1px solid #999;}
.raised .b2b {background:url('../images/greyfilter.gif'); border-left:1px solid #aaa; border-right:1px solid #999;}


.raised .b1 {margin:0 5px; background:#fff;}
.raised .b2, .raised .b2b {margin:0 3px; border-width:0 2px;}
.raised .b3, .raised .b3b {margin:0 2px;}
.raised .b4, .raised .b4b {height:2px; margin:0 1px;}
.raised .b1b {margin:0 5px; background:#999;}
.raised .boxcontent {display:block;  background:url('../images/greyfilter.gif'); border-left:1px solid #fff; border-right:1px solid #999;}