/*
 *  psd2css.css
 *
 *  This is your external CSS style sheet. It defines all of the CSS styles that you
 *  are using in your page.  If you are going to create multiple pages from the same
 *  PSD file (like a template), you will share this CSS style sheet between the various
 *  pages.
 *
 *  This file was originally generated at http://psd2cssonline.com 
 *  January 10, 2010, 9:36 pm with psd2css Online version 1.66
 *
 */

/* You named this layer _center_empty */
#Layer-1 {
  position: absolute;
  margin-left: -520px;
  left: 50%;
  top: +0px;
  width: 1040px;
  height: 1080px;
  z-index: 1;
}

/* You named this layer container_empty */
#Layer-2 {
  position: absolute;
  left: 18px;
  top: 509px;
  width: 1004px;
  height: 528px;
  z-index: 2;
}

/* You named this layer _footer_center */
#Layer-3 {
  position: absolute;
  margin-left: -502px;
  left: 50%;
  top: -22px;
  width: 1004px;
  height: 22px;
  z-index: 3;
}

#FooterWrapper {
  position: fixed;
  left: 50%;
  width: 100%;
  top: 100%;
  height: 0px;
  left: 0px;
}

/* You named this layer _footer_joomla */
#Layer-4 {
  position: absolute;
  margin-left: 390px;
  left: 50%;
  top: -30px;
  width: 1003px;
  height: 20px;
  z-index: 4;
}

#FooterWrapper {
  position: fixed;
  left: 50%;
  width: 100%;
  top: 100%;
  height: 0px;
  left: 0px;
}

/* You named this layer middle_frame */
#Layer-5 {
  position: absolute;
  left: 1px;
  top: 0px;
  width: 747px;
  height: 527px;
  z-index: 5;
}

/* You named this layer content_joomla */
.Layer-6 {
  position: relative;
  left: 42px;
  top: 0px;
  width: 664px;
  z-index: 6;
}

/* You named this layer anmeldung */
#Layer-7 {
  position: absolute;
  left: 754px;
  top: 225px;
  width: 250px;
  height: 272px;
  z-index: 7;
}

/* You named this layer right_joomla */
#Layer-8 {
  position: absolute;
  left: 16px;
  top: 10px;
  width: 217px;
  height: 254px;
  z-index: 8;
}

/* You named this layer navfeld */
#Layer-9 {
  position: absolute;
  left: 754px;
  top: 1px;
  width: 250px;
  height: 212px;
  z-index: 9;
}

/* You named this layer user1_joomla */
#Layer-10 {
  position: absolute;
  left: 12px;
  top: 10px;
  width: 218px;
  height: 201px;
  z-index: 10;
}

/* You named this layer Menubar_center */
#Layer-11 {
  position: absolute;
  margin-left: -524px;
  left: 50%;
  top: +104px;
  width: 1048px;
  height: 394px;
  z-index: 11;
}

/* You named this layer top_joomla */
#Layer-12 {
  position: absolute;
  left: 30px;
  top: 80px;
  width: 984px;
  height: 306px;
  z-index: 12;
}

/* You named this layer logo_link */
#Layer-13 {
  position: absolute;
  left: 56px;
  top: 20px;
  width: 310px;
  height: 86px;
  z-index: 13;
}

/* You named this layer grobritanien_link */
#Layer-14 {
  position: absolute;
  left: 966px;
  top: 63px;
  width: 39px;
  height: 39px;
  z-index: 14;
}

/* You named this layer deutschland_link */
#Layer-15 {
  position: absolute;
  left: 915px;
  top: 62px;
  width: 60px;
  height: 40px;
  z-index: 15;
}

/* You named this layer kontakt_link */
#Layer-16 {
  position: absolute;
  left: 832px;
  top: 21px;
  width: 194px;
  height: 52px;
  z-index: 16;
}

/* You named this layer kontakt_linkover */
#Layer-17 {
  position: absolute;
  left: 832px;
  top: 21px;
  width: 194px;
  height: 52px;
  z-index: 17;
}

/* You named this layer news_link */
#Layer-18 {
  position: absolute;
  left: 627px;
  top: 21px;
  width: 203px;
  height: 52px;
  z-index: 18;
}

/* You named this layer news_linkover */
#Layer-19 {
  position: absolute;
  left: 627px;
  top: 21px;
  width: 203px;
  height: 52px;
  z-index: 19;
}

/* You named this layer gebrauchtmarkt_link */
#Layer-20 {
  position: absolute;
  left: 422px;
  top: 21px;
  width: 203px;
  height: 52px;
  z-index: 20;
}

/* You named this layer gebrauchtmarkt_linkover */
#Layer-21 {
  position: absolute;
  left: 422px;
  top: 21px;
  width: 203px;
  height: 52px;
  z-index: 21;
}

/* You named this layer produkte_link */
#Layer-22 {
  position: absolute;
  left: 217px;
  top: 21px;
  width: 203px;
  height: 52px;
  z-index: 22;
}

/* You named this layer produkte_linkover */
#Layer-23 {
  position: absolute;
  left: 217px;
  top: 21px;
  width: 203px;
  height: 52px;
  z-index: 23;
}

/* You named this layer unternehmen_link */
#Layer-24 {
  position: absolute;
  left: 23px;
  top: 21px;
  width: 192px;
  height: 52px;
  z-index: 24;
}

/* You named this layer unternehmen_linkover */
#Layer-25 {
  position: absolute;
  left: 23px;
  top: 21px;
  width: 192px;
  height: 52px;
  z-index: 25;
}

/* You named this layer slice_bkgnd */
#Layer-26 {
  position: absolute;
  left: 2px;
  top: 0px;
  width: 3px;
  height: 1080px;
  z-index: 26;
  background-image: url(../Layer-26.png);
}

/* You named this layer Frame Top 1000 */
.Layer-1000 {
  position: relative;
  left: 0px;
  top: 0px;
  width: 747px;
  height: 24px;
  z-index: 1000;
  background-image: url(../Layer-5.png);
}

/* You named this layer Frame Middle 1001 */
.Layer-1001 {
  position: relative;
  left: 0px;
  top: 0px;
  width: 747px;
  z-index: 1001;
  background-image: url(../Layer-1001.png);
}

/* You named this layer Frame Bottom 1002 */
.Layer-1002 {
  position: relative;
  left: 0px;
  top: 0px;
  width: 747px;
  height: 58px;
  z-index: 1002;
  background-image: url(../Layer-1002.png);
}




/* Here are some examples of how you might want to change the
 * look and behavior of the links on your page.  Some examples for
 * further customization are included in comments.  */
a {
  cursor: pointer;
  outline: none;
}
a:link { color: #006699; text-decoration: none;}
a:visited { color: #006699; text-decoration: none }
a:hover {
  color: #003366;
   text-decoration: underline;
  /* font-weight: bold; */
}


.mod_footerlinks{
font: trebuchet, arial;
top: -8px;
left: 0px;
margin-right: 8px;
margin-top: 8px;

}


/*----------- Navfeld ---------------*/

.moduletablemod_amosaktuell_custom{
font: trebuchet, arial;
color: #ffffff;
text-decoration: none;
text-align: left;
margin-right: 20px;
margin-top: 11px;

}

.moduletablemod_amosaktuell_custom li{
display: inline;
color: #ffffff;
text-decoration: none;
list-style: none;
margin: 6px;
text-align: left;

}


.moduletablemod_amosaktuell_custom li a {
color: #ffffff;
text-decoration: none;
}

  .moduletablemod_amosaktuell_custom li a:link { color: #ffffff; }
  .moduletablemod_amosaktuell_custom li a:visited { color: #ffffff; }
 
 ul.menu li#current a{ 
color: #cccccc;
background: #424242;
border-left: 3px solid;
border-left-color: red;
 }

 .moduletablemod_amosaktuell_custom li a:hover { 
color: #cccccc;
background: #424242;
border-left: 3px solid;
border-left-color: red;
}



/*----------- Footermenue - Impressum,AGB ---------------*/

.moduletablemod_footerlinks{
font: 11px verdana, sans-serif;
text-decoration: none;

margin-right: 20px;
margin-top: 11px;

}

.moduletablemod_footerlinks li{
display: inline;
text-decoration: none;
list-style: none;
margin-left: 6px;
margin-right: 6px;


}

.moduletablemod_footerlinks li a:link {
color: #999999;
font: 11px verdana, sans-serif;
font-style: normal;
text-decoration: none; 
}
.moduletable li a:visited {

}

ul.mainlevel-nav li#current a{
text-decoration: none;
list-style: none;

}

.moduletablemod_footerlinks a:hover {
text-decoration: none;
list-style: none;

}

/*----------- Ende Footermenue - Impressum,AGB ---------------*/


.contentpane{ 
text-align:left;
}



.dfContactTable{ 
text-align:left;
padding-right:10px;
}

/*----------- Menüleiste ---------------*/

.moduletable_unternehmen_btn{
  position: absolute;
  left: 23px;
  top: 21px;
  width: 246px;
  height: 248px;
  z-index: 26;
}

.moduletable_produkte_btn{
  position: absolute;
  left: 217px;
  top: 21px;
  width: 246px;
  height: 248px;
  z-index: 27;
}

.moduletable_gebrauchtmarkt_btn{
  position: absolute;
  left: 422px;
  top: 21px;
  width: 246px;
  height: 248px;
  z-index: 28;
}

.moduletable_news_btn{
  position: absolute;
  left: 627px;
  top: 21px;
  width: 246px;
  height: 248px;
  z-index: 29;
}

.moduletable_kontakt_btn{
  position: absolute;
  left: 832px;
  top: 21px;
  width: 246px;
  height: 248px;
  z-index: 30;
}


/*----------- Menüleiste - Ende ---------------*/

/*----------- Flaggs ---------------*/


.moduletable_flaggs{
  position: absolute;
  display:inline;
  left: -110px;
  top: -20px;
  width: 200px;
  height: 80px;
  z-index: 31;
}



/*----------- Flaggs-Ende ---------------*/

.moduletable_gebrauchtmarkt_banner{
  position: absolute;
  left: -18px;
  top: -14px;
}

.moduletable_news{
  position: absolute;
  left: -5.5px;
  top: -7px;
}

.moduletable_kontakt-banner{
  position: absolute;
  left: -7px;
  top: -7px;
}


.moduletablemod_footerlinks-en{
  position: absolute;
  left: -58px;
  top: 11px;
}

/* Custom CSS examples/suggestions for Joomla -
 *
 *   Here are some examples of some changes you can make to stylize the output
 *   from Joomla.  These are just suggestions, you can change them to whatever
 *   you would like.  There are many other classes and ids that you can modify
 *   CSS for from Joomla too.  I suggest using Firebug and the 'Inspect'
 *   feature there to find the name of the class or id of an element of the
 *   page that you want to stylize, and add it to this section.
 *
 *   If you plan on re-converting your design often, be careful - this page is
 *   automatically regenerated every time.  So if you don't want to loose some
 *   CSS you've added here, move all your custom CSS to your own external
 *   stylesheet and reference it externally from the index.php file (make sure
 *   your reference is _after_ the reference to psd2css.css).
 */

body { 
font-family: Verdana, Arial; 
font-style: normal; 
font-size: 11px; 
background-repeat: repeat-x; 
background-image: url(../Layer-26.png); 
color: #003366; 
background-color: #ffffff
}

img { border: 0 }
ul { 
  list-style-type: none; 
  padding-left: 0;
  margin: 0 0 10px 0;
} 
.componentheading { font-family: Arial; font-size: 20px; padding-top: 12px; padding-bottom: 12px;}
.contentheading { font-family: Arial; font-size: 12px; padding-top: 12px; padding-bottom: 12px;}
.small { font-family: Arial; font-size: 12px;padding-top: 6px; padding-bottom: 6px; }
.createdate { font-family: Arial; font-size: 10px; color: #555555 }
.pagination span, .pagination a { padding: 0 6px 0 6px; }