/* CSS Formatierung style XP communications fuer Klavers van Engelen v. 1.0 2008 */

@media print {
}

html{height:100%}
body
{
text-align:center;
height:100%;
margin:0;
background-color:#000;
color:#FFF;
}

img {border:0;padding:0;}


#mainframe{ 
width:710px;
margin:0px auto;
text-align:left;
background-color:transparent;
overflow:auto;
padding-top:70px;
padding-bottom:10px;
height:720px;
}

* html #mainframe{width:710px;} /*IE 6 needs more space because of padding! */


#titleImage{
color: #999;
width:700px;
height:13px;
text-align:left;
}
* html #titleImage{height:16px;}
*+html #titleImage{height:20px;}

#titleImageDiv {
	width:300px;
	height:13px;
	float:left;
}
*+html #titleImageDiv{height:20px;}

#titleDescriptionDiv {
	width:380px;
	height:13px;
	text-align:right;
	float:right;
	font-family:Tahoma, sans-serif;
	font-size:9px;
	color:#FFF;
	letter-spacing: 0.1em;
}

#SlideShowNav {
	text-align:right;
	font-family:Tahoma, sans-serif;
	font-size:10px;
	letter-spacing: 0.1em;
}

#SlideShowNav a {
	color:#FFF;
	text-decoration:none;
}

#SlideShowNav a:hover {
	color:#999;
}

#blankImage{position:absolute;width:700px;height:490px;z-index:500;}
* html #blankImage{height:470px;}

#content{
width:700px;
height:478px;
font-family:Tahoma, sans-serif;
font-size:15px;
line-height:19px;
font-weight:400;
color:#FFF;
border:1px solid #808080;
margin-top:10px;
margin-left:1px;
}

div.fullscreenLogo{
width:100%;
height:100%;
background-color:#F8FAFA;
}
div.fullscreenLogo img{padding-top:150px;padding-left:180px;}

/* Hauptmenu */
#menu{
width:700px;
padding-top:9px;
}


ul.mainMenu{
list-style:none;
z-index:10;
padding:0;
margin:0;

}

ul.subMenu{
text-align:left;
list-style:none;
z-index:11;
padding:0;
margin:0;
}

ul.mainMenu li{display:block;float:left;padding:0;margin:0;}

.spanMitteilung{width:140px;display:block;float:left;}
.text{border:1px solid #808080;background-color:#000;color:#FFF;}
div.contactAdress{float:right;margin-top:190px;margin-right:70px;}
* html div.contactAdress{margin-right:40px;}
div.contactForm{position:relative;top:83px;left:60px;width:400px;}

.imageSlideshowHolder{

		/* This is a CSS hack in order to get a nice look in IE 5.5 and lower 

		In these versions of Internet Explorer, we need to add borders and padding to the width. In this example, we have a 3 pixel
		border on all sides. This means that the width in IE5.5 should be 606 pixels(600 + border 3px on the left + border 3 px on the right). Height
		should be set to 456 pixels(450 + 3 +3). IE 5.5 will ignore the width attributes below the first line. These will be applied to other browsers.

		*/
		/* CSS HACK */
		width: 700px;	/* IE 5.x */
		width/* */:/**/700px;	/* Other browsers */
		width: /**/700px;
		
		/* CSS HACK */
		height: 478px;	/* IE 5.x */
		height/* */:/**/478px;	/* Other browsers */
		height: /**/478px;
		
		background-color:#000;
		border:0px;
		position:relative;	/* Never change this value */
		
	}
	.imageInGallery{		
		width:700px;
		height:478px;
		background-color:#000;
		
		/* Never change these 3 value */
		left:0px;
		top:0px;
		position:absolute;	
	}
	
	
	.imageSlideshowHolder img{
		position:absolute;
	}