/*******************************************/
/*************** Seitenlayout
/*******************************************/

/*************************** Basics */
body {
	background-color:#e9e9e9;
	text-align:center;
}

.wrapper {
  	position:relative;
	margin:0 auto;
}

#wrapperHeader {
  	background:transparent url(../images/hg.gif) left top repeat-x;
  	height:148px;
}
#wrapperContent {
    margin:0 auto;
    width:950px;
    text-align:left;
  	background:transparent; /* L */
  	position:relative;
	padding-top:40px;
}
#wrapperFooter {
  	background-color:#000;
  	position:relative;
}

/* Navigation */
.outer1 {
  	background:transparent; /* R */
}
/* Teaser */
.outer2 {
  	background:#fff; /* C */
}
.wrap-cl { float:left; }

.top-container,
.footer-container {
  	font-size:12px;
	margin:0 auto;
    text-align:left;
	position:relative;
	width:950px;
}
.footer-container {
    margin-top:10px;
    margin-bottom:20px;
    padding:0;
    background:url(../images/line-footer.gif) 50% 0 repeat-y;
}

#wrapperFooter .footer-container {
    background-image:none;
    margin-top:0;
    margin-bottom:0;
    padding:10px 0;
}

.inleft {margin-top:5px;}
.left {
	float:left;
	line-height:115%;
	font-size:11px;
	margin-top:-5px;
}
.center {
  	float:right;
  	margin-left:15px;
  	line-height:125%;
  	font-size:12px;
  	background:#fff;
}
.right {
  	float:right;
  	margin-left:15px;
  	line-height:115%;
  	font-size:11px;
}


/*************************** Layout col3-layout */
.outer1 { margin-left:205px; }
.outer0 { margin-left:-205px; margin-right:-205px; }
.outer2 { margin-right:205px; }
.wrap-cl { width:745px; }
.left { width:168px; }
.center { width:540px; }
.right { width:180px; }


/*************************** Layout col2-left */
#col2-left-layout .outer0 { margin-right:0; }
#col2-left-layout .outer2 { margin-right:0; }
#col2-left-layout .wrap-cl { float:left; width:950px; }
#col2-left-layout .center { width:745px; }


/*************************** Layout col2-right */
#col2-right-layout { }


/*************************** Layout col1 */
#col1-layout .outer1    { margin-left:0; }
#col1-layout .outer0    { margin-left:0; margin-right:0; }
#col1-layout .outer2    { margin-right:0; background-color:transparent; }
#col1-layout .wrap-cl   { float:none; width:950px; }
#col1-layout .center    { width:950px; float:none; margin:0; background-color:#fff; }


	/* Eleminiert Probleme mit der darstellung auf IE Browsern */
	* html .outer0 { height: 0; he\ight: auto; zoom: 1; }
	*+html .outer0 { height: 0; he\ight: auto; zoom: 1; }
	/* previene allargamento floats (hidden) e problemi rendering left col (relative) in IE/Mac */
	/** html .wrap-cl { position: relative; }
	*+html .wrap-cl { position: relative; }*/
	
	
/*******************************************/
/*************** Inhaltscontainer
/*******************************************/
.csc-textpic-caption { color:#666; font-size:10px; line-height:12px; padding-top:2px; }
div.csc-textpic-border div.csc-textpic-imagewrap .csc-textpic-image img { border-color:#ccc; border-style:dotted; }

.center .csc-frame-frame1 { float:left; }

#body1 .center .csc-frame-frame1 { float:none !important; }

.center #inhalt { margin-bottom:20px; clear:both; }

.center .csc-default { padding:0 20px; }
.center .csc-frame-frame1 { padding:0; margin-bottom:20px; clear:both; }
#body1 .center .csc-frame-frame1 { padding:0; margin:0; }

.center .csc-frame-frame2 { clear:both; padding:15px;  margin:0 20px 30px 20px; background:#e9e9e9; }

.right .csc-default { border-bottom:2px dotted #ccc; padding-bottom:12px; margin-bottom:12px; }
.right .csc-frame-frame1 { border-bottom:0; }


.footer-container .csc-frame,
.footer-container #inhalt { float:left; width:207px; margin:0 15px; padding-top:5px; }
.footer-container .csc-frame { background-color:#bc165c; color:#fff; }
.footer-container .csc-frame p { padding-left:10px; padding-right:10px; }
.footer-container .csc-frame a { color:#fff; }

/*******************************************/
/*************** Navigation
/*******************************************/

/*************************** Hauptnavigation */
.hauptnav			{ margin-bottom:10px; background:url(../images/nav_bg.gif) 0 100% no-repeat; padding-bottom:10px;}
.hauptnav div		{ background:url(../images/nav_bg.gif) 0 0 no-repeat; }
.hauptnav ul		{ margin:0; padding:0; list-style:none; list-style-image:none; background-color:#fff; width:158px; }
.hauptnav li		{ line-height:14px; padding:0; margin:0; }
.hauptnav a			{ display:block; color:#000 !important; padding:5px 5px 5px 10px; text-decoration:none; font-weight:bold; font-size:12px; }
.hauptnav a:hover	{ background:url(../images/nav_hover.gif) 0 6px no-repeat; color:#bc165c !important; }

.hauptnav .menu-level1 { position:relative; top:5px; left:5px; }
.hauptnav .menu-level1 li { width:158px; }
.hauptnav .menu-level1-current-active a,
.hauptnav .menu-level1-active a { background:#000; color:#bc165c !important; }
.hauptnav .menu-level1-current-active a { background:#000 url(../images/nav_active.gif) 0 6px no-repeat; }
.hauptnav .menu-level1-active a:hover { background:#000; }

.hauptnav .menu-level1 .menu-level1-with-subpage { position:relative; }
.hauptnav .menu-level1 .menu-level1-with-subpage .menu-level2 {
    display:none;
    position:absolute;
    top:0px;
    left:165px;
    z-index:1999;
    padding-top:8px;
    padding-left:30px;
    padding-right:20px;
    background:#fff;
    filter:alpha(opacity=80);
	-moz-opacity:.8;
	-khtml-opacity:.8;
	opacity:.8;
}
.hauptnav .menu-level1 .menu-level1-with-subpage .menu-level2 a {
    /*background:#B2B2B2;*/
    color:#000 !important;
}
.hauptnav .menu-level1 .menu-level1-with-subpage .menu-level2 a:hover {
    background-color:transparent;
    color:#bc165c !important;
}

.hauptnav .menu-level2 { background-color:#000; padding-bottom:10px; }
.hauptnav .menu-level2 li { }
.hauptnav .menu-level2 a { color:#fff !important; font-size:11px; background:transparent; padding:2px 5px 2px 20px; }
.hauptnav .menu-level2 a:hover,
.hauptnav .menu-level2-current-active a,
.hauptnav .menu-level2-active a { color:#bc165c !important; background-color:#000; }
.hauptnav .menu-level2-current-active a { background:#000 url(../images/nav_active.gif) 0 3px no-repeat; }

.hauptnav .menu-level3 { }
.hauptnav .menu-level3 a { padding-left:30px; background:#000; color:#B3B3B3 !important; font-weight:normal; }
.hauptnav .menu-level3 a:hover,
.hauptnav .menu-level3-current-active a,
.hauptnav .menu-level3-active a { color:#bc165c !important; background-color:#000; }
.hauptnav .menu-level3-current-active a { background:#000 url(../images/nav_active.gif) 0 3px no-repeat; }


/*************************** Headernavigation */
#hNav		{ text-align:left; margin:60px 0 8px 0; }
#hNav ul	{ padding:0; margin:0; list-style:none; list-style-image:none; }
#hNav li	{ display:inline; line-height:20px; }
#hNav a		{ color:#fff; margin:0 12px; }
#hNav a:hover,
#hNav .active a { color:#bc165c !important; }


/*************************** Footernavigation */
#fNav		{ text-align:left; margin:0; float:left; }
#fNav ul	{ padding:0; margin:0; list-style:none; list-style-image:none; }
#fNav li	{ display:inline; }
#fNav a		{ color:#fff; margin:0 12px; }
#fNav a:hover,
#fNav .active a { color:#bc165c !important; }


/*************************** Navigationspfad */
#breadcrumbs		{ position:absolute; top:160px; left:200px; z-index:100; }
#breadcrumbs a		{ color:#000; padding:0 3px; }
#breadcrumbs a:hover	{ color:#bc165c !important; }

#col1-layout #breadcrumbs { left:auto; }


/*************************** Logo */
#logo { float:right; margin-top:40px; }

#slogan { clear:right; float:right; margin-top:11px;}


/*************************** Sprachwechsler */
#sprachwechsler { margin-left:15px; height:30px; }
#sprachwechsler form { padding-top:10px; }
#sprachwechsler img { margin-right:5px; }
#sprachwechsler select { background:#000 !important; color:#fff; }
#sprachwechsler option {  }


/*************************** Copyright */
#legality { text-align:right; padding:0; margin:0; color:#fff; }


/*************************** Fachhandel Splash Pages */
#body238 #breadcrumbs { display: none; }
#c1991 {padding: 0px; margin: 0px}
#body239, #body241, #body242, #body243, #body244, #body245, #body246, #body247, #body248,
#body240, #body249, #body250, #body251, #body252, #body253, #body254, #body255, #body256
{ background: #fff;} 
#hnav1, ul.menu-level1 {
	z-index: 10000;
}
.rgsgcontent, .slideElement, #myGallery1587 {
	z-index: -1000;
}