/* De Roedel */
html      { height: 100%; }
body      { height: 100%; margin: 0; font-family:Verdana,Arial,helvetica,sans-serif; font-size:11pt; background: #fff url(/images/bg.jpg) left top repeat-x }
h1        { margin: 200px 20px 1em 56px; padding: 8px; font-size:14pt; font-weight:bold; width:480px;}         
h2        { margin: 0; padding: 0; font-size: 100%; } 

img       { margin: 0 8px; }

div.container { text-align: center; width: 922px; height: 100%; margin: 0 auto; }
.flash    { height: 100%; float: static }
.tooltip  { position: absolute; left: -50px; width: 10px; height: 10px; font-size:8pt; font-style:italic; text-align:left; overflow: hidden; }
.body     { margin: 20px 20px 1em 56px; padding: 8px; font-size:11pt; background-color:#ffc; width:632px; text-align:justify;}         
.menu     { margin-left:60px; padding: 8px; font-size:10pt; text-align:center; width:632px;}         
.footer   { margin-left:60px; padding: 0 8px; font-size:10pt; font-style:italic; width:632px; text-align:center;}         
.subfooter{ margin-left:60px; padding: 0 8px; font-size:8pt; font-style:italic; width:632px; text-align:center;}         

a         { color: #000; text-decoration:underline; }
a:hover, a:active { color: #000; text-decoration:none; }

/* Styles for iPad / iPhone */
body.mobile { margin: 0; padding: 0; background: #fff url("../images/mobile/gradient.jpg") left top repeat-x; font-family: verdana, geneva, sans-serif; font-size: 0.6em; color: #4a5258; }
body.mobile p { margin: 0 0 12px; padding: 0; line-height: 150%; }
body.mobile a { color: #4a5258; }
body.mobile a.silent { text-decoration: none; }
body.mobile ul { margin: 0; padding: 0; list-style: none; }
body.mobile ul li { line-height: 150%; }
body.mobile ul li ul { margin-left: 20px; }
body.mobile ul li ul li { font-style: italic; }
body.mobile ul.products li { margin-bottom: 5px; }
    
body.mobile div.container { width: 1024px; height: 640px; margin: 0 auto; text-align: left; }

body.mobile div.content { position: relative; width: 340px; height: 500px; padding: 75px 0 0 90px; float: left; } 
body.mobile div.contact { position: absolute; bottom: 0; }
body.mobile div.contact label { display: inline-block; width: 120px; }

body.mobile div.blocks { position: relative; margin-left: 500px; width: 430px; height: 570px; background: transparent url("../images/mobile/blocks.gif") left -20px no-repeat; }
body.mobile div.buttons { position: absolute; bottom: 30px; left: 132px; }
body.mobile a.button { display: block; width: 213px; height: 32px; margin-bottom: 6px; background: transparent left top no-repeat; }
body.mobile a.button:hover { background-position: left -32px; }
body.mobile a.call { background-image: url("../images/mobile/button_call.gif"); }
body.mobile a.mail { background-image: url("../images/mobile/button_mail.gif"); }
body.mobile a.newsletter { background-image: url("../images/mobile/button_newsletter.gif"); }
body.mobile a.maps { background-image: url("../images/mobile/button_maps.gif"); }