/*
	Website: 
	BOB Design http://www.bob-design.de/ 
	Imagion AG http://www.imagion.de/
	CSS Datei
	20.04.2007 Daan Meskers
	$last_change: 20.04.2007 Daan Meskers
*/

/* =================== menu  ============= */
HTML, BODY {
	background: #f7f4ed url(../../img/vv_background.png) no-repeat center center;
	width: 100%;	height: 100%;
	margin: 0;		padding: 0;
	text-align: center;
	overflow: hidden;
}
IMG, A {
	outline: 0;
	border: 0;
}

div#Main {
	background: transparent url(../../img/vv_roset.png) no-repeat center center;
	width: 100%;	height: 100%;
	margin: 0;		padding: 0;
	text-align: center;
	left: 0;
}
div#Body {
	position: relative;
	height: 550px; width: 100%;	
	position: absolute;
	top: 50%; left: 0;
	margin-top: -290px;
	border-bottom: 1px solid #bccdd0;
	border-top: 1px solid #f7f4ed;
}

div#Logo {
	background: transparent url(../../img/vv_border.gif) repeat-x top left;
	height: 75px;
	border-bottom: 1px solid #bccdd0;
	left: 0;
}
div#Logo IMG {
	position: relative;
	top: 35px;
}
div#Footer {
	position: absolute;
	bottom: 0px; height: 25px;
	width: 100%; left: 0;
	
	border-top: 1px solid #bccdd0;
	font-size: 12px; line-height: 20px;
	font-family: Georgia, Times, Times new Roman serif;
	/* text-transform: Uppercase; */
	color: #666;
	letter-spacing: 0.05em;
}
div#Footer span {
	font-size: 14px; line-height: 24px; padding-bottom: 3px; display: block;
	letter-spacing: 0.3em;
	font-family: Georgia, Times, Times new Roman serif;
	text-transform: Uppercase;
	color: #666;
}
div#Footer a,
div#FooterBilder a {
	color: #C30;
	text-decoration: none;
	border-bottom: 1px dotted #C63;
	padding: 2px 3px 1px 4px;
}
div#Footer a:hover,
div#FooterBilder a:hover {
	color: #F00;
	text-decoration: none;
	border-bottom: 1px solid  #F00;
	background: #FFF;
}
div#FooterBilder  {
	opacity: 0; filter: alpha(opacity=0);
	position: absolute;
	bottom: -40px; height: 35px;
	width: 100%; 
	font-size: 12px; line-height: 20px;
	font-family: Georgia, Times, Times new Roman serif;
	color: #333;
	left: 0;
}
div#FooterBilder span {
	font-size: 14px; padding-bottom: 3px; display: block;
	letter-spacing: 0.3em;
	font-family: Georgia, Times, Times new Roman serif;
	text-transform: Uppercase;
	color: #666;
}
div#FullscreenButton {
	position: absolute;
	top: 20px; left: 30px;
}

div#Gallery {
	position: absolute;
	top: 0; left: 0; width: 100%;
}
div#Gallery div  {
	position: absolute;
	top: 0; left: 0; width: 100%;
	opacity: 0;
	filter: alpha(opacity=0);
	display: none;
}

div#Loader {
	width: 100px; height: 25px;
	position: absolute;
	top: 50%; left: 50%;
	margin-top: 65px; margin-left: 0; 
	background: transparent url(../../img/vv_border_small.png) repeat-x top left;
	opacity: 0;
	filter: alpha(opacity=0);
}
div#loaderTxt  {
	width: 150px; height: 25px;
	position: absolute;
	top: 50%; left: 50%;
	margin-top: 75px; margin-left: -75px;  margin-top: 75px; 
	color: #999; font-size: 80%;
	opacity: 0;
	filter: alpha(opacity=0);
}
div#Roset {
	width: 66px; height: 66px;
	position: absolute;
	top: 50%; left: 50%;
	margin-top: -19px; margin-left: -33px; 
	background: transparent url(../../img/vv_roset.png) no-repeat center center;
}
div#Main.Index {
	background-image: none;
}
/* index */
div#hidden {
	position: absolute;
	top: 0; left: 0; width: 10px; height: 10px; 
	overflow: hidden; visibility: hidden; opacity: 0;
}

div#Impressum {
	margin: auto; padding: 85px 0 0 0;
	position: relative;
	width: 250px; left: 300px;
	text-align: left;
	font-size: 11pt;
	color: #777;
}
div#Impressum h1 {
	font-size: 13pt;
	color: #666;
	text-transform: Uppercase;
}