/* common */
html {
	height:100%;
	width:100%;
}
body {
	color:#6F6F6F;
	background:#AFDD45;
	font:normal 11px/18px Verdana, Geneva, Arial, Helvetica, sans-serif;
	height:100%;
	width:100%;
}
abbr {
	cursor:help;
	border-bottom:1px dotted;
}
.clr {
	overflow:hidden;
}
.nobr {
	white-space:nowrap;
}
.irpl {
	display:block;
	font-size:1px;
	line-height:1px;
	overflow:hidden;
}
.irpl a,
.irpl span {
	width:100%;
	height:100%;
	display:block;
	text-indent:-999em;
	overflow:hidden;
}
p {
	margin:10px 0;
}
/* /common */

/* base layout */
#wrap {
	display:table;
	height:100%;
	width:100%;
}
#top,
#bottom {
	display:table-row;
}
#top-outer,
#bottom-outer {
	display:table-cell;
	height:50%;
}
#top-outer {
	vertical-align:bottom;
}
#bottom-outer {
	vertical-align:top;
}
#top-inner,
#bottom-inner {
	width:854px;
	padding:0px 10px;
	margin:0px auto;
	position:relative;
}
#top-inner {
	padding-top:32px;
	min-height:239px;
	background:url(../img/bg-top.jpg) left bottom no-repeat;
}
#bottom-inner {
	padding-top:23px;
	background:url(../img/bg-reflection.jpg) left top no-repeat;
	color:#707070;;
}
#top-content,
#bottom-content {
	float:left;
	width:640px;
}
#top-content p {
	width:230px;
}
#top-sidebar,
#bottom-sidebar {
	float:right;
	width:189px;
}
/* /base layout */

/* base style */
#top-outer {
	background:#FFF;
}
#bottom-outer {
	background:url(../img/bg-bottom.jpg) repeat-x;
}
/* /base style */

/* logo */
#logo {
	width:333px;
	height:51px;
	background:url(../img/header/sms-mit-charly.png);
	margin-bottom:36px;
}
/* /logo */

/* headers */
h2.hdr-ihr-recall-sytem-fuer-charly {
	width:242px;
	height:20px;
	background:url(../img/header/ihr-recall-system-fuer-charly.png);
}
h2.hdr-produkt-info {
	width:110px;
	height:19px;
	background:url(../img/header/product-info.png);
}
h2.hdr-bestellen {
	width:83px;
	height:18px;
	background:url(../img/header/bestellen.png);
}
h2.hdr-ihre-vorteile {
	width:108px;
	height:18px;
	background:url(../img/header/ihre-vorteile.png);
}
h2.hdr-ein-service-von {
	width:138px;
	height:18px;
	background:url(../img/header/ein-service-von.png);
}
/* /headers */

/* buttons */
.button {
	width:148px;
	height:26px;
	margin-top:10px;
}
.button-product-info {
	background:url(../img/button/produkt-info.png);
}
.button-bestellformular {
	background:url(../img/button/bestellformular.png);
}
/* /buttons */

/* sidebar boxes */
.box {
	padding-bottom:25px;
}
.box-last {
	padding-bottom:5px;
}
/* /sidebar boxes */

/* phone sms message */
#sms-message {
	position:absolute;
	width:74px;
	height:101px;
	overflow:hidden;
	font-size:9px;
	line-height:11px;
	left:537px;
	bottom:109px;
	color:#A3A3A3;
}
#sms-message p {
	margin:0;
}
/* /phone sms message */

/* bottom content */
#bottom-content p {
	margin-bottom:3px;
}
#bottom-content ul {
	margin:3px 0 0 0;
}
#bottom-content ul li {
	display:list-item;
	list-style:disc;
	margin:0 auto 3px 14px;
}
#bottom-content ul strong {
	color:#FFF;
}
/* /bottom content */

/* bottom sidebar */
#bottom-sidebar {
	line-height:15px;
}
#bottom-sidebar a:link,
#bottom-sidebar a:visited {
	color:#707070;
	text-decoration:none;
}
#bottom-sidebar a:hover,
#bottom-sidebar a:active {
	color:#707070;
	text-decoration:underline;
}
#bottom-sidebar .address,
#bottom-sidebar .phones,
#bottom-sidebar .emailsite {
	display:block;
	margin-bottom:7px;
}
#bottom-sidebar .impressum {
	position:absolute;
	right:10px;
	bottom:0px;
}
#bottom-sidebar .impressum a {
	display:block;
	padding-right:46px;
	line-height:41px;
	background:url(../img/icon/apple.png) right center no-repeat;
}
/* /bottom sidebar */