/*** undo default browser styles
******************************************************************/
/* undohtml.css */
/* (CC) 2004 Tantek Celik. Some Rights Reserved.             */
/*   http://creativecommons.org/licenses/by/2.0                   */
/* This style sheet is licensed under a Creative Commons License. */
/* Purpose: undo some of the default styling of common (X)HTML browsers */

/* link underlines tend to make hypertext less readable, 
   because underlines obscure the shapes of the lower halves of words 
:link,:visited { text-decoration:none }*/

/* no list-markers by default, since lists are used more often for semantics */
ul,ol { list-style:none }

/* avoid browser default inconsistent heading font-sizes */
/* and pre/code too */
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }

/* remove the inconsistent (among browsers) default ul,ol padding or margin  */
/* the default spacing on headings does not match nor align with 
   normal interline spacing at all, so let's get rid of it. */
/* zero out the spacing around pre, form, body, html, p, blockquote as well */
/* form elements are oddly inconsistent, and not quite CSS emulatable. */
/*  nonetheless strip their margin and padding as well */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input, dl, dt, dd
{ margin:0; padding:0 }

/* whoever thought blue linked image borders were a good idea? */
a img,:link img,:visited img { border:none }

/* de-italicize address */
address { font-style:normal }

/* more varnish stripping as necessary... */
fieldset {
   border: none 0;
}

/*** reset some basic style
******************************************************************/
dl {margin: 0 0 0 .8em;}
dl dt {margin: 0 0 .5em 0;}
dl dd+dt {margin-top: 1.5em;}
dl dd {margin: 0 0 1em 2em;}

ol {list-style: decimal;}
ol li {margin: 0 0 1em 2.5em;}
ol li ol {margin: 1em 0 1em 1em;}
ol li ul {margin: 1em 0 1em 1em;}

p {margin-bottom: 1em;}

ul {list-style: disc;}
ul li {margin: 0 0 1em 2em;}
ul li ul {margin: 1em 0 1em 1em; list-style: circle;}
ul li ol {margin: 1em 0 1em 1em;}








html, body {
	color: #40413e;
	background-color: #dfdfdf;
	background-image: url(../img/hg_body.gif);
	background-repeat: repeat-y;
}
body {
	font: 100% Arial, Helvetica, sans-serif;
}
hr {
	position: absolute;
	left: -1000em;
}
#rahmen {
	font-size: .8em;
	background-color: #fff;
	color: #40413e;
	width: 1010px;
}
.brecher {
	clear: both;
}
a {

	background-color: transparent;
	text-decoration: underline;
}
a:visited {

	background-color: transparent;
	text-decoration: underline;
}
a:hover,
a:focus, 
a:active {

	background-color: transparent;
	text-decoration: none;
}

/*++++++++++++++++++++++++++++++++++++++ 
Kopfbereich mit Logo, Stühlen und Claim 
++++++++++++++++++++++++++++++++++++++*/
#kopf {
	position: relative;
	background-color: #fff;
	color: #40413e;
	border-bottom: 13px solid #efefff;
	height: 130px;
}
#kopf #logo {
	padding-top:40px;
	padding-left:40px;
}
#kopf #kopfbild {
	position: absolute;
	top: 115px;
	right: 45px;
}
#kopf #claim {
	position: absolute;
	top: 0;
	right: 0;
}

/*++++++++++++++++++++++++++++++++++++++ 
Hauptmenü 
++++++++++++++++++++++++++++++++++++++*/
#menueleiste {
	font-weight: bold;
	font-size: .9em;
	color: #fff;
	background-color: #011182;
	background-image: url(../img/hg_rand_menue.gif);
	background-repeat: repeat-x;
	padding: 17px 12px 9px 15px;
}
#menueleiste ul {
	list-style: none;
}
#menueleiste ul#hauptmenue {
	float: left;
}
/*#menueleiste ul li {
	display: inline;
	margin: 0;
	padding: 0 8px 0 10px;
	border-left: 1px solid #fff;
}*/
#menueleiste ul li.m-1 {
	border-left: 0;
	padding-left: 0;
}
#menueleiste ul li a {
	letter-spacing:1px;
	color: #fff;
	text-decoration: none;
}

/*++++++++++++++++++++++++++++++++++++++ 
3-spaltiger Hauptbereich 
++++++++++++++++++++++++++++++++++++++*/
#koerper {
	padding-top: 16px;
}

#linkespalte {
	font-size: .9em;
	width: 211px;
	height:50px;
	float: left;
}
#linkespalte ul {
	list-style-type: none;
	width: 190px;
	margin: 0px;
	padding: 0px;
	border-top: 1px solid #adadad;
}
#linkespalte ul li {
	margin: 0px;
	padding: 0px;
	border-bottom: 1px solid #adadad;
}
#linkespalte ul li a {
	color: #40413e;
	background-color: inherit;
	text-decoration: none;
	display: block;
	padding: 7px 10px 7px 15px;
}
#linkespalte ul li a:hover {
	color: #40413e;
	background-color: #efefff;
}
#linkespalte ul a:active,
#linkespalte ul a:focus {
   text-decoration: none;
}
#linkespalte ul a.aktiv {
   background-color: #efefff;
}
#image_leftmenu {
	margin-left:15px;
}


#mittelspalte {
	position: relative;
	line-height: 130%;
	width: 578px;
	float: left;
	min-height: 520px;
}
#mittelspalte h1 {
	background-color: #EFEFFF;
	color: #011182;
	font-size: 1.4em;
	font-weight: normal;
	line-height: 140%;
	margin-bottom: 25px;
	padding: 18px 10px 0 10px;
	width: 359px;
	height: 99px;
	overflow: auto;
/* IE6-Formatierung in ie6.css */
}
#mittelspalte h2 {
	margin-bottom: .75em;
	line-height: 125%;
}
#mittelspalte p {
	margin-bottom: 1em;
}
#mittelspalte ul li {
	margin-top: .5em;
	margin-bottom: .5em;
}
#mittelspalte div.csc-textpic-border div.csc-textpic-imagewrap .csc-textpic-image img {
	border: 1px solid #adadad;
	top: 0;
	right: 0;
}
#mittelspalte #textspalte div.csc-textpic-border div.csc-textpic-imagewrap .csc-textpic-image img {
	float: left;
	clear: left;
	margin: 0 10px 0px 0px;
	padding: 1px;
	border: solid 1px #d4d4d4;
}
#mittelspalte #textspalte {
	width: 379px;
	float: left;
}
#mittelspalte #textspalte .orange{
	color:#ff9900;
}
.blau{
	color:#011182;
	font-weight:bold;
}
#mittelspalte #bildspalte {
	width: 180px;
	/*margin-left: 398px;*/
	float: right;
}
#mittelspalte #bildspalte img {
	display: block;
	margin-bottom: 20px;
}

/* Template One Row */

#mittelspalte_onerow {
	position: relative;
	line-height: 130%;
	width: 578px;
	float: left;
	min-height: 520px;
}
#mittelspalte_onerow h1 {
	background-color: #EFEFFF;
	color: #011182;
	font-size: 1.4em;
	font-weight: normal;
	line-height: 140%;
	margin-bottom: 25px;
	padding: 18px 10px 0 10px;
	width: 359px;
	height: 99px;
	overflow: auto;
/* IE6-Formatierung in ie6.css */
}
#mittelspalte_onerow h2 {
	margin-bottom: .75em;
	line-height: 125%;
}
#mittelspalte_onerow p {
	margin-bottom: 1em;
}
#mittelspalte_onerow ul li {
	margin-top: .5em;
	margin-bottom: .5em;
}
#mittelspalte_onerow div.csc-textpic-border div.csc-textpic-imagewrap .csc-textpic-image img {
	border: 1px solid #adadad;
	top: 0;
	right: 0;
}
#mittelspalte_onerow #textspalte div.csc-textpic-border div.csc-textpic-imagewrap .csc-textpic-image img {
	margin: 0 10px 0px 0px;
	padding: 1px;
	border: solid 1px #d4d4d4;
}
#mittelspalte_onerow #textspalte {
	width: 558px;
}
#mittelspalte_onerow #textspalte .orange{
	color:#ff9900;
}

/* ######################Produktansichten##################### */
#mittelspalte_prod {
	position: relative;
	line-height: 130%;
	width:799px; /* Breite der Mittelspalte für Prokuktübersicht*/
	float: left;
	min-height: 520px;
}
#mittelspalte_prod div.csc-textpic-intext-right-nowrap { width:578px;} /* Überschrift begrenzen für Produktübersicht*/
#mittelspalte_prod h1 {
	background-color: #B0B0B0;
	color: #fff;
	font-size: 1.4em;
	font-weight: normal;
	line-height: 140%;
	margin-bottom: 25px;
	padding: 18px 10px 0 10px;
	width: 359px;
	height: 99px;
	overflow: auto;
/* IE6-Formatierung in ie6.css */
}
#mittelspalte_prod h2 {
	margin-bottom: .75em;
	line-height: 125%;
}
#mittelspalte_prod p {
	margin-bottom: 1em;
}
#mittelspalte_prod ul li {
	margin-top: .5em;
	margin-bottom: .5em;
}
#mittelspalte_prod div.csc-textpic-border div.csc-textpic-imagewrap .csc-textpic-image img {
	border: 1px solid #adadad;
	top: 0;
	right: 0;
}
#mittelspalte_prod #textspalte div.csc-textpic-border div.csc-textpic-imagewrap .csc-textpic-image img {
	float: left;
	clear: left;
	margin: 0 10px 0px 0px;
	padding: 1px;
	border: solid 1px #d4d4d4;
}
#mittelspalte_prod div.produktbox {
	position: relative;
	border: 1px solid #adada5;
	float: left;
	margin: 0 19px 20px 0;
	width: 178px;
	height: 248px;
/* IE6-Formatierung in ie6.css */
}
#mittelspalte_prod div.produktbox h1 {
	color: #fff;
	background-color: #87c82d;
	position: absolute;
	left: 0;
	bottom: 0;
	margin: 0;
	padding-top:5px;
	padding-left:10px;
	
	font-size: 1em;
	font-weight: normal;
	line-height: 100%;
	width: auto;
	height: 17px;
	overflow: auto;
}
#mittelspalte_prod div.produktbox img {
	display: block;
}
#mittelspalte_prod div.produktbox p.bodytext {
	font-size: .9em;
	line-height: 110%;
	position: absolute;
	top: 10px;
	left: 10px;
	width: 165px;
}
#mittelspalte_prod div.produktbox div.beschreibung h2,
#mittelspalte_prod div.produktbox div.beschreibung p {
	margin: 0;
	background-color: #fff;
}
#mittelspalte_prod div.produktbox div.beschreibung p {
	display: inline;
	padding-right: 3px;
}
#mittelspalte_prod div.produktbox h1 a {
	color: #fff;
	background-color: inherit;
	text-decoration: none;
}
#mittelspalte_prod div.produktbox h1 a:hover {
	text-decoration: underline;
}

#rechtespalte {
	margin-left: 789px;
	width: 221px;
	height:350px;
	float: none;
/* IE6-Formatierung in ie6.css */
}

div.box {
	border: 1px solid #adada5;
	background-color: #fff;
	color: #40413e;
}
#rechtespalte div.box {
	margin: 0 20px 20px;
	font-size: .75em;
	width: 179px;
}

#rechtespalte div.box h1 {
	padding: 5px 13px;
	margin-bottom: 1em;
	color: #fff;
}

#rechtespalte div.box h1 a {
	color: #fff;
}

/*### Farben für Box ###*/
div.box_blau h1 {
	background-color: #011182;
}
div.box_gruen h1 {
	background-color: #92B85D;
}
div.box_orange h1 {
	background-color: #F08B39;
}
div.box_gelb h1 {
	background-color: #FDCC33;
}

#rechtespalte div.csc-textpic,
#rechtespalte div.csc-textpic-text {
	padding: 0 10px;
}

#fuss {
	color: #707070;
	background-color: #fff;
	background-image: url(../img/hg_rand_fusszeile.gif);
	background-repeat: repeat-x;
	font-size: .8em;
	clear: both;
	padding: 1em 0;
	width: 1010px;
/* IE6-Formatierung in ie6.css */
}

#fusstext {
	float:left;
	padding-left:211px;
}

#fussmenu {
	float:right;
	padding-right:20px;
}

#fussmenu ul li {
	display:inline;
	list-style-type:none;
}

#fussmenu a {
	color: #707070;
}

#kontaktspalte {
	color: #707070;
	background-color: #fff;
	font-size: .75em;
	line-height: 140%;
	position: absolute;
	left: 15px;
	top: 40em;
	max-width: 196px;
}
#kontaktspalte address,
#kontaktspalte form {
	margin: 0 0 1em;
}
#kontaktspalte form {
	width: 174px;
}
#kontaktspalte div.csc-mailform-field {
	width: 174px;
}
	
#kontaktspalte form input {
	font: 1em Arial, Helvetica, sans-serif;
	margin: .25em 0;
	border: 1px solid #adada5;
	width:174px;
}

#kontaktspalte input.csc-mailform-submit {
	padding: 0;
	background-color: #011182;
	color: #fff;
	font-weight: bold;
	padding: 1px 4px;
	min-width: 10px;
	overflow: visible;
}
#kontaktspalte input#kontaktformtype_mail {
	margin-left:10px;
}
#kontaktspalte input#kontaktemail {
	width: 170px;
}
*html #kontaktspalte form input.button  {
	width: 10px;
	overflow: visible;
}


/* Kontaktformular */
form#kontakt div.csc-mailform-field {
	padding-bottom:5px;
	
}
form#kontakt div.csc-mailform-field label {
	width:140px;
	float:left;
}
form#kontakt div.csc-mailform-field input,
form#kontakt div.csc-mailform-field textarea {
	width:192px;
}
form#kontakt div.csc-mailform-field input.csc-mailform-submit {
	width:120px;
	margin-left:140px;
}
form#kontakt div.csc-mailform-label em.hinweis {
	font-size: .85em!important;
}
form#kontakt div.csc-mailform-label {
	width:450px;
}


/*.hinweis {
	font-size: .85em!important;
}*/


span.zeile {
	display: block;
}

/* Suchmaschineninfo */
#sminfo {
	color: #a2a2a2;
	background-color: #fff;
	font-size: .70em;
	clear: both;
	margin: 40em 0 0;
	padding: 1em 221px 1em 211px;
	width: 578px;
}
.backlink {
	margin-bottom:10px;
}

/* Bildunterschrift */
dl.csc-textpic-image dd {
	margin-top: 0pt;
	margin-right: 0pt;
	margin-bottom: 0pt;
	margin-left: 0pt;
	font-weight:bold;
	font-size:0.85em;
}


/* Text mit Bild Hack ... damit die Boxen in der NewsSpalte nicht mit wachsen */
#rechtespalte .csc-textpic-above .csc-textpic-text { clear: none; }
#rechtespalte .csc-textpic-clear { clear: none; }

/* Rahmen mit Abstand nach unten */
.contentspace {	margin-bottom: 75px; }

/* Blaue Überschrift */
.header_blau { color:#011182; }

/* eCC Copyright */
p.copyright a { color:#707070; text-decoration:none;}

/* Dropdown Menu */
ul.mainmenu, ul.mainmenu ul {
padding: 0;
margin: 0;
list-style-type: none;
z-index:100;
}

ul.mainmenu a {
display: block;
font-weight: 700;
padding: 0;
margin: 0;
}

ul.mainmenu li {
padding:0 10px 0 11px;
margin: 0;
float: left;
border-left: 1px solid #fff;
}

/* Für Unterpunkte keine Float-Eigenschaft */
ul.mainmenu ul li {
border:none;
float:none;
background-color:#a0abfe;
padding: 3px 5px;
margin: 0;
}

/* Links auf Unterpunkten sollen die Hintergrundfarbe ändern */
ul.mainmenu ul li.hover, ul.mainmenu ul li:hover {
background-color:transparent;
margin: 0;
}

ul.mainmenu ul li.hover, ul.mainmenu ul li:hover {
background-color:#011182;
}

/* Zweite Ebene */
ul.mainmenu ul {
border:1px solid #a0abfe;
margin:0;
padding: 0;
position: absolute;
background-color: #a0abfe;
display: none;
width: 200px;
}

/* Zweite Ebene anzeigen */
ul.mainmenu li.hover ul, ul.mainmenu li:hover ul {
display: block;
}

/* Zweite Ebene nicht anzeigen */
ul.mainmenu li.nosub:hover ul {
display:none;
}

/* Dritte Ebene */
ul.mainmenu li.hover ul ul, ul.mainmenu li:hover ul ul {
display: none;
margin-left: 100px; /* Breite eines Listenelements - Überlagerung */
margin-top: -15px; /* Höhe eines Listenelements */
background-color: #a0abfe;
border:1px solid #a0abfe;
}

/* Dritte Ebene anzeigen */
ul.mainmenu li.hover ul li.hover ul, ul.mainmenu li:hover ul li:hover ul {
display: block;
}

/* Vierte Ebene */
ul.mainmenu li.hover ul li.hover ul ul, ul.mainmenu li:hover ul li:hover ul ul {
display: none;
}

/* Vierte Ebene anzeigen */
ul.mainmenu li.hover ul li.hover ul li.hover ul , ul.mainmenu li:hover ul li:hover ul li:hover ul {
display: block;
}