#body {
    color: #333333;
    font-size: 12px;
    line-height:16px;
    font-family: Arial;
    font-style: normal;
    font-weight: normal;
    -ms-overflow-style: scrollbar;
    min-width: 320px;
    width:99%;
}

#body #gesamt {
  width:1000px;
  margin:0px auto;
  text-align:left;
}

#body h1, #body h2, #body h3 {
    margin:0px 0px 15px 0px;
    font-weight: bold;
    font-family: Raleway-Regular, Arial;
}

#body #header ul,
#body #content-tabs-header,
#body #info_1 ul,
#body #info_3 ul,
#body #info_4 ul,
#body #footer ul,
#body #footer-nav ul {
  padding:0px;
  margin: 0px;
  list-style-type:none;
}
#body #info_1 .gxn800-description li {
	list-style-position: inside;
	list-style-type: disc;
}

#body #header li,
#body #content-tabs-header li,
#body #info_1 li,
#body #info_3 li,
#body #info_4 li,
#body #footer li,
#body #footer-nav li {
  padding:0px 0px 5px 0px;
  margin: 0px;
  list-style-position:outside;
  list-style-type:none;
}

#body h1 {
    margin: 0px 0px 15px 0px;
    font-size: 14px;
    line-height: 18px;
    color: #066eb2;
}

#body h2 {
    font-size: 12px;
    color: #066eb2;
}

#body h3 {
    font-size: 12px;
    color: #333333;
}

#body img {
    max-width: 100%;
    max-height: 100%;
}

#body a, #body a:hover {
	color: #e98739;
}

#body hr {
	border: none; 
	border-top: 1px solid #cccccc; 
	color: #FFFFFF; 
	background-color: #FFFFFF; 
	height: 1px;
}

#body .small {
	font-size: 10px;
}

#body .blue {
    color: #066eb2 !important;
}

#body .orange {
    color: #e98739 !important;
}

#body .green {
	color: #95c11f !important;
}

#body #logo {
}

#body #header {
	border-bottom:1px solid #CCCCCC;
	float:left;
	width:100%;
	margin-bottom:20px;
	box-sizing: border-box;
	height: 50px;
}

#body #header li {
	width: 25%;
	float: left;
	position:relative;
	top:20px;
}

#body #header .blue-circle {
    background-color: #066eb2;
    width: 20px;
    height: 20px;
    border: 1px solid #066eb2;
    text-align: center;
    color:#ffffff;
    border-radius: 10px;
    line-height:20px;
}

#body #header .fa-search {
    background-color: #e98739;
    width: 32px;
    height: 32px;
    text-align: center;
    color:#ffffff;
    line-height:32px;
    position:relative;
    left:-1px;
}

#body #suchformular {
    position: relative;
    top: -6px;
}

#body #suchformular #query {
	height:32px;
	line-height:32px;
	width:218px;
	padding:5px;
	border: 1px solid #cccccc;
	box-sizing: border-box;
}

#body #side-bar {
	width:25%;
	float:right;
	min-height:200px;
	font-size:11px;
}

*html #body #side-bar {
	height:200px;
}

#body #side-bar .orange-box {
	border-left:15px solid #e98739;
	margin:0px 0px 25px 0px;
}

#body #side-bar .blue-box {
	border-left:15px solid #066eb2;
	margin:0px 0px 25px 0px;
}

#body #side-bar .side-bar-box {
	border: 1px solid #cccccc;
	padding:8px;
}

#body #side-bar .price-box {
	text-align:center;
	padding:20px 8px;
}

#body #side-bar .price-box #price {
	text-align:center;
	color: #e98739;
	font-size: 28px;
	line-height:34px;
}

#body #side-bar .price-box #mwst {
	margin-bottom:10px;
}

#body #side-bar .price-box #lieferdaten {
	margin-bottom:20px;
}

#body #side-bar .price-box #sofort-kaufen {
	width:80%;
	margin-left:10%;
	font-size:14px;
	text-align:center;
	background-color:#e98739;
	border: 1px solid #cccccc;
	color:#ffffff;
    border-radius: 4px;
    height:30px;
    line-height:30px;
    cursor:pointer;
    display: block;
    text-decoration: none;
}

#body #side-bar .price-box #sofort-kaufen i {
	color:#ffffff;
}

#body #side-bar .quality-box {
    background-image: url('qs-siegel.png');
    background-repeat: no-repeat;
    background-position: right 5px;
}

#body #side-bar .contact-box {
	background-image:url('kontakt.png');
	background-position:162px 40px;
	background-repeat:no-repeat;
}

#body .lang-fr #side-bar .contact-box {
	background-position:162px 57px;
}

#body #content {
	width:75%;
}

#body #new-green {
	position:absolute;
}

#body #new-green img {
	position: relative;
    left: 250px;
}

#body #content #image-selector {
}

#body #content .image-small {
	padding:2px;
	border:1px solid #cccccc;
	float:left;
	margin-right:5px;
}

#body #content .image-small img {
	height:40px;
	cursor:pointer;
}

#body #content #description-images {
	display:inline-block;
	margin-right: 2%;
	width:50%;
}

#body #content #description-text {
	display:inline-block;
    width: 47%;
    vertical-align: top;
    padding-top: 15px;
}

#body #content #description-text li {
    margin-bottom:8px;
}

#body #content #description-text li i {
    color:#e98739;
}

#body #content .image-big {
	max-width:360px;
	max-height:400px;
	margin-bottom:5px;
}

#body #content #description {
	padding-left:15px;
	margin-right:15px;
}

#body #content-tabs {
	border:1px solid #CCCCCC;
	margin:15px 15px 15px 0px;;
}

#body #content-tabs-header {
	background-color:#f0f2f7;
	width:733px;
	display: block;
}

#body #content-tabs-header li {
	text-decoration:none;
	display: inline-block;
	padding:0px;
	margin:opx;
	border:none;
}

#body #content-tabs-header a {
	padding:10px 20px;
	text-decoration:none;
	display: inline-block;
}

#body #nav_1 {
	background-color:#ffffff;
	color:#066eb2;
}

#body #nav_2,
#body #nav_3,
#body #nav_4 {
	background-color:#f0f2f7;
	color:#333333;
}

#body #nav_3 {
	display: none !important;
}

#body #content-tabs .content-tab {
	padding:15px;
}

#body #info_1 .li-bro-text {
    display: table-cell;
    padding-left: 100px;
    width:100%;
    background-repeat: no-repeat;
    background-position-y: center;
    height: 70px;
    vertical-align: middle;
}

#body #info_1 .li-hd33-text {
    display: table-cell;
    padding-left: 90px;
    width:100%;
    background-repeat: no-repeat;
    background-position-y: center;
    height: 60px;
    vertical-align: middle;
}

#body #info_1 .li-bro-1 {
    background-image: url('Brotect_AntiScratch.png');
}

#body #info_1 .li-bro-2 {
    background-image: url('Brotect_AntiFingerprint.png');
}

#body #info_1 .li-bro-3 {
    background-image: url('Brotect_BubbleFree.png');
}

#body #info_1 .li-bro-4 {
    background-image: url('Brotect_AntiGlare.png');
}

#body #info_1 .li-bro-5 {
    position: relative;
    left: -11px;
    padding-left: 111px;
    background-image: url('Brotect_ExtraHard.png');
}

#body #info_1 .li-bro-6 {
    background-image: url('Brotect_UltraLight.png');
}

#body #info_1 .li-hd33-1 {
    background-image: url('HD33_RoundedEdhes.jpg');
}

#body #info_1 .li-hd33-2 {
    background-image: url('HD33_OleophobicCoating.jpg');
}

#body #info_1 .li-hd33-3 {
    background-image: url('HD33_HighTransparency.jpg');
}

#body #info_1 .li-hd33-4 {
    background-image: url('HD33_SurfaceHardness9H.jpg');
}

#body #info_1 .li-hd33-5 {
    background-image: url('HD33_DelicateTouch.jpg');
}

#body #info_1 .li-hd33-6 {
    background-image: url('HD33_PerfectAdhension.jpg');
}

#body #info_1 .li-hd33-7 {
    background-image: url('HD33_Matte.jpg');
}

#body #info_1 .li-hd33-8 {
    background-image: url('HD33_Privacy.jpg');
}

#body #info_1 {
	display:block;
}

#body #info_2,
#body #info_3,
#body #info_4 {
	display:none;
}

#body #footer {
	line-height:20px;
	margin-top:15px;
	background: #f0f2f7;
    float:left;
    width:100%;
    min-height: 134px;
}

#body #footer h3 {
	margin-top:10px;
}

#body #footer li {
	width:246px;
	float: left;
}

#body #footer li:first-child {
	padding-left:15px;
}

#body #footer #footer-logo {
	text-align:center;
}

#body #footer #footer-logo img {
	width:60%;
}

#body #footer #footer-logo #savvies-logo-rot {
	margin-top:30px;
}

#body #footer #footer-logo #savvies-logo-blau {
    margin-top: 10px;
    width:80%;
}

#body #footer #footer-logo .vikuiti-logo {
	margin-top:15px;
	width:70%;
}

#body #nav-footer {
    background: #27364c;
    float:left;
    width:100%;
    padding:5px 0px;
}

#body #nav-footer a {
	color: #cccccc;
	text-decoration:none;
}

#body #nav-footer a:hover {
	color: #f2f2f2;
}

#body #nav-footer li {
	padding:5px 10px;
	float: left;
	border-right:1px solid #cccccc;
}

#body #nav-footer li:first-child {
	padding:5px 10px 5px 15px;
}

#body #nav-footer li:last-child {
	border-right:none;
}

#body #content-tabs .recommendation {
	margin-bottom:20px;
}

#body #content-tabs .recommendation .rc_image {
    float: left;
    margin-right: 15px;
    width:120px;
}

#body #content-tabs .recommendation .rc_image img {
	max-width:120px;
	max-height:150px;
}

#body #content-tabs .recommendation .rc_description {
    float: left;
    width:320px;
    margin-right: 15px;
    line-height: 20px;
    padding-top: 10px;
}

#body #content-tabs .recommendation .rc_buyBox {
    text-align:right;
    padding-top: 10px;
}

#body #content-tabs .recommendation .btn {
	color:#333333;
	border:1px solid #cccccc;
    background:#f0f2f7;
    padding: 10px;
    text-decoration: none;
}

#body #content-tabs .recommendation .btn:hover {
	text-decoration:none;	
}
