/*  Th. Teichmann <teichmann@punktul.de>
    für Klick Germany
	 Juni 2007  */

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


/*  in Druckansicht ausblenden  */
/*#left {
        display:none;
}*/
	 
/*  General stuff  */
html,body {
        font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
        margin:0;
        padding:0;
}

body {
        font-size: 76%;
        background: url(main_hg.gif) top left repeat-y;
}

 /* Slogan Hauptueberschrift */

#head h1 {
        font-size: 2em;
        position:absolute;
        top:60px;
        left:15px;
        z-index:2;
        color:#AD292F;
        float: left;
        margin: 0;
        padding:0;
}

/* Gesamtinhalt */

#box {
        border: 0px solid #B22222;
        margin:0;
        padding:0;
        width: 1000px;
}

/* Inhalt Klickwelt */

#main {
        border:0px solid #fc3;
        position:relative;
        top:0px;
        margin: 0;
        width: 1000px;
        text-align: left;
}

a.klickwelt {
        background:url(klickwelt.gif) bottom left no-repeat;
        float: left;
        width: 174px;
        display:block;
        margin:0;
        padding: .5em 0 .5em 15px;
        font-size:1.1em;
        font-weight:bold;
        color:#E6E6E6;
        text-decoration:none;
}

a.klickwelt:link, a.klickwelt:visited {
}
a.klickwelt:hover, a.klickwelt:active {
        color:#fff;
        text-decoration:none;
}

/* externe Werbung */

#skyscraper {
        background-color: #fff;
        height: 600px;
        position:absolute;
        left:880px;
        margin:0 0 0 0px;
        width: 120px;
}

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

/* Kopfbereich */

#head {
        border-bottom: 3px solid #fff;
        float: left;
        height: 155px;
        width: 875px;
        background:#E6E6E6 url(kopf_hg.gif) top left repeat-y;
}

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

.logo {
        position:absolute;
        top:15px;
        left:479px;
        margin:0;
        padding:0;
        border:0;
}

#suche {
        position:absolute;
        top:50px;
        left:700px;
        margin:0;
        padding:0;
        border:0;
}

#head ul {
        margin:3px 0 0 15px;
        padding:0;
        font-size:.9em;
}

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

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

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

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

#branchen {
        position:absolute;
        top:96px;left:0px;
        width:875px;
}

#branchen ul {
        margin:1px 0 0 0;
        padding:0;
        width:875px;
        list-style-type: none;
        border:0px solid #000;
}

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

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

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

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

#branchen ul li.shoplink a {
        margin:0;
        padding:3px 0 0px 15px;
        width:auto;
        height:2.6em;
        display:block;
        font-size:1.1em;
        font-weight:bold;
}

#branchen ul li.shoplink a:link,
#branchen ul li.shoplink a:visited {
        color:#E6E6E6;
        text-decoration:none;
}

#branchen ul li.shoplink a:hover,
#branchen ul li.shoplink a:active {
        color:#6D6E71;
}

/* Beginn redaktioneller Bereich */

#content {
        border:0px solid #000;
        width:875px;
        position:relative;
        background: url(rand_left.gif) 174px top repeat-y;
        float:left;
}

/* Content */

#gesamtinhalt {
        border:0px solid #000;
        margin: 0 0 0 0;
        width:525px;
        float:left;
}

#maincont {
        margin: 0 0 0 0;
        padding-left: 36px;
        padding-right: 36px;
        width: 453px;
}

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

/* Firma der Woche *** Firmenportraits */

#startfirma, #firmenportrait {
	border: 0px solid #e00;
	float: left;
	margin: 0 -36px 1em -36px;
	padding: 0;
	width: 525px;
}

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

#firmenportrait {
	margin: 0 -36px 0 -36px;
}

/**+html #startfirma, *+html #firmenportrait{
        margin: 0 -36px 0 -36px;
        width:525px;
}

* html #startfirma, * html #firmenportrait{
        margin: 0 -18px 0 -18px;
        width:525px;
}*/

#startfirma h1, #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 */

#startfirma a{
        padding:0 0 0 0;
        margin:0;
}

#startfirma a:link, #startfirma a:visited{
        text-decoration:none;
	border        :0;
}

#startfirma a:hover, #startfirma a:active{
        text-decoration:none;
        border        :0;
}



/*  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;
        padding:0 0 0 0;
        border:none;
}
    
#maincont h3{
        color:#6D6E71;
        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	:453px;
} 

.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;
        padding:0;
        width:525px;
        float:left;
}

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

#rotation .news-list-item {
        border-top: 2px solid #AD292F;
        display: block;
        float: left;
        margin: 1em 0 0 40px;
        width: 124px;
}

/**+html #rotation .news-list-item{
        margin: 1.2em 0 0 40px;
}

* html #rotation .news-list-item{
        margin: 1.2em 0 0 18px;
}*/

#rotation .news-list-item h1{
        color:#AD292F;
        font-size:.95em;
        margin:.6em 0 .4em 0;
        padding:0;
        width:120px;
        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 .news-list-item h2{
        color: #333;
        font-size:.85em;
        margin: 0 0 .8em 0;
        padding:.5em 0 0 0;
}


#rotation .news-list-item h2 a{
        width: 120px;
        margin: 0 0 0 0;
        padding:0 0 0 0;
        font-weight: bold;
        display:block;
        color: #333;
}

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

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

#rotation .news-list-item .image{
        border:0;
        display:block;width:124px; height:95px;
        background:url(icon_hg.gif) right top no-repeat;
        text-align:left;
}

#rotation .news-list-item img{
        border:0;
        margin:0;
        padding:0;
}

.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;
        width:120px;
        display:block;
}

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

/*  /ROTATION  */

/* Marginalspalte */

#marginal {
        background-color: #E6E6E6;
        border-left: 1px solid #fff;
        width:174px;
        float:left;
}

#basket {
        border-bottom: 0px solid #fff;
        float: left;
        width: 170px;
}

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

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

#basket a:hover, #basket a:active{
        color:        #AD292F;
}

/* Marginalspalte Shophighlights */

#marginal .csc-header         {
margin:0;
padding:0;
        }

#marginal .csc-header h1 {
        background: #9A9999;
        color: #E6E6E6;
        display: block;
        float: right;
        font-size: 1em;
        font-weight: bold;
        text-align: left;
        margin: 0 0 .8em 0;
        padding: .3em 0 .3em 5px;
        text-decoration: none;
        text-transform: uppercase;
        width: 165px;
}

#marginal .news-list-item{
        width:170px;
        background:url(shop_hg.jpg) bottom left no-repeat;
        margin:0 0 0 0px;
        border:0px solid #e00;
        float:right;
}

#marginal .news-list-item h1{
        color:#333;
        font-size:.95em;
        padding:0 0 0 0;
        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:#6D6E71;
        text-decoration:none;
}

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

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

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

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

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

#marginal .news-list-item p{
        width:auto;
        display:block;
        font-size:.9em;
        font-weight:normal;
        line-height:1.1em;
        margin:0 0 0 0;
        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 36px 0 36px;
        padding: .2em 0 0 0;
        text-align: left;
        width: 453px;
}

.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)*/

@media print {
        #versteckt {
        display:inline;
        voice-family:"\"}\"";
        voice-family:inherit;
        display:none;
        }
       }

#versteckt {
        margin: 10px 0 5px 5px;
        padding-left:0px;
        text-align:left;
        font-size:9pt;
        }

#versteckt a{ color:#AD292F;text-decoration: none; display:inline; padding: 0 0 0 0;}
#versteckt a:hover, #versteckt a:focus, #versteckt a:active { text-decoration: underline;}