body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75%;
	background: #FFF url(page_bg.gif) repeat-x;
	margin: 0;
	padding: 0;
	width: 865px;
}

h2 {
  color: #209740; 
  font-size: 14px;
  font-weight: bold;
  }

h3 {
  color: #209740; 
  font-size: 12px;
  font-weight: bold;
  margin-bottom: -10px;
  }

a:link {
  color: #209740; 
  }

img.left {
  float: left; 
  margin-right: 10px;
  }

img.right {
  float: right; 
  margin-left: 10px;
  }

img.previewimage {
  border-top:    1px solid #B3B3B3;
  border-left:   1px solid #B3B3B3;
  border-right:  1px solid #E5E5E5;
  border-bottom: 1px solid #E5E5E5;
  }

img.produktimage {
  border-top:    1px solid #B3B3B3;
  border-left:   1px solid #B3B3B3;
  border-right:  1px solid #E5E5E5;
  border-bottom: 1px solid #E5E5E5;
  }

/* main areas */
#logo {
		background: #FFEC00 url(compo_logo.gif) no-repeat 76px 82px;
		width: 160px;
		height: 181px;
		float: left;
}

#header {
	float: left;
	width: 670px;
	height: 175px;
	padding: 6px 0 0 35px;
}

#leftnav {
		width: 145px;
		float: left;
		padding:24px 0 0 15px;
}

#leftnav li.largespacing{
	margin-bottom: 24px;
}

#content {
	float: left;
	width: 666px;
	padding: 24px 0 0 36px;
}

/* header details */
#firstrow {
	width:100%;
}
#header h3 {
	color: #209740;
	font-size: 150%;
	font-weight: bold;
	margin: 0;
	position: absolute;
}

#header h2 {
	display: none;
}

#flags {
	float:right;
	margin-top: 5px;
	padding-right:3px;
}

#flags a {
	margin-left: 2px;
	display: block;
	float: left;
	width: 18px;
	height: 12px;
	background-repeat: no-repeat;
}

#flags span {
	display: none;
}

#flags a.de {
	background-image: url(flag_de.gif);
}

#flags a.es {
	background-image: url(flag_es.gif);
}

#flags a.uk {
	background-image: url(flag_uk.gif);
}

#header ul {
	position:absolute;
	width:678px;
	top:78px;
	margin: 0;
	padding: 0;
	list-style: none;
	margin-left:-9px;
}

#header li{
	padding: 0;
	margin: 0;
	float: left;
	padding-left:17px;
	padding-right: 3px;
	background:  url(bullet_red.gif) no-repeat 10px 9px;
}

#header li.separate {
	margin-left:42px;
}

#header li a {
	font-size: 90%;
	font-weight: bold;
	text-decoration: none;
	color: #A2A2A2;
}

#header li a:hover {
	color: #616161;
}

#header li a.active {
	color: #000;
}

#headline {
	position:absolute;
	width:inherit;
	top: 126px;
	height:50px;
	background: url(../images/welcome_headline.gif) no-repeat 1px;
}

#headline h1 {
	display: none;
}

#header form {
	margin:0;
}

#headline select {
	float:right;
	margin-right:3px;
	font-size: 90%;
	margin-top:26px;
}

/* leftnav details */
#leftnav form {
	margin:0;
}

#search {
	width: 109px;
	height:12px;
	border: 1px solid #A2A2A2;
	font-size: 90%;
	font-weight:bold;
	color: #A2A2A2;
	float:left;
	padding: 3px 0 3px 5px;
}

#searchbut {
 	width:19px;
	height:20px;
	font-size: 0px;
	border:0;
	float:left;
}

#leftnav h2 {
	display: none;
}

#leftnav ul {
	list-style: none;
	margin: 27px 0 0 0;
	padding: 0;
	float:none;
}


#leftnav li{
	background:  url(bullet_green.gif) no-repeat 10px 9px;
}

#leftnav ul li {
padding-left:17px;
}


#leftnav ul.mainmenu li {
	background-image:  url(bullet_red.gif);
}

#leftnav ul.sub, #leftnav ul.subsub {
	margin: 2px 0 0 0;
	float:none;
}

#leftnav ul.subsub {
	margin: 2px 0 0 0;
	float:none;
}


#leftnav ul.sub li {
	margin-bottom: 1px;
}


#leftnav ul.separate {
/*	margin-top: 26px; */
}

#leftnav li.ksgroup{
	margin-top: 48px;
}

#leftnav a {
	text-decoration: none;
	color: #A2A2A2;
	font-size: 90%;
	font-weight: bold;
}

#leftnav ul.sub li a {
	font-weight: normal;
	color: #000;
}

#leftnav a:hover {
	color: #616161;
}

#leftnav a.active {
	color: #000;
}

#leftnav ul.sub a.active {
	font-weight:bold;
}

#leftnav ul.subsub a.active {
	font-weight:bold;
	color: #BF070F;
}



#leftnav ul.nav_level2 {
	margin: 27px 0 0 0;  
	float: none;
}

#leftnav ul.nav_level3 {
	margin: 2px 0 0 0;
	float: none;
}

#leftnav ul.nav_level4 {
	margin: 2px 0 0 0;
	float: none;
}

#leftnav ul.sub li {
	margin-bottom: 1px;
}

tr.productlisthead { 
  color:#000000; 
  font-weight: bold;
}

td.productlistcontent { 
  padding-top:10px; 
  padding-bottom:10px; 
}

td.productlistcontentright { 
  padding-top:10px; 
  padding-bottom:10px; 
  padding-right:10px; 
}

table.presence { 
     border-collapse:collapse;
     background-color:#808080;
     width:666px;
     border-width:1px;
     border-style:solid;
  }

tr.presence { 
     vertical-align:top;
     border-width:0px 1px 0px 1px;
     border-style:solid;
  }

th.presence {
     text-align:left;
     background-color:#d9f760;
     border-style:solid;
     border-width:1px 0px 1px 0px;
     width:222px;
  }

td.presence {  
     background-color:#f4fdcf;
     border-style:solid;
     border-width:1px 0px 1px 0px;
     padding: 2px 0px 2px 0px;
     text-align:left;
  }