/*  Th. Teichmann <teichmann@zebraluchs.de>
    für Klick Germany
         Juli 2008
    herrmann@die-netzmacher.de
         September 2009
*/

/*  Import zusätzliche Definitionen:  */
@import url(add.uh.css);
@import url(rubriken.css);

/*  General stuff  */

/*  reset  */

* {
	border: none;
	margin: 0;
	padding: 0;
}

html,body {
        font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

img {
	border: 0;
	padding: 0;
	margin: 0;
	text-align: left;
}

#maincont h3  {
margin:0pt 0pt 0.75em;
padding:0.75em 0pt 0pt;
}

#maincont p  {
margin:0 0 .75em 0;
}


body {
        font-size: 76%;
        text-align:center; /*Angabe fuer mittige Positionierung der Seite im Browserfenster im IE */
       background:#E6E6E6 url(main_hg.gif) top center repeat-y;
       width:1000px;
       margin:0 auto;
}

html {
        background:#AD292F;
}

 /* Slogan Hauptueberschrift */

#head h1 {
        /*bottom: 66px;*/
        color: #AD292F;
        float: left;
        font-size: 1.7em;
        left: 18px;
        position: absolute;
        top: 63px;
        z-index: 2;
}

/* Gesamtinhalt */

#box {
        border: 0px solid #B22222;
        margin:0 auto;
        padding:0;
        width: 1000px;
        text-align:left; /* zusaetzlich wegen Angabe fuer mittige Positionierung der Seite im Browserfenster im IE */
}

/* Inhalt Klickwelt */

#main {
        border-left:7px solid #AD292F;
        border-right:7px solid #AD292F;
        position:relative;
        top:0px;
        width: 986px;
        text-align:left;
}

/* externe Werbung */

#skyscraper {
 	clear: both;
	overflow-x: hidden;
	width: 173px;
}
#skyscraper img {
	margin: 2em 0 0 8px;
}

.cl {
        clear: left;
}
.cr {
        clear: right;
}
.cb {
        clear: both;
}

/* Kopfbereich */

#head {
        border:0px solid #000;
        float:left;
        width: 986px;
        padding: 0 0 /*7px*/0 0;
        height:auto;
        background:#E6E6E6 url(kopf_hg.gif) 389px top no-repeat;
        position:relative;
        z-index:1000;
}

#head *{
        z-index:1000;
}

#head a {
        border:none; text-decoration:none;
}

#head div#logo {
        position:absolute;
        top:15px;
        left:580px;
        margin:0;
        padding:0;
        border:0px solid #000;
}

#login {
        position:absolute;
        top:15px;
        left:800px;
        height:75px;
}

#login form{
        /*position:relative;*/
        height:73px;
}

#login .inputText, #login .inputText2{
        margin:0 0 .25em 0;
        padding:.25em 0 .25em .15em;
        width:120px;
        background-color:#fff;
        /*display:block;*/
        color:#6D6E71;
        font-size:.95em;
        /*position:absolute;*/
        bottom:0;
}

/*
#login .inputText{
        margin-bottom:2.3em;
}
#login .login{
        margin:0 0 0 .15em;
        padding:.25em 0 .25em 0;
        width:120px;
        background:none;
        text-align:left;
        display:block;
        color:#333;
        font-size:.95em;
        cursor:pointer;
}
*/
#login .login{
    margin-bottom: 1em;
}
#login .login-submit {
    background-color: #AD292F;
    color: #fff;
    font-weight: bold;
    width: 15px;
}


#suche {
        background:url(hg_suche2.gif) 0 bottom no-repeat;
        width: 176px;
        display:block;
        margin:0 0 0 0;
        padding: 0 0 0 10px;
        height:80px;
        z-index:2!important;
        position:absolute;
        bottom:-43px;
}

/**  Formular shopsuche  **/

div#suche form{
margin-top:48px;}

#quick_find .textinput {
	color: Rgb(173,41,47);
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	width: 120px;
	margin:2px 0 0 0;
	vertical-align:top;
	padding:2px;
}

#quick_find .submitinput {
	margin:0 6px 0 0;
	vertical-align:top;
}


#head ul{
        list-style-type:none!important;

}


#head div#metanav ul {
        margin:10px 0 0 15px;/*geaend. 140708 tt */
        font-size:.9em;
}

#head div#metanav ul li {
        padding:0 0 0 3px;
        list-style-type:none!important;
        float:left;
}

#head div#metanav ul li a {
        padding:0 3px 0 0;
}

#head div#metanav ul li a:link,
#head div#metanav ul li a:visited {
        color:#333;
        text-decoration:none;
}

#head div#metanav ul li a:hover,
#head div#metanav ul li a:active {
        text-decoration:underline;
}

/*Ulis Pulldown*/

div#branchen {
height:auto;
margin:73px 0pt 0pt 68.5px;
position:relative;
width:717.5px;
float:left;
z-index:4000;
}

#branchen *{
z-index:4000;
}

#branchen ul {
        margin:1px 0 0 0;
        padding:0;
        /*width:717.5px;*/
        display:block;
        /*position:relative;*/
}

#branchen ul li {
        list-style-image:none!important;
        float:left;
        width:102.499px;
        display:block;
}

#branchen ul li a {
        padding:.3em 0 .3em 5px;
        width:auto;
        display:block;
        font-size:.9em;
        font-weight:bold;
        border-top:1px solid #AD292F;
}

#branchen ul li.no a:link,
#branchen ul li.no a:visited,
#branchen ul li.cur a:focus, #branchen ul li.cur a:hover, #branchen ul li.cur a:active {
        color:#E6E6E6;
        text-decoration:none;
        background:url(shopnavi01.gif) bottom right no-repeat;
}

#branchen ul li.no a:hover,
#branchen ul li.no a:active, #branchen ul li.no a:focus,
#branchen ul li.cur a:link, #branchen ul li.cur a:visited {
        text-decoration:none;
        background:url(shopnavi02.gif) bottom right no-repeat;
}

/*  Subkategorien:  */

#branchen ul li ul {
        width:auto!important;
}

#branchen ul li>ul {
        top: auto;
        left: auto;
}

#branchen ul li ul.level-1 {
        border-right: 1px solid #ad292f;
        border-bottom: 1px solid #ad292f;
        display: none;
        /*left: 0;*/
        /*margin-left: -3em;*/
        padding: .5em 1em 1em 10px;
        position: absolute;
        /*top: 32px; -> Problem in FF3*/
		  top: 31px;
        /*weitergehende Formatierung*/
        background:#fff;
}

#branchen ul li ul.last li {
        white-space: nowrap;
        width: auto;
}
#branchen ul li:hover ul.level-1, #branchen ul li.over ul.level-1 {
        display: block;
}
#branchen ul li ul.level-1 li {
        clear: left;
}
#branchen ul li ul.level-2 li {
        background-image: url(list-bullet.gif);
        background-position: left center;
        background-repeat: no-repeat;
        margin-left: 1em;
        padding-left: 1em;
}
#branchen ul li ul.level-2 li {
        float: none;
}
#branchen ul li ul.level-2 li a {
        font-weight: normal;
}
#branchen ul li ul.last li a {
        background-image: none !important;
        border: none;
        /*color: #ad292f !important;*/
        display: inline;
        font-size: .9em;
        padding-left: 0;
        padding-right: 15px;
}
#branchen ul ul.last li a:link, #branchen ul ul.last li a:visited {
        background: none;
        text-decoration: none;
}
#branchen ul ul.last li a:focus, #branchen ul ul.last li a:hover, #branchen ul ul.last li a:active {
        background: none;
        text-decoration: underline;
        color:#333!important;
}
#branchen ul ul.last li.no a {
        color: #6D6E71;
}
#branchen ul ul.last li.cur a {
        color: #AD292F;
}
#branchen ul ul.last li.cur ul li.no a {
        color: #6D6E71;
}
#branchen ul ul.last li.cur ul li.cur a {
        color: #AD292F;
}

/*  /Ende Ulis Pulldown*/

#basket {
        border-bottom: 0px solid #fff;
        margin-left:786px;
       padding-top:73px;
        width: 170px;
        display:block;
}

#basket a{
        background:url(einkaufskorb.gif) top right no-repeat;
        display:block;
        font-weight:bold;
        font-size:1em;
        margin:0 0 0 10px;/* geaend: 220708 */
        padding:6px 0 0 0;
        line-height:1.5em;
        height:28px;
}

#basket a:link, #basket a:visited{
        text-decoration:none;
        color:        #AD292F;
}

#basket a:hover, #basket a:active{
        color:        #6D6E71;
}


/*
        #rootline
                ul
                        li
                                .no
                                .cur
                                a
*/

div#rootline-c{
	z-index:3000!important;
	position:relative;/*um z-index steuern zu koennen*/
	top:0; /*verhindert wackeln in Opera und IE7 */
	margin: .55em 0 0 0;
	padding: 0 0 .5em 0;
	 clear:both;
}

ul#rootline {
        margin: 0 0 0 68.5px!important;
        line-height: 1.2em;
        font-size: .9em;
        width:577px;
        display:block;

}

#rootline li {
        margin:0;
        padding:0;
        float:left;
        white-space:nowrap;
        line-height: 1.2em;
        height:1.2em;
        display:block;
}

#rootline li a,
#rootline li.no a {
        margin:0;
        padding:0;
        font-weight:normal;
}

#rootline li.cur a:hover,
#rootline li.cur a:active,
#rootline li.no a:link,
#rootline li.no a:visited {
        color:#AD292F;
        text-decoration:none;
}

#rootline li.cur a:link,
#rootline li.cur a:visited,
#rootline li.no a:hover,
#rootline li.no a:active {
        color:black;
        color:#AD292F;
        text-decoration:underline;
}
/* Beginn redaktioneller Bereich */

#content {
        width:986px;
        position:relative;
        background: url(rand_left.gif) 186px top repeat-y;
        /* float:left;*/
}

/* Content */

#gesamtinhalt {
        width:600px; /* neue Breite */
        float:left;
        z-index:0!important;
}

#maincont {
        padding-left: 23px;/* geaend. 22.07.08 */
        padding-right: 23px;/* geaend. 22.07.08 */
        width: 554px; /* neue Breite */
        background: url(maincont_hg.gif) center top no-repeat;
        float:left;/* geaend. 25.07.08 */
}

#maincont h1.csc-firstHeader {
        border-left: 8px solid #AD292F;
        clear: both;
        color: #AD292F;
        font-size: 1.3em;
        line-height: 1em;
        margin: .75em 0 1em 0;
        padding: 0 0 0 4px;
        width: auto;
}

#maincont ul, ol {
        margin:0 0 .75em 1em;
        color:#333333;
	font-size:0.95em;
	line-height:1.2em;
}


/* Firma der Woche *** Firmenportraits */

#firmenportrait {
        float: left;
        margin-top:1px;
        padding: 0;
        /*width: 600px;*/
        width:554px;
}

#firmenportrait h1{
        font-size:1.2em;
        color:#E6E6E6;
}

#firmenportrait p.vorschau, #firmenportrait p.vorschau_right{
        font-size:1em;
        margin: 0 0 1.3em 0;
        font-weight:bold;
        text-align:left;
        line-height:1.3em;
}

#firmenportrait p.vorschau_right{
        float:right; text-align:left;
}

.portrait{
        margin: 0 20px 1em 20px;
}

#firmenportrait p{
        color:#333;margin: 0 0 10px 0;
}

#firmenportrait p.text_left{
        margin: 0 15px 10px 0;float:left; width:150px;
}

#firmenportrait h3{
        font-size:1em;
        margin: 1em 0 10px 0;
        clear:both;text-transform:uppercase;
}

#firmenportrait img.img_right{
        margin:0 0 10px 0;padding:0; float:right; border:1px solid #6D6E71;
}

#firmenportrait img.img_left{
        margin:0 15px 10px 0px ;padding:0; float:left; border:1px solid #6D6E71;
}

.bild_unten{
        margin-left:10px;
        position:absolute;
        bottom:0;
        right:0;
}

/* Firma der Woche *** Verlinkung */

div.news-list-container {
        padding:0 0 10px 0;
        background: url(maincont_hg.gif) center bottom no-repeat;
}

div#startfirma {
        float:left;
}
div#startfirma div.news-list-item {
        padding:0 18px 0 0;
        display:block;
        width:357px;
        min-height:215px;
}

*+html div#startfirma div.news-list-item, *+html div#produktdestages div.news-list-item, *+html div#rotation div.news-list-item{
        min-height:215px;
}

* html div#startfirma div.news-list-item, * html div#produktdestages div.news-list-item, * html div#rotation div.news-list-item{
        height:215px;
}

html>body div#startfirma div.news-list-item, html>body div#produktdestages div.news-list-item, html>body div#rotation div.news-list-item {
        min-height: 215px;
        }

div#startfirma a{
        text-decoration:none;
}

div#startfirma a img{
        display:block;
        text-decoration:none;
}

div#startfirma h3.csc-firstHeader, div.fdw-tdt h3 {
        text-transform:uppercase;
}

div.fdw-tdt h3 {
        margin:0 0 .75em 393px!important;
}

div#startfirma h3.csc-firstHeader{
        margin:0 0 .75em 0!important;
}

/* Produkt des Tages *** Verlinkung */

div#produktdestages {
        margin:0 0 0 375px;
}

div#produktdestages div.news-list-item {
        padding:0 0 0 18px;
        height:auto;
        border-left:1px solid #fff;
}

div#produktdestages a img{
        display:block;
        text-decoration:none;
        border:none;
}

div#produktdestages p{
        padding:0 10px 0 0;
        margin:.75em 0 0 0;
}

div.news-list-container h2 em {font:.75em normal;}

div#produktdestages h1 {
font-size:0.95em;margin:0 0 0 0;
}

div#produktdestages h2 {
font-size:2em;margin:0 0 .2em 0;float:right;width:140px;text-align:right;padding-right:0;font-weight:bold;
}

div#produktdestages h1 a:link, div#produktdestages h1 a:visited{
        color:#AD292F;
        text-decoration:none;
}

div#produktdestages h1 a:hover, div#produktdestages h1 a:active{
        text-decoration:underline;
}

div#produktdestages h2 a:link, div#produktdestages h2 a:visited{
        color:#AD292F;
        text-decoration:none;
}

div#produktdestages h2 a:hover, div#produktdestages h2 a:active{
        text-decoration:none;
        color:#333;
}

div#produktdestages p a:link, div#produktdestages p a:visited{
        color:#333;text-decoration:none;
}

div#produktdestages p a:hover, div#produktdestages p a:active{
        text-decoration:underline;
}

/*  allgemeine Textformatierung  */

#maincont h2, #maincont p.csc-subheader{
        color:#333;
        font-weight:normal;
        font-size:1.2em;
        text-transform:uppercase;
        margin:.83em 0 .83em 0;
}

#maincont h3{
        color:#AD292F;
        font-size:1em;
}

#maincont p {
        color:#333;
        font-size:.95em;
        line-height:1.2em;
}

    /*  ***Link im Text  */

.bodytext a:link, .bodytext a:visited,
a.external-link-new-window:link, a.external-link-new-window:visited{
        color: #AD292F !important;
        text-decoration:underline;
}

.bodytext a:hover, .bodytext a:active,
a.external-link-new-window:hover, a.external-link-new-window:active{
        text-decoration:none;
}

    /*  /Link im Text  */

    /*  NEWS (>Shop)  */

.news-single-item a:link, .news-single-item a:visited   {
        color: #AD292F !important;
        text-decoration:underline;
}

.news-single-item a:hover, .news-single-item a:active{
        text-decoration:none;
}

.news-single-item img{
        border:none;
}

    /*  /NEWS (>Shop)  */

    /*  Schlagzeilen Menschen aktuell  */

#maincont .csc-textpic{
        margin:1.4em 0 0 0;
        padding:0 0 0 0;
        display:block;
        border:0px solid #e00;
        width        :554px;
}
DIV.csc-textpic-intext-left-nowrap + .csc-textpic-clear {
        border-top: 1px dotted #6D6E71;
}

#maincont .csc-textpic img{
        margin:0 0 0 0;
}

/* Pictures on left, add margin on right */
        DIV.csc-textpic-left DIV.csc-textpic-imagewrap .csc-textpic-image,
        DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image,
        DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap .csc-textpic-image{
                display: inline; /* IE fix for double-margin bug */
                margin-right: 15px;
        }

/* Pictures on right, add margin on left */
        DIV.csc-textpic-right DIV.csc-textpic-imagewrap .csc-textpic-image,
        DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image,
        DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap .csc-textpic-image{
                display: inline; /* IE fix for double-margin bug */
                margin-left: 15px;
        }

/* Add margin from image-block to text (in case of "Text w/ images") */
        DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap,
        DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap {
                margin-right: 15px !important;
        }
        DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap,
        DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap {
                margin-left: 15px !important;
        }

/* border links am Bild im Miniportrait */

#maincont DIV.csc-textpic-border DIV.csc-textpic-imagewrap .csc-textpic-image IMG{
        border-left:9px solid #AD292F!important;
        border-right: none!important;
        border-top: none!important;
        border-bottom: none!important;
}

#maincont DIV.csc-textpic-border DIV.csc-textpic-imagewrap .csc-textpic-image{
        padding-right:5px!important;
}

.csc-textpicHeader h3{
        margin:0 0 0 0;
        padding:0 0 0 0;
}

.csc-textpicHeader h3 a:link, .csc-textpicHeader h3 a:visited{
        color:#AD292F;
        text-decoration:none;
}

.csc-textpicHeader h3 a:hover, .csc-textpicHeader h3 a:active{
        text-decoration:underline;
}

.csc-textpic-text p.bodytext{
        margin:.4em 0 .4em 0;
        padding:0;
}

.bodytext a.internal-link  {
        margin:0 0 0 0;
        padding:0 0 0 0;
}

.bodytext a.internal-link:link, .bodytext a.internal-link:visited{
        text-decoration:none;
}

.bodytext a.internal-link:hover, .bodytext a.internal-link:active{
        text-decoration:underline;
}

    /*  /Schlagzeilen Menschen aktuell  */

            /*  Datum Logbuch  */

p.csc-header-date{
        margin:1em 0 -.5em 0;
        padding:0;
        color:#6D6E71!important;
}

/*  ROTATION  */

#rotation {
        border: 0px solid #90EE90;
        margin: 0 auto .4em auto;
        width:600px;
        float:left;
}

#rotation .news-list-container {
        display: block;
        margin: 0 0 0 5px;
        padding:0 0 10px 0;
}

#rotation div.csc-header h3{
        margin:0 0 0 23px;
        padding:.75em 0 0 0;
        color:#AD292F;
        font-size:1em;
        text-transform:uppercase;
}

#rotation .news-list-item {
        display: block;
        float: left;
        margin: .75em 18px 0 0;
        padding: 0 0 0 18px;
        width: 160px;
}

div#rotation .news-list-item + div{
        border-left: 1px solid #fff;
}

#rotation .news-list-item h1{
        color:#AD292F;
        font-size:.95em;
        margin:1em 0 .4em 0;
        width:160px;
        display:block;
}


#rotation .news-list-item h1 a:link, #rotation .news-list-item h1 a:visited{
        color:#AD292F;
        text-decoration:none;
}

#rotation .news-list-item h1 a:hover, #rotation .news-list-item h1 a:active{
        text-decoration:underline;
}


#rotation div.news-list-container h2 em {font:.65em normal;}

#rotation .news-list-item h2 {
font-size:1.4em;margin:0 0 .2em 0;float:right;width:140px;text-align:right;padding-right:0;font-weight:bold;
}

#rotation .news-list-item h2 a:link, #rotation .news-list-item h2 a:visited{
        color:#AD292F;
        text-decoration:none;
}

#rotation .news-list-item h2 a:hover, #rotation .news-list-item h2 a:active{
        text-decoration:none;
        color:#333;
}

div#rotation .news-list-item p a:link, div#rotation .news-list-item p a:visited{
        color:#333!important;text-decoration:none;
}

div#rotation .news-list-item p a:hover, div#rotation .news-list-item p a:active{
        text-decoration:underline;
}

#rotation .news-list-item .image{
        height:120px;
        text-align:left;
        width:160px;
}

.news-list-morelink{
        margin:.5em 0 0 0;
}

.news-list-morelink a {
        padding: 0 0 0 0;
        color: #AD292F !important;
        font-size: .9em;
        font-weight: normal;
}

.news-list-morelink a:link,
.news-list-morelink a:visited {
        text-decoration: none;
}

.news-list-morelink a:focus,
.news-list-morelink a:hover,
.news-list-morelink a:active{
        text-decoration: underline;
}

#rotation .news-list-item p{
        font-size:.95em;
        font-weight:normal;
        color:#333;
        margin:0;
        padding:0 10px 0 0;
}

.news-list-item .clearer {
        border: none;
}

/*  /ROTATION  */

/* Marginalspalte */

#marginal {
        background: url(maincont_hg.gif) 4px top no-repeat;
        float:left;
        margin-left: 1px;
        width:199px;
}


/* Marginalspalte Shophighlights */

#marginal .csc-header h1 {
        padding:.75em 0 0 0;
        color: #AD292F;
        display: block;
        float:right;
        font-size: 1em;
        font-weight: bold;
        text-align: left;
        text-transform: uppercase;
        width: 190px;
}

#marginal .news-list-container{
	background:none!important;
}

#marginal .news-list-item{
        width:195px;
        border-bottom:1px dotted #AD292F;
        float:right;
}

#marginal .news-list-item h1{
        color:#333;
        font-size:.95em;
        margin:.8em 0 .8em 5px;
        font-weight:normal;
        text-transform: uppercase;
}

#marginal .news-list-item h1 a:link, #marginal .news-list-item h1 a:visited{
        color:#AD292F;
        text-decoration:none;
}

#marginal .news-list-item h1 a:hover, #marginal .news-list-item h1 a:active{
        text-decoration:underline;
        color:#6D6E71;
}

#marginal .news-list-item h2{
        font-size:.95em;
        font-weight:bold;
        margin:0 0 .35em 0;
        color:#6D6E71;
}

#marginal .news-list-item h2 a:link, #marginal .news-list-item h2 a:visited{
        color:#AD292F;
        text-decoration:none;
}

#marginal .news-list-item h2 a:hover, #marginal .news-list-item h2 a:active{
        text-decoration:none;
        color:#333;
}

#marginal .news-list-item img{
        float:left;
        margin:.1em 6px .7em 4px;
}

#marginal .news-list-item p{
        width:auto;
        display:block;
        font-size:.9em;
        font-weight:normal;
        line-height:1.1em;
        padding:0 3px 1.2em 0;
}

#marginal .news-list-item p a:link, #marginal .news-list-item p a:visited{
        color:#333;text-decoration:none;
}

#marginal .news-list-item p a:hover, #marginal .news-list-item p a:active{
        text-decoration:underline;
}

.news-list-date {
        font-weight:bold;color:#6D6E71;
}


/* Fusszeile mit Servicefunktionen */

#footer {
        border-top: 2px solid #fff;
        font-size: .8em;
        margin:1.5em auto 0 auto;
        padding: .2em 0 0 0;
        text-align: left;
        width: 554px;
}

.copy{
        float:left;
        margin:0 0 1em 0;
        padding:.7em 0 0 0;
        color:#000;
}

.service{
        float:right;
        padding:0 0 0 0;
        margin:0 0 1em 0;
        border: 0px solid #fff;
}

.service a{
        padding:.7em 1em 0 0;
        color:#333;
        display:block;
        text-align:left;
        float:left;
        height:2em;
}

.service a:link, .service a:visited{
        text-decoration:none;
}

.service a:hover, .service a:active{
        text-decoration:underline;
}

a.druck{
        background:url(drucker.gif) top right no-repeat;
        padding:.7em 2.5em 0 0;
        border:0px solid #000;
}

/* verstecktes div (Druck)*/

#versteckt {
        display:none;
}