@import "font_real.css";

div#Container {
  width: 780px;
  margin-right: auto;
  margin-left: auto;
  padding: 0px;
  margin-top: 0px;
  text-align: left;
}


/* ######## Header-Ebene ######## */

div#Header {
  width: 780px;
  height: 60px;
  background: url(../images/top_line.gif) bottom right repeat-x;
}

div#Language {
  height: 28px;
  margin-left: 670px;
}

div#HeaderNavi {
  height: 10px;
  margin-left: 540px;
}

.img {
  padding:5px 5px 0 0;
  float: left;
}

/* ######## Ende Header-Ebene ######## */




/* ######## Header Navi-Ebene ######## */

#Navlist ul,li
{  
  list-style-type: none;
  display:inline;
  margin:0;
  padding:0;
}

/* ######## Ende Header Navi-Ebene ######## */




/* ######## Main Navi-Ebene ######## */

div#MainNavi {
  width:160px;
  margin: 10px 0 0 0;
  padding:0;
  float:left;
}

#Navigation ul {
  margin:0;
  padding:0;
  ;
}

#Navigation li {
  margin:0 0 -6px -40px;
  padding:0;
  width:155px;
  display: block;
  list-style: none;
  
}

#Navigation li a {
  color: white;
  display: block;
  font-weight: bold;
  padding:2px 0 10px 10px;
}


#Navigation li a:hover {
  color: #cccccc;
  text-decoration: none;
}

#Navigation li.level1 a{
  color: white;
  display: block;
  font-weight: bold;
  padding:2px 0 10px 10px;
  background: url(../images/button_off.gif) no-repeat left top;
}

#Navigation li.level1 a:hover{
  color: #cccccc;
}

#Navigation li.level1active a{
  color: #ff403c;
  display: block;
  font-weight: bold;
  padding:2px 0 10px 10px;
  background: url(../images/button_on.gif) no-repeat left top;
}

#Navigation li.level1active a:hover{
  color: #ff6868;
}

#Navigation li.level2 a {
  color: white;
  font-size: 100%;
  display: block;
  font-weight: bold;
  padding:2px 0 10px 20px;
  background: url(../images/button_level1_on.gif) no-repeat left top;
}

#Navigation li.level2 a:hover{
  color: #cccccc;
}

#Navigation li.level2active a {
  color: #ff403c;
  font-size: 100%;
  display: block;
  font-weight: bold;
  padding:2px 0 10px 20px;
  background: url(../images/button_level1_on.gif) no-repeat left top;
}

#Navigation li.level2active a:hover{
  color: #ff6868;
}

#Navigation li.level3 a{
  color: white;
  font-size: 90%;
  font-weight: bold;
  display: block;
  padding:2px 0 10px 20px;
  background: url(../images/button_off.gif) no-repeat left top;
}

#Navigation li.level3 a:hover  {
  color: #cccccc;
}

#Navigation li.level3active a{
  color: #ff403c;
  font-size: 90%;
  font-weight: bold;
  display: block;
  padding:2px 0 10px 20px;
  background: url(../images/button_off.gif) no-repeat left top;
}

#Navigation li.level3active a:hover  {
  color: #ff6868;
}




#Navigation li.level4 a{
  color: white;
  font-size: 90%;
  font-weight: bold;
  display: block;
  padding:2px 0 10px 20px;
  background: url(../images/button_off.gif) no-repeat left top;
}

#Navigation li.level4 a:hover  {
  color: #cccccc;
}

#Navigation li.level4active a{
  color: #ff403c;
  font-size: 90%;
  font-weight: bold;
  display: block;
  padding:2px 0 10px 20px;
  background: url(../images/button_off.gif) no-repeat left top;
}

  
/* ######## Ende Main Navi-Ebene ######## */




/* ######## Content-Ebene ######## */

div#ContentMain {
  width:610px;
  margin: 10px 0;
  padding:5px;
  background-color:#252525;
  float:right;
}

div#pane {
  width:300px;
  padding-left:10px;
  float:right;

}

.imgstyle{
  border: 3px solid #3d4a43;
  float:left;
}

.gallery{
  border: 3px solid #3d4a43;
  float:left;
  margin:10px 10px 0 0;
}

/* ######## Ende Content-Ebene ######## */



/* ######## TEMPLATE Adressen-Ebene ######## */

div#adresse {
  width:300px;
  height:200px;
  margin:0;
  padding:0;
  float:left;
  background-color:#3c3c3c;
  border-right: 5px solid #252525;
  border-bottom: 5px solid #252525;
  font-size:10px;
}

div#adresse img{
  margin:4px;
  float:left;
}

#listright {
  margin:0;
  padding:0;
  float:left;
}

#listright ul {
  margin:0;
  padding:0;
}

#listright li {
  margin:5px;
  padding:0;
  display: block;
  list-style: none;
}

#listright li a{
	font-size:10px;
	font-weight:normal;
}

/* ######## ENDE TEMPLATE Adressen-Ebene ######## */



/* ######## TEMPLATE Aktuelles-Ebene ######## */


div#aktuelles {
  width:600px;
  float:left;
  padding:0 0 5px 10px;
  margin:10px 0 0 0;
  border-bottom: 3px solid #3d4a43;
}

div#aktuelles img{
  margin: 10px 0 0 5px;
  border: 3px solid #3d4a43;
  float:right;
}

div#aktuelles a {
  text-decoration: none;
  font-weight: normal;
}

div#aktuelles a:hover {
  color:#c2c2c2;
  text-decoration: none;
}

#liste {
  margin:0;
  padding:0;
}

#liste ul {
  margin:0;
  padding:0;
  list-style-type:none;
}

#liste li {
  margin:0;
  padding:0;
  display: block;
  list-style-type:none;
}


/* ######## ENDE TEMPLATE Aktuelles-Ebene ######## */



/* ######## Footer-Ebene ######## */

#Footer {
  padding-left:10px;
  width: 780px;
  height: 70px;
  background: url(../images/footer_line.gif) top right repeat-x;
  clear:both;
}

#AktuellesStart {
  width: 400px;
  margin:5px 0;�
  padding-left:5px;
  float:left;
  background: url(../images/line_left.gif) top right repeat-y;
}

#AktuellesStart img {
  border: 3px solid #3d4a43;
  margin:0 10px 0 0;
  float:left;
}


#Kollektion {
  
  margin:5px 0;
  float:right;
}

#Kollektion img {
  margin:15px 50px 0 0;
  float:left;
}

/* ######## Ende-Ebene ######## */



/* ######## Footer-Ebene ######## */

div#floatpane { 
  width:300px;
  float:left;
}

div#floatpanebig { 
  width:600px;
  float:left;
  border-top:3px solid #3d4a43;
}

/* ######## Ende-Ebene ######## */



/* ######## copyright-Ebene ######## */

#Copyright {
  width: 780px;
  margin-top:10px;
  padding-top:10px;
  padding-left:10px;
  text-align:right;
  color:#667069;
  background: url(../images/footer_line.gif) top right repeat-x;
  clear:both;
}

/* ######## Ende-Ebene ######## */


/* ######## Links-Ebene ######## */

a.stimme{
  color:#667069;
}

a.link{
  font-size:110%;
  font-weight:bold;
  color:#ff403c;
}

a.pa_sitemap_link_level1:link, a.pa_sitemap_link_level1:active, a.pa_sitemap_link_level1:visited {
  padding:0 0 0 15px;
  font-weight: bold;
  color: #FFF;
  text-decoration: none;
  background: url(../images/balken.gif) left no-repeat;
	}
	
a.pa_sitemap_link_level1:hover {
  color: #FFF;
  text-decoration: underline;
}


a.pa_sitemap_link_level2:link, a.pa_sitemap_link_level2:active, a.pa_sitemap_link_level2:visited {
  padding:0 0 0 25px;
  font-weight: normal;
  color: #FFF;
  text-decoration: none;
	}
	
a.pa_sitemap_link_level2:hover {
  color: #FFF;
  text-decoration: underline;
}

a.pa_sitemap_link_level3:link, a.pa_sitemap_link_level3:active, a.pa_sitemap_link_level3:visited {
  padding:0 0 0 35px;
  font-weight: normal;
  color: #FFF;
  text-decoration: none;
	}
	
a.pa_sitemap_link_level3:hover {
  color: #FFF;
  text-decoration: underline;
}
/* ######## Ende-Ebene ######## */


/* ######## Kontakt-Ebene ######## */

input, textarea {
  border:1px solid #eeeeee;
  width:180px;
}

td {
  font-family: "verdana", arial, helvetica, sans-serif;
  font-size: 70%;
  color: #FFF;
}

.ko_error { 
	color: red;
}