/*

	CSS fuer Cisco SMB Customer Statement-Linie
	
*/

* { border: 0; outline: 0; margin: 0; padding: 0; }
body { background: #eee; }

.clearer { float: none; clear: both; height: 0; font-size: 0; line-height: 0; }
.relativier { position: relative; }
.badgefarbe { color: #98277f; }
a.noLine h3,
a.noLine p,
h3.noLine,
p.noLine { text-decoration: none; }


/*
	Schrift
*/

h1 { font: 36px/42px Arial, Helvetica, sans-serif; color: #666; font-weight: normal; margin-bottom: 18px; }
h2 { font: 16px/20px Arial, Helvetica, sans-serif; color: #666; font-weight: bold; margin-bottom: 18px; }
p { font: 16px/20px Arial, Helvetica, sans-serif; color: #666; }
p.klein { font: 14px/18px Arial, Helvetica, sans-serif; color: #666; }
p.kleiner { font: 12px/14px Arial, Helvetica, sans-serif; color: #666; }
p.kleinste { font: 10px/12px Arial, Helvetica, sans-serif; color: #666; }

span.groesser { font: 20px/30px Arial, Helvetica, sans-serif; color: #666; }

ul { padding-left: 30px; list-style-type: disc; margin: 24px 0; }
li { font: 16px/20px Arial, Helvetica, sans-serif; color: #666; }
label { float: left; font: 16px/20px Arial, Helvetica, sans-serif; color: #666; display: block; width: 132px; padding-left: 22px; margin-left: -20px; }


#content p { margin-bottom: 26px; }

#content a:link,
#content a:visited { font: 16px/20px Arial, Helvetica, sans-serif; color: #666; text-decoration: underline; }
#content a:focus,
#content a:hover,
#content a:active { font: 16px/20px Arial, Helvetica, sans-serif; color: #2175b8; text-decoration: underline; }

p.kleiner a,
p.kleinste a { font: 12px/14px Arial, Helvetica, sans-serif; color: #666; }

a:link.highlighted,
a:visited.highlighted { font: 14px/18px Arial, Helvetica, sans-serif; color: #2175b8; text-decoration: underline; padding-left: 16px; }

a:focus.highlighted,
a:hover.highlighted,
a:active.highlighted { font: 14px/18px Arial, Helvetica, sans-serif; color: #2175b8; text-decoration: none; padding-left: 16px; }


#content a:link.highlighted,
#content a:visited.highlighted { font: 14px/18px Arial, Helvetica, sans-serif; color: #2175b8; text-decoration: none; padding-left: 16px; }

#content a:focus.highlighted,
#content a:hover.highlighted,
#content a:active.highlighted { font: 14px/18px Arial, Helvetica, sans-serif; color: #2175b8; text-decoration: underline; padding-left: 16px; }


#navigation a:link,
#navigation a:visited { font: 18px/20px Arial, Helvetica, sans-serif; color: #8c8c8c; margin: 0 15px; text-decoration: none; vertical-align: middle; }

#navigation a:focus,
#navigation a:hover,
#navigation a:active,
#navigation a.aktiv { font: 18px/20px Arial, Helvetica, sans-serif; color: #fbaf25 !important; margin: 0 15px; text-decoration: none; vertical-align: middle; }

#navigation a.first,
#navigation a:hover.first { margin: 0 15px 0 0; }


#footer p,
#footer a:link, 
#footer a:visited,
#footer a:active { font: 11px/14px Arial, Helvetica, sans-serif; color: #8c8c8c; text-decoration: none; }

#footer a:focus,
#footer a:hover { font: 11px/14px Arial, Helvetica, sans-serif; color: #8c8c8c; text-decoration: underline; }


/*
	Layout
*/

#containerhomeCs30 { width: 902px; margin: 0 auto; background: url(../images/cs30_bg_home_ca.jpg) no-repeat left top; position: relative; }

#navigation { padding-top:2px; position:absolute; top:0; left:222px; z-index:199; }
#navigation img { vertical-align: middle; }

#spalte-links { float: left; width: 227px; padding-left: 10px; padding-top: 10px; }
#spalte-mitte { float: left; width: 450px; margin:73px 17px 0 0; overflow: hidden;  }
#spalte-rechts { float: left; width: 160px; padding-top: 150px; }
#footer { padding: 60px 0 30px 0; text-align: center; }


/*
	Layer
*/

#home-offer { position: absolute; top: 85px; left: 200px; width: 536px; height: 519px; z-index: 100; display: none; }
#home-offer #offer-bg { width: 536px; height: 519px; float: left; z-index: 99; background: transparent url(../images/layer_offer_bg.png) no-repeat; }
#home-offer #offer-bg-illu { position: absolute; top: 6px; left: 6px; width: 524px; height: 505px; background: transparent url(../images/layer_offer_i_bg30.jpg) no-repeat; float: left; z-index: 101; }
#home-offer #offer-close { position: absolute; top: 17px; left: 472px; z-index: 105; }
#home-offer #offer-content { position: absolute; top: 27px; left: 33px; width: 485px; z-index: 110; }
#home-offer #offer-content h4 { font: 20px/26px Arial, Helvetica, sans-serif; color: #666; font-weight: normal; margin-bottom: 15px; }
#home-offer #offer-content p { font: 14px/18px Arial, Helvetica, sans-serif; color: #666; }
#home-offer #offer-content p.kleinste { font: 10px/12px Arial, Helvetica, sans-serif; color: #666; }

#home-buynow { position: absolute; top: 79px; left: 165px; width: 548px; height: 529px; z-index: 100; display: none; }
#home-buynow #buynow-bg { width: 548px; height: 529px; float: left; z-index: 99; background: transparent url(../images/layer_buynow_bg.png) no-repeat; }
#home-buynow #buynow-close { position: absolute; top: 17px; left: 472px; z-index: 105; }
#home-buynow #buynow-content { position: absolute; top: 106px; left: 33px; width: 485px; z-index: 110; }
#home-buynow #buynow-content h4 { font: 20px/26px Arial, Helvetica, sans-serif; color: #666; font-weight: normal; margin-bottom: 15px; }
#home-buynow #buynow-content p { font: 14px/18px Arial, Helvetica, sans-serif; color: #666; }
#home-buynow #buynow-content p.kleinste { font: 10px/12px Arial, Helvetica, sans-serif; color: #666; }


#home-contact { position: absolute; top: 85px; left: 110px; width: 819px; height: 529px; z-index: 100; display: none; }
#home-contact #contact-bg { width: 819px; height: 529px; float: left;  z-index: 99; background: transparent url(../images/layer_contact_bg-en_ca.png) no-repeat; }
#home-contact #contact-close { position: absolute; top: 17px; left: 740px; z-index: 105; }
#home-contact #contact-content { position: absolute; top:25px; left: 303px; z-index: 110; color: #666; }
#home-contact #contact-content h4 { font: 20px/22px Arial, Helvetica, sans-serif; color: #666; font-weight: normal; margin-bottom: 15px; }
#home-contact #contact-content p { font: 14px/18px Arial, Helvetica, sans-serif; color: #666; }


#home-sweepstake { position: absolute; top: 35px; left: 111px; width: 810px; height: 650px; z-index: 100; display: none; }
#home-sweepstake #sweepstake-bg { width: 810px; height: 650px; background: transparent url(../images/layer_sweepstake_bg.png) no-repeat; float: left; z-index: 99; }
#home-sweepstake #sweepstake-close { position: absolute; top: 17px; left: 740px; z-index: 105; }
#home-sweepstake #sweepstake-content { position: absolute; top: 27px; left: 25px; width: 475px; z-index: 110; }
#home-sweepstake #sweepstake-content-right { position: absolute; top: 72px; left: 528px; width: 260px; z-index: 110; }
#home-sweepstake #sweepstake-content-right p { font: 14px/18px Arial, Helvetica, sans-serif; color: #666; }
#home-sweepstake #sweepstake-content-right ul { margin-top: 20px; }
#home-sweepstake #sweepstake-content-right ul li { font: 14px/18px Arial, Helvetica, sans-serif; color: #666; }
#home-sweepstake #sweepstake-content h4 { font: 20px/26px Arial, Helvetica, sans-serif; color: #666; font-weight: normal; margin-bottom: 20px; }
#home-sweepstake #sweepstake-content p { font: 14px/18px Arial, Helvetica, sans-serif; color: #666; }
#home-sweepstake #sweepstake-content p.kleinste { font: 11px/13px Arial, Helvetica, sans-serif; color: #666; margin: 0 0 10px 0; }
#home-sweepstake #sweepstake-content p.sweepstake-error { color: #e10119; height: 14px; margin: 4px 0; }
#home-sweepstake input { margin-bottom: 4px; }
#home-sweepstake label { font: 14px/18px Arial, Helvetica, sans-serif; color: #666; }

#home-sweepstake  a:link,
#home-sweepstake  a:visited { color: #666; text-decoration: underline; }
#home-sweepstake  a:focus,
#home-sweepstake  a:hover,
#home-sweepstake  a:active { color: #2175b8; text-decoration: underline; }

#home-sweepstake #sweepstake-thanks-content { position: absolute; top: 145px; left: 25px; width: 475px; z-index: 110; }
#home-sweepstake #sweepstake-thanks-content p { font: 14px/18px Arial, Helvetica, sans-serif; color: #666; }
#home-sweepstake #sweepstake-thanks-content h4 { font: 20px/26px Arial, Helvetica, sans-serif; color: #666; font-weight: normal; margin-bottom: 20px; }


#home-terms { position: absolute; top: 37px; left: 220px; width: 559px; height: 588px; z-index: 200; display: none; }
#home-terms #terms-bg { width: 559px; height: 588px; background: transparent url(../images/layer_terms_bg.png) no-repeat; float: left; z-index: 99; }
#home-terms #terms-close { position: absolute; top: 17px; left: 487px; z-index: 105; }
#home-terms #terms-content { position: absolute; top: 44px; left: 25px; overflow: auto; width: 515px; height: 525px; z-index: 110; }
#home-terms #terms-content h4 { font: 20px/22px Arial, Helvetica, sans-serif; color: #666; font-weight: normal; margin-bottom: 15px; }
#home-terms #terms-content p { font: 12px/16px Arial, Helvetica, sans-serif; color: #666; padding-right: 20px; }
#home-terms #terms-content a:link { font: 12px/16px Arial, Helvetica, sans-serif; color: #666; }

#videoLayer { position: absolute; top: 37px; left: 250px; width: 524px; height: 363px; z-index: 500; display: none; }
#videoLayer #video-close { position: absolute; top: 17px; left: 452px; z-index: 510; width: 51px; }
#videoLayer #videoBg { width: 564px; height: 363px; background: transparent url(../images/layer_video_bg.png) no-repeat; float: left; z-index: 499; }
#videoLayer #videoPlayer { position: absolute; top: 50px; left: 21px; z-index: 505; }


/*
	Teaser
*/

#teaser-home-contact-small { width: 185px; height: 200px; background: #666666; }
#teaser-home-contact-small h3 { padding: 18px 0 12px 22px; font: 24px/24px Arial, Helvetica, sans-serif; color: #fff; font-weight: normal; }
#teaser-home-contact-small p { padding: 0 15px 11px 22px; font: 14px/18px Arial, Helvetica, sans-serif; color: #fff; }
#teaser-home-contact-small img { margin: 0 0 0 28px; }

#teaser-home-bottom {
	position: absolute;
	top: 474px;
	left: 238px;
	width: 470px;
}
#teaser-home-bottom a.terms { font: 10px/13px Arial, Helvetica, sans-serif; color: #666; font-weight: normal; text-decoration: none; margin-left: 10px; }
#teaser-home-bottom a.terms:hover { font: 10px/13px Arial, Helvetica, sans-serif; color: #6f94a6; font-weight: normal; text-decoration: underline; margin-left: 10px; }

#teaser-home-bottom-spamblocker { position: absolute; top: 501px; left: 238px; width: 400px; }
#teaser-home-bottom-spamblocker a.terms { font: 10px/13px Arial, Helvetica, sans-serif; color: #666; font-weight: normal; text-decoration: none; margin-left: 10px; }
#teaser-home-bottom-spamblocker a.terms:hover { font: 10px/13px Arial, Helvetica, sans-serif; color: #6f94a6; font-weight: normal; text-decoration: underline; margin-left: 10px; }

#teaser-badge-ani { position: absolute; top: 309px; left: 373px; z-index: 50; }
#teaser-badge-ani-spamblocker { position: absolute; top: 341px; left: 312px; z-index: 50; }