body {
font-family: "Lucida Grande", Verdana, Arial, sans-serif;
font-size: 70%;
background: #eef9ff;
margin: 0 auto;
padding: 0;
}

div#sub_nav, div#navi, div#header, div#ersatz_menu, div#unternehmen_menu {
width: 901px;
margin: 0 auto;
}

h2 {
font-size: 1.4em;
font-weight: bold;
padding: 20px 0 0 20px;
margin: 0;
}

h3 {
font-size: 1.1em;
color: #666;
}

h3.haftung {
margin: 50px 0 0 0;
}

a {
color: #277dfd;
text-decoration: none;
border-bottom: 1px dotted #277DFD;
}

a:hover {
border-bottom: 1px solid #277DFD;
}

.err {
font-weight: bold;
color: #FF0000;
}

img#start {
text-align: center;
}

/* SUBNAVI */
div#sub_nav {
text-align: right;
margin: 20px auto;
}

div#sub_nav a {
color: #000;
text-decoration: none;
border: none;
}

div#sub_nav a:hover {
color: #277DFD;
}

div#sub_nav img {
vertical-align: text-bottom;
border: none;
}

/* SUBNAVI  END */

/* NAVI */
div#navi {
background: url(../images/bg_navi.png) top left repeat-x;
height: 26px;
}

div#navi ul {
list-style-type: none;
overflow: hidden;
}

div#navi ul li {
display: inline;
float: left;
margin: 0 15px 0 0;
height: 26px;
}

div#navi ul li.space {
margin: 0 -15px 0 0;
padding: 0;
}

div#navi ul li a {
font-size: 1.2em;
color: #cecece;
text-decoration: none;
display: block;
min-height: 26px;
border: none;
margin: 0;
padding: 10px 0 0 0;
}

div#navi ul li a:hover {
color: #fff;
}

div#ersatz_menu
{
height: 20px;
background: #000;
display: none;
color: #ccc;
}

div#unternehmen_menu {
height: 20px;
background: #000;
display: none;
color: #ccc;
}

div#ersatz_menu a, div#unternehmen_menu a {
font-size: 1.2em;
color: #cecece;
text-decoration: none;
border: none;
}

div#ersatz_menu a:hover, div#unternehmen_menu a:hover {
color: #fff;
}

/*
div#ersatz_menu {
width: 696px;
padding: 5px 0 0 205px;
}
*/

div#ersatz_menu p {
display: inline;
}

/*
div#unternehmen_menu {
width: 381px;
padding: 5px 0 0 520px;
}
*/

/* NAVI END */

/* HEADER */
div#header {
background: url(../images/header.png) top center no-repeat;
height:144px;
}
/* HEADER END */

/* CONTENT */
div#content {
width: 907px;
margin: 20px auto 0 auto;
}

div#content div#site_top {
background: url(../images/bg_site_top.png) top center no-repeat;
height: 39px;
}

div#content div#site {
background: url(../images/bg_site.png) top center repeat-y;
overflow: hidden;
}

div#content div#site div#site_con {
padding: 10px 20px;
}

div#content div#site_end {
background: url(../images/bg_site_end.png) top center no-repeat;
height: 28px;
clear: both;
}

div#content div#site div#site_con #start_de, div#content div#site div#site_con #start_en {
width: 857px;
height: 359px;
background: url(../images/start.png) top center no-repeat;
}

div#content div#site div#site_con #start_de a, div#content div#site div#site_con #start_en a {
color: #000;
border-bottom: 2px dotted #000;
}

div#content div#site div#site_con #start_de a:hover, div#content div#site div#site_con #start_en a:hover {
border-bottom: 2px dotted #ccc;
}

div#content div#site div#site_con #start_de p, div#content div#site div#site_con #start_en p {
padding: 0 0 0 10px;
}


div#content div#site div#site_con table#overview {
border: 1px solid #ddd;
margin: 0 auto;
padding: 0;
}

div#content div#site div#site_con table#overview tr.top {
background: #277dfd;
font-weight: bold;
color: #ddd;
}

div#content div#site div#site_con table#overview tr.top td {
border-left: 1px solid #fff;
}

div#content div#site div#site_con table#overview tr td.internenr {
width: 65px;
}

div#content div#site div#site_con table#overview tr td.bezeichnung {
width: 120px;
}

div#content div#site div#site_con table#overview tr td.preis {
width: 90px;
}

div#content div#site div#site_con table#overview tr td.zustand {
width: 40px;
}

div#content div#site div#site_con table#overview tr.link {
background: #eee;
cursor: pointer;
}

div#content div#site div#site_con table#overview tr.unlink {
background: none;
}

div#content div#site div#site_con table#overview tr td {
padding: 5px;
border: 1px solid #27A9FF;
border-top: none;
border-right: none;
}

div#content div#site div#site_con table#overview tr td.pic {
width: 100px;
}

div#content div#site div#site_con table#db {
border: none;
}

div#content div#site div#site_con table#db tr td {
padding: 5px 0;
}

div#content div#site div#site_con table#thermo_tb tr td {
border: 1px solid #999;
padding: 3px;
}

div#content div#site div#site_con table#thermo_tb ul.thermo_list {
list-style-type: square;
}






/* begin css tabs */

ul#tabnav { /* general settings */
text-align: left; /* set to left, right or center */
margin: 1em 0 3em 0; /* set margins as desired */
font: bold 11px verdana, arial, sans-serif; /* set font as desired */
border-bottom: 1px solid #ccc; /* set border COLOR as desired */
list-style-type: none;
padding: 3px 10px 3px 10px; /* THIRD number must change with respect to padding-top (X) below */
}

ul#tabnav li { /* do not change */
display: inline;
}

body#tab1 li.tab1, body#tab2 li.tab2, body#tab3 li.tab3, body#tab4 li.tab4, body#tab5 li.tab5,  body#tab6 li.tab6 a,  body#tab7 li.tab7 a { /* settings for selected tab */
border-bottom: 1px solid #fff; /* set border color to page background color */
background-color: #fff; /* set background color to match above border color */
}

body#tab1 li.tab1 a, body#tab2 li.tab2 a, body#tab3 li.tab3 a, body#tab4 li.tab4 a, body#tab5 li.tab5 a,  body#tab6 li.tab6 a,  body#tab7 li.tab7 a{ /* settings for selected tab link */
background-color: #fff; /* set selected tab background color as desired */
color: #000; /* set selected tab link color as desired */
position: relative;
top: 1px;
padding-top: 4px; /* must change with respect to padding (X) above and below */
}

ul#tabnav li a { /* settings for all tab links */
padding: 3px 4px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
border: 1px solid #ccc; /* set border COLOR as desired; usually matches border color specified in #tabnav */
background-color: #ddd; /* set unselected tab background color as desired */
color: #666; /* set unselected tab link color as desired */
margin-right: 0px; /* set additional spacing between tabs as desired */
text-decoration: none;
border-bottom: none;
}

ul#tabnav a:hover { /* settings for hover effect */
background: #fff; /* set desired hover color */
}

/* end css tabs */







/* CONTENT END */

/* FOOTER */
div#footer {
width: 880px;
margin: 0 auto 20px auto;
text-align: left;
color: #ccc;
}
/* FOOTER END */