/* ----------------------------------------------

   HTML ELEMENTS

------------------------------------------------- */ 

body {
	margin: 0; padding: 0; 
	text-align: center;
	font: 12px/160% Arial, Helvetica, sans-serif;
	color: #999;
	background:url(images/bg.jpg) no-repeat center top;
}


/* links */

a:link, a:visited { 
	text-decoration: underline;
	color: #6f7072;	
}

a:hover { color: #bddeda; }

a:link.more, a:visited.more {
	float: left;	
	margin-top: 20px;	
	margin-right: 5px;
	padding: 3px 5px 4px 5px;
	background-color: #b1c800; 
	text-transform: lowercase;
	font-weight: bold;
	text-decoration: none;	
	color: #fff;		
}


/* headers */

h1, h2, h3, h4, h5 {
	font: 1em/1.5em Arial, Helvetica, sans-serif;
	color: #6f7072;
	margin: 10px 20px 10px 0px;	 

}

h1 { font-size: 2.6em; font-weight: normal; letter-spacing: -0px; padding-top: 10px;  }

h2 { font-size: 1.9em; font-weight: normal; letter-spacing: 0px; padding-top: 15px;}

h3 { font-size: 1.0em; font-weight: bold; margin-bottom: -10px;}

h4 { font-size: 1.0em; font-weight: bold; margin-bottom: 1px;}

h5 { font: 1em/2em Arial, Helvetica, sans-serif; margin-bottom: 5px; background-color: #bddeda; padding: 5px 10px 5px 10px; text-transform: uppercase; color:#ffffff; display: inline; }




/* Lists */

ul, ol {
	margin: 10px 20px;
	padding: 0 20px;

}

ul { list-style: disc; }

ol { list-style: decimal; }


dt {
  font-weight: bold;
  color: #6f892c;
}

dd {
  padding-left: 20px; 
}



/* images */

img alt {
    border: 1px solid #ababab;		
}

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

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


code {
  	margin: 3px 0;
  	padding: 20px;
  	text-align: left;
  	display: block;
  	overflow: auto;  
  	font: 500 1em/1.5em 'Lucida Console', 'Courier New', Monospace;
  	/* white-space: pre; */
  	border: 1px solid #251a14;
	background-color: #130d0a; 
}

acronym {
  cursor: help;
  border-bottom: 1px dotted #555;
}

strong {	font-weight: bold; }



/* start - table */

table {
	border-collapse: collapse;
	margin: 0;		
}

tr { background: #ffffff; }

th, td {
	text-align: left;			
}

th {
	background-color: #45561B; 
	padding: .8em 1em;	
  	border-color: #647C28 #586A22 #43511A #5A6F23;	
	font-weight: bold;
	color: #fff;
}

td {
	border-color: #231A14;
	vertical-align:top;
}	

/* end - table */



/* form elements */

form {
	margin: 0px; 
	padding: 0px 0px 20px 0px; 	
}

form p {
	margin: 0;
	padding: 0px 5px 5px 5px;		
	color: #525252;
}

label {
	font-weight: bold;
	color: #525252;
}

input, select, textarea {
	margin: 2px 0;
	padding: 7px 5px;
	border-width: 1px;
	border-style: solid;
  	border-color: #efefef; 	
	background-color: #ffffff;
	font: 11px 'Lucida Grande', Verdana, Helvetica, Sans-Serif;
	color: #525252;
}

input:focus, select:focus, textarea:focus {
	background-color: #efefef;
	border: 1px solid #efefef;
	color: #525252;
}

#author, #email, #comment, #url {
	width: 470px;
}

input.button { 
	height: 30px;
	margin: 0;
	padding: 2px 3px; 
	border: 1px solid #c96111;
	background: #e2721b url(images/button-bg.png) repeat-x;	
	font: bold 11px 'Lucida Grande', Verdana, Helvetica, Sans-Serif;
	text-decoration: none;	
	color: #fff;
}



/* ------------------------------------------

   LAYOUT

------------------------------------------- */ 

#wrap {
	width: 886px;
	margin: 0 auto;
	text-align: left;
}

/* header */

#header {
	position: relative;
	margin: 0 auto 20px auto;
	height: 160px;	
	width: 886px;		
}

#header #slogan {
	position: absolute;
	/* change the values of top and left to adjust the position */
	top: 30px; left: 17px;		
	margin: 0;
}

#header #logo {
	position: absolute;
	/* change the values of top and left to adjust the position */
	top: 55px; left: 680px;		
	margin: 0;
	width: 181px;
	height: 56px;
}


/*  navigation  */

#header #nav {
	position: absolute;
	left: 0px;	top: 143px;		
	margin: 0; padding: 0;			
	width: 650px;
}

#header #nav ul {	
	float: left;
	margin: 0;	padding: 0;		
	width: 650px;
	list-style: none;
}

#header #nav ul li {
	display: inline-block;
	float: left;
	margin: 0; padding: 0;
	position: relative;
	margin: 0;
}

#header #nav ul li a:link, #header #nav ul li a:visited {
	float: left;
	margin: 0;
	padding: 10px 17px 10px 17px;	
	font: 11px Arial, Helvetica, sans-serif;
	text-decoration:none;
}

#header #nav ul li a:hover, #nav ul li a#selected { /*hover and selected link*/
	color: #6f7072;
	background: transparent url(images/pointer.gif) bottom center no-repeat;
}

#header #nav ul li ul li a:hover { /*hover and selected link*/
	color: #ffffff;
	background: transparent url(images/pointer.gif) bottom center no-repeat;
}

#index #navindex a, #company #navcompany a, #products_all #navproducts_all a, #partner #navpartner a, #news #navnews a, #media #navmedia a, #contact #navcontact a {
	color: #ffffff;
	font-size:14px;
	background-color:#bddeda;
}



/* Content */

#content-wrap {
	position: relative;
	clear: both;	
	width: 886px;
	margin: 0; padding: 0;	
}

#content img{
	position: relative;
	width: 275px;
	margin: 0 1px 1px 0; padding: 0;
	border: solid 1px #ddd;	
}

#content_ribbon {
	position: absolute;
	background: url(images/ribbon.png) no-repeat;
	width: 110px;
	height: 98px;
	top: 160px;
	left: -20px;
	z-index: 99999;
}

#content {
	float: left;
	width: 860px;
	margin-left: 20px;		
	display: inline;
}

#content_sub {
	float: left;
	width: 520px;
	margin-left: 20px;
	padding-right: 10px;
	display: inline;
}

#content_sub_info {
	float: left;
	margin: 25px 10px 0 20px;
	display: inline;
	background-color:#f7f7f7;
}

#video {
	margin: 5px 5px 0 0;
	float: left;
	text-align:center;
	width: 160px;
}


#content_sub_info_content  {
	margin: 25px 30px 30px 30px;
}

#content_sub_info p strong {
	color: #555;
}

#content_sub_info p.pdf {	
	border: none;	
	height:40px;
	margin: 21px 20px 20px 0;
	padding: 10px 0px 0px 50px;
	background: url(images/pdf.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px; 
}

#content_sub_info a {
	color: #666;
}

#content_sub_info h3 {
	background-color:#bddeda;
	color:#FFF;
	padding-left: 10px;
}

#content_sub h2 {
	padding-top: 0;	
}

/* Messe */

#messe {
	float: left;	
	text-align:left;
	width: 245px;
	margin: 0;
	padding: 0px 30px 20px 20px;
	font: 12px/150% Arial, Helvetica, sans-serif;
}


/* Aktuelles */

#aktuelles {
	float: left;	
	text-align:left;
	width: 265px;
	margin: 0;
	padding: 0px 20px 20px 20px;
	font: 12px/150% Arial, Helvetica, sans-serif;
}


/* Dates */

#dates {
	float: left;	
	text-align:left;
	width: 265px;
	margin: 0;
	paddings: 0px 20px 20px 20px;
	font: 12px/150% Arial, Helvetica, sans-serif;
}


/* Tabs */
div.panes h2 {
	font-size: 1.3em;  
	font-weight: bold;
	margin: 25px 0 0 0;
}

div.panes div {
	padding: 15px 0px;
	border-top: 1px solid #ddd;
	background-color:#fff;
}

div.panes p strong {
	color: #555;
}

div.panes div.holder {
	padding: 0;
	border: none;
	background-color: #eee;
	text-align:center;
	color: #555;
}

div.panes div.pdf {
	padding: 0;
	border: none;
	text-align:left;
	float:left;
	width: 410px;
	text-align:left;
}

div.panes div.pdf_down {
	padding: 0;
	margin-left: -50px;
	border: none;
	text-align:center;
	float:left;
	width: 60px;
	text-align:left;
}


/* Product */

#cat {
	width:210px;
	float:left;
	margin:0;
	padding: 0 5px 20px 0;
}

#cat a {
	display:block;
	text-decoration:none;
	font-size:12px;
	color:#999;	
	margin:2px 0;
}

#cat a:hover {
	color:#555;
}

#cat h2 {
	font-size:14px;
	margin-top: -10px;
}

.clear {
	clear:left;
}

/* Tabs */


/* root element for tabs  */
ul.tabs { 
	list-style:none; 
	margin:0 !important; 
	padding: 20px 0px 0px 0px;
	height:30px;
}

/* single tab */
ul.tabs li { 
	float:left;	 
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image:none !important; 
}

/* link inside the tab. uses a background image */
ul.tabs a { 
	font-size:11px;
	display:block;
	height: 30px;  
	line-height:30px;
	width: 111px;
	text-align:center;	
	text-decoration:none;
	color:#6f7072;
	padding:0px;
	margin:0px;	
	position:relative;
	top:1px;
}

ul.tabs a:active {
	outline:none;		
}

/* when mouse enters the tab move the background image */
ul.tabs a:hover {
	color:#bddeda;	
}

/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
	background-position: -652px -62px;		
	cursor:default !important; 
	color:#fff !important;
	background-color:#bddeda;
}

/* initially all panes are hidden */ 
div.panes div.pane {
	display:none;		
}


/* footer */

#footer {
	float: left;
	width: 100%;
	text-align: center;
	background:url(images/bg_footer.gif) repeat-x top #bddeda;
	margin-top: 30px;
	color: #666;
}

#footer-outer {
	clear: both;
	width: 886px;		
	margin: 0 auto;
	font-size: .9em;		
	text-align: left;	
}

#footer-wrap {
	float: left;
	width: 820px;	
	margin-left: 33px;	
	padding-top: 20px;	
	display: inline;
}

#footer-wrap h3 {
	margin-bottom: 15px;
	font-size: 1.6em;		
	font-weight: bold;	
	color: #ffffff;
}

#footer-wrap .col-a {
	width: 200px;
	float: left;
	display: inline;
}

#footer-wrap .col-a a {
	color: #ffffff;
}

#footer-wrap .col-a a:hover {
	color: #6f7072;
}

#footer-wrap .col-b {
	width: 200px;
	float: right;	
	display: inline;
}



/* footer-list */

#footer-outer .footer-list ul {
	list-style: none;
	margin: 0 30px 0 0;	
	padding: 0;		
	background:url(images/punkt.gif) repeat-x top;	
}

#footer-outer .footer-list ul li { background:url(images/punkt.gif) repeat-x bottom; }

#footer-outer .footer-list ul li a {
	display: block;
	width: 98%;
	margin-left: 0;
	padding: 3px 0;
	border: none;
	line-height: 2em; 	
	color: #6f7072;
	text-decoration:none;
}

#footer-outer .footer-list ul li .email {
	background: url(images/email.gif) no-repeat 0 center;
	padding-left: 20px;
}


#footer-outer .footer-list ul li .twitter {
	background: url(images/twitter.gif) no-repeat 0 center;
	padding-left: 20px;
}

#footer-outer .footer-list ul li a span {
	font-style: italic;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .95em;	
}

#footer-outer .footer-list ul li a:hover,

#footer-outer .footer-list ul li a:hover span {
	color: #ffffff;	
}



/* footer-bottom */

#footer-bottom {
	float: left;	
	width: 100%;
	margin: 30px auto 15px auto;	
	font-family: Arial, Helvetica, sans-serif;	

}

#footer-bottom a {
	color:#6f7072;	
}

#footer-bottom a:hover {
	color:#ffffff;	
}

#footer-bottom .bottom-left {	float: left; }		

#footer-bottom .bottom-right {
	text-align: right;
	padding-right: 0;	
}

#footer-bottom a.back-to-top {
	padding-right: 20px;
		
}





/* thumbnails */

p.thumbs { 

	margin: 0;

	padding: 10px 0 0 0px; 	

}

.thumbs img { 

	position: relative;

	margin: 4px; padding: 8px;	

	background: #150e0b;

   border: 1px solid #261b15;

}

.thumbs img:hover	{ border: 1px solid #453025; }

.thumbs a:hover { background-color: transparent; border: none }



/* alignment classes & additional classes*/

.float-left  { float: left; }

.float-right { float: right; }

.align-left  { text-align: left; }

.align-right { text-align: right; }

.no-border { border: none; }



/* clearing */

.fix { 

	clear: both;

	height: 1px;

	margin: -1px 0 0;

	overflow: hidden; 

}

.clear {	display:inline-block; }

.clear:after {

	display:block; 

	visibility:hidden; 

	clear:both; 

	height:0; 

	content: " "; 

}