/**
 * CSS Basisdatei für www.uhesselmann.de
 * 
 * @author mediaconcept-ulm
 * @copyright mediaconcept-ulm <www.mediaconcept-ulm.de>
 * @version 1.0.0
 * 
 * created 2009-04-15
 */
 
 /*********************************************************
  * Grundlegende HTML Formatierungen
  ********************************************************/

html, body, div, p, td, a, input, textarea, select {
    font-family:Verdana, Arial, sans-serif;
    color:#000000;
}
html, body {
    margin:0;
    padding:0;
    /*overflow:auto;*/
}
html {
    /*background-image:url('../images/bg_site.gif');*/
    /*background-position:0 140px;*/
    height:100%;
}
body {
    background-image:url(../images/bg_site.gif);
    /*background-repeat:repeat-y;*/
    /*background-position:240px 0;*/
    /*background-color: #FFFFFF;*/
    height:100%;
}
h1 {
    font-size:16px;
    font-weight:bolder;
}
h2 {
    font-size:14px;
    font-weight:bold;
}
h3 {
    font-size:12px;
    font-weight:bold;
}
h4 {
    font-size:10px;
    font-weight:bold;
}
form {
    margin:0;
    padding:0;
}

textarea {
    width:418px;
    height:85px;
}

img {
    border:0;
}

 /*********************************************************
  * CSS-Klassen für HTML-Elemente
  ********************************************************/
  
/*** Unter-Überschrift ***/
.subheadline {
    font-size:12px;
    font-style:italic;
}
/*** News ***/
.artikelliste {
    width:179px;
    margin-bottom:30px;
    font-size:10px;
}
.artikelkopf {
    width:179px;
    height:40px;
    display:block;
}
.artikelkopf h2 {
    font-size:12px;
    font-weight:bold;
    margin-left:10px;
    line-height:30px;
}
.artikelkopf h2 a {
    color:#800;
    text-decoration:none;
}
.artikelkopf h2 a:hover {
    text-decoration:underline;
}
.artikelkoerper {
    display:block;
    width:179px;
}
.artikelkoerper p {
    margin:0px 10px 8px 10px;
}
.artikelfuss {
    width:179px;
    height:12px;
    display:block;
}
/*** Produktliste ***/
.productimg {
    width:160px;
    margin:0px 20px 10px 0px;
    float:left;
}
.productdescr {
    width:345px;
    margin:0px 0px 10px 0px;
    font-size:12px;
    float:left;
}

 /*********************************************************
  * Layout
  ********************************************************/

#wrapper {
}

/*** Home-Kontakt-Sitemap-...-Zeile ***/
#headline {
    width:914px;
    min-height:28px;
    margin:0px 41px 0px 11px;
    font-family:Verdana, Arial, sans-serif;
    font-size:10px;
    color:#000000;
    /*background-color:#00FF00;*/
}
#head_navigation {
    width:728px;
    margin:8px 0px 8px 0px;
    /*background-color: #FF0000;*/
    float:left;
    display:block;
    overflow:hidden;
}
#language {
    width: 184px;
    margin:8px 0px 8px 0px;
    padding-right:2px;
    text-align:right;
    /*background-color: #CCCCFF;*/
    float:left;
    overflow:hidden;
}
#language a {
    text-decoration:none;
    color:#000000;
}
#language a:hover {
    text-decoration:underline;
}

/*** Logo, Theme-Image, Teaser Items-Zeile ***/
#header {
    width:906px;
    height:165px;
    margin:50px 41px 0px 19px;
    /*background-color:#CCFFCC;*/
    display:block;
}
#logo {
    width:166px;
    height:120px;
    margin:0px 29px 25px 0px;
    background-image:url('../images/logo.jpg');
    background-repeat:repeat-none;
    background-position:0px 0px;
    float:left;
    display:block;
    overflow:hidden;
}
#theme_image {
    width:525px;
    height:120px;
    margin:0px 0px 25px 0px;
    background-image:url('../images/header_image_001.jpg');
    background-repeat:repeat-none;
    background-position:0px 0px;
    float:left;
    overflow:hidden;
}
#bullets {
    width:180px;
    height:120px;
    margin:0px 0px 0px 6px;
    position:relative;
    top:0;
    left:0;
    font-size:10px;
    vertical-align:middle;
    /*background-color:#FFCCCC;*/
    float:left;
    overflow:hidden;
}
#bullets_box {
    margin:0;
    position:absolute;
    bottom:0px;
}
#bullets_box ul {
    margin:0;
    padding:0px 0px 0px 12px;
}

/*** Navigation, Content, News-Zeile ***/
#main {
    width:906px;
    min-height:165px;
    margin:0px 41px 0px 19px;
    font-size:12px;
    /*background-color:#99FFCC;*/
    display:block;
}
#navigation {
    width:166px;
    min-height:40px;
    margin:0px 29px 0px 0px;
    /*background-color:#FFFF00;*/
    float:left;
}
#content, #topcontent, #botcontent {
    width:525px;
    margin:0px;
    /*background-color:#00FFFF;*/
    float:left;
}
#content ul, #topcontent ul, #botcontent ul {
    padding:0px 0px 0px 12px;
}
#content ul li, #topcontent ul li, #botcontent ul li {
    padding:5px 0px 5px 0px;
}
/*** Layout mit zwei Textspalten ***/
#leftcol {
    width:257px;
    margin:0px 5px 0px 0px;
    font-size:12px;
    float:left;
}
#rightcol {
    width:258px;
    margin:0px 0px 0px 5px;
    font-size:12px;
    float:left;
}
/*** Layout mit zwei Spalten: links Einzelbild, rechts Text ***/
#leftcol2 {
    width:160px;
    height:214px;
    margin:0px 20px 0px 0px;
    background-repeat:no-repeat;
    background-position:0px 0px;
    float:left;
}
#rightcol2 {
    width:345px;
    margin:0px;
    font-size:12px;
    float:left;
}
/*** Sorge für Ausrichtung von Bild und Überschrift,
     indem für Überschriften margin-top auf 0 gesetzt wird. ***/
#rightcol2 h1, #rightcol2 h2, #rightcol2 h3, #rightcol2 h4 {
    margin-top:0px;
}
#news {
    width:179px;
    min-height:40px;
    margin:0px 0px 0px 7px;
    float:left;
}

/*** Footer ***/
#footer {
    width:904px;
    margin:20px 41px 20px 11px;
    padding:2px 5px 2px 5px;
    font-size:10px;
    text-align:right;
    color:#FFFFFF;
}

/**********************************************************
 * Hauptnavigation
 *********************************************************/

/* Level 1 */
#navigation ul {
    width:166px;
    font-size:11px;
    font-weight:bold;
    margin:0;
    padding:0;
    background-color:transparent;
}
#navigation ul li {
    margin:0;
    list-style-type:none;
}
#navigation ul li a {
    display:block;
    height:32px;
    line-height:32px;
    margin:0;
    padding:0;
    font-size:11px;
    color:#000000;
    text-decoration:none;
}
#navigation ul li.navmainStandardLevel_1 a:hover {
    text-decoration:underline;
}

/* Level 2 */
#navigation ul li.navmainStandardLevel_2 {
    font-size:11px;
    font-weight:normal;
    margin-left:10px;
}
#navigation ul li.navmainStandardLevel_2 a {
    height:24px;
    line-height:24px;
}
#navigation ul li.navmainStandardLevel_2 a:hover {
    text-decoration:underline;
}

/* Level 3 */
#navigation ul li.navmainStandardLevel_3 {
    font-size:10px;
    font-weight:normal;
    margin-left:20px;
}
#navigation ul li.navmainStandardLevel_3 a {
    line-height:20px;
}
#navigation ul li.navmainStandardLevel_3 a:hover {
    text-decoration:underline;
}


/**********************************************************
 * Meta-Navigation (Links oben in der Kopfzeile)
 *********************************************************/
ul#metaNavigation {
    margin:0;
    padding:0;
}
ul#metaNavigation li {
    display:inline;
}
ul#metaNavigation li a {
    color:#000000;
    text-decoration:none;
}
ul#metaNavigation li a:hover {
    text-decoration:underline;
}

 /*********************************************************
  * Links
  ********************************************************/
a {
    color:#000000;
    text-decoration:underline;
}
a:hover {
    text-decoration:underline;
}

 /*********************************************************
  * Backend Styles
  ********************************************************/

/*** Symbol für Bildbearbeitung des Bildes im Header ***/
#modHeaderImgEdit {
    position:absolute;
    top:80px;
    left:215px;
}
/*** Symbol für Bildbearbeitung des Bildes im Header ***/
#modSingleImgEdit {
    position:absolute;
    top:425px;
    left:215px;
}

/**********************************************************
 * Clearfix
 *
 * Diese CSS-Klasse wird benötigt, um ein Eltern-DIV
 * auf die Größe des größten eingebetteten Kind-DIV
 * aufzublähen, ohne dabei ein HTML-Element bzw. ein
 * unsichtbares 1x1-Pixel-GIF oder sonst etwas platzieren
 * zu müssen.
 *
 * ACHTUNG: Diese Methode erfordert eine Abfrage des
 * verwendeten Browsers im HTML-Layout, der für IE6
 * die Größe als zusätzliche CSS-Eigenschaft definiert!
 *
 * <!--[if lte IE 6]>
 *   <style type="text/css">
 *     .clearfix {height:1px;}
 *   </style>
 * <![endif]-->
 *********************************************************/
.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */



/**
 * CSS styles for Contenido Sitemap.
 * 
 * @author rbi
 * @copyright four for business AG <www.4fb.de>
 * @version 0.1.0
 * 
 * created 2009-01-16
 */
#topcontent ul.sitemapStandardMainCat, ul.sitemapStandardMainCat {
    margin-left:0;
    padding-left:0;
}

#topcontent ul.sitemapStandardMainCat li, ul.sitemapStandardMainCat li {
    border-bottom: 1px solid;
    list-style-type: none;
}

#topcontent ul.sitemapStandardMainCat li.sitemapStandardLevel_1, ul.sitemapStandardMainCat li.sitemapStandardLevel_1 {
    padding: 3px 3px 3px 10px;
}

#topcontent ul.sitemapStandardMainCat li.sitemapStandardLevel_2, ul.sitemapStandardMainCat li.sitemapStandardLevel_2 {
    padding: 3px 3px 3px 30px;
}

#topcontent ul.sitemapStandardMainCat li.sitemapStandardLevel_3, ul.sitemapStandardMainCat li.sitemapStandardLevel_3 {
    padding: 3px 3px 3px 50px;
}