/***********************************************/
/* global.css                                  */
/* by Martina Hagenberger - www.eos-info.de    */
/***********************************************/


/***********************************************/
/* Bildershow                                  */
/***********************************************/
#lightbox{
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{
	padding:0 10px;
	}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 800px;
	background-color: #ef146b;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}
	

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

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

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

body{
	font-family: Arial,sans-serif;
	color: #333333;
	line-height: 1.166;	
	margin: 0px;
	padding: 0px;
	background-color: white;
}

/************************************/
/* hyperlink and anchor tags  */
/************************************/

a{
	color: #005FA9;
	text-decoration: none;
}

a:link{
	color: #005FA9;
	text-decoration: none;
}

a:visited{
	color: #005FA9;
	text-decoration: none;
}

a:hover{
	color: #005FA9;
	text-decoration: underline;
}

a.rosa {
	color: black;
	text-decoration: none;
	font-weight:bold;
}

a.rosa:link{
	color:black;
	text-decoration: none;
	font-weight:bold;
}

a.rosa:visited{
	color: #ef146b;
	text-decoration: none;
	font-weight:bold;
}

a.rosa:hover{
	color: #ef146b;;
	text-decoration: underline;
	font-weight:bold;
}
/************************************/
/* Header tag styles                */
/************************************/

h1{
 font-family: ,Arial,sans-serif;
 font-size: 120%;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}

h2{
 font-family: Arial,sans-serif;
 font-size: 114%;
 color: #006699;
 margin: 0px;
 padding: 0px;
}

h3{
 color: #334d55;
 margin: 0px;
 padding: 0px;
}

.h4{
 font-family: Arial,sans-serif;
	font-size: 1.0em;
	font-weight: bold;
	color: #F75D96;
}

h4{
 font-family: Arial,sans-serif;
 font-weight: normal;
 color: #333333;
 margin: 0px;
 padding: 0px;
}

h5{
 font-family: Arial,sans-serif;
 font-size: 100%;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}

/************************************/
/* table                             */
/************************************/
td {
	text-align:right;
	font-size: smaller;
}


/************************************/
/* List                             */
/************************************/

ul{
 list-style-type: square;
}

ul ul{
 list-style-type: disc;
}

ul ul ul{
 list-style-type: none;
}

/************************************/
/* Form etc.                        */
/************************************/ 
 

form
{
	margin:		2em 0;
	display:	block;
}

fieldset
{
	border:		1px solid #ef146b;
	display:	block;
	padding:	1em 2em;
	clear:		both;
	width:		25em;
	margin:		2em 0 0 0;
}
html > body fieldset
{
	background:	#f3f3f3;
}

select
{
	position: 	relative;
	top: 		-1.4em;
	left: 		8em;
	display:	block;
	width:		12em;
	border:		1px solid #a5acb2;
}
select:hover, input:hover, textarea:hover
{
	border:		1px solid #999;
	color:		#31709F;
}
select:focus, input:focus, textarea:focus
{
	background:	#DFF1FF;
	border:		1px solid #000;
	color:		#000;
}

legend
{
	color:		#000;
}
label
{
	clear: 		left;
	float: 		left;
	display: 	block;
	width: 		8em;
	margin-top: -1em;
	font-weight: bold;
}

label.erstes
{
	margin-top:	1em;
}
input
{
	position: 	relative;
	top: 		-1.4em;
	left: 		8em;
	display: 	block;
	border:		1px solid #a5acb2;
	padding:	2px;
	background:	#fff;
	width:		15em;
}
input.senden
{
	top:		-1em;
	left:		0;
	clear:		left;
	width:		23.5em;
}
textarea
{
	position: 	relative;
	top: 		-1.4em;
	left: 		0;
	display: 	block;
	border:		1px solid #a5acb2;
	padding:	2px;
	/*width:		23.5em;
	height:		15.7em;*/
}

fieldset.radio input
{
	border:		none;
	background:	none;
	left:		17.5em;			
}
* html fieldset.radio input
{
	left:		18.5em;
}

/************************************/
/* img in content div                        */
/************************************/ 
img {
  border-style: none;
  border-color: #fff;
}
.i {
	
	padding: 0px 4px 20px 100px;
	
}

.india {
	border: 1px solid #f9a4c6;
}

.im {
	float: left;
	padding: 0px 20px 20px 100px;
	vertical-align: top;
}
.prensa {
	float: left;
	padding: 0px 20px 5px 0px;
	vertical-align: middle;
}

.invitacion {
	float:left; 
	margin-right:20px;
    margin-bottom:10px;
	width: 165px;
}

.img {
	float: left;
	padding: 0px 4px 20px 100px;
	vertical-align: top;
}

/************************************/
/* smaller text                         */
/************************************/
.small {
	font-size: 0.9em;
}
/************************************/
/* Layout Divs                      */
/************************************/
div#centerBox {
position: absolute;
left: 50%;
width: 450px;
margin-left: -475px; /* negative Hälfte von width:950px */
top: 50%;
height: 450px;
margin-top: -280px; /* negative Hälfte von height:560px; */
border: 1px solid #000;
}

#content{
	position:absolute;
	top: 66px;
	left: 16px;
	right: 2%;
	width:796px;
	/*background-color: #ef146b;*/
	background-color: #fff;
	border-left: 1px solid #cc0066;
	border-right: 1px solid #cc0066;
}

/************************************/

#top{
	position: absolute;
	top: 0px;
	left: 2%;
	right: 2%;
	width:697px;
	z-index:1;
}

/************************************/

#fixiert {
    position: absolute;
	top: 50px;
	right:0px;
    width: 135px;
    z-index:2;
}

html>body #fixiert {  /* nur fuer moderne Browser! */
    top: 50px;
	right:0px;
}

#header {
	margin: 0px;
	padding: 16px 0px 0px 0px;
	color: #ffffff;
	font-weight: normal;
}

/************************************/

#col2{
	margin:0px 0px 0px 178px;
	padding: 0px 10px 0px 0px;
	border-left: 1px solid #ccd2d2;
	background-color:#FFFFFF;
}

/************************************/
#show {
	width:540px;
	height: 600px;
	background-color:transparent;
	margin:0px; 
	
	text-align:center;
	color:#003366;
	font-size:80%;
	margin-top:10px;
}

#show  img {border:1px solid black;}
/************************************/
/* Navigation
/************************************/
#pageNav{
	position: absolute;
	top: 7px;
	left: 0px;
	width:178px;
	padding: 0px;
	background-color: #9c9a9c;
	
	border-right: 1px solid #ccc;
	font-family: Verdana,sans-serif;
	font-size: 70%;
	font-weight:bold;
}
/************************************/

#navcontainer { margin-left: 0px; }
		
#navcontainer ul {
			margin: 0;
			padding: 0;
			list-style-type: none;
			font-family: verdana, arial, Helvetica, sans-serif;
}
		
#navcontainer ul li { margin: 1px 0 1px 0; }
		
#navcontainer a	{
			display: block;
			padding: 5px 10px;
			width: 158px;
			color: #fff;
			background-color: #ef146b;
			text-decoration: none;
			margin: 1px 0 1px 0;
}
		
#navcontainer .active {
			display: block;
			padding: 5px 10px;
			width: 158px;
			color: #fff;
			background-color: #F75D96;
			text-decoration: none;
			margin: 1px 0 1px 0;
}
		
#navcontainer a:hover {
			color: #fff;
			background-color: #F75D96;
			text-decoration: none;
			margin: 1px 0 1px 0;
}
		
#navcontainer ul ul a {
			display: block;
			padding: 5px 5px 5px 30px;
			width: 143px;
			color: #fff;
			background-color: #f9a4c6;
			text-decoration: none;
			margin: 1px 0 1px 0;
}

#navcontainer .active1 {
			display: block;
			padding: 5px 5px 5px 30px;
			width: 143px;
			color: #fff;
			background-color: #F75D96;
			text-decoration: none;
			margin: 1px 0 1px 0;
}
		
#navcontainer ul ul a:hover	{
			color: #fff;
			background-color: #F75D96;
			text-decoration: none;
}
			
#navcontainer ul ul li { margin: 0 0 1px 0;}
		
		
		
		
		
		#navcontainer ul ul ul a {
			display: block;
			padding: 5px 5px 5px 45px;
			width: 143px;
			color: #fff;
			background-color: #f9a4c6;
			text-decoration: none;
			margin: 1px 0 1px 0;
}

#navcontainer .active2 {
			display: block;
			padding: 5px 5px 5px 45px;
			width: 143px;
			color: #fff;
			background-color: #F75D96;
			text-decoration: none;
			margin: 1px 0 1px 0;
}
		
#navcontainer ul ul ul a:hover	{
			color: #fff;
			background-color: #F75D96;
			text-decoration: none;
}
			
#navcontainer ul ul ul li { margin: 0 0 1px 0;}
		
/***********************************************/
/* End Layout Divs                             */
/***********************************************/



/***********************************************/
/*textediting Divs                             */
/***********************************************/

.story{
	clear: both;
	padding: 10px 0px 0px 30px;
	font-size: 80%;
}



.story h3 {
	font-family: Arial,sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	color: #F75D96;
}

.story p {
	padding: 0px 0px 10px 0px;
}

.story a.capsule {
	font-family: Arial,sans-serif;
	font-size: 1.2em;
	color: #F75D96;
	display:block;
	padding-bottom: 5px;
	font-weight: bold;
}

.story a.capsule:hover {
	text-decoration: underline;
}

td.storyLeft {
	padding-right: 12px;
}

.story_top {
	clear: both;
	padding: 10px 0px 0px 30px;
	font-size: 80%;
	width: 500px;
	text-align: justify;
}



.story_top h3 {
	font-family: Arial,sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	color: #F75D96;
}

.story_top p {
	padding: 0px 0px 0px 0px;
}
 
.story_top .img {
	float:left;
	width: 165px;
} 

.story_top .th {
	margin-top:5px;
	margin-right:5px;
	border: #ef146b 1px solid;
} 

.story .th {
	margin-top:5px;
	margin-right:20px;
	border: 0px;
} 
/***********************************************/
/*End Component Divs                           */
/***********************************************/

#Info{
	clear: both;
	border-top: 1px solid #cccccc;
	font-size: 75%;
	color: white;
	padding: 2px 10px 3px 10px;
	text-align:center;
	background-color: #ef146b;
}

#Info img{
	padding: 4px 4px 4px 0px;
	vertical-align: middle;
}

#Info a:link {
	color: white;
	text-decoration: none;
}

#Info a:visited {
	color: white;
	text-decoration: none;
}

#Info a:hover {
	color: white;
	text-decoration: underline;
}

#Info a:active {
	color: white;
	text-decoration: underline;
}
img {
  margin-bottom: 3px;
  margin-top: 0px;
}