/* CSS Document */


/*********************************************************/
/* Import der Einzel-Sheets            */
/*********************************************************/

/*@import url("/media/inc/css/hd_stylesheet_startseite.css");
@import url("/media/inc/css/hd_stylesheet_navigation.css");*/
/* ...ltIE6.css ?ber conditional comment!*/



/*********************************************************/
/* Grundger?st                                           */
/*********************************************************/

* {
        margin: 0;
        padding: 0;
}

body
{
        text-align:center;
        font-family: Arial, Helvetica, sans-serif;
        font-size:12px;
        line-height:18px;
}

a img /*R?nder um Bildlinks entfernen */
{
        border:none;
        border-width:0px;
}

iframe
{
        clear:both;
}

/* tpl-elemente */

#container
{
        width: 950px;
        text-align:left;
        position: relative;
        margin: 0 auto;
}


#section1,
#section2,
#section3
{
        position: relative;
        clear:both;
        overflow:hidden;
        margin:0; padding:0;
}


/*********************************************************/
/* Sektion1:Navi,Banner                                  */
/*********************************************************/
#section1
{
        height:150px;
        background-image: url(/media/img/design/tpl_section1.gif);
        background-repeat: repeat-x;
        background-position: top;
        margin-bottom: 10px;
}

#logo,
#banner,
#navi,
#link
{
        position:absolute;
        overflow:hidden;
        left: 0px;
}

#logo
{
        width:200px; height:150px;
}

#banner
{
        left:200px;
        width:730px;
        height:116px;
        padding-left:20px;
        background-image: url(/media/img/design/tpl_banner.jpg);
        background-repeat: no-repeat;
        background-position: left top;
        z-index:10;
}

#link
{
        left:792px;
        top:85px;
        width:140px;
        height:25px;
        z-index:100;
}

#navi /* Folgestyles siehe "hd_stylesheet_navigation.css" */
{
        top:116px;
        left:220px;
        width:730px;
        height:34px;
        background-image: url(/media/img/design/navi_texture.gif);
        background-repeat: repeat-x;
        background-position: left top;
}



/*********************************************************/
/* Sektion2:Contentbereich                               */
/*********************************************************/
#section2
{
        padding-top: 10px;
}


#left,
#content,
#content_breit,
#right
{
        float:left;
        display:block;
        overflow:hidden;
}

#left
{
        width: 185px;
        padding-left: 15px;
}

#content
{
        width:470px;
        margin-left: 20px;
        padding-left: 20px;
        margin-right: 40px;
        border-left-width: 1px;
        border-left-style: dotted;
        border-left-color: #CCCCCC;
}

#content_breit
{
        width:700px;
        margin-left: 40px;
}

#right
{
        width:185px;
}

/*  FolgeStyles siehe unterhalb*/
#content ul {
	padding:0; margin:0;
    padding-bottom: 8px;
    padding-top: 4px;
    list-style-type:none;
}

 

#content ul li {
    padding-left:15px;
    padding-bottom: 3px;
    background-image: url(/media/img/design/ul_listbutton.gif);
    background-repeat: no-repeat;
	background-position: left 4px;
}



/*********************************************************/
/* Sektion3:Fusszeile                                    */
/*********************************************************/
#section3
{
        height:50px;
        margin-top: 10px;
        padding-top: 10px;
        border-top-width: 1px;
        border-top-style: solid;
        border-top-color: #666666;
}

#footer
{
        left:240px;
        position:absolute;
        background-position: top;
        font-size: 11px;
        color: #666666;
}

#footer a
{
        color: #666666;
        text-decoration:none;
}

#footer a:hover
{
        color: #000000;
}

/*********************************************************/
/* Styles Hauptcontent                                   */
/*********************************************************/

/*Paragraphen-Styles*/

#content p,
#content_breit p
{
        padding-bottom: 8px;
}

#content p.breite300,
#content_breit  p.breite300
{
        width: 300px;
}

/*Headlines*/

#content h1,
#content h2,
#content h3,
#content h4,
#content h5,
#content_breit h1,
#content_breit h2,
#content_breit h3,
#content_breit h4,
#content_breit h5
{
        padding:0; margin:0;
        font-weight:normal;
}

#content h1,
#content_breit h1
{
        font-weight: normal;
        font-size:24px;
        line-height: 30px;
        color:#990000;
        margin-bottom:0px;
}

#content h2,
#content_breit h2
{
        font-size:16px;
        line-height: 16px;
        padding-top: 2px;
	padding-bottom: 6px;
	margin-top: 14px;
	margin-bottom: 8px;
        border-bottom-width:1px;
        border-bottom-style:dotted;
        border-bottom-color:#CCCCCC;
        background-image: url(/media/img/design/button_headline.jpg);
	background-repeat:no-repeat;
        background-position: left top;
	padding-left: 25px;
        /*
        text-transform: uppercase; 
	*/        
        color:#f06200;
}

#content h2 a,
#content_breit h2 a
{
		padding-left:0px;
        background-image: url(..);
        text-decoration:none;
        color:#f06200;
}

/*Linkstyles (mit Pfeil)*/

#content a,
#content_breit a,
#content p.linkstyle
{
        color: #990000;
        text-decoration: none;
        display: block;
        padding-left: 9px;
        background-image: url(/media/img/design/tpl_arrow.gif);
        background-repeat: no-repeat;
        background-position: left 2px;
    line-height:14px;
}

#content p.inline a,
#content_breit p.inline a
{
        color: #990000;
        text-decoration: none;
        display: inline;
        padding-left:0;
        background:none;
}

#content p.inline a:hover,
#content_breit p.inline a:hover
{
        color:#F06200;
}

#content p.zinschart a,
#content_breit p.zinschart a
{
        color: #990000;
        text-decoration: none;
        display: inline;
        padding-left:0;
        background:none;
}

#content p.linkstyle span.info
{
        font-size: 11px;
    color: #333333;
}

#content a:hover,
#content_breit a:hover
{
        color:#F06200;
}

#content ul
{
        clear:both;
        margin-bottom:30px;
}

/*Bild in Text*/

#content .pic_floatleft,
#content_breit .pic_floatleft
{
        float:left;
        margin-top:3px;
        margin-right:10px;
        margin-bottom:6px;
}

#content .pic_floatright,
#content_breit .pic_floatright
{
        float:right;
        margin-top:3px;
        margin-left:10px;
        margin-bottom:6px;
}

/************ TABELLE PRODUKTE **********/

#content table
{
        clear:both;
        margin-bottom:25px;
}

#content table caption,
#content_breit table caption
{
}

#content table a
{
        background-position: left 3px;
}

#content table.table1,
#content_breit table.table1
{
        margin-top: 8px;
        border-left-width: 1px;
        border-left-style: solid;
        border-left-color: #CCCCCC;
}

#content .table1 th,
#content_breit .table1 th
{
        background-color: #e6eff0;
        padding-bottom:10px;
        border-bottom-width:1px;
        border-bottom-style:solid;
        border-bottom-color:#54543F;
        color: #333333;
        font-size: 10px;
        padding:4px;
        text-align:left;
}

#content .table1 td.row_footer,
#content_breit .table1 td.row_footer
{
        background-color: #e6eff0;
        padding-bottom:10px;
        border-top-width:1px;
        border-top-style:solid;
        border-top-color:#54543F;
        color: #333333;
        font-size: 10px;
        padding:4px;
        text-align:left;
}

#content .table1 td.row_footer,
#content_breit .table1 td.row_footer
{
        padding-left: 120px;
}

#content .table1 td,
#content_breit .table1 td
{
        text-align:center;
        /*font-weight:bold;*/
        padding-bottom:10px;
        border-bottom-width:1px;
        border-bottom-style:solid;
        border-bottom-color:#FFFFFF;
        padding:2px;
}

#content .table1 td,
#content .table1 th,
#content_breit .table1 td,
#content_breit .table1 th
{
        border-right-width: 1px;
        border-right-style: solid;
        border-right-color: #CCCCCC;
}

#content .table1 td.col_eft,
#content_breit .table1 td.col_eft
{
        text-align:left;
        font-size:10px;
        padding-left:4px;
        padding-right:4px;
}

#content .table1 tr,
#content .table1 tr.row_first,
#content_breit .table1 tr,
#content_breit .table1 tr.row_first
{
        background-color:#eeeee2;
}

#content .table1 tr.row_second,
#content_breit .table1 tr.row_second
{
        background-color:#e1e1d6;
}

#content .table1 thead,
#content .table1 tfoot,
#content_breit .table1 thead,
#content_breit .table1 tfoot
{
        font-family:Arial, Helvetica, sans-serif;
        font-size:10px;
        font-weight:normal;
        text-align:left;
        color:#666666;
        line-height:15px;
        vertical-align: top;
}


#content .table1 tbody,
#content_breit .table1 tbody
{
}

#content .table1 tr,
#content_breit .table1 tr
{
}

/*********************************************************/
/* allgemeine Styles Linke Spalte             */
/*********************************************************/

#home_left .box
{
        border-bottom:1px solid #CCCCCC;
        margin-bottom:20px;
        font-size:11px;
        line-height: 14px;
}

#home_left .box h1
{
        padding:0; margin:0;
        height: 20px;
        font-size: 12px;
        font-weight: bold;
        color: #960328;
        border-bottom:1px solid #CCCCCC;
}

#home_left .box p
{
        clear:both;
        margin-bottom: 5px;
}

#home_left .box img
{
        padding:0; margin:0 0 10px;
}

#home_left .box a img
{
        padding:0; margin:0;
}

#left p.phone,
#home_left p.phone
{
        line-height:18px;
        padding: 5px;
        padding-left:20px;
        background-color:#F9F9F9;
        border-top-width: 1px;
        border-top-style: solid;
        border-top-color: #CCCCCC;
        background-image: url(/media/img/design/subnavi_arrow2_link.gif);
        background-repeat: no-repeat;
        background-position: 9px 11px;
}

#left p.phone .number,
#home_left p.phone .number
{
        font-size: 16px;
        font-weight: bold;
        color: #520115;
}

#left p.phone .time,
#home_left p.phone .time
{
        color: #999999
}

/*********************************************************/
/* allgemeine Styles Rechte Spalte             */
/*********************************************************/

#right .box,
#left .box
{
        margin-bottom:20px;
        font-size:11px;
        line-height: 14px;
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-bottom-color: #666666;
        padding-bottom: 8px;
        line-height:14px;
}

#right .box h1,
#left .box h1
{
        line-height: 14px;
        font-size: 12px;
        font-weight: bold;
        color: #960328;
        background-color:#ecebeb;
        padding-left: 8px;
        padding-right: 8px;
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-bottom-color: #666666;
        padding-top: 8px;
        padding-bottom: 4px;
        background-image: url(/media/img/design/border.jpg);
        background-repeat: no-repeat;
        background-position: left top;
}

#right .box p,
#left .box p
{
        clear:both;
        padding-top:4px;
        padding-left:8px;
        padding-right: 8px;
}

#right .box a,
#left .box a
{
        color: #000000;
        text-decoration: none;
}

#right .box a:hover,
#left .box a:hover
{
        text-decoration:underline;
}

/*********************************************************/
/* Spezielle Boxen linke und rechte Spalte               */
/*********************************************************/

/* grauer HG quickcheck und zinsteaser */
#right .grau
{
        background-color:#f3f2f2;
}

/*quickcheck-formatierung */
#right p.quickcheck
{
        line-height:18px;
}

#right .quickcheck input,
#right .quickcheck select
{
        width: 150px;
        margin-left: 10px;
        padding:0; margin:0;
}

#right .quickcheck input#Submit
{
        width:72px;
        height:auto;
        padding-top: 5px;
}

#right .quickcheck a
{
        color: #990000;
        text-decoration: none;
        display: inline;
        padding-left: 8px;
        margin-left: 6px;
        background-image: url(/media/img/design/tpl_arrow.gif);
        background-repeat: no-repeat;
        background-position: left 2px;
        line-height:14px;
}

#right .quickcheck a:hover
{
        color:#F06200;
        text-decoration: none;
}

/*neuer Link-Style f?r "mehr" (mit Pfeil) */
#right .box a.more,
#left .box a.more
{
        color: #990000;
        text-decoration: none;
        display: block;
        padding-left: 8px;
        background-image: url(/media/img/design/tpl_arrow.gif);
        background-repeat: no-repeat;
        background-position: left 2px;
}

#right .box a.more:hover,
#left .box a.more:hover
{
        color:#F06200;
}

/************ LISTEN **********/

ul.list_bullet
{
        padding:0; margin:0;
        list-style:none;
}

ul.list_bullet li
{
        margin:0;
        background-image: url(/media/img/design/li.jpg);
        background-repeat: no-repeat;
        background-position: left 7px;
        padding-left: 15px;
        padding-top: 0;
        padding-right: 0;
        padding-bottom: 5px;
}


ul.list_block
{
        margin-top: 4px;
        margin-bottom: 4px;
        list-style:none;
}

ul.list_block li
{
        padding:10px;
        margin-bottom: 2px;
        background-color: #e6eff0;
}

ul li span.black_bold
{
        font-size: 14px;
        font-weight: bold;
        color: #CCCCCC;
}

ul.list_block li a
{
        background-position: left 20px;
}

/************ Content-Container/-B?cke**********/


/*special elements*/

#content .con_feedback,
#content_breit .con_feedback
{
        margin-top: 20px;
        margin-bottom: 20px;
        padding-top: 10px;
        padding-bottom: 10px;
        border-top-width: 1px;
        border-top-style: dotted;
        border-top-color: #000000;
        border-bottom-width: 1px;
        border-bottom-style: dotted;
        border-bottom-color: #000000;
        padding-right: 20px;
        padding-left: 80px;
        background-color: #F7F7F7;
        background-image: url(/media/img/design/con_feedback.jpg);
        background-repeat: no-repeat;
        background-position: left top;
        clear:both;
}


/*special elements*/


#content .con_line,
#content .con_nolines,
#content_breit .con_line,
#content_breit .con_nolines
{
        clear:both;
        margin-bottom:0px;
}

#content .con_line,
#content_breit .con_line
{
        border-bottom-width:1px;
        border-bottom-style:dotted;
        border-bottom-color:#CCCCCC;
        padding-bottom:4px;
}

#content .con_nolines_nospace,
#content_breit .con_nolines_nospace
{
}


#content ul li a
{
        background-position: left 5px;
}

#home_content .ratgeber h1
{
            margin-left: 20px;
}