/* Global Reset-Style for cross-browser-compliance */

.website * {
	vertical-align: baseline;
}

h1 {margin: 0px;}

/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
	margin: 0px;
}
ol, ul {
	list-style: none;
}
/* tables still need cellspacing=0 in the markup */

#website table {
	border-collapse: separate;
	border-spacing: 0;
}
/* Candy-Card-Styles */

/* -------- General stuff ------ */

h1 {font-size: 26px; }
h2 {font-size: 22px; }
h3 {font-size: 18px; font-weight: bold; }
h4 {font-size: 16px; margin: 0; padding: 0;}

html { height: 100%; }
body {
  height: 100%;
  margin-left: -17px;
  font-size: 14px;
  font-family: "Trebuchet MS", Tahoma, Verdana, Arial, SunSans-Regular, Sans-Serif;
}
body#bg_1 { background: url(bg-1.jpg) no-repeat center center #f9f9f3; }
body#bg_2 { background: url(bg-2.jpg) no-repeat center center #f9f9f3; }
body#bg_3 { background: url(bg-3.jpg) no-repeat center center #f9f9f3; }
body#bg_4 { background: url(bg-4.jpg) no-repeat center center #f9f9f3; }
body#bg_5 { background: url(bg-5.jpg) no-repeat center center #f9f9f3; }
body#bg_8 { background: url(bg-8.jpg) no-repeat center center #f9f9f3; }

#distance { 
  width:1px;
  height:50%;
  background-color:#fc6;
  margin-bottom:-286px; /* half of container's height */
  float:left;
}

#container {
  margin:0 auto;
  position:relative; /* puts container in front of distance */
  text-align:left;
  clear:left;
  height:542px;
  width:917px;
}
.startbg { background: url(index-bg.jpg) no-repeat; }
.iebgcl { background: url(index-bg-ie.jpg) no-repeat; }
.page { background: url(page-bg.jpg) no-repeat; }

#containeriebg {
  margin:0 auto;
  position:relative; /* puts container in front of distance */
  text-align:left;
  clear:left;
  height:542px;
  width:917px;
  background: url(index-bg-ie.jpg) no-repeat;
}


/* ----- topNavigation ---- */
#navTop {
  position: absolute;
  margin-top: 20px;
  margin-left: 501px;
  width: 447px;
  height: 59px;
  background: url(navTop-bg.png) no-repeat;
}

#navTop span {
  display: none;
}
#navTop ul {
  width: 447px;
  height: 59px;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#navTop li#kontakt a {
	background: transparent;
	position: absolute;
	width: 94px;
	height: 32px;
	bottom: 0;
	text-decoration: none;
}
#navTop li#startseite a {
	background: transparent;
	position: absolute;
	width: 94px;
	height: 32px;
	bottom: 0;
	text-decoration: none;
}
#navTop li#impressum a {
	background: transparent;
	position: absolute;
	width: 94px;
	height: 32px;
	bottom: 0;
	text-decoration: none;
}
#navTop li#agb a {
	background: transparent;
	position: absolute;
	width: 94px;
	height: 32px;
	bottom: 0;
	text-decoration: none;
}

* html*#navTop li#kontakt a, #navTop li#startseite a, #navTop li#impressum a, #navTop li#agb a { bottom: -1px; }
#navTop li#kontakt a { left: 37px; top: 6px; background: url(navTop-kontakt.png) 0 0 no-repeat; }
#navTop li#startseite a { left: 130px; top: 6px; background: url(navTop-startseite.png) 0 0 no-repeat; }
#navTop li#impressum a { left: 229px; top: 6px; background: url(navTop-impressum.png) 0 0 no-repeat; }
#navTop li#agb a { left: 318px; top: 6px; background: url(navTop-agb.png) 0 0 no-repeat; }
#navTop li#kontakt a:hover, #navTop li#startseite a:hover, #navTop li#impressum a:hover, #navTop li#agb a:hover { background-position: 0 -32px; }

/* ----- ShadowNavigation ---- */
#navShadow {
  margin:0 auto;
  position:relative; /* puts container in front of distance */
  top:5px;
  text-align:right;
  height:32px;
  width:917px;
}

#navShadow span {
}
#navShadow ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#navShadow li  {
	float:right;
	height: 16px;
}
#navShadow li a {
	background: transparent;
	line-height: 16px;
	font-size: 12px;
	padding-left:10px;
	color: #f9f9f3;
	bottom: 0;
	text-decoration: none;
	vertical-align: middle;
}
#navShadow li a:hover { color: #f3d98a; }

* html*#navShadow li#kontakt a, #navShadow li#startseite a, #navShadow li#impressum a, #navShadow li#agb a { bottom: -1px; }
#navShadow li#kontakt a { left: 37px; top: 6px; background: url(navTop-kontakt.png) 0 0 no-repeat; }
#navShadow li#startseite a { left: 130px; top: 6px; background: url(navTop-startseite.png) 0 0 no-repeat; }
#navShadow li#impressum a { left: 229px; top: 6px; background: url(navTop-impressum.png) 0 0 no-repeat; }
#navShadow li#agb a { left: 318px; top: 6px; background: url(navTop-agb.png) 0 0 no-repeat; }
#navShadow li#kontakt a:hover, #navTop li#startseite a:hover, #navTop li#impressum a:hover, #navTop li#agb a:hover { background-position: 0 -32px; }


#Content{
	width: 824px;
	height: 529px;
  overflow: hidden;
	border: none;
	background: transparent;
	position: relative;
	z-index:2;
	left:72px;
	top:1px;
	padding:0px 10px 10px 10px;
}
#Content_long{
	width: 824px;
	height: 529px;
  overflow: auto;
	border: none;
	background: transparent;
	position: relative;
	z-index:2;
	left:72px;
	top:1px;
	padding:0px 10px 10px 10px;
}
#Content_space{
	width: 654px;
	height: 530px;
  overflow: auto;
	border: none;
	background: transparent;
	position: relative;
	z-index:2;
	left:242px;
	top:1px;
	padding:0px 10px 10px 10px;
}
#Content_contact{
	width: 654px;
	height: 530px;
  overflow: hidden;
	border: none;
	background: transparent;
	position: relative;
	z-index:2;
	left:242px;
	top:1px;
	padding:0px 10px 10px 10px;
}
#staedteextra img,#Content_long img,#Content_contact img {
	cursor:url(images/lens.png),pointer;
}
#staedteextra a img,#Content_long a img,#Content_contact a img {
	cursor:pointer;
}
/* ----- FlyOut-JavaScript-Navigation ----- */
#flyOutNav {
	width: 70px;
	height: 542px;
  overflow: hidden;
	border: none;
	background: transparent;
	position: absolute;
	z-index:3;
}
#flyOutMenuStrImg {
}
#flyOutNav a {
	display: block;
}
#flyOutNav a:hover {
}

#flyOutMenuTextImg {
	filter:Alpha(opacity=0);
	-moz-opacity:0;
	opacity:0;
}
#flyOutNav_img {
  width: 70px;
  height: 542px;
background: url(Nav-Menu-blank-trans.png) no-repeat;
z-index:2;
  float:right;
}
#myBackground {
	background: url(nav-flyOut-trans.png);
	margin-right: 70px;
	margin-left:0px;
	height: 542px;
}
#myBackgroundText {
	background: url(feinste-3.png) no-repeat 3px 2px;
	height: 542px;
	vertical-align:bottom;
}

#myMenu {
height:100%;
}
#myMenu ul {
padding-top:150px;
  padding-left: 20px;
}

#myMenu ul li span {
	color:#f3d98a;
}
#myMenu ul li#produkte span {
	display:none;
}

#myMenu ul li#produkte {background: url(http://www.candycard.de/nav-produkte.png) no-repeat; height: 18px; margin-bottom: 20px;}

#myMenu ul li.candy0 {font-style: italic;font-size:15px;cursor:pointer;color: #f9f9f3; height: 20px;margin-left: 10px;overflow:hidden;}
#myMenu ul li.candy0 a {font-style: italic;font-size:15px;height: 20px;color: #f9f9f3;text-decoration:none;} 
#myMenu ul li.candy0:hover {margin-left: 5px;}
#myMenu ul li.candy1 {font-style: italic;font-size:15px;cursor:pointer;color: #f9f9f3; height: 20px;margin-left: 10px;overflow:hidden;}
#myMenu ul li.candy1 a {font-style: italic;font-size:15px;height: 20px;color: #f9f9f3;text-decoration:none;} 
#myMenu ul li.candy1:hover {margin-left: 5px;}
#myMenu ul li.candy2 {font-style: italic;font-size:15px;cursor:pointer;color: #f9f9f3; height: 20px;margin-left: 20px;overflow:hidden;}
#myMenu ul li.candy2 a {font-style: italic;font-size:14px;height: 20px;color: #f9f9f3;text-decoration:none;} 
#myMenu ul li.candy2:hover {margin-left: 15px;}

#myMenu ul li.flyOutData {font-size:18px;height: 18px;color: #f9f9f3;cursor:pointer;height: 20px;margin-left: 10px;overflow:hidden;margin-bottom:0px;}
#myMenu ul li.flyOutData a {font-size:18px;height: 18px;color: #f9f9f3;text-decoration:none;} 
#myMenu ul li.flyOutData:hover {margin-left: 5px;overflow:visible;}

#myMenu ul li#candyMiniCard {background: url(http://www.candycard.de/nav-candyMiniCard.png) no-repeat; height: 15px;margin-left: 10px;}
#myMenu ul li#candyMiniCard a {height: 15px;} #myMenu ul li#candyMiniCard:hover {height: 15px;margin-left: 5px;}

#myMenu ul li#candyPraline {background: url(http://www.candycard.de/nav-candyPraline.png) no-repeat; height: 15px;margin-left: 10px;}
#myMenu ul li#candyPraline a {height: 15px;} #myMenu ul li#candyPraline:hover {height: 15px;margin-left: 5px;}

#myMenu ul li#candyMaxiCard {background: url(http://www.candycard.de/nav-candyMaxiCard.png) no-repeat; height: 15px;margin-left: 10px;}
#myMenu ul li#candyMaxiCard a {height: 15px;} #myMenu ul li#candyMaxiCard:hover {height: 15px;margin-left: 5px;}

#myMenu ul li#candyReliefCard {background: url(http://www.candycard.de/nav-candyReliefCard.png) no-repeat; height: 15px;margin-left: 10px; margin-bottom: 50px;}
#myMenu ul li#candyReliefCard a {height: 15px;} #myMenu ul li#candyReliefCard:hover {height: 15px;margin-left: 5px;}

#myMenu ul li#druckdaten {background: url(http://www.candycard.de/nav-druckdaten.png) no-repeat; height: 18px;margin-left: 10px;}
#myMenu ul li#druckdaten a {height: 18px;} #myMenu ul li#druckdaten:hover {height: 18px;margin-left: 5px;}

#myMenu ul li#einsatzgebiete {background: url(http://www.candycard.de/nav-einsatzgebiete.png) no-repeat; height: 18px;margin-left: 10px; margin-top: 7px;}
#myMenu ul li#einsatzgebiete a {height: 18px;} #myMenu ul li#einsatzgebiete:hover {height: 18px;margin-left: 5px;}

#myMenu ul li#datenblaetter {background: url(http://www.candycard.de/nav-datenblaetter.png) no-repeat; height: 18px;margin-left: 10px; margin-top: 7px;}
#myMenu ul li#datenblaetter a {height: 18px;} #myMenu ul li#datenblaetter:hover {height: 18px;margin-left: 5px;}

/* ---- KONTAKT ----- */

#kontakt_stamp a{
  position: absolute;
  margin: 10px 0 0 20px;
  background: url(kontakt-stamp.jpg) no-repeat;
  width: 250px;
  height: 169px;
  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
  -moz-opacity: 0.7;
}
#kontakt_stamp a:hover{
  position: absolute;
  margin: 10px 0 0 30px;
  background: url(kontakt-stamp.jpg) no-repeat;
  width: 250px;
  height: 169px;
  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  -moz-opacity: 1;
}
#kontakt_stamp span {display:none; }

#kontakt_bilder {
  position: absolute;
  margin-left: 675px;
  background: url(kontakt-bilder.jpg) no-repeat;
  width: 237px;
  height: 542px;
}
#kontakt_adresse {
  position: absolute;
  margin: 300px 0 0 340px;
  background: url(kontakt-adresse.png) no-repeat;
  width: 301px;
  height: 74px;
}
#kontakt_adresse span { display:none; }
#kontakt_divider {
  position: absolute;
  margin: 480px 0 0 20px;
  width: 635px;
  height: 1px;
  background: #dfdfda;
}
#kontakt_daten_telefon {position: absolute; background: url(kontakt-telefon.png); width: 179px; height: 14px; margin: 505px 0 0 50px;}
#kontakt_daten_fax {position: absolute; background: url(kontakt-fax.png); width: 174px; height: 14px; margin: 505px 0 0 240px;}
#kontakt_daten_email a {position: absolute; background: url(kontakt-email.png); width: 230px; height: 18px; margin: 504px 0 0 425px;}
#kontakt_daten_email a:hover {position: absolute; background: url(kontakt-email.png); width: 230px; height: 18px; margin: 504px 0 0 420px;}

#kontakt_daten_telefon span, #kontakt_daten_fax span, #kontakt_daten_email span { display:none; }

/* ----- AGBs ------ */

#agb_container {
  position: absolute;
  margin: 100px 0 0 80px;
  width: 810px;
  height: 385px;
  overflow-y: scroll;
}

/* ------- Impressum --------- */
#impressum_container {
  position: absolute;
  margin: 100px 0 0 80px;
  width: 810px;
  height: 400px;
}
#impressum_container a {color: #000;text-decoration: none;}
#impressum_container a:hover {text-decoration: underline;}

#impressum_logo {
  position: absolute;
  margin: 30px 0 0 85px;
  background: url(candyCard-logo.png) no-repeat;
  width: 205px;
  height: 117px;
  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=20);
  -moz-opacity: 0.2;
}

/* --------- 3D-carousel ----------- */

#carousel{
  background-color: transparent;
	width:400px;
	height:310px;
	position:absolute;
}
	
#carousel img{
	width:100%;
	height:auto;
	border:0px solid #FFFFFF;
	display:block;
	cursor:url(images/lens.png),pointer;
}

#maxiCard_container {
  position: absolute;
  margin: 10px 0 0 80px;
  width: 410px;
  height: 400px;
}

div.carousel_hover span {
  visibility:hidden;
  text-decoration: none;
white-space:nowrap;
	font-size:12px;
padding:0px;
text-align:center;
}
div:hover.carousel_hover span {
  visibility:visible;
  color: #000;
  text-decoration: none;
}

#NoScriptErrorBox {
	width:450px;
	height:25px;
	background-color:#ffdddd;
	border:1px solid #444444;
	text-align:center;
	position:absolute;
	top:503px;
	left:380px;
	font-size:12px;
	line-height:12px;
	padding:2px;
}
#IE6ErrorBox {
	position:relative;
	top:10px;
	left:0px;
	font-size:20px;
	line-height:20px;
	padding:10px;
}
#IE6ErrorBox a {
	margin-right: 5px;
}

#IE6ErrorBox a img {
	border: 1px solid #000000;
}

#anfrage						{width:637px;padding-top: 15px;}
fieldset						{border: none;margin:0px; padding: 0px;}
.anfrage_title					{top:-2px; height: 20px; padding-bottom:5px; margin-left: 19px; position: relative; color: #a88a72; font-size: 14px; border-bottom: 1px solid #AAAAAA}
.anfrage_left					{float: left; width:180px}
.anfrage_right					{float: right; position:relative;top:6px; display:none;}
.auswahl_left					{float: left; }
.auswahl_right					{float: left;}
.anfrage_auswahlblock			{float: right;width:425px;}
.anfrage_actions				{float: right;width:425px;}
.anfrage_name				{color: #000; padding-left:5px; padding-top: 2px; padding-bottom: 2px; font-size: 12px;display:block;}
.anfrage_field 					{margin-bottom:3px; display:inline-block; margin-right: 15px; background: transparent url(http://www.candycard.de/scemos/files/Input.gif) no-repeat left top; height: 20px; padding:6px 6px 7px;}
.anfrage_field input				{background-color:#ffffff;width: 155px; height: 18px; border: 0px solid #000; background-color: none; color: #1c110b; font-weight: bold;}
.anfrage_select 				{width: 155px; margin-bottom:-1px; display:inline-block; margin-right: 15px; background: transparent url(http://www.candycard.de/scemos/files/Auswahl.gif) no-repeat left top; padding:5px;}
.anfrage_select select			{background-color:#ffffff;margin-top:-4px;opacity:0; filter: alpha(opacity=0);width: 155px; height: 28px; margin-bottom: 4px; border: 0px solid #000; color: #1c110b; font-weight: bold;}
.anfrage_select input			{background-color:#ffffff;width: 130px; height: 18px; margin-bottom: 4px; border: 0px solid #000; background-color: none; color: #1c110b; font-weight: bold; position: absolute;}
.anfrage_text textarea			{font-family:Verdana,Arial,Helvetica,sans-serif; font-size:12px;border: 1px solid #000; background-color: #DDBDA2; height: 150px; width: 667px;}
.anfrage_submit				{clear: both; height:26px; margin-top:19px;}
.anfrage_submit input			{padding:0 0 4px; height: 33px; width:100px;cursor: pointer; border: none; background: transparent url(http://www.candycard.de/scemos/files/Button.gif) no-repeat left top; color: #1c110b; font-weight: bold;}
.anfrage_captcha 				{display: inline-block; height:60px;width:170px;background: transparent url(http://www.candycard.de/scemos/files/captcha_bg.gif) no-repeat left top;}
.anfrage_captcha img			{margin:10px 3px 9px; display: inline; border: 0px solid #000;}
.anfrage_refresh				{display:none;border: none; background: transparent url(http://www.candycard.de/scemos/files/images/Refresh.png) no-repeat scroll 50% 50%; top: -63px; left: 5px; position: relative; cursor: pointer; height: 25px; width: 25px;}
.anfrage_trenner				{display:inline;height:1px;width:margin:15px;position:relative;}
.anfrage_preview				{position:relative;top:15px;background: transparent url(http://www.candycard.de/scemos/files/Preview.gif) no-repeat left top; height: 137px; width: 241px;}
.anfrage_preview img			{display:block;margin:0px auto;cursor:pointer;}
.anfrage_auswahl				{height:158px;width:425px;float:right;}
.anfrage_add h2, .anfrage_delete h2	{display:inline-block;padding:0 10px;position:relative;top:-8px;font-size:16px;}
.anfrage_add img, .anfrage_delete img	{cursor: pointer;font-size:16px;}
.anfrage_add					{float:left;margin-right:30px;}
#filesearch					{width: 100px; background: url(http://www.candycard.de/scemos/files/Button_klein.gif) no-repeat; font-size: 12px; float: left;}
#submit_file					{left: 170px;width:170px; margin-top: -37px; position: relative;margin-left:3px;}