/*
Styles für Möbel Saar Site
*/

html,
body {
  padding:         0;
  margin:          0;
}

body {
  background:      #ccc6ba;
	font:            0.75em Arial, Verdana, Helvetica, sans-serif;
  color:           #333333;
	text-align:      center;
}


/******************** links ***********************/

a {
	text-decoration:  none;
}

a:link,
a:active {
	font-weight:      bold;
  color:            #0072ad;
}

a:hover {
	color:            #f58220;
}

a:visited {
  font-weight:      bold;
  color:            #3a657c;
}


/******************** struktur ***********************/

#roller {
  width:            880px;
  margin-left:      auto;
  margin-right:     auto;
  text-align:       left;
}

#header,
#navi,
#contentblock {
  background:        #fff;
}

#header {
  padding:           68px 10px 10px 10px;
  width:             592px;
}

#contentblock,
#navi {
  overflow:          hidden;
  margin-top:        27px;
}

#navi {
  padding:           0;
  width:             612px;
  margin-top:        27px;
}

#contentblock {
  padding:           12px 10px 12px 10px;
  margin-bottom:     58px;

}

/* vor IE 6 verstecken */
html>body div#contentblock  {
    position:          relative;
}

#contentblockbg {
  line-height:       1.4em;
  position:          relative;
  background:        #fff url(../images/contentblock_bg_rechts.gif) repeat-y;
}

#contentblockbg.dreispalter {
  background:        #fff url(../images/contentblock_bg.gif) repeat-y;
}

.spalte1,
.spalte2,
.spalte3,
.spalte12,
.floatleft,
.spalte3teaserbild,
.spalte3teasertext {
  float:            left;
}

.floatright {
  float:            right;
}


/******************** navi ***********************/

#navi {
  position:         relative;
}

#navi ul#unternavi,
#navi ul#hauptnavi {
  float:            left;
  width:            100%;
  margin:           0;
  padding:          0;
  list-style-type:  none;
}


#navi ul#hauptnavi li,
#navi ul#unternavi li {
  float:            left;
  padding:          0;
  margin:           0;
  font-weight:      normal
}

#navi ul#hauptnavi li a,
#navi ul#unternavi li a {
  float:            left;
  padding:          10px;
}

#navi ul#hauptnavi {
  /*background-color: #e4edb4;
  color:            #5c843b;*/
}

#navi ul#unternavi {
  font-size:        0.95em;
  background-color: #d4cfc6;
}

ul#hauptnavi li.active a,
#navi ul#hauptnavi.active a {
  border-top:       5px solid #ff0000;
  color:            black
}

#navi ul#unternavi li.active a {
  background:       transparent url(../images/unternavi_pfeil_rot.gif) no-repeat;
  background-position: 0% 50%;
  color:            black;
}

#navi ul#unternavi li {
  /*border-bottom:    1px solid #fff;*/
}

#navi ul#unternavi li.active {
  /*border-bottom:    1px solid #e4edb4;*/
}

#navi #navipfeil {
  display:          none;
}

#navi br,
.clearfix {
  clear:            both
}

/******************** forms ***********************/

#headersearch {
  position:         relative;
}

#headersearch #q {
  border:           1px solid #e2e1e1;
  padding:          2px 20px 2px 5px;
  color:            #666766;
  background:       transparent url(../images/inputbg.gif) top repeat-x;
}

#headersearch #submit {
  background:       transparent;
  position:         absolute;
  right:            0;
  top:              4px;
  border:           none;
}

#headersearch #submit:hover {
  cursor:           pointer;
}


/******************** spalten ***********************/

.spalte1,
.spalte2,
.spalte12 {
  height:           100%;
}

.spalte1 {
  padding:          0 18px 70px 0;
  width:            245px;
}

.spalte2 {
  width:            307px;
  padding:          0 14px 0 14px;
}

.spalte3 {
  width:            240px;
  padding:          0 0 0 18px;
}

.spalte12 {
  width:            570px;
  padding:          0 14px 70px 14px
}


/******************** bilder, teaser ***********************/

.spalte1  img,
.spalte2  img,
.spalte3  img,
.spalte12 img{
  background:       #fff;
  padding:          4px;
  border:           1px solid #faa968;
  margin:           0 5px 4px 0;
}

.leftteaser a span {
  padding-left:     14px;
  background:       transparent url(../images/teaser_bullet.gif) left no-repeat;
}

div.teaserecke {
  font-size:        1.2em;
  font-weight:      normal;
  float:            left;
  width:            140px;
  height:           73px;
  margin-top:       20px;
  padding:          13px 0 0 13px;
  background:       transparent url(../images/teaserecken_bg.gif) left top no-repeat;
}

.teaserecke a {
  color:            #f58220;
}

.teaserecke span  {
  font-size:        0.8em
}

.teaserecke a:hover {
  color:            #0072ad;
}

.spalte3teaserbild {
  width:            95px;
  margin-right:     10px;
}

.spalte3teasertext {
  width:            120px;
}

.spalte3teaser,
.leftteaser {
  margin-bottom:    40px;
}

.leftteaser a img {
  overflow:         hidden;
  width:            235px;
}

/******************** typo ***********************/

.spalte1 h1,
.spalte2 h1,
.spalte3 h1,
.spalte2 h2,
.spalte12 h1,
.spalte12 h2 {
  /*color:            #b21f24;*/
  color:            #e8573e;
}

.spalte1 h1,
.spalte12 h1,
.spalte3 h1 {
  font-size:        1.1em;
  margin:           13px 0 13px 0px; /* links 2px? */
}

.spalte12 h1,
.spalte2 h1 {
  font-size:        1.4em;
}


.spalte2 h2 {
  margin-top:       25px;
  font-size:        1.4em;
}

.spalte12 h2 {
  font-size:        1.2em;
}

.spalte3 h2 {
  color:            inherit;
  font-size:        1em;
  margin:           13px 0 13px 2px;
}

#contentblock ul {
  margin-top:       8px;
  padding-left:     15px;
  list-style-image: url(../images/list_style_rot.gif);
}

#contentblock ul.csc-menu-1 {
  margin:           3.6em -18px 0 -17px;
  padding:          0;
  list-style-image: none;
  list-style-type:  none;
}

#contentblock ul.csc-menu li a {
  display:          block;
  background-color: #E4EDB4;
  padding:          8px 8px 8px 30px;
  margin-bottom:    1px;
}

#subnav {
  color:            #8c8c8b;
  position:         absolute;
  bottom:           10px;
  left:             25px;
}

.seite51 #subnav {
  left:             10px;
}

#subnav a {
  font-weight:      normal;
  color:            inherit;
}

#subnav a:hover {
  color:            #f58220;
}

.contenttable td {
  vertical-align:   top;
  text-align:       left;
  padding-left:     5px;
  padding-bottom:   5px;
}

.td-3 img {
  border:           none;
}









/*************************************************************************
* 
* CSS-Styled-Content Default-Styles
* 
* 
*************************************************************************/
	/* Captions */
	DIV.csc-textpic-caption-c .csc-textpic-caption { text-align: center; }
	DIV.csc-textpic-caption-r .csc-textpic-caption { text-align: right; }
	DIV.csc-textpic-caption-l .csc-textpic-caption { text-align: left; }

	/* Needed for noRows setting */
	DIV.csc-textpic DIV.csc-textpic-imagecolumn { float: left; display: inline; }

	/* Border just around the image */
	{$styles.content.imgtext.borderSelector} {
		border: {$styles.content.imgtext.borderThick}px solid {$styles.content.imgtext.borderColor};
		padding: {$styles.content.imgtext.borderSpace}px {$styles.content.imgtext.borderSpace}px;
	}

	DIV.csc-textpic-imagewrap { padding: 0; }

	DIV.csc-textpic IMG { border: none; }

	/* DIV: This will place the images side by side */
	DIV.csc-textpic DIV.csc-textpic-imagewrap DIV.csc-textpic-image { float: left; }

	/* UL: This will place the images side by side */
	DIV.csc-textpic DIV.csc-textpic-imagewrap UL { list-style: none; margin: 0; padding: 0; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap UL LI { float: left; margin: 0; padding: 0; }

	/* DL: This will place the images side by side */
	DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image { float: left; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DT { float: none; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DD { float: none; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DD IMG { border: none; } /* FE-Editing Icons */
	DL.csc-textpic-image { margin: 0; }
	DL.csc-textpic-image DT { margin: 0; display: inline; }
	DL.csc-textpic-image DD { margin: 0; }

	/* Clearer */
	DIV.csc-textpic-clear { clear: both; }

	/* Margins around images: */

	/* 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: {$styles.content.imgtext.colSpace}px;
	}

	/* 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: {$styles.content.imgtext.colSpace}px;
	}

	/* Pictures centered, add margin on left */
	DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image {
		display: inline; /* IE fix for double-margin bug */
		margin-left: {$styles.content.imgtext.colSpace}px;
	}
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption { margin: 0; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image IMG { margin: 0; }

	/* Space below each image (also in-between rows) */
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image { margin-bottom: {$styles.content.imgtext.rowSpace}px; }
	DIV.csc-textpic-equalheight DIV.csc-textpic-imagerow { margin-bottom: {$styles.content.imgtext.rowSpace}px; display: block; }
	DIV.csc-textpic DIV.csc-textpic-imagerow { clear: both; }

	/* No margins around the whole image-block */
	/*DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-firstcol { margin-left: 12px !important; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-lastcol { margin-right: 12px !important; }*/

	/* 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: {$styles.content.imgtext.textMargin}px !important;
	}
	DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap,
	DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap {
		margin-left: {$styles.content.imgtext.textMargin}px !important;
	}

	/* Positioning of images: */

	/* Above */
	DIV.csc-textpic-above DIV.csc-textpic-text { clear: both; }

	/* Center (above or below) */
	DIV.csc-textpic-center { text-align: center; /* IE-hack */ }
	DIV.csc-textpic-center DIV.csc-textpic-imagewrap { margin: 0 auto; }
	DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image { text-align: left; /* Remove IE-hack */ }
	DIV.csc-textpic-center DIV.csc-textpic-text { text-align: left; /* Remove IE-hack */ }

	/* Right (above or below) */
	DIV.csc-textpic-right DIV.csc-textpic-imagewrap { float: right; }
	DIV.csc-textpic-right DIV.csc-textpic-text { clear: right; }

	/* Left (above or below) */
	DIV.csc-textpic-left DIV.csc-textpic-imagewrap { float: left; }
	DIV.csc-textpic-left DIV.csc-textpic-text { clear: left; }

	/* Left (in text) */
	DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap { float: left; }

	/* Right (in text) */
	DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap { float: right; }

	/* Right (in text, no wrap around) */
	DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap { float: right; clear: both; }
	/* Hide from IE5-mac. Only IE-win sees this. \*/
	* html DIV.csc-textpic-intext-right-nowrap .csc-textpic-text { height: 1%; }
	/* End hide from IE5/mac */

	/* Left (in text, no wrap around) */
	DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap { float: left; clear: both; }
	/* Hide from IE5-mac. Only IE-win sees this. \*/
	* html DIV.csc-textpic-intext-left-nowrap .csc-textpic-text { height: 1%; }
	/* End hide from IE5/mac */

  
  
  

div.csc-textpic-intext-left div.csc-textpic-imagewrap dl.csc-textpic-image {
  margin-right: 12px !important;
}


div.csc-textpic-intext-right div.csc-textpic-imagewrap dl.csc-textpic-image {
  margin-left: 7px !important;
}
/*

div.csc-textpic-intext-left dl.csc-textpic-image img,
div.csc-textpic-intext-right dl.csc-textpic-image img,
div.newsimage img,
div.news-single-img img {
  padding:            2px !important;
  border:             1px solid #999;
}


div.csc-textpic-intext-left dl.csc-textpic-image a img,
div.csc-textpic-intext-right dl.csc-textpic-image a img,
div.newsimage a img,
.news-single-img a img {
  border:             1px solid #38D555;
}*/