/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block;}
mark, rp, rt, ruby, summary, time {display:inline;}
/* Global properties ======================================================== */
html {width:100%; height:100%;}
body {font-family:Arial, Helvetica, sans-serif; text-rendering: optimizeLegibility; font-size:18px;line-height:25px;color:#999;min-width:1125px;height:100%;background:url(../) center top no-repeat #f9f9f9;}
body {
    font-smoothing: antialiased;
}
body {
    text-rendering: optimizeLegibility;
}

.ic {border:0;float:right;background:#f9f9f9;color:#f00;width:50%;line-height:10px;font-size:10px;margin:-220% 0 0 0;overflow:hidden;padding:0}
.bg {width:100%; background:url(../images/body-bg2.jpg) center 0 no-repeat;}

.main {
	width:1125px;
	margin:0 auto;
}

a {color:#bd5f3f; outline:none;}
a:hover {text-decoration:none;}

.col-1, .col-2 {float:left;}

.wrapper {width:104%; overflow:hidden; position:relative;}
.extra-wrap {overflow:hidden;}
 
p {margin-bottom:10px;}
.p1 {margin-bottom:4px;}
.p2 {margin-bottom:15px;}
.p3 {margin-bottom:30px;}
.p4 {margin-bottom:40px;}
.p5 {margin-bottom:50px;}

.reg {text-transform:uppercase;}

.fleft {float:left;}
.fright {float:right;}

.alignright {text-align:right;}
.aligncenter {text-align:center;}

.it {font-style:italic;}

.color-1 {color:#3c74a9;}
.color-2 {color:#49a69e;}
.color-3 {color:#f3ad29;}
.color-4 {color:#dc5130;}
.color-5 {color:#4c4c4c;}

/* CSS-Stile für das Bild */
.wackelndes-bild {  
  transition: transform 2.5s; /* Die Dauer der Animation */
}

/* CSS-Stil für die Animation beim Überfahren mit dem Mauszeiger */
.wackelndes-bild:hover {
  animation: zittern 0.3s; /* Keyframe-Animation bei Hover auslösen */
  animation-fill-mode: forwards; /* Endzustand der Animation beibehalten */
}

/* Keyframe-Animation */
@keyframes zittern {
  0% {
    transform: rotate(-10deg); /* Erste Position des Zitterns */
  }
  50% {
    transform: rotate(10deg); /* Zweite Position des Zitterns */
  }
  100% {
    transform: rotate(-0deg); /* Zurück zur ersten Position */
  }
	0% {
    transform: rotate(-10deg); /* Erste Position des Zitterns */
  }
  50% {
    transform: rotate(10deg); /* Zweite Position des Zitterns */
  }
  100% {
    transform: rotate(-0deg); /* Zurück zur ersten Position */
  }
}
/* CSS-Stile für das Bild und den Container */
.bild-container {
  position: relative;
  width: 100px; /* Ändere die Bildgröße nach Bedarf */
  height: 100px; /* Ändere die Bildgröße nach Bedarf */
  overflow: hidden; /* Verstecke den Bildinhalt, wenn es transparent ist */
}

.transparentes-bild {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0; /* Setze die Anfangstransparenz auf 0 (unsichtbar) */
  transition: opacity 2s; /* Füge einen Übergangseffekt hinzu, der 2 Sekunden dauert */
}

/* CSS-Stile für das Bild und den Container */
.bild-container2 {
  position: relative;
	 width: 320px; /* Ändere die Bildgröße nach Bedarf */
  height: 214px; /* Ändere die Bildgröße nach Bedarf */
  overflow: hidden; /* Verstecke den Bildinhalt, wenn es transparent ist */
}

.transparentes-bild2 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0; /* Setze die Anfangstransparenz auf 0 (unsichtbar) */
  transition: opacity 2s; /* Füge einen Übergangseffekt hinzu, der 2 Sekunden dauert */
}

/* CSS-Stile für das Bild und den Container */
.bild-container3 {
  position: relative;
	 width: 170px; /* Ändere die Bildgröße nach Bedarf */
  height: 193px; /* Ändere die Bildgröße nach Bedarf */
  overflow: hidden; /* Verstecke den Bildinhalt, wenn es transparent ist */
}

.transparentes-bild3 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0; /* Setze die Anfangstransparenz auf 0 (unsichtbar) */
  transition: opacity 2s; /* Füge einen Übergangseffekt hinzu, der 2 Sekunden dauert */
}


/* CSS-Stile für das Bild und den Container */
.bild-container4 {
  position: relative;
	 width: 331px; /* Ändere die Bildgröße nach Bedarf */
  height: 221px; /* Ändere die Bildgröße nach Bedarf */
  overflow: hidden; /* Verstecke den Bildinhalt, wenn es transparent ist */
}
/* Banner rot NEW Fügen Sie diese CSS-Regeln in Ihre Stylesheet-Datei ein oder in <style> tags im <head> Ihrer HTML-Seite */

.new-banner {
    position: absolute;
    top: 0;
    left: 0;
    background-color: #7500f4; /* Hintergrundfarbe ändern, wie gewünscht */
    color: #fff; /* Textfarbe ändern, wie gewünscht */
    padding: 4px 8px; /* Anpassen Sie die Polsterung je nach Bedarf */
    font-size: 12px; /* Schriftgröße ändern, wie gewünscht */
    font-weight: bold; /* Schriftstärke ändern, wie gewünscht */
    border-radius: 4px; /* Verwenden Sie Border-Radius, um alle Ecken abzurunden */
}

/* Banner blau NEW Fügen Sie diese CSS-Regeln in Ihre Stylesheet-Datei ein oder in <style> tags im <head> Ihrer HTML-Seite */

.new-banner2 {
    position: absolute;
    top: 0;
    left: 0;
    background-color: #7500f4; /* Hintergrundfarbe ändern, wie gewünscht */
    color: #fff; /* Textfarbe ändern, wie gewünscht */
    padding: 4px 8px; /* Anpassen Sie die Polsterung je nach Bedarf */
    font-size: 12px; /* Schriftgröße ändern, wie gewünscht */
    font-weight: bold; /* Schriftstärke ändern, wie gewünscht */
    border-radius: 4px; /* Verwenden Sie Border-Radius, um alle Ecken abzurunden */
}

/* Banner lila NEW Fügen Sie diese CSS-Regeln in Ihre Stylesheet-Datei ein oder in <style> tags im <head> Ihrer HTML-Seite */

.new-banner3 {
    position: absolute;
    top: 0;
    right: 0;
    background-color: #24d900; /* Hintergrundfarbe ändern, wie gewünscht */
    color: #fff; /* Textfarbe ändern, wie gewünscht */
    padding: 4px 8px; /* Anpassen Sie die Polsterung je nach Bedarf */
    font-size: 12px; /* Schriftgröße ändern, wie gewünscht */
    font-weight: bold; /* Schriftstärke ändern, wie gewünscht */
    border-radius: 4px; /* Verwenden Sie Border-Radius, um alle Ecken abzurunden */
}

/* Banner Aktions-Rot NEW Fügen Sie diese CSS-Regeln in Ihre Stylesheet-Datei ein oder in <style> tags im <head> Ihrer HTML-Seite */

.new-banner4 {
    position: absolute;
    top: 0;
    right: 0;
    background-color: #0069f2; /* Hintergrundfarbe ändern, wie gewünscht */
    color: #fff; /* Textfarbe ändern, wie gewünscht */
    padding: 4px 8px; /* Anpassen Sie die Polsterung je nach Bedarf */
    font-size: 12px; /* Schriftgröße ändern, wie gewünscht */
    font-weight: bold; /* Schriftstärke ändern, wie gewünscht */
    border-radius: 4px; /* Verwenden Sie Border-Radius, um alle Ecken abzurunden */
}



.new-banner61 {
    position: absolute;
    top: 0px; /* Verschiebt den Banner um 50px nach unten */
    left: 10px;
    background-color: #0069f2; /* Hintergrundfarbe ändern, wie gewünscht */
    color: #fff; /* Textfarbe ändern, wie gewünscht */
    padding: 4px 8px; /* Anpassen Sie die Polsterung je nach Bedarf */
    font-size: 12px; /* Schriftgröße ändern, wie gewünscht */
    font-weight: bold; /* Schriftstärke ändern, wie gewünscht */
    border-radius: 4px; /* Verwenden Sie Border-Radius, um alle Ecken abzurunden */
}

.new-banner62 {
    position: absolute;
    top: 0px; /* Verschiebt den Banner um 50px nach unten */
    left: 137px;
    background-color: #0069f2; /* Hintergrundfarbe ändern, wie gewünscht */
    color: #fff; /* Textfarbe ändern, wie gewünscht */
    padding: 4px 8px; /* Anpassen Sie die Polsterung je nach Bedarf */
    font-size: 12px; /* Schriftgröße ändern, wie gewünscht */
    font-weight: bold; /* Schriftstärke ändern, wie gewünscht */
    border-radius: 4px; /* Verwenden Sie Border-Radius, um alle Ecken abzurunden */
}

.new-banner63 {
    position: absolute;
    top: 0px; /* Verschiebt den Banner um 50px nach unten */
    left: 225px;
    background-color: #0069f2; /* Hintergrundfarbe ändern, wie gewünscht */
    color: #fff; /* Textfarbe ändern, wie gewünscht */
    padding: 4px 8px; /* Anpassen Sie die Polsterung je nach Bedarf */
    font-size: 12px; /* Schriftgröße ändern, wie gewünscht */
    font-weight: bold; /* Schriftstärke ändern, wie gewünscht */
    border-radius: 4px; /* Verwenden Sie Border-Radius, um alle Ecken abzurunden */
}

.new-banner71 {
    position: absolute;
    top: 0px; /* Verschiebt den Banner um 50px nach unten */
    left: 25px;
    background-color: #7500f4; /* Hintergrundfarbe ändern, wie gewünscht */
    color: #fff; /* Textfarbe ändern, wie gewünscht */
    padding: 4px 8px; /* Anpassen Sie die Polsterung je nach Bedarf */
    font-size: 12px; /* Schriftgröße ändern, wie gewünscht */
    font-weight: bold; /* Schriftstärke ändern, wie gewünscht */
    border-radius: 4px; /* Verwenden Sie Border-Radius, um alle Ecken abzurunden */
}

.new-banner72 {
    position: absolute;
    top: 0px; /* Verschiebt den Banner um 50px nach unten */
    left: 153px;
    background-color: #7500f4; /* Hintergrundfarbe ändern, wie gewünscht */
    color: #fff; /* Textfarbe ändern, wie gewünscht */
    padding: 4px 8px; /* Anpassen Sie die Polsterung je nach Bedarf */
    font-size: 12px; /* Schriftgröße ändern, wie gewünscht */
    font-weight: bold; /* Schriftstärke ändern, wie gewünscht */
    border-radius: 4px; /* Verwenden Sie Border-Radius, um alle Ecken abzurunden */
}

.new-banner73 {
    position: absolute;
    top: 0px; /* Verschiebt den Banner um 50px nach unten */
    left: 251px;
    background-color: #7500f4; /* Hintergrundfarbe ändern, wie gewünscht */
    color: #fff; /* Textfarbe ändern, wie gewünscht */
    padding: 4px 8px; /* Anpassen Sie die Polsterung je nach Bedarf */
    font-size: 12px; /* Schriftgröße ändern, wie gewünscht */
    font-weight: bold; /* Schriftstärke ändern, wie gewünscht */
    border-radius: 4px; /* Verwenden Sie Border-Radius, um alle Ecken abzurunden */
}

.new-banner81 {
    position: absolute;
    top: 0px; /* Verschiebt den Banner um 50px nach unten */
    left: 20px;
    background-color: #1f01f1; /* Hintergrundfarbe ändern, wie gewünscht */
    color: #fff; /* Textfarbe ändern, wie gewünscht */
    padding: 4px 8px; /* Anpassen Sie die Polsterung je nach Bedarf */
    font-size: 12px; /* Schriftgröße ändern, wie gewünscht */
    font-weight: bold; /* Schriftstärke ändern, wie gewünscht */
    border-radius: 4px; /* Verwenden Sie Border-Radius, um alle Ecken abzurunden */
}

.new-banner82 {
    position: absolute;
    top: 0px; /* Verschiebt den Banner um 50px nach unten */
    left: 164px;
    background-color: #1f01f1; /* Hintergrundfarbe ändern, wie gewünscht */
    color: #fff; /* Textfarbe ändern, wie gewünscht */
    padding: 4px 8px; /* Anpassen Sie die Polsterung je nach Bedarf */
    font-size: 12px; /* Schriftgröße ändern, wie gewünscht */
    font-weight: bold; /* Schriftstärke ändern, wie gewünscht */
    border-radius: 4px; /* Verwenden Sie Border-Radius, um alle Ecken abzurunden */
}

.new-banner83 {
    position: absolute;
    top: 0px; /* Verschiebt den Banner um 50px nach unten */
    left: 290px;
    background-color: #1f01f1; /* Hintergrundfarbe ändern, wie gewünscht */
    color: #fff; /* Textfarbe ändern, wie gewünscht */
    padding: 4px 8px; /* Anpassen Sie die Polsterung je nach Bedarf */
    font-size: 12px; /* Schriftgröße ändern, wie gewünscht */
    font-weight: bold; /* Schriftstärke ändern, wie gewünscht */
    border-radius: 4px; /* Verwenden Sie Border-Radius, um alle Ecken abzurunden */
}

.rabatt-banner1 {
    position: absolute;
    top: 472px; /* Verschiebt den Banner um 50px nach unten */
    left: 150px;
    background-color: #24d900; /* Hintergrundfarbe ändern, wie gewünscht */
    color: #fff; /* Textfarbe ändern, wie gewünscht */
    padding: 4px 8px; /* Anpassen Sie die Polsterung je nach Bedarf */
    font-size: 12px; /* Schriftgröße ändern, wie gewünscht */
    font-weight: bold; /* Schriftstärke ändern, wie gewünscht */
    border-radius: 4px; /* Verwenden Sie Border-Radius, um alle Ecken abzurunden */
}

.rabatt-banner2 {
    position: absolute;
    top: 472px; /* Verschiebt den Banner um 50px nach unten */
    left: 150px;
    background-color: #24d900; /* Hintergrundfarbe ändern, wie gewünscht */
    color: #fff; /* Textfarbe ändern, wie gewünscht */
    padding: 4px 8px; /* Anpassen Sie die Polsterung je nach Bedarf */
    font-size: 12px; /* Schriftgröße ändern, wie gewünscht */
    font-weight: bold; /* Schriftstärke ändern, wie gewünscht */
    border-radius: 4px; /* Verwenden Sie Border-Radius, um alle Ecken abzurunden */
}

.rabatt-banner3 {
    position: absolute;
    top: 472px; /* Verschiebt den Banner um 50px nach unten */
    left: 150px;
    background-color: #24d900; /* Hintergrundfarbe ändern, wie gewünscht */
    color: #fff; /* Textfarbe ändern, wie gewünscht */
    padding: 4px 8px; /* Anpassen Sie die Polsterung je nach Bedarf */
    font-size: 12px; /* Schriftgröße ändern, wie gewünscht */
    font-weight: bold; /* Schriftstärke ändern, wie gewünscht */
    border-radius: 4px; /* Verwenden Sie Border-Radius, um alle Ecken abzurunden */
}

.rabatt-banner4 {
    position: absolute;
    top: 472px; /* Verschiebt den Banner um 50px nach unten */
    left: 150px;
    background-color: #24d900; /* Hintergrundfarbe ändern, wie gewünscht */
    color: #fff; /* Textfarbe ändern, wie gewünscht */
    padding: 4px 8px; /* Anpassen Sie die Polsterung je nach Bedarf */
    font-size: 12px; /* Schriftgröße ändern, wie gewünscht */
    font-weight: bold; /* Schriftstärke ändern, wie gewünscht */
    border-radius: 4px; /* Verwenden Sie Border-Radius, um alle Ecken abzurunden */
}

.rabatt-banner5 {
    position: absolute;
    top: 472px; /* Verschiebt den Banner um 50px nach unten */
    left: 150px;
    background-color: #24d900; /* Hintergrundfarbe ändern, wie gewünscht */
    color: #fff; /* Textfarbe ändern, wie gewünscht */
    padding: 4px 8px; /* Anpassen Sie die Polsterung je nach Bedarf */
    font-size: 12px; /* Schriftgröße ändern, wie gewünscht */
    font-weight: bold; /* Schriftstärke ändern, wie gewünscht */
    border-radius: 4px; /* Verwenden Sie Border-Radius, um alle Ecken abzurunden */
}

.rabatt-banner6 {
    position: absolute;
    top: 472px; /* Verschiebt den Banner um 50px nach unten */
    left: 150px;
    background-color: #24d900; /* Hintergrundfarbe ändern, wie gewünscht */
    color: #fff; /* Textfarbe ändern, wie gewünscht */
    padding: 4px 8px; /* Anpassen Sie die Polsterung je nach Bedarf */
    font-size: 12px; /* Schriftgröße ändern, wie gewünscht */
    font-weight: bold; /* Schriftstärke ändern, wie gewünscht */
    border-radius: 4px; /* Verwenden Sie Border-Radius, um alle Ecken abzurunden */
}

/* Countdown Banner Fügen Sie diese CSS-Regeln in Ihre Stylesheet-Datei ein oder in <style> tags im <head> Ihrer HTML-Seite */

.countdown-banner {
    position: absolute;
    top: 0;
    left: 0;
    background-color: #01a6de; /* Hintergrundfarbe ändern, wie gewünscht */
    color: #fff; /* Textfarbe ändern, wie gewünscht */
    padding: 4px 8px; /* Anpassen Sie die Polsterung je nach Bedarf */
    font-size: 12px; /* Schriftgröße ändern, wie gewünscht */
    font-weight: bold; /* Schriftstärke ändern, wie gewünscht */
    border-radius: 0 0 8px 0; /* Verwenden Sie Border-Radius, um die Ecke abzurunden */
}

.countdown-label {
    margin-top: 4px;
}

/* Fügen Sie diese CSS-Regeln in Ihre Stylesheet-Datei ein oder in <style> tags im <head> Ihrer HTML-Seite */

.countdown-fade {
    transition: opacity 3s ease-in-out;
    opacity: 1; /* Der Countdown ist anfangs sichtbar */
}


/* Countdown Banner2 Fügen Sie diese CSS-Regeln in Ihre Stylesheet-Datei ein oder in <style> tags im <head> Ihrer HTML-Seite */

.countdown-banner2 {
    position: absolute;
    top: 0;
    left: 0;
    background-color: #01a6de; /* Hintergrundfarbe ändern, wie gewünscht */
    color: #fff; /* Textfarbe ändern, wie gewünscht */
    padding: 4px 8px; /* Anpassen Sie die Polsterung je nach Bedarf */
    font-size: 12px; /* Schriftgröße ändern, wie gewünscht */
    font-weight: bold; /* Schriftstärke ändern, wie gewünscht */
    border-radius: 0 0 8px 0; /* Verwenden Sie Border-Radius, um die Ecke abzurunden */
}

.countdown-label {
    margin-top: 4px;
}

/* Countdown Banner3 Fügen Sie diese CSS-Regeln in Ihre Stylesheet-Datei ein oder in <style> tags im <head> Ihrer HTML-Seite */

.countdown-banner3 {
    position: absolute;
    top: 0;
    left: 0;
    background-color: #01a6de; /* Hintergrundfarbe ändern, wie gewünscht */
    color: #fff; /* Textfarbe ändern, wie gewünscht */
    padding: 4px 8px; /* Anpassen Sie die Polsterung je nach Bedarf */
    font-size: 12px; /* Schriftgröße ändern, wie gewünscht */
    font-weight: bold; /* Schriftstärke ändern, wie gewünscht */
    border-radius: 0 0 8px 0; /* Verwenden Sie Border-Radius, um die Ecke abzurunden */
}

.countdown-label {
    margin-top: 4px;
}

/* Countdown Banner4 Fügen Sie diese CSS-Regeln in Ihre Stylesheet-Datei ein oder in <style> tags im <head> Ihrer HTML-Seite */

.countdown-banner4 {
    position: absolute;
    top: 0;
    left: 0;
    background-color: #01a6de; /* Hintergrundfarbe ändern, wie gewünscht */
    color: #fff; /* Textfarbe ändern, wie gewünscht */
    padding: 4px 8px; /* Anpassen Sie die Polsterung je nach Bedarf */
    font-size: 12px; /* Schriftgröße ändern, wie gewünscht */
    font-weight: bold; /* Schriftstärke ändern, wie gewünscht */
    border-radius: 0 0 8px 0; /* Verwenden Sie Border-Radius, um die Ecke abzurunden */
}

.countdown-label {
    margin-top: 4px;
}

/* Dropdown Button */
.dropbtn {
  display: inline-block;
  font-size: 16px;
  border: none;
  cursor: pointer;
}

/* Dropdown content (Hidden by Default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {
  background-color: #f1f1f1;
}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
  display: block;
}


/* Stil für Paypal */
#nachricht-container {
	
   position: fixed;
right: 20px;
margin-bottom: 20px; /* 20 Pixel über dem Boden */
margin-right: 20px; /* 20 Pixel vom rechten Rand */
background-color: #fff;
color: #010101;	
background-size: cover; /* Bildgröße anpassen */
background-position: center; /* Bild zentrieren */
box-shadow: inset 0px 0px 50px rgba(0, 0, 0, 1.0); /* Schatten hinzufügen */
border: 2px solid #111111; /* Schwarze Border */
padding: 10px;
border-radius: 5px;
font-size: 16px; /* Schriftgröße festlegen (Beispiel: 16 Pixel) */
font-weight: bold;
text-align: center;
width: 200px; /* Breite des Containers */
max-height: 200px; /* Maximale Höhe des Containers */   
transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out;
transform: translateY(100%);
opacity: 0;
z-index: 9999;

}

 .container {
    text-align: center;
  }

  .icon {
    vertical-align: middle;
  }

              /* Stile für das Container-Div */
        #widget-container {
            position: fixed;
            top: 50%;
            right: -10%;
            transform: translateY(-50%);
            border: none;
            width: 300px;
            /* Erhöhen Sie den z-index für das Container-Div */
            z-index: 9999;
        }

        /* Stile für die unsichtbare Maske */
        #widget-mask {
            /* Die Maske ist die gleiche Größe wie das <iframe> */
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
            /* Erhöhen Sie den z-index für die Maske, sodass sie über dem <iframe> liegt */
            z-index: 10000;
        }
/*********************************boxes**********************************/
.indent {padding:0 10px;}
.indent-left {padding-left:20px;}
.indent-left2 {padding-left:10px;}
.indent-left3 {padding-left:15px;}
.indent-left4 {padding-left:40px;}
.indent-right {padding-right:20px;}

.indent-bot {margin-bottom:20px;}
.indent-bot2 {margin-bottom:30px;}
.indent-bot3 {margin-bottom:45px;}

.prev-indent-bot {margin-bottom:10px;}
.img-indent-bot {margin-bottom:25px;}
.margin-bot {margin-bottom:35px;}

.img-indent {float:left; margin:8px 20px 0px 0;}	
.img-indent2 {float:left; margin:0 20px 0px 0;}	
.img-indent-r {float:right; margin:0 0px 0px 40px;}	

.buttons a:hover {cursor:pointer;}

.menu li a,
.list-1 a,
.list-2 a,
.link,
.button,
h1 a {text-decoration:none;}	

/*********************************header*************************************/
header {
	width:100%;
	position:relative; 
	z-index:2;
}

h1 {
	padding:7px 0 0 0;
	float:left;
}
	h1 a {
		display:inline-block; 
		font-size:49px;
		line-height:2em;
		color:#4c4c4c;
		letter-spacing:-2px;
	}
	h1 strong {color:#dc5130;}
	
/***** menu *****/
.menu {
	padding:51px 0 0 0; 
	float:left;
}
.menu li {
	float:left; 
	position:relative;
	padding-left:12px;
}
.menu > li:first-child {padding-left:0;}
.menu a {
	display:inline-block; 
	font-size:13px; 
	line-height:20px; 
	padding:3px 20px; 
	color:#487bd9;
}
.menu a.active,
.menu a:hover {
	background: linear-gradient(45deg, #0380fe, #3be5f0); border-radius: 15px; color:#fff;}


/***** slider style *****/
#banners {
	position:relative;
	z-index:2;
	width:98%;
	height:141px;
	overflow:visible;
	text-align:center;
	box-shadow:5px 5px 5px #ddd;
	-moz-box-shadow:7px 7px 7px #ddd;
	-webkit-box-shadow:7px 7px 7px #ddd;
	
}
#banners > div{
	width:100%;
	padding-top:13px;
	padding-bottom:13px;
	background:#ffffff;
	box-shadow:5px 5px 5px #ddd;
	-moz-box-shadow:7px 7px 7px #ddd;
	-webkit-box-shadow:7px 7px 7px #ddd;
}
#prev,
#next {
	display:block;
	width:10px;
	height:19px;
	text-indent:-9999em;
	position:absolute;
	z-index:99;
	top:50%;
	margin-top:-11px;
}
#prev {background:url(../images/prev.gif) 0 0 no-repeat; left:27px;}
#next {background:url(../images/next.gif) 0 0 no-repeat; right:29px;}
.title-1 {
	display:block;
	font-size:59px;
	line-height:1.2em;
	color:#4c4c4c;
	letter-spacing:-2px;
	margin-bottom:-10px;
	 font-family: "Arial", sans-serif;
}
.title-2 {
	display:block;
	font-size:38px;
	line-height:1.3em;
	color:#999;
	letter-spacing:-1px;
}
.title-3 {
	display:block;
	font-size:23px;
	line-height:2em;
	letter-spacing:-1px;
	background:url(../images/pic-1.gif) left bottom repeat-x;
	text-indent:8px;
	padding-bottom:2px;
	margin-bottom:10px;
}
.New1 {
	display:block;
	font-size:48px;
	line-height:1.2em;
	color:#4c4c4c;
	letter-spacing:-2px;
	margin-bottom:-10px;
	 font-family: "Arial", sans-serif;
}

/*********************************content*************************************/
#content {
	width:100%; 
	padding:22px 0 58px;
	position:relative;
	z-index:1;
}
#page1 #content {padding:29px 0 58px;}

.spacer-1 {
	width:100%; 
	background:url(../images/pic-1.gif) 217px 0 repeat-y;
}

h3 {
	font-size:30px; 
	line-height:1.8em; 
	color:#4c4c4c;
	letter-spacing:-2px;
	background:url(../images/h3-tail.gif) 0 bottom repeat-x;
	margin-bottom:8px;
}
h5 {color:#4c4c4c; font-weight:normal;}
h6 {color:#dc5130; font-weight:normal;}
h7 {
	font-size:30px; 
	line-height:1.1em; 
	color:#000000;
	letter-spacing:-2px;
	background:url(../images/h7-tail.gif) 0 bottom repeat-x;
	margin-bottom:8px;
}
h8 {
	font-size:21px; 
	line-height:1.1em; 
	color:#000000;
	letter-spacing:-2px;
	background:url(../images/h7-tail.gif) 0 bottom repeat-x;
	margin-bottom:8px;
}
h9:hover {
  color: white;	
	background:url(	) 0 bottom repeat-x;
}	
h9 {
	font-size:25.5px; 
	line-height:1.1em; 
	outline:#000;
	color:;
	letter-spacing:-2px;
	background:url(../images/h7-tail.gif) 0 bottom repeat-x;
	margin-bottom:8px;
}
h10 {
	font-size:35px; 
	line-height:1.1em; 
	color:#000000;
	letter-spacing:-2px;	
	margin-bottom:5px;
}

.border-bot {
	width:100%; 
	padding-bottom:1px; 
	
}
.border-bot2 {
	width:100%; 
	padding-bottom:15px; 
	background:url(../images/border-bot.gif) 0 bottom repeat-x;
}

.box {
	width:102%;
	background:#fff;
	margin: 0 auto;
	box-shadow:7px 7px 7px #ddd;
	-moz-box-shadow:7px 7px 7px #ddd;
	-webkit-box-shadow:7px 7px 7px #ddd;
	margin-bottom:2px;	
             
}
	.box .padding {padding:10px 19px 34px;}
	.box a {font-size:13px; line-height:20px; color:#999; display:inline-block;}

.button {
	display:inline-block; 
	padding:5px 19px;
	font-size:13px;
	line-height:1.23em;
	color:#fff; 
	background:#4c4c4c;
	cursor:pointer;
}
.button:hover {background:#25A4E8;}

.tdate-1 {display:block;}
	.tdate-1 a {color:#4c4c4c;}

.list-1 li {
	line-height:19px; 
	padding:8px 0 8px 14px; 
	background:url(../images/marker-1.gif) 0 15px no-repeat;
}
	.list-1 a {display:inline-block;}
	.list-1 a:hover {color:#4c4c4c;}

.list-2 li {
	font-size:14px; 
	line-height:24px; 
	padding:0px; 
	background:url(../images/pic-1.gif) 0 bottom repeat-x;
}
	.list-2 a {
		display:block; 
		color:#1799cf; 
		padding-left:12px; 
		background:url(../images/marker-1.gif) 0 10px no-repeat;
	}
	.list-2 a:hover {color:#fff;}
	.list-2 .last-item {background:none;}

.link:hover {text-decoration:underline;} 

.link-1 {
	display:inline-block; 
	font-size:14px; 
	padding-right:8px; 
	background:url(../images/marker-3.gif) right 8px no-repeat;
}
.link-1:hover {color:#fff;} 

.numb {
	display:block;
	font-size:40px;
	line-height:1.8em;
	color:#dc5130;
	float:left;
	margin-right:10px;
} 

dl dt {margin-bottom:10px;}
dl span {float:left; width:69px;}

/***** contact form *****/
#contact-form {
	display:block;
	width:100%;
}
	#contact-form label {
		display:block; 
		height:30px; 
		overflow:hidden;
	}
	#contact-form input {
		float:left; 
		width:280px; 
		font-size:13px; 
		line-height:1.23em;
		color:#999;
		padding:2px 10px; 
		margin:0; 
		font-family:Arial, Helvetica, sans-serif; 
		border:1px solid #ececec; 
		background:#fff;
		outline:none;
	}
	#contact-form textarea {
		float:left;
		height:305px; 
		min-height:305px; 
		max-height:305px; 
		width:500px;
		max-width:500px;
		min-width:500px;
		font-size:13px; 
		line-height:1.23em;
		color:#999;
		padding:5px 10px; 
		margin:0; 
		font-family:Arial, Helvetica, sans-serif; 
		border:1px solid #ececec; 
		background:#fff;
		overflow:auto;
		outline:none;
	}
.text-form {
	float:left; 
	display:block; 
	font-size:13px;
	line-height:24px;
	width:78px; 
	color:#999;
	font-family:Arial, Helvetica, sans-serif;
}

.buttons {padding:17px 0 0 0; text-align:right;}
.buttons a {margin-left:6px;}
		
/****************************footer************************/
footer {width:100%; text-align:center;}
	footer span {display:block;}
	footer .inner {padding:0 10px;}
	.footer-bg {width:100%; background:url(../images/footer-tail.gif) left top repeat-x; padding:25px 0 45px;}

.list-services {
	padding:0;
}
	.list-services li {
		float:left; 
		padding:0 0 0 10px;
	}