/* ***********************************************
   * Bücher Dillier                       *
   * WEB STYLESHEET  CSS Level 2.1    *
   * ------------------------------------------- *
   * Supported: IE6, IE 7+, Firefox  3.0+, Safari  3.2+, Opera 9.6+  *
   * ------------------------------------------- *
   * created 2008 by Magicline Laufen   *
   * http://www.magicline.ch                *
   *********************************************** */

   
/* ***********************************************
    HTML tags
   *********************************************** */   
html	{
	height : 100%;
	width : 100%;
	margin : 0;
	padding : 0;
}

body 				{
	margin : 0;
	padding : 0;
	height : 100%;
	width : 100%;	
	font : 10pt Arial, Times, sans-serif;
	color : #000000;
	background: #fff;
}
body.main		{
	background: #fff url(../images/bg-body-main.gif) repeat-y top left;
}
body.bg-a		{
	background : #fff url(../images/bg-body-a.gif) no-repeat top right;
}
body.bg-d		{
	background : #fff url(../images/bg-body-d.gif) no-repeat top right;
}
body.bg-e		{
	background : #fff url(../images/bg-body-e.gif) no-repeat top right;
}
body.bg-l		{
	background : #fff url(../images/bg-body-l.gif) no-repeat top right;
}
body.bg-n		{
	background : #fff url(../images/bg-body-n.gif) no-repeat top right;
}
body.bg-s		{
	background : #fff url(../images/bg-body-s.gif) no-repeat top right;
}
body.bg-u		{
	background : #fff url(../images/bg-body-u.gif) no-repeat top right;
}
div, table,td, p	{
	margin : 0;
	padding : 0;
	text-align : left;
}
h1		{
	font: italic bold 15pt Georgia, Times New Roman;
	color: #000000;
	padding: 0;
	margin: 0px 0px 5px 0px;
}
h2		{
	font: italic bold 14pt Georgia, Times New Roman;
	color: #000000;
	padding : 0;
	margin : 0px 0px 2px 0px;
}
h3		{
	font: italic bold 13pt Georgia, Times New Roman;
	color: #000000;
	padding : 0;
	margin : 0px 0px 2px 0px;
}
a,
a:link,
a:visited,
a:active,
a:hover		{
	color : #8e9841;
	font-weight : bold;
	border : 0px;
	text-decoration : none;
}
a img		{
	border : 0px;
}
form {
	margin: 0;
	padding: 0;
}


/* ***********************************************
    IE6 Hacks
   *********************************************** */   
  *  html #logo		{
	position : absolute;
	width: 257px;
	height: 39px;
	margin: 0;
	padding: 0;
	background: transparent url(../images/logo.gif) no-repeat top;	
	left : 713px;
}
* html #top-balken		{
	position : absolute;
	width: 119px;
	height: 2px;
	margin: 0;
	padding: 0;
	background: transparent url(../images/strich-fett.gif) no-repeat top;	
	left : 713px;
	top : 128px;
}
*html #content-layer		{
	width: 670px;
	
}
*html #contentboxen div.contentbox-text	{
	width : 122px;
	margin : 0px 0px 20px 10px;
	padding : 0;
	font: italic 8pt Georgia;
	line-height : 12pt;
	float : left;
	text-align : right;
	height: 195px;
	overflow : hidden;
}
*html #contentboxen ul	{
	width : 122px;
	margin : 0px 0px 0px 6px;
	padding: 0;
	list-style: none;
	float : left;
}
*html #content-index		{	
	margin: 0px 0px 0px 100px;
	padding: 0;
	float: left;
}
*html .csc-mailform-radio label	{
	margin : -23px 0px 0px 120px;
	padding : 0;
	border : 0;
}  
*html .csc-mailform-field input	{
	margin-bottom : -1px;
}

/* ***********************************************
    IE7 Hacks
   *********************************************** */   
 *+html  .csc-mailform-radio label	{
	margin : -23px 0px 0px 120px;
	padding : 0;
	border : 0;
} 
*+html .csc-mailform-field input	{
	margin-bottom : -1px;
} 

   
/* ***********************************************
    DIV Layers
   *********************************************** */
#top	{
	width: 968px;
	height: 92px;
	margin: 30px 0px 0px 0px;
	padding: 0;
	border-bottom: 1px solid #8e9841;
}
#address		{
	width: 173px;
	height: 100px;
	margin: 0;
	padding: 0;
	float: left;
	text-align: right;
	vertical-align: bottom;
}
#address ul		{
	margin: 0;
	padding: 0;
	list-style: none;
}
#address li		{
	margin: 0;
	padding: 0;
	width: 173px;
	border-top: 1px solid #8e9841;
	font: normal 10pt "Times New Roman", Times, serif;
	line-height : 13pt;
}
#logo		{
	width: 257px;
	height: 39px;
	margin: 0px 0px 0px 538px;
	padding: 0;
	background: transparent url(../images/logo.gif) no-repeat top;
	float: left;
}
#top-balken		{
	width: 119px;
	height: 2px;
	margin: 51px 0px 0px 538px;
	padding: 0;
	background: transparent url(../images/strich-fett.gif) no-repeat top;
	float: left;
}
#main-layer		{
	width: 968px;
	margin: 50px 0px 0px 0px;
	padding: 0;
}
#content-layer		{
	width: 667px;
	margin: 0px 0px 0px 0px;
	padding: 0;
	float: left;
}
#content-index		{	
	margin: 0px 0px 0px 173px;
	padding: 0;
	float: left;
}
#title		{
	width: 525px;
	margin: 0px 0px 15px 142px;
	padding: 0;
	font: bold normal 12pt Georgia, Times;
	color: #000000;
	text-transform: uppercase;
	line-height: 28px;
	letter-spacing : 1px;
}
#content		{
	width: 515px;
	margin: 0px 0px 25px 142px;
	padding: 0;
	font: normal 9pt Arial, Times;
	color: #000000;
	line-height : 12pt;
}
#content li		{
	list-style : disc outside url(../images/dot.gif);
}
#contentboxen	{
	width: 792px;
	margin: 20px 0px 15px 0px;
	padding: 0;
	float: left;
	text-align : left;
}
#contentboxen div.contentbox-text	{
	width : 122px;
	margin : 0px 0px 20px 10px;
	padding : 0;
	font: italic 8pt Georgia;
	line-height : 12pt;
	float : left;
	text-align : right;
	overflow : hidden;
	max-height : 193px;
}
#contentboxen div.contentbox-text-description	{
	width : 122px;
	margin : 0;
	padding : 0;
	font: italic 8pt Georgia;
	line-height : 12pt;
	float : left;
	text-align : right;
	overflow : hidden;
	height : 178px;
}
#contentboxen div.contentbox-text-more	{
	width : 122px;
	margin : 0;
	padding : 0;
	float : left;
	font: bold italic 8pt Georgia;
	color : #8e9841;
	height : 14px;
	background-color : #ffffff;
}
#contentboxen ul	{
	width : 122px;
	margin : 0px 0px 20px 10px;
	padding: 0;
	list-style: none;
	float : left;
}
#contentboxen li.contentbox-title	{
	width: 118px;
	padding: 1px 2px 1px 2px;
	margin : 0px 0px 0px 0px;
	border-bottom: 2px solid #ffffff;
	font: bold 8pt Arial;
	color: #000000;
	text-transform: uppercase;
	background: #bebebe;
	height : 12px;
	overflow : hidden;
}
#contentboxen li.contentbox-subtitle,
#contentboxen li.contentbox-subtitle a,
#contentboxen li.contentbox-subtitle a:link,
#contentboxen li.contentbox-subtitle a:visited,
#contentboxen li.contentbox-subtitle a:hover,
#contentboxen li.contentbox-subtitle a:active	{
	width: 118px;
	margin : 0px 0px 0px 0px;
	padding: 1px 2px 1px 1px;
	font: bold 7pt Arial;
	color: #8e9841;
	background: #e6e6e6;
	height : 20px;
	overflow : hidden;
	display : block;
}
#contentboxen li.contentbox-pic	{
	position : relative;
	width: 115px;
	height: 149px;
	margin : 0px 0px 0px 0px;
	padding: 1px 3px 1px 0px;
	background: #ffffff;
	border: 2px solid #e6e6e6;
	text-align : left;
	overflow : hidden;
}
#newsboxen	{
	width: 123px;
	margin: 0px 0px 14px 0px;
	padding: 0;
	float: left;	
}
#newsboxen ul	{
	width: 123px;
	margin: 0px 0px 12px 0px;
	padding: 0;
	background: #ffffff;
	list-style: none;
}
#newsboxen li.news-title	{
	width: 118px;
	margin: 0;
	padding: 1px 2px 1px 3px;
	border-bottom: 2px solid #ffffff;
	font: bold 8pt Arial;
	color: #000000;
	text-transform: uppercase;
	background: #bebebe;
}
#newsboxen li.news-subtitle, 
#newsboxen li.news-subtitle a,
#newsboxen li.news-subtitle a:link,
#newsboxen li.news-subtitle a:visited,
#newsboxen li.news-subtitle a:hover,
#newsboxen li.news-subtitle a:active 	{
	display : block;
	width: 116px;
	margin: 0;
	padding: 1px 2px 1px 2px;
	font: bold 7pt Arial;
	color: #8e9841;
	background: #e6e6e6;
	text-decoration : none;	
}
#newsboxen li.news-content	{
	width: 115px;
	height: 149px;
	padding: 1px 2px 1px 2px;
	background: #ffffff;
	border: 2px solid #e6e6e6;
	position : relative;
}

/* ***********************************************
    Classes
   *********************************************** */
.green	{
	color: #8e9841;
}
.clearing		{
	clear : both;
	height : 0px;
	margin : 0;
	padding : 0;
	border : 0;	
	font-size : 0;
	line-height : 0;
}
.news-content-gross	{
	font: normal 44pt Georgia, Times;
	color: #000000;
	position : absolute;
	bottom : 0px;
	left : 2px;
}
.news-content-klein	{
	font: bold 9pt Arial;
	color: #000000;
	position : absolute;
	bottom : 8px;
	right : 2px;
}
.news-content-pic	{
	position : absolute;
	top : 3px;
	bottom : 3px;
	margin-left : auto;
	margin-right : auto;
	width : 119px;
	text-align : center;
	vertical-align : middle;
}
/* ***********************************************
    Navigation & U-Navigation
   *********************************************** */
#navi	{
	width: 173px;
	margin: 0;
	padding: 0;
	float: left;
	text-align: right;
}
#navi ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#navi li.navi-level1 {
	margin: 0;
	padding: 0;
	width: 173px;
	border-bottom: 1px solid #8e9841;
	line-height : 19pt;
}
#navi li.navi-level1-active		{
	margin: 0;
	padding: 0;
	width: 173px;
	border-bottom: 2px solid #8e9841;
	line-height : 18pt;
}
#navi li.navi-level1 a,
#navi li.navi-level1 a:link,
#navi li.navi-level1 a:visited,
#navi li.navi-level1 a:hover,
#navi li.navi-level1 a:active,
#navi li.navi-level1-active a,
#navi li.navi-level1-active a:link,
#navi li.navi-level1-active a:visited,
#navi li.navi-level1-active a:hover,
#navi li.navi-level1-active a:active {
	margin: 0;
	padding: 0;
	width: 173px;
	font: bold 12pt Georgia;
	color: black;
	text-decoration: none;
	letter-spacing : 1px;
}
#navi li.navi-level2 {
	margin: 0;
	padding: 0;
	width: 173px;
	border-bottom: 1px solid #8e9841;
	line-height : 18pt;
}
#navi li.navi-level2-active		{
	margin: 0;
	padding: 0;
	width: 173px;
	border-bottom: 2px solid #8e9841;
	line-height : 17pt;
}
#navi li.navi-level2 a,
#navi li.navi-level2 a:link,
#navi li.navi-level2 a:visited,
#navi li.navi-level2 a:hover,
#navi li.navi-level2 a:active,
#navi li.navi-level2-active a,
#navi li.navi-level2-active a:link,
#navi li.navi-level2-active a:visited,
#navi li.navi-level2-active a:hover,
#navi li.navi-level2-active a:active {
	margin: 0;
	padding: 0;
	width: 173px;
	font: normal 11pt Georgia;
	color: black;
	text-decoration: none;
}

/* ***********************************************
    Typo3 specific CSS
   *********************************************** */  
  /* ***********************************************
    Typo3 Classes
   *********************************************** */
   
   .bodytext b		{
	font: bold normal 12pt Georgia, Times;
	color: #000000;
	text-transform: uppercase;
	line-height: 28px;
	letter-spacing : 1px;
}
.csc-mailform  {
	width : 600px;
	border : 0;
}
.csc-mailform-field		{
	border-bottom : 1px solid #8e9841;
	vertical-align : bottom;
	line-height : 25px;
}
.csc-mailform-field input	{
	width : 200px;
	margin : 0px 0px 0px 100px;
	padding : 0;
	border-bottom : 2px solid #8e9841;
	border-left : 0;
	border-right : 0;
	border-top : 0;
	vertical-align : bottom;
}
.csc-mailform-field label	{
	margin : 0px 0px 0px 0px;
	padding : 0px 0px 0px 0px;
	display : block;
}
.csc-mailform-field fieldset		{
	border : 0;
}
.csc-mailform-radio		{
	width : 500px;
	border : 0;
}
.csc-mailform-radio legend		{
	display : none;
	margin : 0;
	padding : 0;
}
.csc-mailform-radio label	{
	margin : -18px 0px 0px 120px;
	padding : 0;
	border : 0;
}  
input.csc-mailform-radio	{
	margin : 0;
	padding : 0;
	border : 0;
}
input.csc-mailform-submit	{
	margin : 20px 0px 0px 100px;
	padding : 0;
	background : #8e9841;
}