/* ****************************************************
 (C) 2010, DracoMedia
**************************************************** */
/* ----------------------------------------------------
 Für aller Browser:
  
---------------------------------------------------- */
/* ----------------------------------------------------
 Allgemeines Layout
---------------------------------------------------- */
body {
	margin: 0px;
	padding: 0px;
        border: 0px;
        font: 10pt Arial, sans-serif;
	background-color: #999999; 
}
div#Schatten {
    	margin: 0 auto;                		 /* standardkonforme, horizontale Zentrierung */
  	margin-top: 0px;               		 /* Abstand zum oberen Bildrand */
 	border: 0px;
 	width: 810px;         			 /* Breite */      
 	background: url(../img/bgschatten.png) no-repeat bottom left;
 	padding: 0px 5px 14px 5px;
}
div#Layout {
        padding: 0px;
 	border: 0px;
 	width: 800px;         			 /* Breite */      
	background-color: #f2f2f2;
}
div#Banner {
        height: 170px;
}
div#Menue {
        height: 50px;
        padding-left: 20px;                     /* linker Rand bei den Inhalten */
	line-height: 200%;           		/* wg. vertikaler AUsrichting innerhalb Menübalken */
 	background-image:url(../img/menueschatten.png); background-repeat:no-repeat; background-position:center top;
}
div#Inhalt {
        height: 570px;
        padding-left: 20px;                     /* linker Rand bei den Inhalten */
        padding-right: 20px;			/* rechte Rand bei den Inhalten */
        text-align:justify;

}
div#Inhalt_Referenzen {
        height: 670px;
        padding-left: 20px;                     /* linker Rand bei den Inhalten */
        padding-right: 3px;			/* rechte Rand bei den Inhalten */
        text-align:justify;

}
div#Fusszeile {
	font: 9pt Arial, sans-serif;
        height: 60px;
	line-height: 250%;           /* wg. vertikaler AUsrichting innerhalb Menübalken */
	text-align:left;
 	color:black;
	background-image:url(../img/fusszeile.png); background-repeat:no-repeat; background-position:left top;
}
.Schatten {   
 	background: url(../img/bildschatten.png) no-repeat bottom left;
 	padding: 7px 7px 17px 7px;
}
.Schatten370 {   
 	background: url(../img/bildschatten370.png) no-repeat bottom left;
 	padding: 7px 7px 17px 7px;
}
.Schatten450 {   
 	background: url(../img/bildschatten450.png) no-repeat bottom left;
 	padding: 7px 7px 17px 7px;
}
.Schatten500 {   
 	background: url(../img/bildschatten500.png) no-repeat bottom left;
 	padding: 7px 7px 17px 7px;
}
.Schatten720 {   
 	background: url(../img/bildschatten720.png) no-repeat bottom left;
 	padding: 0px 7px 21px 7px;
}
span {	                     
	font-weight: bold;
	font-style: italic;
	color:  #ff2032;
}
hr {
	background-color: #992032; /* Farbe für Opera und Firefox */
	color: #992032; /* Farbe für Internet Explorer (IE) */
	border: 0;
	height: 1px;
}
h1 {
        font: 14pt Arial, sans-serif;
	font-weight: bold;
	color:  #992032;

}
h2 {
        font: 10pt Arial, sans-serif;
	font-weight: bold;
	color:   #992032;

}
ul {
	list-style-image:url(../img/dot.gif); 
}
/***************************************************************************
Links  
***************************************************************************/
a {
	font: 10pt Arial, sans-serif;
	color: #B13B39;
	font-weight: bold;
    	text-decoration: none; 
}
a:hover {
	font: 10pt Arial, sans-serif;
	color: #ff0000;
	font-weight: bold;
    	text-decoration: underline;
}
a.link {
	font: 9pt Arial, sans-serif;
	color: #992032;
	font-weight: bold;
    	text-decoration: none; 
}
a.link:hover {
	font: 9pt Arial, sans-serif;
	color: red;
	font-weight: bold;
    	text-decoration: underline; 
}
a.textlink {
	font: 10pt Arial, sans-serif;
	color: #992032;
	font-weight: normal;
    	text-decoration: none; 
}
a.textlink:hover {
	font: 10pt Arial, sans-serif;
	color: red;
	font-weight: normal;
    	text-decoration: underline; 
}

#slideshow_mask {
  position:absolute;
  overflow:hidden;
  height:150px;
  width:930px;
  margin-left:15px;
}
/***************************************************************************
Banner
***************************************************************************/

#slideshow_mask {
  position:absolute;
  overflow:hidden;
  height:150px;		/* Höhe */
  width:760px;          /* Breite */
  margin-left:0px;	/* Abstand zum li. Rand */
}

#slideshow {
  position:relative;
  width:3000px;
  left:-1000px;
}
#slideshow1  {
  position:absolute;
  left:900px;
}
#slideshow2 {
  position:absolute;
  left:2094px;
}
#slideshow img {
  margin:2px;		/* Abstand zw. Bildern */
}