* {
font: 100.01% Verdana, Arial, Helvetica, sans-serif;
line-height: 125%;
color: black;
margin: 0px;
padding: 0px;
border: 0px;
}
body {
background: white url() repeat-x left top;
}
div {
position: static;
}
ul {
list-style: none;	
}
b, strong {font-weight: bold}
p {
margin-bottom: 20px;
}
h1, h4 {
font-size: 14px;
color: rgb(51,51,102);	
}
h2 {
font-size: 0.6em;
font-weight: bold;
color: rgb(51,51,102);
}
a {
text-decoration: none;
}
a:hover {
text-decoration: underline;	
}
a:link {
}
a:visited {
}
a:active {
}
#container {
position: relative;
margin: 0 auto;
background: white;
width: 990px;
border: 1px solid gray;
overflow: hidden;
font: 100.01% Verdana, Arial, Helvetica, sans-serif;
}
#head {
width: 100%;
float: left;
background: url(../images/hintergrund_head.png) repeat-x left top;
height: 101px;
}
#head-images {
height: 78px;	
}
#schriftzug-img {
float: left;	
width: auto;
margin-top: 28px;
margin-left: 20px;
}
#logo-img {
float: right;
margin-right: 85px;
margin-top: 10px;
}
/* NAVIGATION */
#navi {
background: transparent;
margin-left: 24px;
display: inline;
float: left;
list-style: none;
}
#navi li {
float: left;
margin-right: 20px;
}
#navi a {
font-weight: bold;
font-size: 0.8em;
color: rgb(0,0,180);
}
#navi-produkte a {
font-size: 10px;
color: black;
font-weight: bold;
}
#navi-produkte {
background: transparent;
float: left;
width: 160px;
height: 100%;
}
#navi-produkte ul {
width: 132px;
margin-left: 25px;
margin-top: 20px;
}
#navi-produkte li {
font-size: 0.7em;
font-weight: bold;
margin-bottom: 4px;
margin-top: 7px;
line-height: 1em;
}
#navi-produkte-zwo {
font-size: 16px !important;
margin-left: 5px !important;
margin-top: 5px !important;
}
.passiv a {
color: gray !important;
}
#quicklinks {
margin-top: 20px;
width: 157px;
background: rgb(204,204,255);
padding-bottom: 10px;
}
#quicklinks ul {
margin-top: 5px;
}
#quicklinks h3 {
padding-top: 10px;
padding-left: 24px;
font-weight: bold;
font-size: 0.9em;
margin-bottom: 0px;
}
#quicklinks li a {
font-weight: normal;
font-size: 0.8em;
line-height: 0.7em;
padding-top: 2px;
padding-left: 13px;
padding-bottom: 3px;
background: url(../images/quicklinks_pfeil.gif) no-repeat left center;
}
/* AUFMACHER */
#aufmacher {
background: rgb(204,204,255) url(../images/hintergrund_aufmacher.png) repeat-x left top;
margin-top: -2px;
height: 100px;
width: 828px;
float: right;
}
#aufmacher div {
margin-top: 0px;
height: 0 auto;
height: 70px;
float: left;
display: inline;
}
#aufmacherspruch {
margin-left: 24px;
width: 500px;
height: 60px;
}
#aufmachertext {
display: none !important;
overflow: hidden;
background: transparent;
padding-top: 10px;
margin-left: 30px;
font-size: 0.7em;
font-weight: bold;
width: 440px;
height: 70px;
}
#aufmacherspruch h1, #aufmacherspruch h4 {
padding-top: 24px;
font-size: 19px;
}
#brotkrumen {
clear: both;
height: 20px;
width: 100%;
background: white;
margin: 0;
padding: 0;
}
#brotkrumen li {
float: left;
font-style: italic;
font-size: 10px;
margin-top: 4px;
margin-right: 5px;
}
#brotkrumen li a {
font-style: italic;
}
/* LISTE & SERVICE */
#listenbox {
display: inline;
margin-left: 2px;
float: left;
width: 248px;
height: 100%;
}
#liste-header {
background: #FFAC00;
float: left;
height: 40px;
width: 242px;
margin-bottom: 12px;
}
#liste-header h1, #liste-header h4 {
color: white;
font-size: 0.8em;
font-weight: bold;
margin-left: 12px;
margin-top: 12px;
}
#liste {
background: #CCCCFF;
width: 242px;
}
#liste h1, #liste h4 {
-moz-box-sizing: border-box;
font-size: 11px;
font-weight: bold;
margin: 2px -3px 0 0;
padding: 0;
}
#liste img {
float: left;
margin-right: 10px;
padding-bottom: 20px;
}
#liste li {
-moz-box-sizing: border-box;
border-bottom: 1px solid white;
font-size: 0.7em;
margin: 0 !important;
min-height: 50px;
padding: 5px 0 5px 10px;
width: 232px;
}
#liste a {
font-weight:bold;
}
.csc-textpic-text {
padding-bottom: 0px;
}
#service {
margin-top: 20px;
height: 100%;
width: 242px;	
float: left;
padding-bottom: 10px;
}
#service h1, #service h4 {
font-size: 12px;
margin-bottom: 5px;
font-weight: bold;
margin-left: 12px;
}
.service-img {
padding-left: 24px;
padding-right: 15px;
padding-top: 7px;
}
.service-header {
float: left;
height: 40px;
width: 230px;
padding-right: 12px;
margin-top: 0px;
margin-bottom: 10px;
background: #333366;
}
.service-header h1 {
margin-top: 5px;
font-weight: bold;
font-size: 12px;
margin-left: 12px;
color: white;
}
.service-liste {
float: right;
text-align: left;
margin-right: 10px;
padding-left: 0px;
padding-right: 20px;
}
.service-liste h3 {
padding-top: 10px;
font-weight: bold;
font-size: 0.8em;
margin-bottom: 5px;
}
.service-liste li a {
font-weight: normal;
font-size: 0.7em;
line-height: 0.7em;
padding-top: 2px;
padding-left: 13px;
padding-bottom: 3px;
background: url(../images/quicklinks_pfeil.gif) no-repeat left center;
}
/* INHALT */
#inhalt {
margin-top: 5px;
width: 828px;
float: right;
background: #E0E0E0;
overflow: hidden;
padding-bottom: 5px;
}
#inhalt h1, #inhalt h4 {
font-size: 1em;
font-weight: bold;
color: black;
margin-bottom: 2px;
margin-top: 0px;
padding: 0;
}
#inhalt p {
font-size:12px !important;
margin-bottom:10px !important;
margin-top:0px !important;
margin-left:0px !important;
}
.text {
width: 240px;
display: inline;
float: left;
color: black;
margin-top: 10px;
margin-left: 38px;
font-size: 0.7em;
}
.text a {
font-weight: bold;	
}
.text h1, .text h4 {
font-size: 1em;
font-weight: bold;
color: black;
margin-bottom: 2px;
margin-top: 0px;
padding: 0;
}
.text p {
margin: 0;
padding: 0;
margin-top: 3px;
margin-bottom: 10px;
}
.spacer{
background: transparent;
overflow: hidden;
clear: both;
height: 10px;
margin: 0;
padding: 0;
font-size: 0px;
line-height: 0px;
}
.bullet {
overflow: hidden;
font-weight: bold;
margin-right: 30px;
float: left;
list-style: none;
margin-bottom: 0;
}
.bullet li {
font-weight: bold;
line-height: 1.2em;
padding-top: 2px;
padding-left: 13px;
padding-bottom: 3px;
background: url(../images/bullet.gif) no-repeat left center;
}
.right {
float: right;
}
.left {
float: left;
}
.clear {
clear: both;
line-height: 0px;
font-size: 0px;
height: 1px;
}
.plain {
list-style: none;
display: block;
clear: both;
}
.plain li {
background: transparent;
clear: both;
}
/* FOOTER */
#footer {
position: absolute;
bottom: 10px;
margin-left: 10px;
clear: both;
font-size: 0.9em;
list-style: none;
line-height: 0px;
}
#footer a {
margin-right: -3px;
font-weight: normal;
white-space: nowrap;
color: gray;
}
#footer li {
padding: 0;
margin: 0;
float:left;
padding-top: 5px;
padding-right: 5px;
display: inline;
font-weight: normal;
}
/* NEWS */
#news {
margin-left: 2px;
margin-top: 5px;
height: 100%;
width: 242px;	
float: left;
}
#news-header {
float: left;
background: rgb(255,172,0);
height: 40px;
width: 242px;
}
#news-header h1, #news-header h4 {
margin-left: 24px;
margin-top: 8px;
font-weight: bold;
font-size: 1.2em;
color: white;
}
#news-list {
clear: both;
background: rgb(204,204,255);
height: 100%;
}
#news-list a {
font-weight: bold;
}
#news-list {
padding-top: 10px;
}
#news-list li {
min-height: 50px;
padding: 0;
margin-left: 10px;
font-size: 0.7em;
padding-top: 5px;
padding-bottom: 5px;
border-bottom: 1px solid white;
background: transparent;
}
#news-list h1, #news-list h4 {
width: 170px;
float: left;
padding: 0;
background: transparent;
font-weight: bold;
font-size: 1em;
margin: 0;
margin-top: 2px;
margin-bottom: 0px;
margin-right: -3px;
}
#news-list p {
width: 170px;
padding: 0;
margin-top: 5px;
margin-bottom: 0px;
margin-left: 60px;
}
#news-list p a {
color: white;
white-space: nowrap;
}
.news-img {
margin-right: 10px;
float: left;
}
.headline {
float: left;
display: inline;
margin: 0;
padding: 0 !important;
margin-top: 20px !important;
margin-left: 36px !important;
width: 500px;
font-size: 14px !important;
font-weight: bold;
}
.headline h1, .headline h4 {
font-weight: bold;
}
.headline p {
margin-top: 10px !important;
margin-bottom: 0px !important;
font-size: 12px !important;
}
.headline a {
font-weight: bold;
}
.weiter {
color: white;
font-weight: bold;
}
.weiter-orange {
color: orange;
font-weight: bold;
}
.news-single-item h1, .news-single-item h4 {
margin-top: 10px;
margin-bottom: 10px;
}
.news-single-item h2 {
padding-left: 38px !important;
width: 500px;
font-size: 0.8em;
margin-bottom: 5px;
}
.news-single-item p {
padding-left: 38px !important;
width: 500px;
font-size: 0.7em;
margin-bottom: 10px;
line-height: 140%;
}
.news-single-item p a {
font-weight: bold;
white-space: nowrap;
}
.news-single-timedata, .news-single-backlink {
margin-top: 20px;
padding-left: 36px !important;
font-size: 0.7em;
font-weight: bold;
}
.news-single-backlink a {
font-weight: bold;
}
.produkte-imgfloat {
margin-top: 20px;
margin-right: 10px;
display: block;
float: left;
}
.media {
height: 255px;
overflow: hidden;
background: white;
}
.media img, embed, object {
float: left;
page-break-before: right;
margin: 0;
padding: 0;
}
.media-left {
width: 411px;
height: 250px;
}
.media-left img, object {
}
.media-right {
width: 411px;
height: 250px;
}
.media-right img, object {
padding-left: 5px;
}
#konfigurator {
margin-left: 20px;
padding-bottom: 50px;
width: 110px;
}
.head_dokumentation {
background-color: #CCCCFF;
height:20px;
margin-bottom:5px;
padding-left:5px;
padding-right:5px;
padding-top:5px;
width:500px;
font-size: 11px;
}
.dokumentation {
padding-bottom:10px;
width:500px;
}
.name_dokumentation {
float:left;
width:350px;
}
.name_dokumentation a {
font-size: 10px;
font-weight: bold;
}
.groesse_dokumentation {
font-size: 10px;
float:right;
text-align:right;
width:150px;
}
.headline h3, .text h3 {
font-size:14px;
font-weight:bold;
margin-bottom:10px;
margin-top:30px;
}
.text h4 {
color:#333366;
font-size:12px;
font-weight:bold;
margin-bottom:5px;
}
.text p {
margin: 3px 0 20px;
padding: 0;
}
.text a {
font-weight: bold;
}
.layout18 {
float:left;
}
.layout18 img {
padding-right: 15px;
}
#formular {
margin-top: 20px;
margin-bottom: 20px;
width: 350px;
}
#formular li {
margin-bottom: 4px;
}
#formular li label {
font-size: 12px;
width: 120px;
/* float: left; */
display: -moz-inline-grid;
display: inline-block;
}
#formular li input, #formular li select {
font-size: 11px;
line-height: 150%;
padding: 1px;
border-top:1px solid #7c7c7c;
border-left:1px solid #c3c3c3;
border-right:1px solid #c3c3c3;
border-bottom:1px solid #ddd;
}
#formular li select {
}
#formular li .feld {
width: 200px;
/* float: left; */
display: -moz-inline-grid;
display: inline-block;
}
.submit {
border: 1px solid gray;
background: white;
padding: 2px;
}
.layout2 {
margin-left: 12px;
}
.layout2 img {
float: left;
}
.abstand {
  clear: both;
  margin-top: 10px;
}
.abstand p {
margin-left: 5px;
margin-top: 3px !important;
}
.abstand p a {
font-size: 11px;
}
#katalogbestellung {
margin-top: 10px;
}
#katalogbestellung p {
margin-top: 10px;
font-size: 11px !important;
}
#katalogbestellung h2 {
font-size: 13px;
margin-bottom: 6px;
}
#katalogbestellung ul {
margin-bottom: 10px;
}
#katalogbestellung li {
font-size: 10px;
margin-bottom: 3px;
clear: both;
}
#katalogbestellung label {
float: left;
font-size: 11px;
width: 170px;
}
#katalogbestellung input, #katalogbestellung select {
float: left;
height: 15px;
border: 1px solid gray;
}
#katalogbestellung select {
width: 112px;
height: 17px;
}
#katalogbestellung textarea {
float: left;
border: 1px solid gray;
}
#katalog_form {
margin-top: 15px !important;
}
#katalog_form li {
margin-bottom: 10px;
height: 15px;
}
.katalog_button {
padding: 3px 6px;
font-size: 11px;
font-weight: bold;
background: white;
margin-right: 10px;
border: 1px solid black;
height: auto !important;
cursor: pointer;
}
.checkbox {
margin-left: 25px;
margin-right: 10px;
border: none !important;
}
.radio {
width: auto !important;
border: none !important;
margin-right: 5px;
}
.radio_text {
float: left;
margin-right: 5px;
}
.csc-textpic-caption {
display: none;
}
h2.verkoop {font-size: 12px !important; margin-top: 20px !important;}