html {
	height:100%; /* fix height to 100% for IE */
	max-height:100%; /* fix height for other browsers */
	padding:0; /*remove padding */
	margin:0; /* remove margins */
	border:0; /* remove borders */
	background:#fff; /*color background - only works in IE */
	font:normal 12.5px Helvetica,Arial,sans-serif;
	background-image:url(background_orange.jpg);
	background-repeat: repeat-x;

}

body {
	height:100%; /* fix height to 100% for IE */
	min-height: 101%;
	max-height:100%; /* fix height for other browsers */
	/*overflow:hidden; get rid of scroll bars in IE */
	padding:0; /*remove padding */
	margin:0; /* remove margins */
	border:0; /* remove borders */
	background-image:url(background_orange.jpg);
	background-repeat:repeat-x;
	line-height: 1.357em;
	
}
#horizmenue {
	
	width: 700px;

	height:80px;
	z-index:6;
margin-left:0px;
margin-top:4px;
}

#top {
	background-color:#FFFFFF;
	background-image:url(new/old/top_hinrtergrund.jpg);
	background-repeat:no-repeat;
	border-bottom:3px solid #2C2C2C;
	color:#000000;
	display:block;
	height:55px;
	margin:0pt;

	width:1000px;
	z-index:5;
}

#icons{
	display:block;
	height:55px;
	width:743px;
	z-index:1;
	text-align:right;
	margin-top:-98px;}

#banner {
	display:block;
	/*height:171px;*/
	width:430px;
	z-index:8;
}

.banner-link
{
width: 432px;
height: 171px;
display: block;
margin: 0 auto;
}

.banner1
{
background: url(header_hover.gif) no-repeat;
}

.banner-link:hover
{
background-position: 0 -196px;
}

#banner:hover{
	background-color:#FFFFFF;
	background-image:url(header_hover.gif);
	background-repeat:no-repeat;
	display:block;
	height:171px;



	width:430px;
	z-index:1;
	
}

#drucker {
	display:block;
	height:116px;


	width:119px;
	z-index:5;

}

#content {
  padding-right: 0px; 
	padding-left: 10px;
  text-align: left;
  clear: left;
  min-height: 600px;

  padding-top: 40px;

	display:block; /* set up as a block */
	height:100%; /* set height to full page */
	max-height:100%;
	overflow: hidden; /* add scroll bars as required */

	
	z-index:1; /* allocate a suitable z-index */
	/* padding-right:299px;*/
	
	color:#5D5446;
	
	line-height:18px;
	
}

#content img{
padding: 10px;
background-color:#FFFFFF;
border: 1px solid #E9E8E8;
margin: 3px;
}

#content .noborder img {
border: 0px solid #E9E8E8;
background-color: transparent;   
}


#content a:link, #content a:visited, #content a:active {
	font-weight:bold;
	border-bottom:1px solid #FFffff;
	text-decoration:none;
	color:#000000;
}
#content a:hover {
	border-bottom:1px solid #FF7429;
}

#footer {
/*	background-image:url(footer_background.jpg);
	background-repeat:repeat-x;
	background-position:top;
	color:#ffffff;
	display:block;
	height:51px;
	width:100%;
	z-index:4;
	margin-top: 20px;*/

    clear:left;
    margin-top:1em;
    background-image:url(footer_background.jpg);
		background-repeat:repeat-x;
		background-position:top;
    text-align:center;
		color:#ffffff;
		height:40px;

	

}
#footer font {
	font:normal 11px Helvetica,Arial,sans-serif;
	 }
	
#footer font a:link, #footer font a:active, #footer font a:visited   {
	font:normal 11px Helvetica,Arial,sans-serif;
	text-decoration:none;
	color:#ffffff }
	
#footer font a:hover  {
	
	color:#FF7429 }
h1
{
	font:bold 20px Helvetica,Arial,sans-serif;
	color:#4C4C4B;
	line-height:25px;
	border-bottom:1px solid #D9D6D6;
}
.gross {
	font:bold 22px Helvetica,Arial,sans-serif;
	color:#7E7E7E;
	line-height:30px;
	background-image:url(gross_back.gif);
	background-repeat: no-repeat;
	background-position: -4px -10px;
	padding-left:10px;
	
}

.gross2 {
	font:bold 22px Helvetica,Arial,sans-serif;
	color:#7E7E7E;
	line-height:24px;

	
}
h2
{
	font:bold 12px Helvetica,Arial,sans-serif;
	color:#4C4C4B;
	padding-left:0px;
	padding-top:10px;
	
	}
	
h3
{
	font:bold 16px Helvetica,Arial,sans-serif;
	color:#5D5446;
	line-height:10px;
	padding-left:10px;
	border-left:5px solid #FFB456;
	}
	

#slogan 
{

	margin-left:767px;
  margin-top:-157px;
	height: 242px;
	z-index:10;
}	


/* Sidebar anfang*/
#content #sidebar
{


float:right;
width:218px;
padding-top: 29px; 
padding-left:50px;
height:500px;


	
}
.box {
	background-color:#ffffff;

	border-left:1px dotted #7A3714;
	padding-left:10px;

	
}

.box2 {
	border-left:1px dotted #7A3714;
	background-image:url(page_curl3.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height:26px;
	padding-left:5px;
	}
/* Navigation anfang*/
#navi { 
	margin: 0; 
	padding: 0; 
	text-align:center; } 
	
#navi ul, #navi li {
 margin: 0; 
 padding: 0; 
 display: inline; 
 list-style-type: none;

 } 

#navi a:link, #navi a:visited { 
	float: left;
	line-height: 80px; 
	font:bold 10px Verdana;
  color: #2C2C2C;
	margin: 0; 
	text-decoration: none; 
	border-right:0px solid #ffffff;
	padding-top: 30px; 
	padding-bottom: 30px;
  padding-right: 10px; 
	padding-left: 10px; 
	width: 75px;
	background-image:url(menue_hintergrund_5.gif);
	background-position:1px 0px;
	background-repeat:no-repeat;
	
  } 
	
#idee #navidee a, #produkte #navprodukte a, #unternehmen #navunternehmen a, #presse #navpresse a, #kontakt #navkontakt a, #shop #navshop a, #home #navhome a { 
	color: #000000;
	background-image:url(menue_hintergrund_hover3.gif);
	background-repeat: no-repeat;
	cursor: default;
	} 
	
#navi a:hover, #navi a:hover #active 
{ color: #000000;
	background-image:url(menue_hintergrund_hover3.gif);

	background-repeat: no-repeat;
 }
 
/* Navigation ende*/
/* Formulare anfang*/
#kontaktformular form{
	padding:0;
	font:normal 12.5px Helvetica,Arial,sans-serif;
}
#kontaktformular label{

	font-weight:bold;
  float: left;
  width: 100px;
  text-align: right;
  padding-top: 0px;

	padding-right: 0px; 
	color:#000000;
}

#kontaktformular form input{

 width: 180px;
 text-align: left;
 border:1px solid black;
 font-size:100%;
 margin-right:5px;
}


#kontaktformular form input:focus{
	background-color:#F9F2EF;
	 border:1px solid black;
}

#kontaktformular form textarea{
 width: 180px;
font:normal 12.5px Helvetica,Arial,sans-serif;
 margin-right:20px;
  border:1px solid black;
}

#kontaktformular form textarea:focus{
	background-color:#F9F2EF;
}

#kontaktformular form button{
	width:53px;
	height:30px;
	border:none;
	overflow:hidden;
	background:url(formbutton.gif) no-repeat 0 0;
	cursor:pointer;
	clear: both;
  text-align: center;
  padding-left: 0px;
	margin-left: 300px; 
	padding-top: 0px; 
	padding-bottom: 0px; 
	margin-top: 10px;
}

.reihe {

  padding: 14px 14px;

}


/* Formulare ende*/


.bilder {
	padding: 10px;
	border:1px solid #AFD3F4;
}
#container {
	width: 1000px;
	margin: 0 auto;  /* Zentrierung */
  }
	
hr {
 border: 0px; /* Fr Firefox und Opera */
 border-top: solid 1px #FFE2D3;
 border-bottom: transparent;
 width:180px;
 height: 1px;
 margin-top:10px;
	}
.dhtmlgoodies_question{	/* Styling question */
	/* Start layout CSS */
	color:#FFF;
	font-size:0.9em;

	
	/* End layout CSS */
	
	overflow:hidden;
	cursor:pointer;
}
.dhtmlgoodies_answer{	/* Parent box of slide down content */
	/* Start layout CSS */
	border:1px solid #317082;
	
	/* End layout CSS */
	
	visibility:hidden;
	height:0px;
	overflow:hidden;
	position:relative;

}
.dhtmlgoodies_answer_content{	/* Content that is slided down */
	padding:1px;
	font-size:0.9em;	
	position:relative;
}


#kontaktformular2 form{
	margin:1em 0;
	padding:0;
	width:400px;
	height:350px;
	text-align:right;
background:url(formhintergrund2.gif) no-repeat 0 0;
color:#ffffff;
}
#kontaktformular2 label{

	font-weight:bold;
  float: left;
  width: 100px;
  text-align: right;
  padding-top: 0px;

	padding-right: 0px; 
	color:#000000;
}

#kontaktformular2 form input{
 float: right;
 width: 180px;
 text-align: left;
 border:none;
 font-size:100%;
 margin-right:50px;
}
#kontaktformular2 form select{
 float: right;
 width: 180px;
 text-align: left;
 border:none;
 font-size:100%;
 margin-right:50px;
}
#kontaktformular2 form .hacken{
 float: right;
 width: 10px;
 border:none;
 margin-top:0px;
}
#kontaktformular2 form input:focus{
	background-color:#F9F2EF;
}

#kontaktformular2 form textarea{
 float: right;
 width: 180px;
 border:none;
 margin-right:50px;
}

#kontaktformular2 form textarea:focus{
	background-color:#F9F2EF;
}