﻿body {
margin: 0px;
padding: 0px;
background-color: #ededf5;
font-family: Verdana, helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
}

div.top_main {
margin: 0px;
padding: 0px;
height: 67px;
width: 100%;
background-color: #3366cc;
}

div.top {
margin: 0px;
padding: 0px;
height: 58px;
width: 100%;
background-color: #3366cc;
}

div.top2 {
margin: 0px;
padding: 0px;
height: 46px;
width: 100%;
background-color: #3366cc;
}

div.toplinks {
margin: 5px 0px 0px 0px;
padding-right: 10px;
height: 30px;
border-style: solid;
border-width: 0px 0px 1px 0px;
border-color: #ffaf47;
float: right;
}

div.bottomlinks {
clear: both;
margin: 0px;
padding-top: 5px;
height: 30px;
width: 100%;
border-style: solid;
border-width: 2px 0px 0px 0px;
border-color: #959595;
text-align: right;
}

div.flagbar {
clear: both;
margin: 0px;
padding: 1px 0px 1px 0px;
height: 14px;
width: 100%;
background-color: #4e4e4e;
border-style: solid;
border-width: 1px 0px 1px 0px;
border-color: #ffffff;
}

div.flagbar2 {
position: absolute;
top: 46px;
right: 0px;
float: right;
margin-top: 14px;
}

div.imagebar {
clear: both;
margin: 0px;
padding: 0px;
height: 92px;
width: 100%;
background-image: url(http://www.cfos.de/images/imgbar_back.png);
background-repeat: repeat;
border-style: solid;
border-width: 0px 0px 2px 0px;
border-color: #969696;
}

div.info {
float: right;
margin: 15px 10px 10px 20px;
padding-top: 10px;
width: 240px;
border-style: solid;
border-color: #959595;
border-width: 0px 0px 0px 2px;
}

div.product {
margin: 30px 250px 30px 30px;
padding: 0px 0px 10px 10px;
}

div.main {
margin: 50px 30px 20px 30px;
}

div.titlebar {
height: 29px;
width: 100%;
background-image: url(../images/flagbar_back.png);
}

div.title {
float: left;
text-align: left;
font-family: Trebuchet MS, helvetica, sans-serif;
font-size: 24px;
color: #ffffff;
padding: 0px 10px 0px 5px;
height: 28px;
background-color: #4e4e4e;
font-family: Trebuchet MS, helvetica, sans-serif;
font-size: 22px;
color: #ffffff;
border-style: solid;
border-width: 1px 0px 0px 0px;
border-color: #ffffff;
}

div.hinweis {
float:right;
width:30%;
background-color:#ffcc33;
padding:5px 5px 5px 5px;
margin:20px 20px 20px 20px;
}

.box {
margin: 0px;
padding: 0px;
border-style: solid;
border-width: 1px;
border-color: #4e4e4e;
}

.boxheader {
margin: 24px 0px 0px 0px;
padding: 2px 3px 2px 5px;
background-color: #ffaf47;
font-family: Verdana, helvetica, sans-serif;
font-size: 18px;
font-weight: normal;
border-style: solid;
border-width: 1px 1px 0px 1px;
border-color: #4e4e4e;
}

.dark {
margin: 0px;
padding: 10px;
background-color: #dde0fe;
border-style: solid;
border-width: 0px;
border-color: #9fabb5;
}

.dark2 {
margin: 0px;
padding: 2px 10px;
background-color: #dde0fe;
border-style: solid;
border-width: 0px;
border-color: #9fabb5;
}

.form {
margin: 0px;
padding: 5px;
background-color: #ffffff;
border-style: solid;
border-width: 0px;
border-color: #9fabb5;
}

.border_left {
margin: 0px;
padding: 5px 10px 5px 10px;
border-style: solid;
border-color: #aaaa92;
border-width: 0px 0px 1px 0px;
vertical-align: top;
}

.border_right {
margin: 0px;
padding: 5px 10px 5px 10px;
border-style: solid;
border-color: #aaaa92;
border-width: 0px;
vertical-align: top;
border-width: 0px 0px 1px 1px;
}


.border2_left {
margin: 0px;
padding: 5px 10px 5px 10px;
border-style: solid;
border-color: #aaaa92;
border-width: 0px 0px 1px 0px;
vertical-align: top;
background-color: #ffffff;
}

.border2_right {
margin: 0px;
padding: 5px 10px 5px 10px;
border-style: solid;
border-color: #aaaa92;
border-width: 0px 0px 1px 1px;
vertical-align: top;
background-color: #ffffff;
}

div.left2 {
margin: 0px;
padding: 10px 5px 10px 5px;
width: 40%;
clear: both;
float: left;
border-style: solid;
border-color: #aaaa92;
border-width: 0px
}

div.right2 {
margin: 0px;
padding: 15px 5px 15px 5px;
width: 50%;
float: left;
border-style: solid;
border-color: #aaaa92;
border-width: 0px
}

th {
height: 15px;
margin: 0px;
padding: 0px;
background-color: #dde0fe;
border-style: solid;
border-width: 0px 0px 1px 0px;
border-color: #9fabb5;
}

td.border {
margin: 0px;
padding: 5px 10px 5px 10px;
border-style: solid;
border-color: #aaaa92;
border-width: 0px;
vertical-align: top;
}

td.border2 {
margin: 0px;
padding: 5px 10px 5px 10px;
border-style: solid;
border-color: #aaaa92;
border-width: 0px;
vertical-align: top;
background-color: #ffffff;
}

h1 {
text-align: left;
font-family: Trebuchet MS, helvetica, sans-serif;
font-size: 20px;
color: #000000;
}

h2 {
text-align: left;
margin: 25px 10px 15px 0px;
padding: 0px 0px 0px 9px;
font-family: Trebuchet MS, helvetica, sans-serif;
font-size: 18px;
color: #000000;
background-image: url(../images/h2_back.png);
background-position: bottom left;
background-repeat: no-repeat;
}

h2.info {
margin-left: 11px;
background-image: url(../images/h2info_back.png);
}

h3 {
text-align: left;
font-family: Trebuchet MS, helvetica, sans-serif;
font-size: 16px;
color: #000000;
}

p {
text-align: justify;
margin: 5px 10px 15px 0px;
font-family: Verdana, helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
color: #000000;
}

p.big {
margin:  0px auto;
text-align: center;
margin: 12px;
font-family: Trebuchet MS, helvetica, sans-serif;
font-size: 20px;
color: #000000;
}

p.slogan {
float: left;
position: absolute;
right: 0px;
text-align: right;
margin: 12px;
font-family: Trebuchet MS, helvetica, sans-serif;
font-size: 26px;
color: #ffffff;
}

p.info {
text-align: left;
margin: 5px 5px 15px 20px;
text-indent: -9px;
font-family: Verdana, helvetica, sans-serif;
}

span.title {
margin-left: 12px;
padding: 0px 4px 0px 4px;
background-color: #ededf5;
}

.smalltext {
font-size: 10px;
line-height: 16px;
color: #404040;
}

ul {
padding-left: 10px;
}

li.checked {
font-size: 12px;
line-height: 24px;
list-style-image: url(../images/li_checked.png);
}

li.dots {
font-size: 12px;
line-height: 24px;
list-style-image: url(../images/li_bullet.png);
}

li.dots_longtext {
font-size: 12px;
list-style-image: url(../images/li_bullet.png);
}

li.link {
font-size: 12px;
line-height: 24px;
list-style-image: url(../images/li_link.png);
}

li.line {
font-size: 12px;
line-height: 24px;
list-style-image: url(../images/li_line.png);
}

td {
font-size: 12px;
}

/*a:link {
color: #000000;
text-decoration: none;
}

a:visited {
color: #000000;
text-decoration: none;
}

a:hover {
color: #003399;
text-decoration: underline;
}

a.inline:link {
color: #003bb3;
text-decoration: none;
}

a.inline:visited {
color: #003bb3;
text-decoration: none;
}

a.inline:hover {
color: #003bb3;
text-decoration: underline;
}

a.small:link {
color: #000000;
font-size: 10px;
}

a.small:visited {
color: #000000;
font-size: 10px;
}

a.small:hover {
color: #003399;
font-size: 10px;
}

a.medium:link {
color: #000000;
font-size: 14px;
}

a.medium:visited {
color: #000000;
font-size: 14px;
}

a.medium:hover {
color: #003399;
font-size: 14px;
}

a.big:link {
color: #000000;
font-size: 16px;
}

a.big:visited {
color: #000000;
font-size: 16px;
}

a.big:hover {
color: #003399;
font-size: 16px;
}*/

a.v_big:link {
color: #000000;
font-family: Trebuchet MS, helvetica, sans-serif;
font-size: 20px;
font-weight: bold;
}

a.v_big:visited {
color: #000000;
font-family: Trebuchet MS, helvetica, sans-serif;
font-size: 20px;
font-weight: bold;
}

a.v_big:hover {
color: #003399;
font-family: Trebuchet MS, helvetica, sans-serif;
font-size: 20px;
font-weight: bold;
}

a.prodlink:link {
margin-left: 20px;
font-family: Trebuchet MS, helvetica, sans-serif;
font-size: 18px;
font-weight: normal;
color: #000000;
text-decoration: none;
}

a.prodlink:visited {
margin-left: 20px;
font-family: Trebuchet MS, helvetica, sans-serif;
font-size: 18px;
font-weight: normal;
color: #000000;
text-decoration: none;
}

a.prodlink:hover {
margin-left: 20px;
font-family: Trebuchet MS, helvetica, sans-serif;
font-size: 18px;
font-weight: normal;
color: #003399;
text-decoration: none;
}

a.toplink:link {
margin-left: 12px;
font-family: Trebuchet MS, helvetica, sans-serif;
font-size: 18px;
font-weight: normal;
color: #ffffff;
text-decoration: none;
}

a.toplink:visited {
margin-left: 12px;
font-family: Trebuchet MS, helvetica, sans-serif;
font-size: 18px;
font-weight: normal;
color: #ffffff;
text-decoration: none;
}

a.toplink:hover {
margin-left: 12px;
font-family: Trebuchet MS, helvetica, sans-serif;
font-size: 18px;
font-weight: normal;
color: #ffbc64;
text-decoration: none;
}

a.bottomlink:link {
margin-left: 12px;
font-family: Trebuchet MS, helvetica, sans-serif;
font-size: 18px;
font-weight: normal;
color: #666666;
text-decoration: none;
}

a.bottomlink:visited {
margin-left: 12px;
font-family: Trebuchet MS, helvetica, sans-serif;
font-size: 18px;
font-weight: normal;
color: #666666;
text-decoration: none;
}

a.bottomlink:hover {
margin-left: 12px;
font-family: Trebuchet MS, helvetica, sans-serif;
font-size: 18px;
font-weight: normal;
color: #404040;
text-decoration: none;
}

img.flag {
border-width: 0px;
margin: 0px 1px 0px 1px;
padding: 0px;
}

img.doclink {
border-width: 0px;
margin-left: 2px;
position: relative;
top: 4px;
}

.red {
color: #e52020;
}

.green {
color: #00c000;
}

.grey {
color: #404040;
}

em.price {
color: #3366cc;
font-weight:bold;
font-size:22px;
float:right;
}

em.sp_price {
color: #e52020;
font-weight:bold;
font-size:22px;
float:right;
}

em.foreign_price {
clear: both;
float:right;
font-size: 12px;
width:100%;
text-align:right;
padding-top:10px
}

em.foreign_price2 {
color: #000000;
font-size: 12px;
width:100%;
text-align:right;
font-weight:normal;
padding: 5px 0px 00px 10px
}

pre.code {
clear:both;
background-color:#000000;
color:#ffffff;
padding:0px 2px 0px 2px;
}


