/*<![CDATA[
jmp media - pixelcoach. Nicole Mueller
www.jmp-media.de
05/2009
*/

p, h1, h2, h3, h4, h5, h6, ul, li, hr,
dd, dt, ol
/*,table, tr, td, thead, tfoot, tbody */{ margin:0; padding:0; }


html, body {
    height: 100%;
    margin: 0 auto; 
    text-align: center; 
    font: normal normal 100% Verdana, Geneva, Arial, Helvetica, sans-serif;
    background: #306bcf;
    color: #333;
}

#container  {
    margin: 0 auto;
    width: 1000px;
    text-align: left; 
    position: relative;
    font-size: 12px;
}

#header {
    height: 75px;
    width: 1000px;
    background: url(../img/bg_header.gif) no-repeat;
}
#header img {
    float: left;
}
#header .logo {
    margin: 29px 0 0 447px;
    height: 40px;
    display: block;
    float: left;
}
#page #header p.goLeft {
    clear: left;
    padding:0;
    margin-left: 150px;
    float: left;
    width: 35%;
}

#page #header p.goRight {
    float: right;
    width: 40%;
    height: 19px;
    padding: 0 25px 0 0;
    text-align: right;
}
#header h1 {
    color: #000;
    font-style: italic;
    font-size: 14px;
    margin: 37px 0 0 16px;
    float: left;
    padding: 0;
}
.teaser {
    position: absolute;
    top:98px;
    left:0;
    z-index: 50;
}
.teaser img {
    float: left;
}
.teaser img.pic1{
    border-right: 5px solid white;
}
#page {
    width: 1000px;
    float: left;
    border-top: 4px solid #c0c7ce;
}

hr {
    border: none;
    border-bottom: 1px solid #fff;
    height:1px;
    margin: 17px 7px 13px 0;
}
.footer hr {
    margin-right: 0px;
}
#wrap {
    width: 1000px;
    padding: 0;
    border-bottom: 8px solid #8193a6;
    background: url(../img/bg_page.gif) repeat-y;
    clear: left;
    float: left;
}

#content {
    width: 512px;
    float: left;
    padding: 30px 0 0 0;
    margin: 0 10px 0 17px;
}

#leftLt {
    width: 221px; 
    float: left;
    padding-top: 30px;
    background: #fefefe url(../img/bg_left.gif) repeat-x right top;
    min-height: 700px;
}   
#werbeBlock {
    color: #333;
    font-size: 12px;
    margin: 45px 16px 0 17px;
}
#werbeBlock h3 {
    font-size: 12px;
    margin: 35px 0 8px 0;
}
#werbeBlock div img {
    margin-bottom: 7px;
}
#rightLt {
    float: left;
    width: 240px;   /* 296 */
    text-align: left;
    background: #fefefe url(../img/bg_marginal.gif) repeat-x right top;
    padding: 53px 0 0 0;
    border-top: 7px solid #8193a6;
    min-height: 750px;
}

#rightLt a:hover { text-decoration: none; }
#rightLt ul  {
    width: 100%;
    xfloat: left;
    margin-bottom: 9px;
}
#rightLt li  {
    list-style-type: none;
    display: block;
    clear: left;
}
#rightLt li span, #rightLt li img {
    float: left;
}
#rightLt li img {
    margin: 0 6px 3px 0;
}
#rightLt li span {
    vertical-align: top;
    width: 100px;
}
#favListe,
#hinweis {
    width: 193px;   /* 225 */
    border: 1px solid #333;
    font-size: 11px;
    padding: 10px 7px 10px 25px;
    margin: 0 6px 12px 6px;
}
#hinweis strong.highlight {
    color: #306bcf;
}
#hinweis h3 {
    color: #306bcf;
    font-size: 12px;
    padding-bottom: 15px;
}
#favListe {
    background: #ccd1d7 url(../img/verlauf_favliste.gif) repeat-x top left;
    color: #333;
    padding: 7px 7px 10px 25px; 
}
#favListe h2 {
    background: url(../img/nav_item.gif) no-repeat 0 2px;
    font-size: 14px;
    color: #333;
    margin-left: -20px;
    margin-bottom: 16px;
    padding: 0 0 0 20px;
}
#favListe h2 a.jsKlappClosed, #favListe h2 a.jsKlappOpen {
    color: #333;
    text-decoration: none;
    padding-right: 15px;
    background: url(../img/icon_closed.gif) no-repeat 100% 3px;
}
#favListe h2 a.jsKlappOpen {
    background: url(../img/icon_open.gif) no-repeat 100% 5px;
    padding-right: 16px;
}

#hinweis {
    background-color: #babfc6;
    color: #000;
}
#googleBox {
    margin: 33px 20px 0 33px;
    font-size: 12px;
}
#googleBox a{
    font-size: 11px;
    color: #000;
    text-decoration: none;
}
#googleBox p {
    padding-bottom: 12px;
}
#content p {
    line-height: 135%;
    padding: 0 0 15px 0;
    font-size: 12px;
    line-height: 16px;
}
/*td                        { padding: 11px 8px 0 5px; }
th                      { padding: 4px 8px 4px 5px; }
td.first                    {text-align: center;
}
th                          { color: #017DBD; }
table                   { border-collapse: collapse; width: 100%; margin-bottom: 5px; }
thead, tfoot            { background-color: #dddee0; height: 23px;  }
thead                       { background-color: #dddee0; text-align: left; }
*/

#content ul, #content ol    { margin: 5px 0 15px 3px; }
#content ul li,     
#content ol li      {
    font-size: 12px;
    line-height: 15px;
    margin:0 0 0 14px;
    padding: 2px 0 6px 10px;
    color: #333;
}
#content .productList,
#content .list  {
    margin: 0;
    float: left;
}
#wrapAnzeige .anzeige {margin: 0; padding: 0; width: auto;}
#wrapAnzeige .anzeige .productList {
margin: 4px; }
#content .list  {
    margin: 6px 0 0 0;
    width: 100%;
    clear: left;
}
#content .productList li,
#content .list li {
    list-style-type: none;
    float: left;
    margin: 0 4px 4px 0;
    padding: 0;
    display: inline-block;
    width: 81px;
    height: 81px;
    font-size: 11px;    
}
#content .list li {
    margin: 0 20px 9px 0;
    vertical-align: top;
    height: auto;
}
#content .list img {
    margin: 0 0 5px 0;
}
.productList img {
    border: none;
}
#content .detail {
    border: 1px solid white;
    margin: 9px 0 12px 0;
}
#content dl {
    margin: 10px 0 15px 0;
    width: 95%;
    font-size: .8em;
    line-height: 135%;
    color: #333;
    float: left;
}
#content dl dt {
    clear:left;
    float:left;
    width:7%;
}
#content dl dd {
    clear:right;
    float:right;
    width:90%;
}

#leftLt ul, ul#metaNavigation {
    list-style-type: none;
    text-align: left;
    padding: 0;
    }

ul#metaNavigation {
    padding: 2px 0 0 238px;
}

ul#metaNavigation li        {
float: left;
}
#leftLt ul li {
    border-color: white;
}
#leftLt ul li a, #leftLt ul li a:link, #leftLt ul li a:hover {
    display: block;
    text-decoration: none;
    font-size: 13px;
    color: #313f4d;
    font-weight: bold;
    padding: 0 0 11px 19px;
}
ul#navigation li a:hover, ul#navigation li.active a  {
    color: #000;
    background: url(../img/nav_item.gif) no-repeat 4px 1px;
}
ul#navigation ul  {
    margin: -2px 0 8px 0;
}

ul#navigation li.active ul li a, ul#navigation li.active ul li a:link, ul#navigation li.active ul li a:hover {
    display: block;
    text-decoration: none;
    font-size: 13px;
    color: #313f4d;
    font-weight: normal;
    padding: 0 0 8px 30px;  
    background: none;
}

ul#navigation li.active ul li a:hover, ul#navigation li.active ul li.active a  {
    color: #000;
    background: none;
    text-decoration: underline;
}
ul#metaNavigation li a, ul#metaNavigation li a:link, ul#metaNavigation li a:hover {
    text-decoration: none;
    font-size: 11px;
    color: #d89521;
    padding: 0 22px 0 0;
}

ul#metaNavigation li a:hover, ul#metaNavigation li a.last:hover, 
ul#metaNavigation li a.current, ul#metaNavigation li a.current:link, 
ul#metaNavigation li a.current:hover {
    text-decoration:underline;
}
#quickskip {
}
#quickskip li {
  position: absolute;
  visibility: hidden;
}
#content p.breadcrumb {
    margin-top: -4px;
    padding:0 0 9px;
    clear: both;
}
.breadcrumb span {
    font-size: 10px;
    color: #333;
    margin-top: 2px;
    line-height: 21px;
    float: left;
}
.footer {
    clear: left;
    width: 1000px;
    background: url(../img/bg_footer.gif) repeat-x top left;
    height: 35px;
    position: relative;
}
.footer hr {
    left:238px;
    margin:0;
    position:absolute;
    top:-9px;
    width:506px;
}
}
.footer p {
    font-size: 11px;
    color: #39546f;
    margin: 9px 0 0 150px;
}

#adresse address {
    font: normal normal 11px arial; color: #333;
}
address strong {
    letter-spacing: 2px;
    font-weight: normal;
}
/* ------------------ Allgemeine Anweisungen */

a, a:link, a:hover { color: #333333; }
a:hover            { text-decoration:none ;  }

a.overview {
    color: #313f4d;
    float: right;
    margin-top: 2px;
}
.clearfix:after,
#page ul.list:after,
#rightLt #favListe ul:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.clearfix {
    display: inline-block;
}
 
html[xmlns] .clearfix {
    display: block;
}
 
* html .clearfix {
    height: 1%;
}
a.button, input.button {
    display: inline-block;
    color: white;
    border: 1px solid white;
    background: url(../img/bg_button.gif) repeat-x top right;
    text-decoration: none;
    padding: 8px 33px 9px 15px;
    font-size: 14px;
    font-weight: bold;
    margin-top: 7px;
    height: 17px;
}
input.button {
    padding: 7px 33px 8px 15px;
    margin-right: 7px;
    height: 34px;

}
#favListe .clearfix {margin-bottom: 5px; }
#favListe .button {margin-bottom:10px; display: block; }
#content  h1    {
    font-size: 14px;
    color: #333;
    padding: 0 0 14px 0;
    clear: both;
}
h2                  {
    color: #313f4d;
    font-size: 13px;
    padding: 0 0 3px 0;
}
#content h3 {
    color: #4c647c;
    font-size: 12px;
    padding:5px 0 0 0;
}
.noL    {
    clear: left;
}
.noR    {
    clear: right;
}
.ltButton {margin-top: -5px;}
#content form p {
    margin: 0 0 7px 0;
    min-height: 25px;
    height: 25px;
    padding: 0 0 0 24px;
}
#content form p.radio {
    min-height: 60px;
    height: 60px;
}
label.radio input {
margin: 3px 0 0 -22px;
position:absolute;
}

label.radio {
xpadding-left:22px;
position:relative;
width: auto;
}

#content form p.big {
    height: 85px;
    min-height: 85px;
}
#content form p.two {
    margin-top: 8px;
}
form {
    margin-top: 35px;
}
fieldset        { border: none;  background:#d9dee2; padding: 18px 10px 14px 0;margin: 0 7px 42px 0;}
fieldset.last  { border-bottom: 1px solid #4c647c;margin: 0 7px 14px 0; height: 300px;}
label           { font-size: 12px; color: #333; width: 165px; display: inline-block; float: left; }
form span           { font-size: 12px; color: #333; width: 265px; display: inline-block;  }
form p.radio2 span {float: right; width: 278px; }
form label.radio span         {float: left;}
form label.radio span.label   {display:block; float:left; padding:0; width:193px;}
form h4     { margin: -23px 0 10px 0; color: #4c647c; font-size: 12px; font-weight: bold;}
p.two label {
    line-height: 185%;
}
#content input.txt,
#content textarea {
    border: 1px solid #4c647c;
    background: #eeeded;
    width: 247px;
    height: 20px;
    padding: 3px 0 0 10px;

}
#content textarea {
    height: 80px;
    margin: 5px 0;
    }
#content .error {
    border-color: #d89521;
}
label.error {
    color: #d89521;
}

#content .two .small,
#content .two .smallTwo,
#content .two .smallThree {
    float: left;
    width: 161px;
}
#content .two .small {
    margin-right: 11px;
    width: 63px;
}
#content .two .smallThree {
    margin-right: 11px;
    width: 112px;
}
.abstand {
    margin-right: 11px;
}
.aRight {
    text-align: right;
}
.goRight {
    float: right;
}
/*popup kontakt steht direkt im layout*/
#popup {
    position: absolute;
    z-index: 500;
    margin: 0px auto;
    text-align: center;
    background-color: white;
    padding: 10px;
    xmargin: 40px 90px 0 90px;
    width: 650px;
    border: 1px solid #133B79;
    left: 150px;
    top: 650px;
} 
#popup img {border: 1px solid #133B79; margin:0;}  
#popup a {
    color: #004485;
    font: normal normal .8em Verdana, Arial, Helvetica, sans-serif;    
}
#popup span {width: 100%;}
fieldset p.two {position: relative;}
fieldset p.two a {
display: block;
width: 20px;
height: 20px;
position: absolute;
right: 115px;
top: 3px;
}
/*]]>*/