/** CSS for afpm.de. Author Ingmar Decker, 2009 */

/* ************ General */
* { margin: 0; padding: 0;  }
body { background-color: #333; font-family: Helvetica, Arial, sans-serif; color: #333; font-size: 90%; }

.clear, #clear { clear: both; }
.invisible{ width:0px; height:0px; display:none; }

img { border: 0; }
h1, h2, h3, h4, h5 { color: #850202; font-size: 100%; margin-bottom: 8px; }
h1 { font-size: 120%; }
/* #index h1 { color: #333; } */
h1 { color: #333; } 

p { margin-bottom: 8px; }

a { color: #850202; text-decoration: none; }
a:hover { color: #850202; text-decoration: underline; }

ul { list-style-image: url(/afpm/bullet.gif); margin-left: 16px; }

/* ************ Layout */

#wrapper {  margin: 20px auto 20px auto; background-color: #fff; width: 976px; padding: 16px; }
#main-header { height: 89px; position: relative; border: 0; padding: 0; margin: 0; }
#visual { margin: 0; padding: 0; position: relative; margin-top: -2px; }
#logo { width: 260px; }
#lang-select { position: absolute; top: 0; right: 0; }
#container { position: relative; margin-top: 16px; }
#left { float: left; width: 246px; overflow: hidden; padding-right: 16px; }
#main { float: left; width: 476px; } /* 460 */
#main .inside { padding-right: 16px; }
#right { float: left; width: 230px; overflow: hidden; }
#footer { border-top: 2px solid #333; padding-top: 6px; margin-top: 16px; }

/* ************ Modules */

.mod_navigation  ul { list-style: none;   }
.mod_navigation  li { padding-bottom: 10px; }
#header .mod_navigation  ul { list-style: none; display: inline; }
#header .mod_navigation  li { display: inline; }
.mod_navigation a { color: #333; font-weight: bold; font-size: 120%; }
.mod_navigation a:hover { color: #850202; text-decoration: none; }
.mod_navigation .trail a, .mod_navigation .active span, .mod_navigation .active a  { color: #850202; font-weight: bold; }
.mod_navigation .active span { font-size: 110%; }

#header .mod_navigation { position: absolute; bottom: 0px; right: 0; padding-bottom: 8px; }
#header .mod_navigation  a { }
#header .mod_navigation  ul { padding: 0; margin: 0; }
#header .mod_navigation  li { background: #fff url(menu-bg.gif) 0 0.1ex no-repeat; padding-left: 6px;  margin-left: 16px; }

#copy a:hover { text-decoration: none; }
#copy { font-weight: bold; }

#footer .inside { position: relative; }
#footer .mod_customnav { position: absolute; top: 0; right: 0 !important; right: 16px; }
#footer .mod_customnav  ul { list-style: none; display: inline; }
#footer .mod_customnav  li { display: inline; margin-left: 16px; }
#footer .mod_customnav  a { color: #333; font-weight: bold; }
#footer .mod_customnav  a:hover { text-decoration: none; }

.testimonial { color: #850202; }

.caption { color: #777; } 

.get-offer  { text-align: center; padding: 16px; }
.get-offer a { background-color: #900; padding: 5px 10px 5px 10px; color: #fff; font-weight: bold; border-top: 1px solid #bbb; border-left: 1px solid #bbb;  border-bottom: 1px solid #444;  border-right: 1px solid #444; } 
.get-offer a:hover { text-decoration: none; color: #fff; }

#lang-select a { color: #333; background: #fff url(/afpm/bullet.gif) 0 2px no-repeat; padding-left: 12px; }
#lang-select a:hover  { }

#sitemap .mod_navigation  ul { list-style-image: url(/afpm/bullet.gif); }
#sitemap .mod_navigation  li { padding-bottom: 0; }
#sitemap .mod_navigation a { font-size: 100%; font-weight: normal; line-height: 3ex; }
#sitemap .mod_navigation  li li { padding-left: 16px;  }
 
/* ************ Modules */
input { line-height: 3ex; }
.form-field { margin-bottom: 10px; }
.error { color: #850202; } 
.submit_container  input{ background-color: #900; padding: 5px 10px 5px 10px; color: #fff; font-weight: bold; border-top: 1px solid #bbb; border-left: 1px solid #bbb;  border-bottom: 1px solid #444;  border-right: 1px solid #444; } 
.field-short { width: 100px; }
.field-medium { width: 250px; }
.field-long { width: 400px; }
.form-field p { margin: 0; }
.form-field label { font-weight: bold;  }
.form-field-label {margin-bottom: 4px; }
.form-field input, .form-field textarea { border: 1px solid #333; }
.radio_container span { display: block; }
.radio_container input { border: 0; vertical-align: middle; }
.checkbox_container input { border: 0; vertical-align: baseline; }
.checkbox_container span { display: block; }