@charset "utf-8";
/* CSS Document */


html, body {
margin : 0;
padding : 0;
height : 100%;
}
body {
font-family : Arial, Helvetica, sans-serif;
color : #000;
line-height : 18px;
margin : 0;
padding : 0;
font-size : 12px;
background-color : #dfe3ed;
height : 100%;
background-image : url(../pics/hg/hg_keller02.jpg);
background-position : top center;
background-repeat : repeat-y;
}
a {
color : #4165a5;
font-size : 12px;
line-height : 18px;
text-decoration : none;
font-weight : normal;
}
.bold_a {
color : #4165a5;
font-size : 12px;
line-height : 18px;
font-weight : bold;
text-decoration : none;
}
.sitemap_a {
color : #000;
font-size : 12px;
line-height : 18px;
text-decoration : none;
font-weight : normal;
}
* html .clearfix {
height : 1%;
}
.clearfix {
display : block;
}
#container {
padding : 0;
width : 900px;
margin : 0 auto;
float : none;
height : 100%;
}
#head_home {
width : 900px;
height : 81px;
background-color : #fff;
float : none;
margin : 0 0 0 0;
padding : 0 0 0 0;
}
#head {
width : 900px;
height : 266px;
background-color : #fff;
float : none;
margin : 0 0 0 0;
padding : 0 0 0 0;
}
#topnav {
width : 700px;
height : 50px;
background-image : url(../pics/hg/hg_navi_oben.jpg);
background-repeat : no-repeat;
margin : 0 0 0 0;
padding : 31px 0 0 0;
float : left;
}
#content {
width : 900px;
padding : 0;
margin : 0;
float : none;
}
#logo {
width : 200px;
height : 81px;
margin : 0;
padding : 0;
background-color : #fff;
float : left;
background-image : url(../pics/logos/keller_logo.jpg);
background-repeat : no-repeat;
}
#leftNav {
width : 200px;
margin : 0;
padding : 0;
float : left;
height : 100%;
}
#inhalt {
float : left;
margin : 0 0 0 0;
padding : 0 0 0 0;
width : 699px;
}
#titelmotiv_home {
float : left;
width : 699px;
height : 330px;
margin : 0 0 0 0;
padding : 0 0 0 0;
background-image : url(../pics/hauptmotive/kampagnenmotiv_home.jpg);
background-repeat : no-repeat;
}
#titelmotiv_01 {
float : left;
width : 699px;
height : 165px;
margin : 0 0 0 0;
padding : 0 0 0 0;
background-image : url(../pics/hauptmotive/kampagnenmotiv_01.jpg);
background-repeat : no-repeat;
}
ul {
list-style-type : none;
margin : 0;
padding : 0;
}
li {
width : auto;
float : left;
}
li .menue {
font-family : Arial, Helvetica, sans-serif;
font-size : 11px;
text-decoration : none;
font-weight : normal;
color : #000;
height : auto;
padding : 0 5px 0 5px;
width : auto;
vertical-align : middle;
display : inline-table;
margin : 0 0 0 20px;
text-align : center;
line-height : 14px;
}
li .menue:hover {
color : #fff;
}
li .menue_active {
font-family : Arial, Helvetica, sans-serif;
font-size : 11px;
text-decoration : none;
font-weight : normal;
color : #fff;
height : auto;
padding : 0 5px 0 5px;
width : auto;
vertical-align : middle;
display : inline-table;
margin : 0 0 0 35px;
text-align : center;
line-height : 14px;
}
li .toplink {
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
text-decoration : none;
font-weight : bold;
color : #002d5c;
height : 41px;
padding : 0 0 0 7px;
width : 193px;
background-image : url(../pics/hg/hg_button_links.jpg);
background-repeat : no-repeat;
vertical-align : middle;
float : left;
display : block;
line-height : 40px;
}
li .toplink:hover {
background-image : url(../pics/hg/hg_button_links_ov.jpg);
}
li .toplink_active {
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
text-decoration : none;
font-weight : bold;
color : #002d5c;
height : 41px;
padding : 0 0 0 7px;
width : 193px;
background-image : url(../pics/hg/hg_button_links_ov.jpg);
background-repeat : no-repeat;
vertical-align : middle;
float : left;
display : block;
line-height : 40px;
}
li .toplink_letzter {
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
text-decoration : none;
font-weight : bold;
color : #002d5c;
height : 42px;
padding : 0 0 0 7px;
width : 193px;
background-image : url(../pics/hg/hg_button_links02.jpg);
background-repeat : no-repeat;
vertical-align : middle;
float : left;
display : block;
line-height : 40px;
}
li .toplink_letzter:hover {
background-image : url(../pics/hg/hg_button_links_ov02.jpg);
}
li .toplink_letzter_active {
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
text-decoration : none;
font-weight : bold;
color : #002d5c;
height : 42px;
padding : 0 0 0 7px;
width : 193px;
background-image : url(../pics/hg/hg_button_links_ov02.jpg);
background-repeat : no-repeat;
vertical-align : middle;
float : left;
display : block;
line-height : 40px;
}
li .sublink {
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
text-decoration : none;
font-weight : bold;
color : #002d5c;
height : 15px;
padding : 15px 0 0 7px;
width : 193px;
vertical-align : middle;
float : left;
display : block;
line-height : 14px;
}
li .sublink:hover {
color : #fff;
}
li .sublink_active {
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
text-decoration : none;
font-weight : bold;
color : #fff;
height : 15px;
padding : 15px 0 0 7px;
width : 193px;
vertical-align : middle;
float : left;
display : block;
line-height : 14px;
}
.language {
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
text-decoration : none;
font-weight : bold;
color : #002d5c;
height : 20px;
padding : 15px 0 0 7px;
vertical-align : middle;
float : left;
display : block;
line-height : 14px;
}
.flags {
height : 15px;
padding : 10px 0 0 0;
vertical-align : middle;
float : left;
}
.headline_home {
font-family : Arial, Helvetica, sans-serif;
font-size : 16px;
font-weight : bold;
line-height : 20px;
float : left;
width : 300px;
color : #002d5c;
margin : 0 0 15px 20px;
padding : 310px 0 0 0;
}
.headline {
font-family : Arial, Helvetica, sans-serif;
font-size : 16px;
font-weight : bold;
line-height : 20px;
float : left;
width : 300px;
color : #002d5c;
margin : 0 0 10px 20px;
padding : 145px 0 0 0;
}
.headline02 {
font-family : Arial, Helvetica, sans-serif;
font-size : 18px;
font-weight : normal;
line-height : 24px;
float : left;
width : 300px;
color : #002d5c;
margin : 0 0 15px 50px;
padding : 0 0 0 0;
}
.artikel {
float : left;
width : 480px;
height : 100%;
margin : 0;
padding : 0;
}
.subheadline {
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
font-weight : bold;
line-height : 20px;
float : left;
width : 340px;
color : #4165a5;
margin : 0 20px 15px 20px;
padding : 0 0 0 0;
}
.copytext {
float : left;
font-family : Arial, Helvetica, sans-serif;
color : #000;
line-height : 20px;
margin : 0 0 20px 20px;
padding : 0 0 0 0;
font-size : 12px;
width : 460px;
}
.farbleitsystem {
float : left;
width : 340px;
margin : 0 20px 15px 20px;
padding : 0 0 0 0;
}
.produkte {
font-family : Arial, Helvetica, sans-serif;
font-size : 11px;
font-weight : bold;
line-height : 20px;
float : left;
color : #002d5c;
margin : 0;
padding : 0;
}
#teaser-col {
width : 180px;
height : 100%;
float : right;
padding : 0 0 0 0;
}
.teaserhead {
font-size : 12px;
text-decoration : none;
font-weight : bold;
line-height : 18px;
float : none;
width : 180px;
text-align : center;
color : #fff;
font-weight : bold;
background-color : #002d5c;
}
.teaserhead_neuheit {
font-size : 12px;
text-decoration : none;
font-weight : bold;
line-height : 18px;
float : none;
width : 180px;
text-align : center;
color : #fff;
font-weight : bold;
background-color : #c20018;
}
.teasertext, .teasertext a {
width : 170px;
text-align : left;
line-height : 18px;
font-size : 12px;
color : #000;
padding : 0 5px 10px 5px;
margin-bottom : 10px;
text-decoration : none;
}
.teasertext img {
width : 180px;
text-align : left;
color : #000;
padding : 0;
margin-bottom : 0;
margin-left : -5px;
text-decoration : none;
}