@charset "utf-8";
/* CSS Document */
@media screen, projection {
body {
  background-color: #cdcdcd;
  font-family: Verdana, Geneva, sans-serif;  
  }
h1 { font-size: 16px; }
h2 { font-size: 14px; }
p { line-height:18px; margin:5px 0 5px 0; }
a { color: #2F2E31; }
img { border: none; }
.pageHeading { 
  font-size: 14px;
  font-weight: bold; 
  }
#main {
  margin: auto;
  width: 980px;
  overflow: hidden;
}
#top {
  background-image: url(images/top.png);
  background-repeat: no-repeat;
  height: 98px;
  }
#header {
  position: relative;
  background-image: url(images/header_bg.png);
  background-repeat: no-repeat;
  height: 65px;
  }
.logo {
  position:absolute;
  top: -20px;
  margin-left: 25px;
  height: 38px;
  width: 170px;
  }
.flags { 
padding-left: 820px;
  }
.homelink a{ 
  position: absolute;
  top: 40px;
  left: 890px;
  height: 20px;
  font-size: 12px;
  color: #fff;
  text-decoration: none;
  }
.homelink a:hover {
  text-decoration: underline;
  }
.top_nav1 { 
  position: absolute;
  top: 40px;
  left: 10px;
  height: 20px;
  }
.top_nav1 a {
  color: #fff;
  text-decoration: none;
  font-size: 12px;
  padding-left: 15px;
  }
.top_nav1 a:hover {
  text-decoration: underline;
  }
.top_nav2 {
  position: absolute;
  top: 40px;
  left: 120px;
  height: 20px;
  }
.top_nav2 a {
  color: #fff;
  text-decoration: none;
  font-size: 12px;
  padding-left: 50px;
  }
.top_nav2 a:hover {
  text-decoration: underline;
  }        
#content {
  position: relative;
  min-height: 390px;
  background-image: url(images/main_bg.png);
  background-repeat: repeat-y;   
  }
#content_full {
  position: relative;
  min-height: 390px;
  background-image: url(images/main_bg_full.png);
  background-repeat: repeat-y;   
  }
#content_allheight {
  position: relative;
  background-image: url(images/main_bg.png);
  background-repeat: repeat-y;   
  }

/* Wenn Navigation links vorhanden gelten diese Klassen */
#left_nav{
    position: absolute;
    left: 0px;
    width: 155px;
    margin-top: 20px;
    margin-left: 10px;
    padding-left: 10px;
    font-size: 12px;
    }

/* Ende Navigation Links */

/* Inhaltsbereiche und Aufteilungen */
/* Inhalt, wenn links keine Navigation */
#content_right{
  position: absolute;
  width: 743px;
  margin-left: 165px;
  padding: 20px;
  font-size: 12px;
    }
#content_full_content{
  position: absolute;
  width: 650px;
  margin-left: 4px;
  padding: 20px;
  font-size: 12px;
    }
/* Startseite mit Flash */
#content_start_content{
  position: absolute;
  width: 650px;
  margin-top: -5px;
  margin-left: 6px;
    }
#content_right_allheight{
  width: 743px;
  margin-left: 165px;
  padding: 20px;
  font-size: 12px;
    }
#content_full_right{
  position: absolute;
  width: 240px;
  min-height: 390px;
  margin-top: 10px;
  margin-left: 710px;
  padding-left: 10px;
  font-size: 12px;
  overflow:hidden;
  background-image: url(images/left_border_cr.png);
  background-repeat: no-repeat;
  background-position: left bottom;
    }

/* Headline Grafiken wenn benötigt */
.content_headline_bottom {
  position: absolute;
  top: 330px;
  margin-left: -19px;
  }
/* Ende Headline Grafiken */
.cmsTitle {
  font-size: 14px;
  font-weight: bold;
  color: #333;
}
#footer {
  position: relative;
  background-image: url(images/footer_bg.png);
  background-repeat: no-repeat;
  height: 60px;
  }
.footer_nav{
  position: absolute;
  left:45px;
  top:15px;
  color: #fff;
  font-size: 11px;
}
.footer_nav a {
  color: #fff;
  text-decoration: none;
  font-size: 12px;
  }
.footer_nav a:hover {
  text-decoration: underline;
  } 
 .footer_login{
  position: absolute;
  left:800px;
  top:15px;
  color: #fff;
  font-size: 11px;
}
.footer_login a {
  color: #fff;
  text-decoration: none;
  font-size: 12px;
  }
.footer_login a:hover {
  text-decoration: underline;
  }
  
/* Tabelle für den Vestino card Frame */
#content_vcard {
  position: relative;
  height: 700px;
  background-image: url(images/main_bg.png);
  background-repeat: repeat-y; 
  }
.vcard_head{
  position: relative;
  z-index: 10;
  top: 0px;
  left: 7px;
}
.card_table {
  position: relative;
  top: -308px;
  margin-left: 5px;
    }
.card_descr{
  font-size: 10px;
  background-color: #FFF;
  width: 100%;
  padding: 0 0 0 10px;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #1A171B;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #1A171B;  
}
/* Slider CSS */
.imageflow {
		overflow:hidden;
		position:relative; 
		text-align:left;
		visibility:hidden;
		width:100%;
	}
	.imageflow img {
		border:none;
		position:absolute;
		top:0px;
		visibility:hidden;
		-ms-interpolation-mode:bicubic; /* Enables bicubic image resampling for the IE7 */
	}
	.imageflow p {
		margin:0 auto;
		text-align:center;
	}
	.imageflow .loading {
		border:1px solid white;
		height:15px;
		left:50%;
		margin-left:-106px;
		padding:5px;
		position:relative;
		visibility:visible;
		width:200px;
	}
	.imageflow .loading_bar {
		background:#fff;
		height:15px;
		visibility:visible;
		width:1%;
	}
	.imageflow .navigation{
		z-index:10000;
	}
	.imageflow .caption {
		font-weight:bold;
		position:relative; 
		text-align:center;
		z-index:10001;
	}
	.imageflow .scrollbar {
		border-bottom:1px solid #b3b3b3;
		position:relative; 
		visibility:hidden;
		z-index:10002;
		height:1px;
	}
	.imageflow .slider {
		background:url(images/slider.png) no-repeat;
		height:14px;
		margin:-6px 0 0 -7px;
		position:absolute;
		width:14px;
		z-index:10003;
	}
	.imageflow .slideshow {
		cursor:pointer;
		height:14px;
		margin:20px 0 0 20px;
		position:absolute;
		width:14px;
		z-index:10003;
	}
	.imageflow .slideshow.pause {
		background:url(images/button_pause.png) no-repeat;
	}
	.imageflow .slideshow.play {
		background:url(images/button_play.png) no-repeat;
	}
	.imageflow .images {
		overflow:hidden;
		white-space:nowrap;
	}
	.imageflow .button {
		cursor:pointer;
		height:17px;
		position:relative;
		width:17px;
	}
	.imageflow .previous {
		background: url(images/button_left.png) top left no-repeat;
		float:left;
		margin: -7px 0 0 -30px;
	}
	.imageflow .next {
		background: url(images/button_right.png) top left no-repeat;
		float:right;	
		margin:-7px -30px 0 30px;
	}
    /*Beginn Lightbox Effekt*/
#lightbox{
	position: absolute;
	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;
	overflow: auto;
	width: 100%	
	}

#imageData{	padding:0 10px; color: #666; }
#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: 500px;
	background-color: #000;
	}
/* Stile für den Filialfinder */
#sidebar {
  position:absolute;
  left: 10px;
  top: 65px;
  overflow: auto;
  width: 150px; 
  height: 400px; 
  font-size: 11px; 
  color: #fff;
              
}
#map {
  overflow: hidden;
  width:750px;
  height:400px;
  border:1px solid #1A171B;
  }
.loc_input {
  background-color: #BABBBA;
  border: 1px solid #1A171B;
}
}