/* Allgemein */

body {
 margin: 0px;
 background-color: #005631;
}

a {
 font: 12px arial;
}

div.main {
}

div.text_left h1 {
 background-image: url(layout/h1.png);
 background-repeat: no-repeat;
 margin: 0;
 font: bold 12px arial;
 height: 29px;
 padding-left: 10px;
 padding-top: 2px;
}

h2 {
 font: bold 12px arial;
 color: green;
}

div.text_left hr {
 color: #f2f2f2;
 background-color: #f2f2f2;
 border: 1px dotted #1ea12d;
 border-style: none none dotted;
 margin-right: 15px;
}

/* Layout */

*.search {
	border: solid 1px grey;
	background-image: url( 'layout/grey_bg.png' );
	background-repeat: repeat-x;
	background-position: top;
	height: 15px;
	float:left;
}

*.search_focus {
	border: solid 1px grey;
	background-image: none;
	background-color: white;
	height: 15px;
	float:left;
}

#searchbar {
	position: absolute;
	z-index: 200;
	left: 200px;
	top: 200px;
}

div.submit {
	float:left;
	display: inline;
	border: 1px solid grey;
	border-left: none;
	height: 17px;
    background-color: grey;
	z-index: 200;
	margin-left:-2px;
}

input.submit {
    color: #fff;
    background-color: grey;
	border: none;
	font-size: 10px;
	text-transform: uppercase;
	margin: 0;
	padding-left: 1px;
	padding-right: 1px;
	width: 50px;
}

/* Nur IE7 */
* + html div.submit {
	margin-left:0px;
}

#hauptkatalog {
 margin-left: 20px;
}

#hauptkatalog_link {
 color: white;
}

#hauptkatalog_text {
 position: relative;
 text-align: center;
 left: -5px;
 top: -15px;
 font: 12px arial;
 color: white;
}

#video {
 margin-left: 10px;
 margin-top: 10px;
}

#video_link {
 position: relative;
 left: +58px;
 top: -2px;
 color: white;
}

#blaetterkatalog {
 margin-top: 10px;
 margin-left: 80px;
}

#blaetterkatalog_text {
width: 400px;
position:relative;
top: -20px;
text-align: center;
}


#blaetterkatalog_link {
 color: #0E911d;
}

#picplayer {
position: absolute;
left: 638px;
top: 0px;
}

#logo {
position: absolute;
left: 58px;
top: 50px;
}

#slogan_text {
margin-left: 200px;
padding-top: 7px;
font: bold 14px arial;
color: yellow;
}

div.slogan_left {
width: 769px;
float: left;
}

div.slogan_right {
width: 100px;
float: left;
}

div.slogan_right a {
color: white;
font: bold;
}

#webadr {
position: absolute;
left: 962px;
top: 0px;
background-color: #1fa22e;
color: white;
padding-left: 30px;
padding-right: 30px;
font: bold 12px arial;
}

#massband {
position: absolute;
left: 0px;
top: 90px;
width: 169px;
height: 255px;
background-image: url(layout/band.png);
}

#qualitaet {
position: absolute;
width: 247px;
height: 120px;
background-image: url(layout/qualitaet.png);
left: 960px;
top: 296px;
}

#keywords {
margin-top: 10px;
margin-left: 5px;
position: absolute;
left: 960px;
top: 420px;
width: 250px;
font: bold 12px arial;
color: #1fa22e;
}

#keywords h1 {
font: bold 12px arial;
color: black;
margin-top: 3px;
margin-bottom: 3px;
}

#footer_text {
font: bold 10px arial;
color: white;
float: left;
margin-top: 4px;
margin-left: 20px;
}

#footer_text a {
font: bold 10px arial;
text-decoration: none;
color: white;
}

#footer_menu {
color: black;
position: absolute;
margin-left: 470px;
margin-top: 6px;
//float: left;
}

#footer_menu a {
text-decoration: none;
color: black;
}

div.clear {
 clear: both;
 _display: none;
}

div.header {
 width: 1240px;
 height: 226px;
}

div.slogan {
 width: 1240px;
 height: 30px;
 background-color: #1fa22e;
}

div.content {
 width: 1240px;
}

div.content_left {
 width: 200px;
 height: 500px;
 float: left;
}

div.menu {
 position: absolute;
}

div.content_right {
 float: left;
 background-image: url(layout/back.png);
 background-repeat: repeat-x;
 background-color: white;
}

div.text_left {
 width: 420px;
 background-image: url(layout/back.png);
 background-repeat: repeat-x;
 background-color: white;
 float: left;
 padding: 20px;
 padding-right: 280px;
 font: 12px arial;
 min-height: 540px;
 _height: 540px;
}

div.text_right {
 width: 320px;
 height: 100%;
 float: left;
}

div.footer_left {
 width: 720px;
 height: 30px;
 background-color: #1fa22e;
 float: left;
}

div.footer_right {
 width: 320px;
 height: 30px;
 background-color: #1fa22e;
 float: left;
}

/* Menu */

#navcontainer {
	margin-top: 28px;
}

#navcontainer ul {
margin-top: 0px;
list-style: none;
padding: 0;
margin-left: 0px;
margin-bottom: 0px;
}


#navcontainer a:link, #navcontainer a:visited  {
 font: bold 12px arial;
 text-decoration: none;
 margin-right: 6px;
 display: block;
 height: 14px;
 padding-top: 2px;
 padding-bottom: 1px;
}

#navcontainer a:active, #navcontainer a:hover  {
 color: #fff;
 background-image: url(layout/menu_back.png);
 filter:alpha(opacity=90);-moz-opacity:.90;opacity:.90;
}

/*#navcontainer a.active {
 color: #fff;
 background-image: url(layout/menu_back.png);
 filter:alpha(opacity=90);-moz-opacity:.90;opacity:.90;
}*/

/*#navcontainer a.open {
 color: #ccc;
 background-image: url(layout/menu_back.png);
 filter:alpha(opacity=90);-moz-opacity:.90;opacity:.90;
}*/

#navcontainer ul a {
	 padding-left:20px;
     width: 178px;
	 color: #e4b700;
}


#navcontainer ul ul {
  display: none;
}

#navcontainer ul ul.open {
  display: inline;
}

#navcontainer ul ul a {
  padding-left: 35px;
  width: 163px;
  overflow: hidden;
  color: #f9fb44;
}

#navcontainer ul ul ul {
  display: none;
}

#navcontainer ul ul ul.open {
  display: inline;
}

#navcontainer ul ul ul a {
  padding-left: 50px;
  width: 148px;
  overflow: hidden;
  color: #fbfe66;
}



a.current_menu  {
 color: #fff;
 font-weight: bold;
 text-decoration: none;
 margin-right: 6px;
}

/* Angehängtes Menu */

#postcontainer {
	margin-top: 0;
}

#postcontainer ul {
margin-top: 0px;
list-style: none;
padding: 0;
margin-left: 0px;
margin-bottom: 0px;
}


#postcontainer ul {
margin-top: 0px;
list-style: none;
padding: 0;
margin-left: 0px;
margin-bottom: 0px;
}


#postcontainer a:link, #postcontainer a:visited  {
 color: #e4b700;
 font: bold 12px arial;
 text-decoration: none;
 margin-right: 6px;
 display: block;
 height: 14px;
 padding-top: 2px;
 padding-bottom: 1px;
}

#postcontainer a:active, #postcontainer a:hover  {
 color: #fff;
 background-image: url(layout/menu_back.png);
 filter:alpha(opacity=90);-moz-opacity:.90;opacity:.90;
}

#postcontainer a.active {
 color: #fff;
 background-image: url(layout/menu_back.png);
 filter:alpha(opacity=90);-moz-opacity:.90;opacity:.90;
}

#postcontainer a.open {
 color: #ccc;
 background-image: url(layout/menu_back.png);
 filter:alpha(opacity=90);-moz-opacity:.90;opacity:.90;
}

#postcontainer ul a {
	 padding-left:20px;
     width: 178px;
}

#postcontainer div {
	height: 10px;
	margin: 0;
}


/* Ende */