/**
 * Title:  		Hansa-Flex Produktpräsentation Stylesheet (Layout)
 * Author: 		Max Stockner, Jan Harmuth & Kathrin Holzmann, TANNER AG
 * URL: 		http://www.tanner.de
 * Description: Enthält die Formatierung des Grundlayouts
 * Version: 	$Date: 2009/05/15 09:41:28CEST $
 *
 * Wichtige Farben:
 * Rot:  #CC0000 (Textlink)
 * Grau: #666666 (Brotkrümmellink), 
 *		 #CCCCCC (hellgrau) 
 *		 #E6E6E6 (Hintergrund)
 *
 * Die Standardschriftgröße wird auf 10px (62.5%) gesetzt durch 
 * den Quasistandard 16 Pixel der führenden Browsern.
 */
 
/**
 * -----------------------------------------------
 * Allgemeine Formatierungen für das Seitenlayout
 * ----------------------------------------------- 
 */  
 
* {
    margin: 0;
    padding: 0;
	border: none;
} 

html {
	font-family: Arial, Sans-Serif;
	font-size: 62.5%;
}

body {
	color: #000;
	min-width: 100em;
	float:left;
}

/* Überschriften */
h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
}

h1 {
	font-size: 1.5em;
}

h2 {
	font-size: 1.4em;
}

h3 {
	font-size: 1.3em;
}
h4 {
	font-size: 1.2em;
}

h5 {
	font-size: 1.1em;
}

h6 {
	font-size: 1em;
}

/* Aufzählungen, Absätze */
p, ul, ol {
	margin: 0;
}

/* Standardlinks */
a, a:active, a:link, a:visited {
    text-decoration: none;
    color: #666;
}

a:hover {
    text-decoration: underline;
    color: #666;
} 

/* Rahmen um Bilder ausschalten (auch bei Links) */
img, a img {
	border: none;	
}

img.rechteck10 {
	width: 1.9em;
	/*height: 1.9em;*/
}

img.rechteck12 {
	width: 1.33em;
	height: 1.33em;
}

img.rechteck12 {
	width: 1.33em;
	height: 1.33em;
}

img.rechteck19 {
	width: 1.58em;
	height: 1.58em;
}

/* Accessibilitybar im CSS-Modus ausschalten */
#accessibility {
    display: none;
}

strong {
	font-weight: bold;
}

/* Float "entferner" */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/**
 * -----------------------------------------------
 * Header
 * ----------------------------------------------- 
 */
 
 
 #eyecatcher #coimg {
  margin: 0.4em 0 0 0.7em;
  border: 0 ;
 }
 

/**
 * -----------------------------------------------
 * Brotkrümmel
 * ----------------------------------------------- 
 */

#breadcrumbs {
    margin-left: 0.2em;
    margin-top: 1em;
    font-size: 1.2em;
    color: #666666;
    height: 2.7em;
}

#breadcrumbs li {
    display: inline;
    background: #FFF url(/images/path.gif) no-repeat left center;
    padding-left: 1.5em;
}

#breadcrumbs li.bc_start {
	background: none;
	padding-left: 0;
}

#breadcrumbs li img {
	vertical-align: top;
	border: 0;
}


/**
 * -----------------------------------------------
 * Dropshadow
 * -----------------------------------------------
 */
 
.dropshadow, .dropshadow_top {
    background:url(/images/dropshadow.png) no-repeat bottom right;
	float: left;
}

.dropshadow:before, .dropshadow_top:before {
    background:url(/images/dropshadow.png) top right no-repeat;
    display:block;
    height:18px;
    margin-bottom:-18px;
    content:"";
}

/**
 * -----------------------------------------------
 * Hauptnavigation links
 * ----------------------------------------------- 
 */

#navigation, #suche, #language {
	  float: left;
    width: 22.5em;
    margin: 0 0.9em 1.5em 0;
    padding-left: 0.5em;
}

#left h3 {
    font-size: 1.2em;
    min-height: 1.83em;
    width: 17.91em;
    margin: 0;
    padding-top: 0.25em;
    vertical-align: bottom;
}

#navigation h3.first {
    padding-left: 2em;
	  background: #FFF url(/images/home.gif) no-repeat left center;
}

#navigation h3 img {
	padding-right: 0.66em;
	float: left;
}

#navigation h3 span {
	padding-top: 0.16em;
	width: 15em;
	float: left;
}


/* Dropdown Navigation*/ 
#navigation ul {
	clear: both;
	list-style: none;
	width: 21.8em;
	font-size: 10px;
	color: #000;
	padding-bottom: 0.9em;
	z-index: 1;
} 

#navigation ul li {
	position: relative;
}
	
#navigation li ul {
	position: absolute;
	left: 21.6em;
	top: -1px;
	display: none;
	background-color: #fff;
	border: 1px solid #e6e6e6;
	padding-bottom: 0;
}

#navigation ul li a {
	display: block;
	padding: 0.4em 0 0 2.7em;
	text-decoration: none;
	color: #000;
	min-height:2em;
}

#navigation ul li a:hover {
    color: #000;
    background: #e6e6e6;
}
		
#navigation li ul li a { 
    padding: 0.4em 0 0 1em;
    margin: 0;
}

#navigation li:hover, #navigation li.over {
    background-color: #e6e6e6;
}

#navigation li:hover ul, #navigation li.over ul { 
    display: block;
}

#navigation .hcurrent {
	margin-right: 2px;
  background-color: #f0f0f0;
}


/**
 * -----------------------------------------------
 * Content
 * ----------------------------------------------- 
 */

#content {
    width: 55.5em;
    float: left;
    padding-bottom: 3.6em;
}

#content p {
 	margin: 0.83em 0;
}

#content a:link, #content a:visited {
	font-size: 12px;
	color: #C00;
	text-decoration: none;
}

#content a:hover {
	color: #C00;
	text-decoration: underline;
}


/**
 * ----------------------------------------------- 
 *  Linke Sidebar (Navigation, Suche, Sprache)
 * -----------------------------------------------   
 */ 
#left {
  width: 23.4em;
  float: left;
  margin-right: 2em;
}


#suche form {
	padding-bottom: 1.5em;
}

#suche input {
	border: 1px solid #E6E6E6;
	margin-bottom: 0.4em;
}

#suche input.image {
	border: none;
	vertical-align: top;
}

#suche input.searchfield {
  width: 13.5em;
}

/* sprachumschaltung */
* html #language {
	margin-bottom: 0;
}

#language {
	padding-bottom: 1.8em;
}

#language ul {
	list-style: none;
}

#language ul li {
	margin: 0.25em 0 0 0.5em;	
}

.pdf {
	font-size: 12px;
}

.pdf a {
	color: #c00;
	display: block;
	margin-bottom: 5px;
}

.pdf a img {
	display: block; 
	float: left;
}

.pdf a span {
	display: block;
	float: left;
	padding: 0.16em 0 0 0.4em;
}

#debug {
  clear: both;
}