* {
	margin: 	0;
	padding:	0;
}


td	{
	vertical-align:	top;
}

ul, ol {
	margin-left:   33px;
	margin-bottom: 18px;
}

/*
 *	CSS styled content:
 */

p {	/* "Arbeitsschrift */
	margin-bottom: 18px;
	padding-left:  11px;
	padding-right: 11px;
	font-size:     12px;
	line-height:   18px;
	color:		#606060;
}

li {	
	font-size:     12px;
	line-height:   18px;
	color:		#606060;
}

h1, h2, h3, h4, h5, h6 {
	margin:		0px;
	padding-left:  11px;
	margin-top:    21px;
	margin-bottom:  6px;
	color: 		#606060;
}

h1 {
	font-size: 18px;
	line-height: 18px;
}

h2 {
	font-size: 16px;
	line-height: 18px;
}

h3 { 
	font-size: 14px;
	line-height: 18px;
}

a {
	border: 0;
	text-decoration: none;
}

img {
	border: 0;
}

/***
p.bodytext {
	font-size: 13px;
	color: #606060;
}
***/

.bodytext a {
	color: #BF1D2F;
	font-weight: 800;
	text-decoration: none;
}

.bodytext img {
	border:	0px;
}

div.csc-textpic img {
	/* border: 1px solid #C0C0C0; */
}

dl.csc-textpic-image {
	border: none;
}

div.csc-textpic-border div.csc-textpic-imagewrap .csc-textpic-image img {
	border-color: #C0C0C0;
}

div.csc-header a {
	color: #606060;
	text-decoration: none;
}

div.csc-sitemap a {
	font-size: 13px;
	color: #606060;
	text-decoration: none;
}

div.csc-sitemap a:link {
	color:	#606060;
}

div.csc-sitemap a:visited {
	color: #BF1D2F;
}

.important {
	color: #FF0000;
}


/***
 ***	Layout Graber:
 ***/




body {
	margin:		0px;
	padding:	0px;
	width:		100%;
	font-family:	Verdana, Arial, Helvetica;
	font-size:	6px;
	background-image:url(images/farbverlauf-hintergrund-doppelt.jpg);
}

#toprow {	/* Der Farbverlauf oberhalb des eigentlichen Layouts */
	margin:		0px;
	border:		0px;
	padding:	0px;
	height:		6px;
	background:	center url(images/farbverlauf-toprow.jpg);
}

#layout {	/* Der eigentliche Layout-Bereich mit Headern, Content, Footer */
	width: 	      944px;
	border:		0px;
	margin:		0px auto;	/* Horizontal zentrieren */
	padding:	0px;
}

#pre_header {	/* Graber-Logo in grauem Farbverlauf, Site-Menu */
	margin:		0px;
	border:		0px;
	padding:	0px;
	height:        60px;	/* Höhe der Hintergrundgrafik */
	vertical-align: top;
	background-image: url(images/graber-header-grau.jpg);
}

#header {	/* Normaler Content: Der Bereich mit dem Leistungs- / Referenz-Menü */
	margin:		0px;
	border:		0px;
	padding:	0px;
	vertical-align: top;
}

#centerwrap {	/* Wird wegen des Hintergrundes gebraucht! */
	margin:		0px;
	border:		0px;
	padding:	0px;
	padding-top:   11px;
	padding-bottom:11px;
	width:	      944px;
	background: url(images/farbverlauf-content-hint-grau.jpg);
}

#left {
	margin:		0px;
	border:		0px;
	padding:	0px;
	float: 		left;
	display:	inline;	/* IE double-margin bug-fix */
}

#right {
	margin:		0px;
	margin-left:   11px;	/* Abstand zu #content_home bzw. #content */
	border:		0px;
	padding:	0px;
	float:		left;
	display:	inline;	/* IE double-margin bug-fix */
}

#footer {
	margin:		0px;
	border:		0px;
	padding:	0px;
	height:        40px;
	background: 	url(images/farbverlauf-footer-grau.jpg);
	font-family: 	'Lucida Sans Unicode', 'Verdana', 'Arial';
	font-size:     11px;
	color:		#606060;
	line-height:   20px;
	text-align:	center;
}

#content_home {	/* Content-Bereich auf der Startseite */
	margin-top:	0px;
	margin-left:   11px;	/* Abstand zu #main_menu */
	margin-bottom:  0px;
	/* padding:       12px; */
	width:	      742px;	/* 4 x 180 + 2 x 11 */
	background:	white;
	font-family: 'Lucida Sans Unicode', 'Verdana', 'Arial';
	font-size:     12px;
	float:		left;
	display:	inline;	/* IE double-margin bug-fix */
}

#content {	/* Content-Bereich auf den "normalen" Seiten */
	margin-left:   11px;	/* Abstand zu #main_menu */
	/* padding:       12px; */
	width:	      562px;	/* 3 x 180 + 2 x 11 */
	background:	white;
	font-family: 	'Lucida Sans Unicode', 'Verdana', 'Arial';
	font-size:     12px;
	float:		left;
	display:	inline;	/* IE double-margin bug-fix */
}

.clear {
	content:	"";
	display:	block;
	width:		0;
	height:		0;
	font-size:	0;
	clear:		both;
	visibility:	hidden;
}


/***************************************************************
 ***
 ***	#site_menu: Das kleine Menü innerhalb des Pre-Headers: 
 ***
 ***************************************************************/

#site_menu {
	margin-right:	11px;
	padding-top:	12px;
	text-align:	right;
}

#site_menu a {
	padding-left:  11px;
	padding-right: 11px;
	padding-top:	5px;
	padding-bottom: 5px;
	font-family:	'Lucida Sans Unicode', 'Verdana', 'Arial';
	font-size:     11px;
	color: 		#343434;
	text-decoration:none;
}

#site_menu a:hover {
	padding-left:  11px;
	padding-right: 11px;
	font-size:     11px;
	color:          black;
	background-color:white;
	text-decoration:none;
}



/******************************************************************
 ***
 ***	#reference_menu: Das Menü mit den Referenz-Links im Header.
 ***
 ******************************************************************/

#reference_menu {
	margin-right:  11px;	/* wg. Raster-Abstand */
	padding-top:   11px;
	text-align:	right;
	color:		white;
}

#reference_menu a {
	border-right:	2px solid #993533;
	padding-left:  11px;
	padding-right: 11px;
	padding-top:	5px;
	padding-bottom:	5px;
	font-family:	Verdana, Arial, Helvetica;
	font-size:     12px;
	font-weight:  600;	/* demi-bold */
	background:	none;
	color:		white;
	text-decoration:none;
}

#reference_menu a.active {
	border-right:	2px solid #FF5A2D;
	background:	#BB1D2D;
}

#reference_menu a:hover {
	border-right:	2px solid #FF5A2D;
	background:	#DD3B2C;
	color:		white;
	text-decoration:none;
}

#reference_menu a:active {
	background:	#760E19;
	color:		white;
	text-decoration:none;
}



/******************************************************************
 ***
 ***	#main_menu: Das Hauptmenü der Seite.
 ***
 ******************************************************************/

#main_menu {
	margin-bottom: 11px;			/* Abstand zu Teaser-Boxen */
	border-right:	2px solid #C0C0C0; 	/* Pseudo-Schatten */
	border-bottom:	1px solid #C0C0C0; 	/* Pseudo-Schatten */
	padding:	0px;
	width:	      178px;
	background:	white;
	float:		left;
	display:	inline;	/* IE double-margin bug-fix */
}

#main_menu a {
	margin-bottom: 1px;
	padding-left: 11px;
	background: url(images/farbverlauf-button.jpg);
	background-repeat: repeat-x;
	display: block;
	font-family: 'Lucida Sans Unicode', 'Verdana', 'Arial';
	font-size:     12px;
	font-weight:  600; /* demi-bold */
	line-height:   23px;
	color:		#606060;
	text-decoration:none;
}

#main_menu a:hover {
	background: url(images/daemm-menue-mouseover.jpg);
}

#main_menu a.active {
	background: url(images/daemm-menue-ausgew.jpg);
	color: #BF1D2F;
}

#main_menu a.actifsub {
	background: url(images/daemm-menue-ausgew.jpg);
	color: #BF1D2F;
}

#main_menu a.sublevel1 {
	padding-left: 22px;	/* 2 x Raster-Abstand */
	font-weight: 500; 
	background: #F8F6F7;
}

#main_menu a.sublevel1_active {
	padding-left: 22px;	/* 2 x Raster-Abstand */
	font-weight: 600; 
	background: #F8F6F7;
	color: #BF1D2F;
}

#main_menu a.sublevel1:hover {
	background: url(images/daemm-menue-mouseover.jpg);
}




.teaserbig_1 {	/* Linker Teaser auf Startseite */
	margin-top:	11px;
	margin-left:	0px;
	width:        300px;
	background:	#F4F4F6;	/* laut Design-Vorlage */
	float:		left;
	display:	inline;	 /* IE double-margin bugfix */
}

.teaserbig_2 {	/* Mittlerer Teaser auf Startseite */
	margin-top:	11px;
	margin-left:   22px;
	width:        300px;
	background:	#F4F4F6;	/* laut Design-Vorlage */
	float:		left;
	display:	inline;	/* IE double-margin bugfix */
}

.teaserbig_3 {	/* Rechter Teaser auf Startseite */
	margin-top:	11px;
	margin-right:	0px;
	width:        300px;
	background:	#F4F4F6;	/* laut Design-Vorlage */
	float:		right;
	display:	inline;	/* IE double-margin bugfix */
}

.teaserbig_1 h3, .teaserbig_2 h3, .teaserbig_3 h3 {
	margin:		0px;
	border:		0px;
	padding:   	0px;
	/* padding-top:	8px; */
	width: 	      300px;	/* Breite der Hintergrundgrafik */
	height:	       42px;	/* Höhe der Hintergrundgrafik */
	line-height:   42px;	/* Zentriert einen Einzeiler (!) vertikal */
	text-indent:   11px;	/* Entspricht dem Padding im Hauptmenü */
	background-image: url(images/ueberschr-teaser-daemm-home.jpg);
	font-family:	'Lucida Sans Unicode', 'Verdana', 'Arial';
	font-size:     14px;
	color:		#F3F3F3;
	vertical-align:	middle;
}

.teaserbig_1 img, .teaserbig_2 img, .teaserbig_3 img {
	margin: 0px;
}

.teaserbig_1 p, .teaserbig_2 p, .teaserbig_3 p {
	margin:		0px;
	border-bottom:	1px solid #C0C0C0;
	border-right:	2px solid #C0C0C0;
	padding-left:  11px;
	padding-right: 11px;
	padding-top:	8px;
	padding-bottom:	8px;
	width:        276px;	/* 300 - 2 x 11 - 2
	/* font-family:	Verdana, Arial, Helvetica; */
	font-family: 'Lucida Sans Unicode', 'Verdana', 'Arial';
	font-size:     12px;
	color:		#242424;
}

.teaserbig_1 p a, .teaserbig_2 p a, .teaserbig_3 p a {
	margin-right:	0px;
	padding-right:	0px;
}

.teaserbig_1 p a img, .teaserbig_2 p a img, .teaserbig_3 p a img {
	margin:		0px;
	border: 	0px;
	float: right;
	display:	inline;	/* IE double-margin bug-fix */
}


/******************************************************************
 ***
 ***	Teaserbox-Klassen:
 ***
 ******************************************************************/

.teaserbox {
	margin:		0px;
	margin-bottom: 11px;
	border:		0px;
	padding:	0px;
	width:        180px;
	background: #F4F4F6;	/* laut Design-Vorlage */
}

.teaserbox h3 {
	margin:		0px;
	padding:	0px;
	padding-left:  11px;
	width:	      169px;
	height:	       25px;
	font-family:	'Lucida Sans Unicode', 'Verdana', 'Arial';
	font-size:     12px;
	line-height:   25px;	/* zum vertikalen Zentrieren des Textes... */
	color:		#F3F3F3;
	background-image: url(images/ueberschr-teaser-daemm-content.jpg);
	/* text-indent: 16px; */ /* Entspricht dem Padding im Hauptmenü */
}

.teaserbox img {
	margin: 0px;
}

.teaserbox p {
/*	width:        158px; */
	margin:		0px;
	padding-left:  11px;
	padding-right: 11px;
	padding-top:    8px;
	padding-bottom: 8px;
	font-family:	'Lucida Sans Unicode', 'Verdana', 'Arial';
	font-size:     11px;
	color:		#242424;
	border-bottom:	1px solid #C0C0C0; 
	/* border-right:  2px solid #C0C0C0; */
}

.teaserbox p a {
	margin-right: 0px;
	padding-right: 0px;
	color: #BF1D2F;
	font-weight: 800;
	text-decoration: none;
}

.teaserbox p a img {
	border: none;
	margin-right: 0px;
	padding-right: 0px;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */