﻿body {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	margin: 0px auto;
	font-size: 13px;
	line-height: 17px;
}

.Container {
	width: 1033px;
	margin: auto;
	background-image: url(/Claro-08/graphic/bgrepeat.gif);
	background-repeat: repeat-y;
	/*background-position: center;*/
}

.Console {
	position: absolute;
	top: 10px;
	left: 500px;
	z-index: 21;
}

#body_shell {
	/*width: 800px;*/
	width: 1033px;
	text-align: left;
}

#body_wrap {
	width: 800px;
	float: left;
}
.Content {
	position: relative;
	padding-left: 0px;
	/*margin-left: 190px;*/
	margin-left: 306px;
	top: 260px;
	width: 618px;
	z-index: 10;
	color: #666666;
	font-size: 90%;
	line-height: 160%;
}

* html .Content {
	/* CSS-Hack für IE6 und kleiner */
	padding-left: 100px;
}

.Header {
	background-image: url(/claro-08/graphic/bgmain.gif);
	background-repeat: no-repeat;
	position: absolute;
	top: 0px;
	width: 1033px;
	/*margin-left: -116px;*/
	z-index: 5;
	height: 491px;
}

* html .Header {
	/* CSS-Hack für IE6 und kleiner */
	margin-left: 1px;
}

.MainNav {
	position: absolute;
	top: 200px;
	left: 110px;
	z-index: 24;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	height: 39px;
}

.topFlash {
	padding-left: 100px;
}

.MainNav ul {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

.MainNav ul li {
	display: inline;
	padding: 0px 20px 0px 0px;
	margin: 0px 0px 0px 0px;
}

a:link, a:visited {
	color: #004794;
}

a:hover, a:active {
	color: #00993e;
}

.MainNav ul li#Active, .MainNav ul li#Active a:link, .MainNav ul li#Active a:visited, .MainNav ul li#Active a:active {
	/*color: #00993e;*/
	color: #77b800;
}

.MainNav a:link, .MainNav a:visited, .MainNav a:active {
	color: #004794;
	font-size: 18px;
	letter-spacing: -1px;
	font-weight: bold;
	text-decoration: none;
}

.MainNav a:hover {
	color: #00993e;
}

.LogoLink {
	z-index: 26;
	top: 50px;
	left: 100px;
	width: 400px;
	height: 150px;
	margin-left: 100px; /*padding-top: -150px;*/
	margin-top: -150px;
}

.TinyNav {
	position: absolute;
	left: 530px;
	top: 208px;
	font-size: 80%;
	font-weight: bold;
	color: #999999;
	width: 400px;
	text-align: right;
}

.TinyNav ul li {
	display: inline;
	padding: 0px 10px 0px 0px;
	margin: 0px 0px 0px 0px;
}

.TinyNav a:link, .TinyNav a:Active, .TinyNav a:visited {
	font-weight: bold;
	color: #999999;
	text-decoration: none;
}

.LanguageBar {
	position: absolute;
	left: 70px;
	color: White;
	font-size: 9px;
}

.LanguageBar ul {
	margin: 0;
}

.LanguageBar ul li {
	display: inline;
	padding: 0px 6px 0px 0px;
	margin: 0px 0px 0px 0px;
}

.LanguageBar a, .LanguageBar a:link, .LanguageBar a:visited, .LanguageBar a:active {
	color: White;
	text-decoration: none;
}

.BarNav {
	position: absolute;
	top: 248px;
	left: 110px;
	width: 169px;
	background-image: url(/claro-08/graphic/nav-bg.gif);
	background-repeat: repeat-y;
	color: #333333;
	/*font-size: 85%;*/
	font-size: 11px;
	z-index: 20;
}
.BarNav ul {
	padding: 10px 0px 10px 0px;
	margin: 0px 0px 0px 0px;
	list-style: none;
	z-index: 26;
}
.BarNav li {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 10px;
	z-index: 27;
}

.BarNav a, .BarNav a:link, .BarNav a:visited, .BarNav a:active {
	color: #333333;
	text-decoration: none;
	z-index: 28;
}

.BarNav li#Active a, .BarNav li#Active a:link, .BarNav li#Active a:visited, .BarNav liActive a:active {
	/*color: #00993e;*/
	color: #77b800;
	font-weight: bold;
	z-index: 29;
}

.ContactBox {
	margin: 20px 5px 5px 5px;
	padding: 10px 10px 10px 10px;
	width: 600px;
	border: solid 1px #cccccc;
}

.StartFlash {
	position: absolute;
	top: 10px;
	left: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

* html .StartFlash {
	margin-left: 120px;
}

* html .footer {
	/* CSS-Hack für IE6 und kleiner */
	margin-left: 1px;
	background-color: White;
	padding-bottom: 20px;
}

.NavStart {
	background-image: url(/claro-08/graphic/nav-start.gif);
	background-repeat: no-repeat;
	height: 24px;
	padding-top: 3px;
	padding-left: 10px;
	color: #004794;
	font-weight: bold;
	font-size: 100%;
}

.NavMiddle {
	background-image: url(/claro-08/graphic/nav-middle.gif);
	background-repeat: no-repeat;
	height: 24px;
	padding-top: 3px;
	padding-left: 10px;
	color: #004794;
	font-weight: bold;
	font-size: 100%;
}

.NavEnd {
	background-image: url(/claro-08/graphic/nav-end.gif);
	background-repeat: no-repeat;
	height: 24px;
	padding-top: 3px;
	padding-left: 10px;
	color: #004794;
	font-weight: bold;
	font-size: 100%;
}
.SideBar {
	float: right;
	padding-left: 20px;
	width: 210px;
	font-size: 90%;
	line-height: 145%;
	color: #999999;
}

.SideBar ul {
	padding: 0px 0px 0px 8px;
	margin: 0px 0px 0px 8px;
}

.footer {
	background-image: url(/claro-08/graphic/footerbg.jpg);
	background-repeat: no-repeat;
	padding-top: 0px;
	margin-top: 100px;
	/*margin-left: -116px;*/
	height: 212px;
	width: 1033px;
	z-index: 5;
}

.footerline {
	padding-top: 190px;
	margin: 0px 0px 0px 0px;
	padding-left: 90px;
	color: #004794;
	font-size: 80%;
}

.footerline ul, .footerline ul li {
	display: inline;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.SubHeading {
	/*padding-top: -15px;*/
	margin-top: -15px;
}


H1, .Headline H1 {
	color: #91b1d3;
	font-size: 155%;
}

H2, .SubHeading h2 {
	color: #999999;
	font-size: 120%;
}

.clearer {
	clear: both;
	float: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	height: 1px;
	color: #FFFFFF;
}

/* Forms */
.botDetection {
	display: none;
}

.txtFirstName, .txtLastName, .txtStreet, .txtEmail, .drpCountry, .txtBonNr, .txtPrice {
	width: 200px;
}

.txtZipCode {
	width: 60px;
}

.txtCity {
	width: 133px;
}

/* Promotion 1002 + 1102 */
.divPromo1002, .divPromo1102 {
	margin: 20px 5px 5px 5px;
	padding: 10px 10px 10px 10px;
	width: 564px;
	border: solid 1px #cccccc;
}

.fileUpload {
	/*width: 340px;*/
}

#fileUploadFormat {
	font-size: 75%;
}

.rblClaroUser {
	display: inline;
}

.rblClaroUser td {
	padding: 5px 0 5px 0;
}

.txtClaroSlogan {
	width: 80px;
}

.pnlError, .lblErrorMsg {
	color: Red;
}

/* Claro Tester */
.divClaroTester {
	margin: 20px 5px 5px 5px;
	padding: 10px 10px 10px 10px;
	width: 564px;
	border: solid 1px #cccccc;
}

