/*--------------------------------------------*/
/* customer: ARI Logo-Badeschuhe
/* file:     formate.css
/* by:       ChristophMayer - lachslounge.de
/* created:  18/06/2010
/*--------------------------------------------*/


/* main settings */
* { font-family: Arial, Helvetica; font-size:12px; color: #898989;line-height:14px;}


/* Links */
a:link    { text-decoration: none; color: #5f5f5f; }
a:visited { text-decoration: none; color: #5f5f5f; }
a:active  { text-decoration: none; color: #5f5f5f; }
a:hover   { text-decoration: none; color: #c6c6c6; }


/* Body */
body { 
	width:1000px; 
  max-width:1000px;
  /*margin-top:0px; 
	margin-bottom:0px; */
  margin-left:auto;
  margin-right:auto;
  background-image: url(/imgs/main/bg.jpg);
  background-position: top center;
  background-repeat: repeat;
	}

/* Image */             
img { vertical-align:top; padding:0px; margin:0px; border:0; }

/* Headers */
h1 { font-size:14px; color:#000000; }
h2 { font-size:14px;  text-transform: uppercase; font-style:normal; color:#464646; font-weight:800; padding-top:12px; }
h3 { font-size:14px;  text-transform: uppercase; font-style:normal; color:#464646; font-weight:800; padding-top:20px; }


h4 { font-size:30px; margin-top:15px; margin-bottom:25px; text-transform: uppercase; font-weight:500}

/* Paragraph */
p { margin-right:10px; margin-left:10px; margin-top:20px; margin-bottom:15px; padding:0px; text-align:justify; }

hr {color:#fff;}


/* CONTENT ID's */



#header { 
	position:absolute;
	top:0px;
  left:0px;
	height:340px; 
	width:100%;
	padding:0px;
	margin-left:0px; 
  z-index:95;
  }
  
  
#main_menue {
  position:absolute;
  width:365px;
  height:20px;
  max-width:600px;
  max-height:20px;
  top:10px;
  right:-1px;
  z-index:96;
  background-color:#cbe0eb;
  padding-top:4px;
  text-align:right;
  border-style: solid;
  border-width:1px;
  border-color: #fff;
  }
  
#main_menue a{  
  margin-right:15px;
  }

  
#header_palme {
  position:absolute;
  width:500px;
  height:80px;
  top:0px;
  left:0px;
  z-index:97;
  }
  
#wrapper {
  position:absolute;
  top:370px;
  margin-left:235px;
  width:660px;  
  /*height:100%;*/
  z-index:94;
  
  }

#content {
	position:relative;
  /*min-height:560px;*/
  margin-left:auto;
  margin-right:auto;
  width:660px;
  background-image: url(/imgs/main/content_bg.jpg); 
  background-repeat:repeat-y; 
  clear:both;
  }
  
  
#content_home_banner{
  position:relative;
  width: 275px;
  height: 275px;
  float:left;  
  padding: 10px; 
  }
  
#content_scroll {
	position:relative;
  left: 250px;
	top:200px;
  width:500px;
	height:350px;  
  overflow:hidden; 
  overflow-x:hidden;
  overflow-y:scroll;
 	}
  
#content_heading {
  position:relative;
  height:35px;
  width:660px;
  margin-top:-35px; 
  background-image: url(/imgs/main/content_top.jpg); 
  background-repeat:no-repeat; 
  clear:both;
  }
  
#content_bottom {
  position:relative;
  height:75px;
  width:660px;
  margin-top:75px; 
  background-image: url(/imgs/main/content_bottom.jpg); 
  background-repeat:no-repeat; 
  clear:both;
  }

#content_articles{
  position:relative;
  width:650px;
  margin-left:auto;
  margin-right:auto;
  }
  
  
#content_article_single{
  position:relative;
  width: 216px;
  float:left;
  margin-bottom:20px;
  margin-top:20px;
     
  }
  
#content_article_buttons{
  position:relative;
  width:100px;
  height:37px;
  }
  
#content_article_buttons img{
  padding:5px;
  margin-bottom:5px;
  }
  
#content_article_big{
  position:relative;
  width: 600px;
  max-height: 359px;
  }
 
#content_article_big .image{
  float:left;
   max-width:431px;
   max-height: 359px;
   
  }
  
  
#content_article_big_infos{
  position:relative;  
  margin: 0;
  max-height:300px;
  text-align:right;
  margin-top:20px;
  
  }
    
    
#content_contact{
  position:relative;
  width: 600px;
  margin-top:20px;
  margin-left:20px;
  }
  
#content_products{
  position:relative;
  width: 600px;
  margin-top:20px;
  text-align:left;
  }

  
ul.eingerueckt {
  margin-left:20px;
  color:#fff;
  }
  
   
  
  
#footer { 
	position:absolute;
  right:0px;
  bottom:0px;
  width:200px;
	height:20px;
  margin
  clear:both;
	}  


#footer_cont { 
  position:relative;
  height:235px;
  width:660px;
  clear:both;
  background-image:url(/imgs/main/footer.jpg);
  }
  
#footer a {
  margin-right:5px;
  margin-left:5px;
  } 

  
#footer a:link    { text-decoration: none; color: #000; }
#footer a:visited { text-decoration: none; color: #000; }
#footer a:active  { text-decoration: none; color: #000; }
#footer a:hover   { text-decoration: none; color: #fff; }


#menue{
  position:absolute;
  top:363px;
  width:190px;
  z-index:98;
  margin-left:25px;
  background-color: #fff;
  background-image: url(/imgs/main/submenue_bg.jpg);
  background-repeat: repeat-y;
  border-width:1px;
  }  
 
#menue a{
  margin-top:5px;
  }

#menue .submenue_top {
  margin-top: -16px;
  }
 
#menue .submenue_bottom {
  margin-top: 10px;
  }
 

/*Menue accordeon*/


ul.menu, ul.menu ul {
  list-style-type:none;
  margin: 0;
  padding: 0;
  width: 15em;
}

ul.menu a {
  display: block;
  text-decoration: none;	
}

ul.menu li {
  margin-top: 1px;
}

/*heading*/
ul.menu li a {
  background: #fff;
  color: #464646;	
  padding: 0.5em;
}

/*heading hover*/
ul.menu li a:hover {
  background-image: url(/imgs/main/submenue_heading_hover_bg.jpg);
}


/*sub*/
ul.menu li ul li a {
  background-image: url(/imgs/main/submenue_sub_bg.jpg);
  color: #464646;
  padding-left: 20px;
}

/*sub hover*/
ul.menu li ul li a:hover {
  background-image: url(/imgs/main/submenue_heading_hover_bg.jpg);
  }

  
  
/*subsub*/
ul.menu li ul.subsub li a {
  background-image: url(/imgs/main/submenue_heading_hover_bg.jpg);
  color: #464646;
  padding-left: 20px;
}

/*subsub hover*/
ul.menu li ul.subsub li a:hover {
  background:#fff;
  }


/*subsubsub*/
ul.menu li ul.subsub li ul li a {
  background-image: url(/imgs/main/submenue_sub_bg.jpg);
  color: #464646;
  padding-left: 20px;
}

/*subsubsub hover*/
ul.menu li ul.subsub li ul li a:hover {
  background-image: url(/imgs/main/submenue_heading_hover_bg.jpg);
  }