/* CSS Document */

p,ul,ol,li,dl,form,h1,h2,h3,h4,h5 {
   color:#666;  /* #624D88;  5B4782*/
  
}


html,body{ font-family: Arial, Helvetica, sans-serif;   
	min-width:90%;
	height:100%;
	min-height:100%;
	margin: 0px;
    padding: 0px;
	width:100%;
	}

	
html>body{
	height: auto;
	
}  
	
		

body{	position:relative;
	background-color:#FFF; 
	font-size: 100%; 
    	line-height:140%;}


/*  WRAPPER um Inhalt solo -------------  */

div #wrapper{float:left; 
	width:100%; 
	background-color:#FFF; 
	background-image: url(elemente/navileiste_5B4782.gif);
 	background-position:top left;
 	background-repeat:repeat-y;
	}


/*  INHALT ----------------------     */


div #content{margin-top: 0px;
	margin-right: 30%;
	margin-bottom: 0;
	margin-left: 225px; 
	padding-left:5%;
	padding-top:0px;
	padding-right:8%;
	background-color:transparent; 
	overflow:hidden;   /* 8773A8  #6E5799;  9684B3 */
	}
	

/*  Rechts Spalte  -------------   */

div #right{	width:28%; 
	float:right;
	margin-right:0px;
	 margin-left:-35%;  /*  -30%  */
	background:transparent;   /* CCC #6B5494   */
	padding:80px 20px 50px 0px; 
	display:inline; 
	overflow:hidden;
	/*   border-left:1px dotted #D8D8D8;    */

	}


/*  Runde Ecken  ---- */

#wrapperrundeecken {width:10px; height:auto; overflow:hidden; padding:3px;}

/*   Thumbnail fuer Index-Seite  --------   */

.referenzcontainerindex{
   
	position: relative;
	background-color:#FFF;
	padding:10px;
	border-bottom:1px solid #FFF;
	width:300px;
	height:auto;}


.thumbnailindex span{ /*CSS for enlarged image*/
	position: absolute;
	background-color: #FFF;
	padding: 5px;
	left: -1000px;
	border: 0px solid #F8F8F8;
	visibility: hidden;
	color: #FFF;
    font: 80% Arial, Helvetica, sans-serif;
	text-decoration: none;
}
.thumbnailindex:hover span{ /*CSS for enlarged image*/
	visibility: visible;
	bottom:0px;
	left: 0px; /*position where enlarged image should offset horizontally */
	z-index: 50;
}