/* elements */

*
{
    outline:none;
	outline-style:none;
	outline-color:#FFF;
    -moz-outline:none;
    -moz-user-focus:ignore;    
	-webkit-font-smoothing: subpixel-antialiased; 
}

body {
	margin: 0;
    padding: 0;
	font-family: "Conv_arial",Arial;
	font-size: 10px;
	letter-spacing: 0.2em;
	text-transform:uppercase;
}

a div{
	display:inline;
	padding:2px;
	color:grey;
	font-family: "Conv_arial",Arial;
	text-decoration:underline;
}
a:link div, a:visited div{
	color:grey;
	font-weight:100;
	padding:2px;
}
a:focus div, a:hover div{
	color:black;
	/*text-shadow: 0px 0px 10px #000000;
    filter: dropshadow(color=#000000, offx=0, offy=0);*/
	padding:3px 1px 1px 3px; 
}
a:active  div{
	color:black;
	padding:3px 1px 1px 3px;
}

/* ids */


#notice{
	position:relative;
}
#header{
	background:url('../img/logo.png') no-repeat transparent;
}

#announcement{
	position:absolute;
	top:0px;
	right:0px; 
    width: 320px;
	height: 180px;
	background:url('../img/ausstellung8mai.png') top right no-repeat transparent;
}
#announcement:hover, #announcement:focus,#announcement:active{
	margin-left:0px;
	margin-top:0px;
}

#gContent{
	margin-top:10px;
	/*background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAIklEQVQIHWNgYGCQ/P//PwMMM4IYyIAJxmFkZJQEsTFUAADQzg8royVN5AAAAABJRU5ErkJggg==") repeat;
	-webkit-border-radius: 10px;
    border-radius: 10px;
	-webkit-box-shadow: 0px 3px 10px #666; */ /* webkit browser*/ 
	/* -moz-box-shadow: 0px 3px 10px #666; *//* firefox */ 
	/*box-shadow: 0px 3px 10px #666;*/
}

#footer{
 margin-top:50px;
}
#footermenu{
	margin-left:100px;
}
#copyrightillustrella{
	background:url('../img/copy.png') 90% 50% no-repeat transparent;
/*	width:210px;
	height:49px;*/
	min-height: 50px;
	z-index:2;
	margin-left:100px;
}

#page{
	width:100%;
	height:100%;
	margin: 0;
    padding: 0;
	position: absolute;
	top:0;
	left:0;
	background:url(../img/splash.png) no-repeat;
	background-position: center center;
	background-color: #FFF;
	cursor:none;
	z-index:1;
	display:none;
	overflow:hidden;
	opacity:1;
}

#pagefocus{
	position:absolute;
	width:800px;
	height:400px;
	top:50%;
	left:50%;
	margin:-200px 0 0 -400px;
	
}

#eyes{
	background-repeat:no-repeat;
	z-index:1000;
	position:absolute;
	top:0;
	left:0;
	width:32px;
	height:34px;
}


/* classes */

.transition {
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
}
.caption {
	margin: 20px 0px 20px 0px;
	font-family: "Conv_arialbd",Arial;
	font-size: 16px;
	letter-spacing: 18px;
	text-transform:uppercase;
}

.small{
	font-size:0.8em;
}

.text-content{
	color:grey;
}

.CenterVariableWidth{
	overflow:hidden;
}

.CenterVariableWidth .CenterVariableWidth1{
	float:left; position:relative; left:50%;
}

.CenterVariableWidth .CenterVariableWidth2{
	float:left; position:relative; left:-50%;
}

.Bild{
	float:left;
	margin:5px;
	width:52px;
	height:52px;
}

.Bildsortable{
	margin:5px;
	width:102px;
	height:102px;
}

a.prevBild{
	opacity:0.3;
}

a.prevBild:link, a.prevBild:visited{
	opacity:0.3;
	padding:2px
}

a.prevBild:focus, a.prevBild:hover{
	opacity:1.0;
	padding:3px 1px 1px 3px;
}

a.prevBild:active{
	opacity:1.0;
	padding:3px 1px 1px 3px;
}

.lebensl{
	background:url('../img/foto-von-illustrella.jpg') top right no-repeat transparent;
}


/* Menupunkte start */
.MP
{
	cursor:pointer;	 
	color:grey;
	padding:2px;
}

.MP_click 
{
	cursor:pointer;	 
	color:black;
	/*text-shadow: 0px 0px 10px #000000;
    filter: dropshadow(color=#000000, offx=0, offy=0);*/
	padding:3px 1px 1px 3px;
}

.MP_over 
{
	cursor:pointer;	
	color:black;	
	/*text-shadow: 0px 0px 10px #000000;
    filter: dropshadow(color=#000000, offx=0, offy=0);*/
	padding:3px 1px 1px 3px;
}

/* Menupunkte ENDE */

/* Bilder Leiste START */

.BP
{
	cursor:pointer;
	font-family: "Conv_arialbd",Arial;
	text-transform:none;
	text-align:center;
	float:left;
	width:20px;
	height:20px;
}

.BP_over
{
	font-family: "Conv_ariblk",Arial;
	text-transform:none;
	cursor:pointer;
	text-align:center;
	float:left;
	width:20px;
	height:20px;	
	/*text-shadow: 0px 0px 10px #000000;
    filter: dropshadow(color=#000000, offx=0, offy=0);*/
}

.BP_click
{
	cursor:pointer;
	font-family: "Conv_ariblk",Arial;
	text-transform:none;
	text-align:center;
	float:left;
	width:19px;
	height:19px;	
	/*text-shadow: 0px 0px 10px #000000;
    filter: dropshadow(color=#000000, offx=0, offy=0);*/
}


/* Bilder Leiste ENDE */


/*showpicdecode start */

#BildMsg
{
	margin-top:20px;
	font-family: "Conv_arial",Arial;
	height:30px;
	position:absolute;
	bottom:2px;
	text-align:center;
	width:500px;
	max-width:500px;
	max-height:60px;
	overflow:auto;
}

.tooltip span{display:none;}
.tooltip:hover span{display:block;position:absolute; width:200px; height:200px;}

/*showpicdecode ende */

/*bilder blätterleiste start */

#prevPic{
	font-family: "Conv_arialbd",Arial;
	text-decoration:none;
	float:left;
	width:20px;
	height:20px;
	padding:1px 3px 3px 1px;
}

#prevPic:link, #prevPic:visited{
	text-decoration:none;
	color:#000;
}

#prevPic:focus,#prevPic:hover {
	font-family: "Conv_ariblk",Arial;
	text-decoration:none;
	float:left;
	width:20px;
	height:20px;
	padding:2px;
	/*text-shadow: 0px 0px 10px #000000;
    filter: dropshadow(color=#000000, offx=0, offy=0);*/
}

#prevPic:active{
	font-family: "Conv_ariblk",Arial;
	text-decoration:none;
	color:#000;
}

#curPic{
	float:left;
	width:30px;
	height:20px;
}

#numPic{
	float:left;
	width:30px;
	height:20px;
}

#nextPic{
	font-family: "Conv_arialbd",Arial;
	text-decoration:none;
	float:left;
	width:20px;
	height:20px;
	padding:1px 3px 3px 1px;
	color:#000;
}

#nextPic:link, #nextPic:visited{
	text-decoration:none;
	color:#000;
}

#nextPic:focus,#nextPic:hover {
	font-family: "Conv_ariblk",Arial;
	text-decoration:none;
	float:left;
	width:20px;
	height:20px;
	padding:2px;
	/*text-shadow: 0px 0px 10px #000000;
    filter: dropshadow(color=#000000, offx=0, offy=0);*/
}

#nextPic:active{
	font-family: "Conv_ariblk",Arial;
	text-decoration:none;
	color:#000;
}

/*bilder blätterleiste ende */


/* kontaktseite */
.block500{
	position:relative;
	width:500px;
	height:500px;
}

.abl{
	position:absolute;
	bottom:0;
	left:0;
}