/* 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
{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... */
body {background-image:url(../img/bg_verlauf.jpg); background-repeat: repeat-x; background-color: #E5E5E5; color:#4C4C4C;}
h2 {font-family:Arial,Helvetica,sans-serif; font-size: 20px; color:#FFF; padding: 17px 0 0 11px;}
p {font-family:Arial,Helvetica,sans-serif; font-size: 11px; color:#4C4C4C; padding: 34px 20px 18px 11px;}
a {font-family:Arial,Helvetica,sans-serif; font-size: 11px; font-weight: bold; color:#FFF; display: block; padding: 5px 0 0 18px;}

#header {height:116px; margin:0; text-indent:-9999px; /* entfernt den Text*/ background-image:url(../img/header.jpg); background-position:top left; background-repeat:no-repeat;}
#impressum {width: 70px; height: 15px; position: absolute; left: 683px; top: 94px;}
#impressum a {font-weight: normal; display: block; color:#4C4C4C; width: 70px; height: 15px;}
#content {margin-left: 60px;}

/* Privatkunden */
#privatkunden {width: 347px; height: 198px; background-image:url(../img/box1.jpg); background-repeat:no-repeat; float: left; margin: 30px 8px 7px 0px; /*display: inline;*/ /* wegen IE Doubled Float-Margin Bug*/}
#privatprodukte {width: auto; height: 23px; background-image:url(../img/btn7.jpg); background-repeat:no-repeat; margin: 0 0 5px 11px;}
#privatkundencenter {width: auto; height: 23px; background-image:url(../img/btn7.jpg); background-repeat:no-repeat; margin-left: 11px;}

/* Geschaeftskunden */
#geschaeftskunden {width: 347px; height: 198px; background-image:url(../img/box2.jpg); background-repeat:no-repeat; margin: 30px 0 0 0; float: left;}
#geschaeftprodukte {width: auto; height: 23px; background-image:url(../img/btn7.jpg); background-repeat:no-repeat; margin: 0 0 5px 11px;}
#geschaeftkundencenter {width: auto; height: 23px; background-image:url(../img/btn7.jpg); background-repeat:no-repeat; margin-left: 11px;}

/* Unternehmen */
#unternehmen {width: 702px; height: 121px; background-image:url(../img/box3.jpg); background-repeat:no-repeat; clear: left;}
#unternehmen h2 {padding: 9px 0 0 11px; color:#4C4C4C;}
#unternehmen p {margin: 0; padding: 16px 20px 12px 11px;}
#links {padding-left: 11px;}
#presse {width: 74px; height: 23px; background-image:url(../img/btn5.jpg); background-repeat:no-repeat; margin: 0 10px 0 0; float: left;}
#dasunternehmen {width: 134px; height: 23px; background-image:url(../img/btn6.jpg); background-repeat:no-repeat; float: left;}
#fussnote p {padding: 10px 20px 18px 5px;}