/*
 * @author ( Angie Radtke )
*/

/* not ready */

/* ##########################  general  ########################### */

/*
@font-face {
  font-family: 'Titillium Maps';
  src: url("../fonts/TitilliumMaps29L002.eot");
  src: local('Titillium Maps'), local('TitilliumMaps'),
    url("../fonts/TitilliumMaps29L002.otf") format("opentype"),
    url("../fonts/TitilliumMaps29L002.woff") format("woff");
}
*/
body
{
  background: #e0dedf  url(../img/header.png) repeat-y;
  color: #333;
  font-family: arial, helvetica, sans-serif;
}


#header
{
  /*padding-top:10em;
  margin-top:-155px;*/
  width:100%;
  height: 80px;
}


input:focus
{
  border:solid 2px;
}

fieldset
{
  border:solid 0px #ccc
}

.article-info
{
  color:#444
}

.article-info dd span
{
  color:#444;
  border-right:solid 0px;
  background:#eee
}



/* ##########################  logo  ########################### */
#logo img
{
margin-bottom: 2px;
}
#logo span
{
  color:#fff;
  /*padding-left:50px;*/
  margin-left: -122px;
  font-size:0.3em !important;
  text-transform:none;
  font-family:arial, sans-serif
}

.logoheader
{

  background:  #333 ;
  color:#fff;
  min-height:100px;
  box-shadow: inset 0px 50px 10px -48px #fff, 0px 2px 5px 1px #555;
  /*margin:0em 10px 0 10px !important;*/

}


h1#logo
{
     font-family: 'Titillium Maps',  Arial;
     padding:13px 20px 20px 10px;
     text-transform:uppercase;
     font-weight:normal;
     margin-top:0;
}





/* ##########################  header  ########################### */

#header
{
  background:#fff;
  font-size:1em;
  position:relative


}

/* ++++++++++++++  lists, skiplinks  ++++++++++++++ */
#header ul.menu
{
  height: 30px;
  padding: 0px 0px 0px 0 ;
  background:rgba(170,170,170,1);/*#e0e0e0  url(../img/ecke.gif) top left repeat-x ;*/
  border:0 ;
  text-align:left;
  left:0px;
  display:block;
  position: absolute;
  width: 100%;
  height: 30px;
  top: 52px;
  /*margin:-50px 0px 0px 0px;*/
  box-shadow: inset 0px 50px 10px -48px #fff, 0px 2px 5px 1px #555;
}
@media screen and (max-width: 410px) {
	#header ul.menu
	{
	width: 640px;
	}
}

#header ul.menu li
{border:0; margin:-5px 0 !important;display:inline-block !important;line-height: 10px;     }
#header ul.menu li a:link,
#header ul.menu li a:visited
{

  color:#333;
  border:0 ;
  border-right:solid 1px #333;
  margin:0px 0 0 0 ;
  padding:12px 5px ;
  position:relative;
  background:#777777;/* #e0e0e0 url(../img/ecke.gif) repeat-x top left;*/
  display:inline-block !important;
  border-top-right-radius: 15px;
  border-top-left-radius: 5px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
  box-shadow: inset 0px 50px 10px -48px #fff, 0px 2px 5px 1px #555;

}


#header ul li.active a:link,
#header ul li.active a:visited
{
  color:#f5f5f5;
  /*background:url(../img/navi_active.png) ;*/
  text-shadow: 1px 1px 1px #000;
}
#header ul li.active a:hover
{
box-shadow: inset 0px 50px 10px -48px #fff, 5px 1px 10px 2px #fff !important;
}

.selected
{
	/*background-color:rgba(55,188,55,0.9) !important;*/
	border-radius:5px !important;
	box-shadow: inset 0px 50px 10px -48px #fff, 0px 3px 2px 2px #0f0 !important;
}
#idfonctionnalites 
{
display:none;
width: 240px;
position: absolute;
top: 38px;
left: 0px;
z-index: 500;
background: rgba(255,255,255,0.8);
border-top-right-radius: 15px;
border-bottom-right-radius: 15px;
padding-left: 5px;
/*padding-bottom: 15px;*/
padding-top: 10px;
box-shadow: inset 0px 50px 10px -48px #fff, 0px 2px 5px 1px #555;
}
#idfonctionnalites  a:hover
{
box-shadow: inset 0px 50px 10px -48px #fff, 0px 2px 5px 1px #5f5 !important;
}
#idfooter
{
  background:  #444444 ;
  color:#fff;
  width:100%;
  min-height:170px;
  /*position:absolute;
  bottom:0px;*/
  margin-top:200px;
  margin-bottom:0px;
  box-shadow: inset 0px 50px 10px -48px #fff, 0px 2px 5px 1px #555;

}
#idfooter a
{
	color:#ccc;
	display:block;
}
/*@media screen and (max-width: 366px) {
	#idfooter
	{
	width: 700px;
	}
}*/