/* CSS Stylesheet 
modified JP 15-12
 */
body {
    background-color: #E6E6E6;
    margin: 0;
    padding: 0;
    font-family: Arial, Verdana, sans-serif;
    overflow: scroll;
    height: 100%;
    max-height: 100%;
}
div {
position: relative;
box-sizing: border-box
}
img {
height: auto
}
.floatleft {
float: left;
margin:0 10px 5px 0
}
.floatright {
float: right;
margin:0 0 5px 10px
}

#framecontentLeft, #framecontentRight{
float:left;
width:20%;
min-width: 160px;
color: #1b1b1b;
}
#framecontentLeft {
background: #e6e6e6 url(images/border.gif) 170px 20px no-repeat;
min-height: 630px;
}

#framecontentRight{
float:left;
color: #1B1B1B;
text-align: left
}
#framecontentRight h4 {
text-align: left;
}

#framecontenttop{
    height: 165px; /*Height of top frame div*/
    overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
    color: white;
    background-image: url(images/topback.gif); background-repeat:repeat-x;
}
#framecontenttop img.floatright {
display: block;
margin-right: 20px;
float: right;
width: 30%;
max-width:430px
}

#maincontent{
float: left;
width: 55%;
min-width: 320px;
background-color:  #e6e6e6;
margin-right:0
}
#maincontenthardware0{
    bottom: 0;
    width: 80%;
    float: left;
}
#bilder{
    
}

#logos{
margin-top: 50px;    
    width: 80px;
    float: right;
}
#logos img {
display: block;
margin-bottom: 10px
}
#footer{
    clear: both;
    width: 100%;
    text-align: center;
    padding: 4px 0;
    overflow: hidden;
    font-size: 8pt;
    margin-top: 100px;
}
.fullwidth {
width: 100%;
}

.logos {
width: 100%
}

.innertube{
    margin: 40px 15px 10px 15px;
}
.innertube h1,
.innertube h2,
.innertube h3,
.innertube h4 {
text-align: center;
}

           /* Bildausrichtung */

.angebote{
    width: 45%;
/*     height: 45%;
 */    max-height: 540px;
    min-height: 337px;
    max-width: 400px;
    min-width: 250px;    
}

.fernwartung{
    max-height: 100%;
    min-height: 135px;
    max-width: 100%;
    min-width: 400px;
}

* html body{ /*IE6 hack*/
    padding: 0 250px 0 200px; /*Set value to (0 WidthOfRightFrameDiv 0 WidthOfLeftFrameDiv)*/
}

* html #maincontent{ /*IE6 hack*/
    height: 100%; 
    width: 100%; 
}

                /*  Buttons */

a.boldbuttons{
    background: transparent url('images/buttonleft.gif') no-repeat top left;
    display: block;
    float: left;
    font: bold 16px Arial; /* Change 13px as desired */
    line-height: 22px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
    height: 30px; /* Height of button background height */
    padding-left: 8px; /* Width of left menu image */
    text-decoration: none;
    width: 120px;
}
.buttonwrapper a.ac span {
color: yellow; 
}
a.boldbuttonsfrei{
    background: transparent url('images/buttonleft.gif') no-repeat top left;
    font: bold 16px Arial; /* Change 13px as desired */
    line-height: 22px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
    height: 30px; /* Height of button background height */
    padding-left: 8px; /* Width of left menu image */
    text-decoration: none;
    width: 120px;
}
a:link.boldbuttonsfrei, a:visited.boldbuttonsfrei{
    color: white; /*button text color*/
}

a:hover.boldbuttonsfrei, a:active.boldbuttonsfrei{
    color: yellow;
    text-decoration: none;
}

a.boldbuttonsfrei span{
    background: transparent url('images/buttonright.gif') no-repeat top right;
    display: block;
    padding: 4px 10px 4px 2px; /*Set 10px to be equal or greater than'padding-left' value above*/
}

a:hover.boldbuttonsfrei{ /* Hover state CSS */
    text-decoration: none;
}

a:link.boldbuttons, a:visited.boldbuttons{
    color: white; /*button text color*/
}

a:hover.boldbuttons, a:active.boldbuttons{
    color: yellow;
    text-decoration: none;
}

a.boldbuttons span{
    background: transparent url('images/buttonright.gif') no-repeat top right;
    display: block;
    padding: 4px 10px 4px 2px; /*Set 10px to be equal or greater than'padding-left' value above*/
}

a:hover.boldbuttons{ /* Hover state CSS */
    text-decoration: none;
}


.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
    overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
    margin-bottom: 10px;
}