/* Header Top Service Navigation  */


ul#serviceNav {
visibility: hidden;
list-style-type: none;
float: right;
padding: 0px 65px 0px 0;
font-size: 11px;
}

ul#serviceNav li {
float: left;
}

ul#serviceNav li a {
display: block;
padding: 0 7px;
color: #7e7e7e;
/*border-right: 1px solid #8e8e8e; Unterteiler Balken Service Nav*/
}

ul#serviceNav li.last a {
border: 0;
}

#menu {
padding: 0 27px;
}

#menu ul li {
background: url(../images/menu_separator.gif) no-repeat top left;
}

#menu ul li.firstList {
background: none;
}

#menu ul li:hover,
#menu ul li.active,
#menu ul li.activeLastList {
background: url(../images/menu_red_BG.gif) no-repeat top left;
}

#menu ul li.firstList:hover,
#menu ul li.activeFirstList,
#menu ul li.activeFirstList:hover {
background: url(../images/menu_red_BG.gif);
background-position: -10px 0px;
}

#menu ul li a {
display:block; 
overflow:hidden;
padding: 8px 5px 10px 5px;
font-weight: bold;
color: #444;
}

#menu ul li.activeFirstList a,
#menu ul li.firstList a {
padding: 8px 5px 5px 5px;
border-bottom: 5px solid #FFF;
}

#menu ul li:hover a {
color: #FFF;
}

#menu ul li a.active {
color: #FFF;
}

#menu ul {
list-style-type: none; 
text-transform: uppercase;
}

#menu ul li {
float:left; 
position:relative;
}

#menu ul li ul {
display:none;
}

#menu ul li:hover ul {
display:block; 
position:absolute; 
top:33px; 
left:0px;
width: 145px; 
background: #dedede;
border: solid #bbb;
border-width: 1px 1px 0 1px;
text-transform: none;
}

#menu ul li.activeLastList:hover ul,
#menu ul li.lastList:hover ul {
left:-72px;
}

#menu ul li:hover ul li a {
display:block; 
background: #dedede;
width: 129px;
padding: 4px 8px 4px 8px;
border: solid #bbb;
border-width: 0px 0px 1px 0;
color: #444;
}

#menu ul li:hover ul li a.active,
#menu ul li:hover ul li a:hover {
color: #E40033;
}

#menu ul li:hover ul li ul {display: none;}

#menu ul li:hover ul li:hover ul {
display:block; 
position:absolute; 
top:-1px; 
left: 145px; 
}

#menu ul li:hover ul li ul li ul {display: none;}


* {
margin:0;
padding:0;
}

body {
font-family: Arial,Sans-serif,sans-serif;
font-size: 12px;
color: #000;
background: #ffffff;
}

.clear {
clear: both;
}

a {text-decoration: none;}
a:focus, a:active {outline:0;}

#siteCenter {
width: 870px;
margin: auto;
}

#header {
width: 100%;
padding: 34px 0 0 0;
height: 118px;
background: #ffffff no-repeat top left;
}

#headerTop {
clear: both;
height: 65px;
}

#headerTopLeft {
float: left;
width: 220px;
padding: 10px 0 0 27px;
}

#briefLogo{
display: block;
}

#logoButton{
display: none;
width: 125px;
height: 70px;
margin: 6px 0px 82px 46px;
}

#search {
display: none;
background: transparent;
height: 47px;
}

#search h4 {
text-transform: uppercase;
color: #777;
background: inherit;
padding: 4px 0 0 45px;
font-size: 11px;
}

#searchIcon {
padding: 5px 11px 0 20px;
}

#search input {
color: #777;
border: 1px solid #aaa;
width: 119px;
position: relative;
top: -3px;
font-size: 11px;
padding: 1px 3px 1px 3px;
}

#search input#searchButton {
border: 0;
width: 18px;
position: relative;
top: 1px;
left: -1px;
padding: 0;
}

#headerTopRight {
float: right;
padding: 15px 38px 0px 0px;
display: none;
}

#main {
clear:both;
float: left;
width: 816px;
padding: 0 27px;
background-image: none;
}

#contentTop {
float: left;
padding: 10px 10px 0 10px;
}

#contentTop p{
font-size: 12px;
font-weight: bold;
color: #666666;
background-color: transparent;
}

#content {
float: left;
width: 610px;
padding: 10px;
}

#content h1{
font-size: 14px;
color: #666666;
background-color: transparent;
}

#content h2{
font-size: 12px;
color: #666666;
background-color: transparent;
}

#content h4{
font-size: 14px;
padding-left :15px;
color: #E40033;
background: url(../images/doppelpfeil.gif) no-repeat left;
}

#content a{
color: #E40033;
text-decoration: none;
}

#content a:hover{
text-decoration: underline;
}

#content ul{
padding-left: 20px
}

#content li{
list-style-type: square;
}

#content strong{
color: #666666;
}

#content blockquote {
display: block;
border-bottom: 1px solid #A9A9A9;
border-top: 1px solid #A9A9A9;
color: #000;
background: #F3F3F3;
/*font-size: 0.9em;*/
margin-bottom: 1.2em;
padding: 6px 12px;
}

#boxLeft{
display: block;
float: left;
width:295px;
color: Black;
}

#boxRight{
display: block;
float: right;
width:295px;
color: Black;
}

.img-wrapperLeft img {
float:left;
background:#fff;
padding:5px;
border:1px solid #a9a9a9;
margin: 5px 5px 5px 0px;
}

.img-wrapperLeftDown img {
float:left;
background:#fff url(../images/download.gif) no-repeat bottom left;
padding:5px 5px 16px 5px;
border:1px solid #a9a9a9;
margin: 5px 5px 5px 0px;
}

.img-wrapperRight img {
float: right;
background:#fff;
padding:5px;
border:1px solid #a9a9a9;
margin:5px 0px 5px 5px;
}

.img-wrapperAnsprechTable img {
background:#fff;
padding:5px;
border:1px solid #a9a9a9;
}

#layoutBoxLeft {
display: block;
float: left;
width: 100px;
background: #ffff00;
}

#breadcrumb {
display: block;
padding: 0 0 20px 0;
color: #e40033;
font-size: 14px;
font-weight: bold;
}

#breadcrumb a {
color: #e40033;
}

#column {
float: right;
width: 180px;
}

#newsBox {
clear: both;
padding: 5px 0 0px 0;
}

#newsBox h3 {
font-size: 14px;
color: #666;
background: url(../images/newsHeader_BG.png) no-repeat top left;
padding: 7px 0 10px 40px;
}

#imgMeisterhaft {
padding: 0 0 5px 0;
border-bottom: 1px dotted #444;
margin: 0 0 5px 3px;
}

#newsBox h4,
#newsBox h4 a {
font-size: 14px;
color: #E40033;
padding: 0 5px 0 5px;
}

#newsBox p {
color: #444;
margin: 0 5px 10px 5px;
border-bottom: 1px dotted #444;
}

#newsBox p a {
display: block;
color: #E40033;
text-align: right;
padding: 3px 10px 3px 0;
}

#flashBox,
#imgKundenMeinung {
margin: 0 0 8px 5px;
}

#footer {
clear:both;
height: 49px;
background-image: none;
}

#footer p {
margin: 0 16px;
padding: 4px 5px 3px 15px;
color: #FFF;
background: #E40033 ;
border-width: 0px;
font-size: 0.9em;
}

#footer a {
color: #FFF;
background: #E40033;
}


/* table content */

table#listTable {
  border-collapse: collapse;
  width: 50em;
  border: 1px solid #666;
}

#listTable caption {
font-size: 14px;
color: #E40033;
font-weight: bold;
text-align: left;
margin: 1em 0;
}

#listTable col {
  border-right: 1px solid #ccc;
}

#listTable col#ForthCol {
  border: none;
}

#listTable thead {
  background: #ccc url(../images/bar.gif) repeat-x left center;
  border-top: 1px solid #a5a5a5;
  border-bottom: 1px solid #a5a5a5;
}

#listTable th {
  font-weight: normal;
  text-align: left;
}

#listPosHead {
  text-indent: 0px;
}

#listTable th, #content td {
  padding: 0.1em 1em;
}

.odd {
  background-color: #DEDEDE;
}

#listTable tr:hover {
  background-color: #A9A9A9;
  color: #fff;
}

#listTable thead tr:hover {
  background-color: transparent;
  color: #E40033;
}

/* artikelliste content */

/* table ansprechpartner */

table#ansprechTable {
  border-collapse: collapse;
}

#ansprechTable {
  text-indent: 0px;
}

#ansprechTable th, #content td {
  padding: 0.1em 1em;
}

/* artikelliste ansprechpartner */


#content .articleList1 {
float: left;
padding: 0 0 0 0;
}

#content .articleList1 h3 a {
display: block;
margin: 0 0 10px 0;
padding: 2px 0px 1px 0px;
font-size: 14px;
color: #E40033;
background: #FFF;
}

#content .articleList1 h3 a:hover {
font-style: italic;
text-decoration: underline;
}

#content .articleList1 p {
float: left;
padding: 0 0 0 0;
}

#content .articleList1 p a.more {
clear: both;
display: block;
float: right;
padding: 0 20px 0 0;
color: #E40033;
}

#content .articleList1 p a:hover {
text-decoration: underline;

}

#content .articleList1 img {
margin: 0 10px 0 5px;
}

#content #pagination {
clear: both;
text-align: center;
padding: 35px 0 10px 0;
}

#content #pagination {
clear: both;
text-align: center;
padding: 35px 0 10px 0;
width: 100%;
}

#content #pagination span,
#content #pagination a {
font-size: 0.8em;
border: 1px solid #444;
}

#content #pagination span {
background: #FF9C03;
color: #444;
padding: 0px;
}

#content #pagination a {
background: inherit;
color: #444;
padding: 0 3px 0 3px;
}

#content #pagination a:hover {
background: #FF9C03;
color: #444;
}