@import url(reset.css);

/******* COLORS ********
Dunkelrot:#7A1501
Gelb:#CC6600
*/

/******* GLOBALS ********/

html {
  height: 100.1%;
  font-size: 12px;
}

body {
  font-family: arial, helvetica, verdana, sans-serif;
  color: #303030;
  background-color: #FFFFFF;
}

h2, h3, h4, h5, h6 {
  color: #7A1501;
  line-height: 130%;
  font-weight: bold
}

h2 {
  font-size: 1.5em;
  margin-bottom:1em;
}

h3 {
  font-size: 1.167em;
  margin: 0 0 0.5em 0;
  font-weight: bold
}

h4 {
  margin: 0 0 0.5em 0
}

p {
  margin: 0 0 1em 0
}

a {
 color:#FFFFFF;
 text-decoration:none
}

a:hover, a.active {
 color:#FFFFFF;
}

strong {
  font-weight: bold;
}

.highlight {
  font-size:1.333em;
  font-weight: bold;
  color:#0671B5;
}
  
blockquote {
  font-style: italic
}

sup {
  font-size: 0.667em;
  line-height: 100%;
  vertical-align: top
}

small {
  font-size: 0.833em;
}

img {
  float:right;
  margin5px 0 10px 5px;
}

/******* CONTAINER ********/

#container {
  width: 765px;
  margin:20px auto 0 auto;
  background-color:#7A1501;
}

#header {

  height: 120px;
  width: 765px;
  margin-top:20px;
  position:relative;
}

#nav {
  padding-bottom:24px;
}


#section {
  width:765px;
  background:#FFFFFF url(../images/bg-section.gif) 595px 100px repeat-y;
  padding-bottom:30px;
}

#section:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden
}

#left_col {
  float:left;
  width:575px;
  margin:20px 0 0 10px;
}

#right_col {
  float:right;
  width:170px;
}

#footer {
  font-size: 0.917em;
  color:#FFFFFF;
}



/******* HEADER ********/

#service {
  width:755px;
  text-align:right;
  font-size:0.917em;
  background-color:#7A1501;
  color:#FFFFFF;
}

h1 {
  background: transparent url(../images/logo.jpg) no-repeat 20px 0;
  width:765px;
  text-indent: -3000em;
}

h1 a {
  display: block;
  height: 120px;
}

.logo {
  position:absolute;
  top:20px;
  right:0;
  width:135px;
}

.logo img {
  width:135px;
}

/******* NAVI ********/

#nav ul {
  padding-left:10px;
  background-color:#7A1501;
  font-size:1.167em;
  border-top:3px solid #FFFFFF;
}

#nav ul li {
  line-height:18px;
  position:relative;
  margin-right: 5px;
  float: left;
  padding:3px 0;
}

#nav ul a {
  color:#FFFFFF;
  text-transform: uppercase;
  padding:4px 5px;
}

#nav ul a:hover,#nav ul a.active {
  background-color:#FFFFFF;
  color:#7A1501;
}

/******* CONTENT ********/


#section p {
  line-height: 150%;
}

.left {
  float: left;
  margin-right:10px;
}

.right {
  float: right;
  margin-left:10px;
}

#section a {
  color: #7A1501;
}


#section a:hover {
  border-bottom:1px solid #7A1501;
}

#section ul {
  line-height: 150%;
  margin-bottom:20px;
  padding-left:15px;
  list-style-type:disc;
}


#section ul ul{
  line-height: 150%;
  margin-bottom:0;
  padding-left:15px;
  list-style-type:circle;
}

#section .box {
  background-color:#F0E3DD;
  padding:5px;
}

#section table {
  width: 100%;
  font-size:1.1em;
  background-color:#E0E0E0;
}

#section caption {
  color:#7A1501;
  line-height:170%;
  font-size: 1.3em;
  font-weight: bold;
}


#section tr {
  line-height: 150%;
  background-color:#E0E0E0;
}

#section td {
  padding:0 2px;
  border-top:2px solid #FFFFFF;
  border-bottom:2px solid #FFFFFF;}

#section .red {
  background-color:#7A1501;
  color:#FFFFFF;
  font-weight:bold;
}


#section .lightb {
  background-color:#F0E3DD;
  font-weight:bold;
}

/******* SIDEBAR ********/

#right_col p {
  font-size: 0.917em;
  padding:0 3px;
}

#right_col ul {
  font-size: 0.917em;
  padding:0 3px 0 18px;
}

#right_col img {
  margin:10px 0 0 0;
}

#right_col a.order, #right_col a.demo {
  display:block;
  line-height:2em;
  background-color:#FF7700;
  color:#FFFFFF;
  margin:20px 10px 10px 10px;
  text-align:center;
  font-size:1em;
  font-weight:bold;
  border:2px solid #FF7700;
}

#right_col a.order:hover, #right_col a.demo:hover {
  background-color:#FFFFFF;
  color:#FF7700;
}


#right_col a.demo {
  background-color:#808080;
  color:#FFFFFF;
  border:2px solid #808080;
}

#right_col a.demo:hover {
  background-color:#FFFFFF;
  color:#808080;
}

#right_col a.product:hover {
  border:0;
}

/******* VRM FOOTER ********/

#footer .vrmcopy {
  width:595px;
  background-color:#FFFFFF;
  color:#303030;
  padding-bottom:5px;
}

#footer .vrmcopy a, #footer .vrmcopy a:hover, #footer .vrmcopy a.active {
  color:#303030;
}
#footer table {
  width:100%;
}

.kleinb {
  font-weight:bold;
}

.head_r {
  color:#FFFFFF;
  font-size:1.167em;
  font-weight:bold;
}

.linkbox tbody {
  background-color:#7A1501;
}

.linkbox td {
  padding:5px;
}


.subbox_bold {
  color:#FFFFFF;
  font-weight:bold;
  font-size:0.917em;
}

.linkliste {
  line-height:15px;
}