/* ---------- Allgemeine Einstellungen ---------- */
body 	
	{ 
	color: #000;
	background: url(grafik/main-bg.jpg) #fff; 
  background-repeat: repeat-y;
    
	font-family: Arial,sans-serif; 
	font-size: 12px; 
	margin: 0;
	padding: 0;
    height: 100%;
	}
	

td, ol, ul, li, p 
	{
	color: #000;
	font-family: Arial,sans-serif; 
	font-size: 12px; 
	margin-top : 1px;
	margin-bottom : 1px;
	padding-bottom : 0;
	}
	
#container-middle-center #container-middle-right p.bodytext,
#container-middle-center #container-middle-right h1,
#container-middle-center #container-middle-right h2 
	{
  font-size: 11px;
	}
 	
	
p.bodytext 
	{
	margin-bottom: 5px;
	}

h1 
	{
	color: #3C85B4;
	font-size:14px;
	font-weight: bold;
	margin: 0 0 10px 0;
	}
h2 
	{
	color: #3C85B4;
	font-size:12px;
	font-weight: bold;
	margin: 0 0 3px 0;	
	}
h3 
	{
	color: #3C85B4;
	font-size:12px;
	font-weight: normal;
	}
	
.box-blau
  {
  background: url(grafik/blau-bg.jpg) repeat-x;
  border: 1px solid #3C85B4;
  padding: 3px;
  margin: 0 0 10px 0;
  }

.bodytext a, ul.csc-menu a, .kategorie-details a, h2 a, .tx-commerce-pi1 div a, ul li a
	{
	color: #3C85B4;	
	text-decoration: none;
	background: url(grafik/navi-icon-blau.gif) left center no-repeat;
  padding-left: 12px;	
  }

.bodytext a:hover, ul.csc-menu a:hover, .kategorie-details a:hover, h2 a:hover, .tx-commerce-pi1 div a:hover
	{
	/*color: #2B5571;
	color: #FAA74D;*/
	color: #F8952A;
  background: url(grafik/navi-icon-orange.gif) left center no-repeat;
  padding-left: 12px;		
	}

.kategorie-details .kategorie-details-bild a, html body div.iewrap div#container-middle-center div#inhalt div div.tx-commerce-pi1 div.artikel-detail a
  {
  background: none;
  padding: 0;
  }
	
	
.contentbox-list 
  {
	/* IE hack */
	height: 1%;
	line-height: 1.3;
	/* IE hack end */
	padding: 3px 0;
	margin: 3px 0;
  border-bottom:1px solid #a0a0a0;
	}	

	
/* ---------- Kopfbereich ---------- */
#container-top 
	{
	position:fixed;
	top: 0px;
	left: 0px;
	width: 900px;
	height: 75px;
	background-color: #fff; 
	z-index: 100;
	}

#container-top #logo
	{
	position:fixed;
	top: 35px;
	left: 40px;
	z-index: 100;
	}

#container-top #archibel-logo
	{
	position:fixed;
	top: 0px;
	left: 625px;
	z-index: 100;
	}	
	
/* ---------- Linker Bereich ---------- */
#container-middle-left
	{
	background-color: #f00;
  background: url(grafik/links-bg.jpg);
	position: fixed;
	top: 75px;
	left: 0px;
	width: 258px;
	height: 739px;
	z-index: 110;
	}
	
#flash
	{
	background: url(grafik/flash.gif) no-repeat;
	position: fixed;
	top: 240px;
	left: 40px;
	width: 170px;
	height: 169px;
	z-index: 150;
	}

/* ---------- Mittlerer Bereich ---------- */	
	
#container-middle-center
	{
	background: url(grafik/content-bg.jpg) repeat-x fixed transparent 0 75px;
	background-attachment: fixed;
	position: absolute;
	top: 75px;
	left: 258px;
	width: 536px;
	min-height: 100%;
	padding: 0 20px 0 20px;
	z-index: 10;
	}

#container-middle-center #inhalt
	{
	padding: 10px 0 10px 0;
	z-index: 50;
	width: 500px;
	float: left;
	}

#container-middle-center #inhalt-2col
	{
	padding: 10px 0 10px 0;
	z-index: 50;
	width: 380px;
	float: left;
	}

#container-middle-center #container-middle-right 
  {
	font-size: 80%;
	float: left;
	width: 130px; /*	height: 597px; */
	margin: 0 0 0 20px;
	padding: 10px 0 0 0;
  
  }	

#container-middle-center #klammer
	{
	/*background: url(grafik/klammer.jpg);*/
	position: fixed;
	bottom: 5px;
	left: 633px;
	width: 267px;
	height: 204px;
	z-index: -10 !important;
	}
/* ---------- Menues ---------- */

#container-top #menu-oben
	{
	background: url(grafik/menu-bg.jpg) repeat-x;
	border-right: 1px solid #bfbfbf;
	border-top: 1px solid #bfbfbf;
	position: absolute;
	top: 59px;
	left: 258px;
	width: 576px;
	height: 16px;
	z-index: 50;
	}

#container-top #menu-oben ul	
	{
	list-style-type: none;
	display: inline;
	margin: 0;
	padding: 0 0 0 20px;
	}
	
#container-top #menu-oben li
	{
	display: inline;
	margin: 0 20px 0 0;
	padding: 0;
	}

#container-top #menu-oben li.act
	{
	/*border-top: 3px solid #92CFEA;*/
	z-index: 110;
	padding-top: 3px;
	}
	
#container-top #menu-oben li a
	{
	color: #525d62;
	text-decoration: none;	
	}	

#container-top #menu-oben li.act a, #container-top #menu-oben li a:hover
	{
	color: #698CA4;
	background: url(grafik/navi-icon-orange.gif) left center no-repeat;
  padding-left: 12px;	
	}	
	


#menu-links
	{
	background: transparent url(grafik/content-bg.jpg);
	/*border-left: 1px solid #bfbfbf;*/
	position: fixed;
	top: 59px;
	left: 142px;
	width: 116px;
	z-index: 150;
/*	height: 140px;*/
	}

#menu-links .navi-act-0,
#menu-links .navi-act-1,
#menu-links .navi-act-2,
#menu-links .navi-act-3,
#menu-links .navi-act-4,
#menu-links .navi-act-5, 
#menu-links .navi-act-6 
  {
  background: url(grafik/navi-act-bg.jpg) bottom right;
  margin: 0 0 -10px 0;
  padding: 0;
  z-index: 0;
  }

#menu-links .navi-act-0   {background: transparent; border-left: 1px solid #bfbfbf;}
#menu-links .navi-act-1   {height: 40px;}
#menu-links .navi-act-2   {height: 65px;}
#menu-links .navi-act-3   {height: 90px;}
#menu-links .navi-act-4   {height: 113px;}
#menu-links .navi-act-5   {height: 139px;}
#menu-links .navi-act-6   {height: 163px;}


#menu-links ul
	{
	list-style-type: none;
	margin: 0;
	padding: 0;
	}

#menu-links li
	{
	width: 110px;
	margin: 0 0 10px 0;
	padding: 0 0 0 5px;
	}

#menu-links li.act
	{
	background: url(grafik/menu-bg.jpg) repeat-x;
	border-left: 1px solid #bfbfbf;
	width: 110px;
	margin: 0 0 10px 0;
	padding: 0 0 0 5px;
	}

#menu-links li.act-1
	{
	background: url(grafik/menu-bg.jpg) repeat-x;
	/*border-left: 1px solid #bfbfbf;*/
	border-top: 1px solid #bfbfbf;
	width: 110px;
	margin: 0 0 10px 0;
	padding: 0 0 0 5px;
	}


#menu-links li a, #container-top #menu-oben li a
	{
	color: #525d62;
	text-decoration: none;
  background: url(grafik/navi-icon-grau.gif) left center no-repeat;
  padding-left: 12px;	
	}	

#menu-links li.act-1 a, #menu-links li.act a, #menu-links li a:hover, 
#menu-links .navi-act-1 li.act a, #menu-links .navi-act-2 li.act a, #menu-links .navi-act-3 li.act a, #menu-links .navi-act-4 li.act a, #menu-links .navi-act-5 li.act a
	{
	color: #698CA4;
	background: url(grafik/navi-icon-orange.gif) left center no-repeat;
  padding-left: 12px;	
	}	


#menu-unten
	{
	clear:left;
	margin: 20px 0 20px 0;
	padding-bottom: 20px;
	}

#container-middle-center #menu-unten ul
	{
	list-style-type: none;
	display: inline;
	margin: 0;
	padding: 0;
	}
	
#container-middle-center #menu-unten li, #container-middle-center #menu-unten a
	{
	display: inline;
	margin: 0 5px 0 0;
	padding: 0;
	}

	
#container-middle-center #menu-unten li a, #container-middle-center #menu-unten a
	{
	color: #525d62;
	text-decoration: none;	
	}	

#container-middle-center #menu-unten li a:hover, #container-middle-center #menu-unten a:hover
	{
	color: #698CA4;
	}	
	
#footer 
  {
  margin-top: 30px;
  text-align: center;
  font-size: 9px;
  }
	
/* ---------- Formulare ---------- */
 
legend 
  {
	
  }

input, textarea, select 
  {
	background: #E1E8EE url(grafik/blau-bg.jpg) repeat-x;
	border: 1px solid #3C85B4;
	color: #000000;
	margin: 0 0 5px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
  }

fieldset, fieldset.csc-mailform, fieldset.subscribe-mailform 
  {
	border: 0;
	padding: 0;
	margin: 0;
  }

fieldset.csc-mailform div.csc-mailform-field label, .form-tmail .form-label  
  {
	clear: left;
	float: left;
	width: 130px;
	padding: 3px 0;
  }

.form-tmail input, .form-tmail textarea, .form-tmail select,
fieldset.csc-mailform div.csc-mailform-field input, fieldset.csc-mailform div.csc-mailform-field textarea, fieldset.csc-mailform div.csc-mailform-field select 
  {
	width: 300px;
	float: left;
	overflow: auto;
  }

fieldset.csc-mailform div.csc-mailform-field input.csc-mailform-check 
  {
  float: left;
  margin: 5px 0 5px 0px;
	width: 20px;
  }

fieldset.csc-mailform div.csc-mailform-field input.csc-mailform-submit 
  {
  clear: left;
  margin-left: 130px;
	width: 100px;
	border: 1px solid #3C85B4;
  }

ul.csc-menu, ul.csc-menu li {
  list-style-type: none;
  margin: 0;
  padding: 0;
}