/* ------------------------------------------------------------------ */
/* Color codes and other notes
/* ------------------------------------------------------------------ 
BG: #9CB61B
MENÜ:#DEE2D2 / rollover+klick:white
link:underline;#777 / rollover+klick:no underline; #177493

underline in context: #CDDA8D
content text: #777
news: white link:underline; white     
	rollover+klick:no underline; #DEE2D2

border_news:#DEE2D2 oder BCCC76
border_content:#BEC4AB sehr dünn!!!

blau text (seitentitle):  #177493
*/


/* ------------------------------------------------------------------ */
/* General stuff */
/* ------------------------------------------------------------------ */
body {
	font-family: Verdana, Helvetica, Sans-Serif, Arial;
	font-size: 62.5%; /* Resets 1em to 10px */
	color: #777;
	height: 100%; /* IE bug fix: IE-body has a height of 0 by default */
}
body * { /* Otherwise IE ignores this */
	font-size: 1.03em;
}

/* Remove border on (linked) images */
a img, img {
	border: 0;
}

br.clear {
	clear:both;
	display:block;
	line-height:0px;
	height:0;
}


/* ------------------------------------------------------------------ */
/*  Page layout and colors */
/* ------------------------------------------------------------------ */
body {
	text-align: center; /* Center page for IE */
	background-color: #DEE2D2;
}

/* The page container */
div#page {
	background-color: #9CB61B;
	margin: 10px auto; /* Center page for FF */
	width: 777px;
	text-align: left; /* Re-align page */
	border: 3px solid white;
	display:block;
}

/* Layout */
#headercell, #menucell, #contentcell, #contextcell, #footercell{
	padding: 0;
}

/* Header */
div#headercell {
	height: 169px;
	background-color: #9CB61B;
	background-image: url(../images/header.gif);
	background-repeat: no-repeat;
	clear:both;
}

/* Menu */
div#menucell {
	width: 135px;
	background-color: #9CB61B;
	background-image: url(../images/header2_1.gif);
	background-repeat: no-repeat;
	float: left;
}
div#menu {
	margin-left: 20px;
	margin-top: 10px;
}

/* Content */
div#contentcell {
	width: 485px;
	background-image: url(../images/header2_2.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	background-color: #fff;
	float: left;
}

div#contentcell h1#pagetitle {
	height: 53px;
	margin: 10px 0 0 277px;
	font-size: 1.4em;
}

div#content{
	margin:0 20px 3px 20px;
	padding:2px 0 0 0; /* ff ignoriert top margin .. */
}

div#content .spacer{
	height:1px;
	line-height:1px;
	clear:both;
}

div#content .leftCol {
	float:left;
	width:160px;
	text-align:right;
	margin:10px 0 0 0;
}

div#content .rightCol {
	float:left;
	width:245px;
	margin:10px 0 0 25px;
}

div#content div.ce {
	margin: 0;
	margin-bottom: 20px;
}
div#content div.detail_fromage p.bodytext{
	margin-bottom: 5px;
	margin-top: 0px;
}
/* Menu spacer */
div.menuspacer {
	margin-top: 10px;
}
/* Context */
div#contextcell{
	width:157px;
	background-image: url(../images/header2_3.gif);
	background-repeat: no-repeat;
	float:left;
}
* html div#contextcell{ margin-right:-7px; }

div#context {
	margin:0 6px 0 6px;
	padding:6px;
}

div#menucontent{
	margin-left: 4px;
	margin-right: 4px;
	padding: 2px;
	padding-top: 8px;
}

div#context img, div#menucontent img{
	margin-top: 6px;
}

/* Footer */
div#footercell{
	width: 777px;
	height: 15px;
}
div#footer{
	margin-left: 135px;
	width: 485px;
	text-align: center;
}


/* ------------------------------------------------------------------ */
/* Typography */
/* ------------------------------------------------------------------ */
/* Menu */
div#menu ul {
	margin:0 0 0 -45px;
	list-style-type:none;
}

* html div#menu ul { margin:0; } /* i6 refix */
* +html div#menu ul { margin:0; } /* i7 refix */

div#menu ul li ul {
	margin:0 0 0 -30px;
}

* html div#menu ul li ul { margin:0 0 0 10px; }  /* i6 refix */
* +html div#menu ul li ul { margin:0 0 0 10px; }  /* i7refix */

div#menu ul a {
	font-family: Helvetica, Arial, sans-serif, Verdana;
	text-decoration: none;
	color: #DEE2D2;
	font-size: 1.3em;
}

div#menu ul a.active, div#menu a:hover {
	color: white;
}

div#menu ul li ul li a  {
	font-size: 1.1em;
}

/* List elements */
div#content li, div#context li {
	margin-left: -25px;
	margin-bottom: 5px;
}
div#content li{
	list-style-image: url(../images/point.gif);
}
div#context li {
	list-style-image: url(../images/pointw.gif);
	/* list-style-type: none; */
}

/* Content */
div#content .textright { text-align:right; }

div#contentcell h1 {
	color: #177493;
	font-size: 1.2em;
	font-weight: normal;
	text-align: left;
}

div#contentcell h2 {
	color: #177493;
	font-size: 1.1em;
	font-weight: normal;
}

div#contentcell h3 {
	color: #777;
	font-size: 1.0em;
	font-weight: normal;
	text-align:center;
}

div#content .productDetailImg {
	text-align:center;
}

div#content .productDetailImg img {
	padding:6px;
	border:1px solid #eee;
}

div#content .productPreviewImg img {
	padding:2px;
	border:1px solid #eee;
	margin-top:10px; /* komischer ff bug */
}
* html div#content .productPreviewImg img {
	margin-top:0; /* ie 6 refix */
}
* +html div#content .productPreviewImg img {
	margin-top:0; /* ie7 refix */
}

div#content a:link, div#content a:visited {
	color: #777;
	text-decoration: underline;
}
div#content a:hover, div#content a:active {
	text-decoration: none;
}

/* the little icon after an external link (class="external-link") - Color is green for white background */
div#content a.external-link:link, div#content a.external-link:visited, 
div#content a.external-link-new-window:link, div#content a.external-link-new-window:visited {
	background-image: url(../images/ext_gr.gif);
	background-repeat:no-repeat;
	background-position: right;
	padding-right: 15px;
	text-decoration: underline;
}
div#content a.external-link:hover, div#content a.external-link:active,
div#content a.external-link-new-window:hover, div#content a.external-link-new-window:active{
	background-image: url(../images/ext_gr_o.gif);
	background-repeat:no-repeat;
	background-position: right;
	padding-right: 15px;
	text-decoration: none;
}


/* Context */
div#menucontent {
	color:white;
}

div#context > div.ce{ /* The > is important for "insert record" type of CEs (then content twice div class="ce")*/
	border:1px #BCCC76 solid;
	color:white;
}
div#context div.ce, div#menucontent div.ce {
	margin-bottom: 10px;
	padding-left: 5px;
	padding-right: 5px;
	color: white;
}
div#context a:link, div#context a:visited, div#menucontent a:link, div#menucontent a:visited {
	color: white;
	/* font-weight: bold; */
	text-decoration: underline;
	line-height: 150%;
}
div#context a:hover, div#context a:active, div#menucontent a:hover, div#menucontent a:active{
	color: white;
	text-decoration: none;
}
div#menucontent p.bodytext, div#context p.bodytext{
	line-height: 1.2em;
}
div#menucontent div.csc-header h1.csc-firstHeader, div#menucontent div.csc-header-n1 h1.csc-firstHeader, div#menucontent div.csc-header-n2 h1,
div#context div.csc-header h1.csc-firstHeader, div#context div.csc-header-n1 h1.csc-firstHeader, div#context div.csc-header-n2 h1{
	font-size: 1.1em;
}

/* the little icon after an external link (class="external-link") - Color is white for green background */
div#menucontent a.external-link:link, div#menucontent a.external-link:visited,
div#context a.external-link:link, div#context a.external-link:visited, 
div#menucontent a.external-link-new-window:link, div#menucontent a.external-link-new-window:visited,
div#context a.external-link-new-window:link, div#context a.external-link-new-window:visited{
	text-decoration: underline;
	background-image: url(../images/ext_w.gif);
	background-repeat:no-repeat;
	background-position: right;
	padding-right: 15px;
}
div#menucontent a.external-link:hover, div#menucontent a.external-link:active, 
div#context a.external-link:hover, div#context a.external-link:active,
div#menucontent a.external-link-new-window:hover, div#menucontent a.external-link-new-window:active, 
div#context a.external-link-new-window:hover, div#context a.external-link-new-window:active{
	text-decoration: none;
	background-image: url(../images/ext_w_o.gif);
	background-repeat:no-repeat;
	background-position: right;
	padding-right: 15px;
}

/* Mailform */

fieldset.csc-mailform textarea, 
fieldset.csc-mailform fieldset, fieldset.csc-mailform input {
	margin-bottom: 10px;
	width: 100%;
}
fieldset.csc-mailform input.csc-mailform-check,
fieldset.csc-mailform input.csc-mailform-radio {
	width: 10px;
	margin-bottom:0;
}
/* Footer */
div#footer {
	color: white;
}

/* Image preloader */
#preloader{
	display: none;
}


/* ------------------------------------------------------------------ */
/* Styles for TYPO3 (RTE, ...) */
/* ------------------------------------------------------------------ */
.align-center{
	text-align: center;
}
.align-left{
	text-align: left;
}
.align-right{
	text-align: right;
}


/* ------------------------------------------------------------------ */
/* DEBUGING */
/* ------------------------------------------------------------------ */
#div {border: 1px blue solid;}

/*div#menucell, div#contentcell, div#contextcell { background:red; }*/

div#content div.csi-textpic DIV.csi-intext-left DIV.csi-imagewrap .csi-image {
	margin-right: 0px;
}