/*<![CDATA[
jmp media
www.jmp-media.de
11/2008
*/

* { margin:0; padding:0; }
html{
    /*height: 100%;*/
}
body{
    margin: 0 auto; 
    text-align: center; 
    font: normal normal 101% Arial, Helvetica, sans-serif;
    background: #d5e6ef url(../img/grit.gif) repeat-x;
    color: #3b3b3b;
}
#container {
    margin: 0 auto;
    text-align: left;
    width: 950px;   /*953px;*/
    background: #e1edf4;
}

#header {
    width: 950px;   /*921px;*/
    height: 151px;
    background: url(../img/header.gif) no-repeat;
    position: relative;
}
#header p {
    padding: 10px 33px 16px 0px;
    color: #007ac0;
    font: normal bold 12pt Arial, Helvetica, sans-serif;
    letter-spacing: 1px;
}
#header p span {
    margin-right: 17px;
}
#header img {
    padding: 30px 0 17px 0;
    float: right;
}
ul#metaNavigation {
    float: left;
    height: 20px;
    padding: 0 0 0 25px;
    text-align: left;
}
ul#metaNavigation li {
    list-style: none;
    display: inline; 
}
ul#metaNavigation li a, ul#metaNavigation li a:link, ul#metaNavigation li a:hover,
ul#metaNavigation li a.current, ul#metaNavigation li a.current:link ,ul#metaNavigation li a.current:hover {
    color:#686868;
    text-decoration: none;
    margin: 0 10px 0 5px;
    font-size: 0.75em;
}
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;
}
#page {
    float: left;
    width: 950px;
}
#content {
    width: 671px;   /* 713 */
    float: left;
    padding: 0 49px 43px 0;
    min-height: 525px;  /* 460 */
    background: #deeff7 url(../img/content.gif) repeat-x;
}
#content.start {
    padding: 0 49px 43px 47px;
    width: 624px;
    position: relative; z-index: 10;}
#jobTeaser  {
    display: block; 
    position: absolute;
    z-index: 20;
    width: 430px; 
    height: 224px;
    right: 22px;
    top: -12px;
    background: url(../img/jobs_jk.gif) no-repeat;
    }
#contentWrap {border-left: 1px solid #a8b6be; padding: 0 0 0 15px; margin-top: 21px; }
#left #news img, #content img, #content #news img {
    float: left;
    margin: 17px 18px 12px 0;
}
#content img          { margin-top: 3px; }
#content #news img    { margin-top: 21px }
#content img.goLeft {float: left;}
#content img.goRight {float: right; margin:3px 0 10px 15px;}
#content img.teaser {
    float: none;
    margin: 0; 
    }
#content.start img.teaser {margin-left: -47px;}
#teaserZwei {margin-top: 3px; margin-left: -47px;}
#teaserZwei img {
    border: 1px solid #98989b;
    margin-right: 8px;
    margin-bottom: 5px;
    float: left;
}
#teaserZwei #box{
    background-color: #b3d5e8;
    border: 1px solid #98989b;
    width: 121px;
    height: 175px;
    float: left;
    margin-top:3px;
}
#teaserZwei #box img {
    border: 0px solid #98989b;
    margin-right: 8px;
    margin-bottom: 5px;
    float: left;
}
#content img.end { float: none; }
#content #news p {
    border-bottom: 1px solid #bdcacf;
    padding: 2px 0 10px 0;
    min-height:87px;
}
#news a, #news a:link, #news a:hover,#news a.alle, 
#news a.alle:link, #news a.alle:hover  {
        text-decoration: none;
}
#news a.alle, #news a.alle:link, #news a.alle:hover  {
   color: #333;
}
p, table tr td    { font-size: .75em; padding: 0 9px; line-height: 150%; }
#content p        { padding: 12px 0 10px 0;  }
table tr td       { line-height: 170%;  }
#left p           { padding:5px 12px 7px 0; text-align: left; }
#left ul {
    padding:0 12px 0 12px;
    text-align: left;
    margin: 10px 0 5px 18px;
}
#content ul { margin: 10px 0 5px 0;}

#content ul li {
    font-size: .75em;
    padding: 0 0 5px 15px;
    line-height: 125%;
    list-style-type: none;
    background: url(../img/item.gif) no-repeat left center;
}
#left ul li {
    font-size: .75em;
    padding: 0 0 5px 15px;
    line-height: 125%;
    list-style-type: none;
    background: url(../img/item.gif) no-repeat left center;
}
a, a:link, a:hover {
    color: #007AC0;
    text-decoration: underline;
}

a:hover            { text-decoration: none; }
a.ofuro, a.goOfuro { color: #BC5601; }
a.goOfuro {
    font-size: .7em;
    text-decoration: none;
    clear: left;
    float: right;
    margin-right: 2px;
}
.paging   { text-align: right;}
.paging a { font-size: .8em; color: #007AC0; margin-left: 10px; text-decoration: none; }
.paging a:hover { text-decoration: underline; }

h1 { color: #007ac0; text-transform: uppercase; font-size: .8em; padding: 0;  }
h2 { font-size: .75em; color: #007ac0; padding: 17px 0 0 0; }
h3 { font-size: .7em; color: #3b3b3b; padding: 17px 0 0 0; }
h4 { font-size: .7em; color: #007ac0; padding: 17px 0 0 0; font-weight: normal; }
h5 { font-size: .7em; color: #3b3b3b; padding: 17px 0 0 0; font-weight: normal; }
h6 { font-size: .7em; color: #b9450c; padding: 17px 0 0 0; font-weight: normal; }

hr {
    border: none;
    border-bottom: 1px solid #bdcacf;
    height: 1px;
    margin-bottom: 5px;
}
#left {
    float: left;
    background: #e1edf4 url(../img/navigation.gif) no-repeat;
    width: 202px;   /*230*/
    min-height: 450px;
    padding: 0 10px 75px 18px;
}

.icon { color: #707d85; width: 200px; padding-left: 30px; position: absolute; top: 37px; left: 0; }
#header .icon img {float: none; padding: 0;margin-left: -30px;}
#header .icon p   {color: #707d85; line-height: 115%; font-size: .65em; padding:0;}

ul#navigation {
    list-style-type: none;
    position: relative;
    clear: right;
    float: right;
    margin-right: 30px;
}
ul#navigation li {display: inline; }

ul.sub {
    position: absolute;
    top: 23px;
    left: 0;
    width: 100%;
}
ul#navigation li a, ul#navigation li a:link, ul#navigation li a:hover, 
ul#navigation li.active a, ul#navigation li.active a:link, ul#navigation li.active a:hover {
    text-decoration: none;
    font: normal bold 1em Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    padding: 5px 20px 5px 0;
    color: #007ac0;  
    letter-spacing: 1px;
}

ul#navigation li a:hover, ul#navigation li.active a {color: #4b575f; }

/* Subnavigation */
ul#navigation li ul.sub li a, 
ul#navigation li ul.sub li a:link, ul#navigation li ul.sub li a:hover {
    padding: 2px 0 1px 0;
    color: #4b575f;
    letter-spacing: 0;
    text-decoration: none;
    font: normal normal .75em Verdana, Geneva, Arial, Helvetica, sans-serif;
    text-transform: none;
    margin-right: 15px;
}
ul#navigation li ul.sub li a:hover, ul#navigation li ul.sub li.active a {
    color: #007ac0; 
}
 
#footer  { clear: left; height: 1px; }
.goRight { float: right; }
.goLeft  { float: left; }

form     { width: 400px;margin-top: 20px;}
fieldset { border: none; }
label    { font-size: .8em; color: #3b3b3b; }

input, select{
    width: 250px;
    border: 1px solid #9eb0ba;
    padding: 2px;
    margin: 1px 0;
    background-color: #d3e9f5;
   color: #333;
}
input.submit {
    width: 125px;
    background-color: #5eacd8;
    text-align: center;
    color: #4b575f;
    font-size: .85em;
}
select{
   width:247px;
   padding: 0px;
   margin: 1px 0;
}
textarea {
    width: 250px;
    border: 1px solid #9eb0ba;
    padding: 2px;
    margin: 1px 0;
    background-color: #d3e9f5;
   color: #333;
   font: normal normal .8em Arial, Helvetica, sans-serif;
}
.row {
   padding: 4px 1px;
   display: block; text-align: right;
  clear:right;
}
.row br { /* Ausblenden der <br>s für ungestylte Ansicht */
   display: none; }

.row span {  padding: 0 0 4px 0; width: 140px; float: left;text-align: left; }

.download    { margin-top: 14px; border-spacing: 3px; margin-right: -3px;}
.download th { 
    background-color: #5eacd8; 
    text-transform:uppercase; 
    height: 20px; 
    padding: 0 9px;
    font-size: .85em;
    text-align:right;
}
.download tr.bottomBorder td     { border-bottom: 2px solid #5eacd8; height: 7px; }
.download tr.bottomHeader td     { height: 5px; }
#content .download tr td.pic img { margin: 0; padding: 0;}
.download tr td.name a           { text-decoration: none; color: #3b3b3b;}

/*]]>*/