/*
*	@author			PixelProductions GmbH
*
*	@version		1.0
*	@date			2008-06-15
*
*
*	@section 		browser reset
*	@see     		http://www.yaml.de/documentation/...
*
*	Reset any browser specific CSS declaration to known values
*/

* { margin: 0; padding: 0; }

html, body { height: 100%; /* wichtig */}

body { font-family: Arial, Helvetica, sans-serif; font-size: 12px; }

table, td, p, div {	font-family: Arial, Helvetica, sans-serif; font-size: 12px; }

a { color: #000; text-decoration: none; }
a:hover, a:active { color: #a00631; text-decoration: none; }

h1 { color: #a00631; font-size: 16px; font-variant: small-caps; }
h2 { color: #a00631; font-size: 18px; font-variant: small-caps; font-weight: bold; margin-bottom: 10px; }
h3 { color: #000; font-size: 14px; font-variant: small-caps; margin-bottom: 20px; }
h4 { color: #fff; font-size: 12px; font-variant: small-caps; }

p { margin-bottom: 15px; }

ol { margin-left: 20px; }
li { margin-left: 20px; padding-bottom: 10px; }

/* Gestaltungselemente */
#table { margin: auto; }

#claim { padding: 15px 0px 15px 20px; border-left: 1px solid #a00631; font-variant: small-caps; }
#navigation { margin: 5px; font-variant: small-caps; color: #fff; font-size: 22px; }

#produkte { padding: 5px 0px 5px 5px; border-left: 1px solid #a00631; }
.produkte_left { padding: 7px 0px 7px 0px; border-bottom:1px solid #747474; }
.produkt_icon { margin-right: 6px; border: 1px solid #a00631; }
.produktname { font-size: 12px; font-variant: small-caps; color: #a00631; }
.produktzusatz { font-size: 11px; font-variant: small-caps; }

.menue { background-color: #a00631; text-align: center; font-size: 13px; border-right: 1px solid #fff; }
.menue a { color: #fff; font-variant: small-caps; text-decoration: none; }
.menue a:hover, .menue a:active { color: #000; font-variant: small-caps; text-decoration: none; }

.menue_last { background-color: #a00631; text-align: center; font-size: 13px; }
.menue_last a { color: #fff; font-variant: small-caps; text-decoration: none; }
.menue_last a:hover, .menue_last a:active { color: #000; font-variant: small-caps; text-decoration: none; }

.img { border: 1px solid #000; }

.kopfzeile_left { background-image: url(../../Bilder/Layout/bg_kopfzeile2010.jpg); background-repeat: no-repeat; background-position: left; }
.kopfzeile_right { background-image: url(../../Bilder/Layout/bg_kopfzeile2010.jpg); background-repeat: no-repeat; background-position: right; }
.produkttabelle_left { background-image: url(../../Bilder/Layout/bg_tabelle.jpg); background-repeat: no-repeat; background-position: left; }
.produkttabelle_right { background-image: url(../../Bilder/Layout/bg_tabelle.jpg); background-repeat: no-repeat; background-position: right; }
.border { border-bottom: 1px solid #000000; }

/* INTRO */
#intro { text-align: center; background-color: #fff; }
#intro_inhalt { width: 723px; height: 450px; margin: 0px auto; padding-top: 35px; text-align: left; }
#sprachwahl_index { color: #717778; }
#sprachwahl_index a { color: #717778; text-decoration: none; text-transform: uppercase; margin: 0px 5px; }
#sprachwahl_index a:hover, #sprachwahl_index a:active { color: #a00631; text-decoration: none; text-transform: uppercase; }
#index_flash { margin-top: 97px;}

#intro_menue { background-color: #b8bdc1; border-top: 2px solid #fff; }
#intro_menue_inhalt { width: 723px; margin: 0px auto; }
#rote_zeile { width: 430px; background-color: #a00631; color: #fff; text-align: center; float: right; padding: 8px 0px; margin-bottom: 35px;}

#menuecontainer_index { width: 723px; clear: both; }
.menue_index { width: 230px; height: 44px; text-align: left; }
.menue_index a { color: #fff; font-size: 14px; padding: 10px; font-weight: bold; text-decoration: none; background-image: url(../../Bilder/Index/bg_menue.jpg); background-repeat: repeat-y; display: block;}
.menue_index a:hover, .menue_index a:active { color: #fff; font-size: 14px; padding: 10px; font-weight: bold; text-decoration: none; background-image: url(../../Bilder/Index/bg_menue_act.jpg); background-repeat: repeat-y; display: block;}
