/*<![CDATA[
pixelcoach. Nicole Mueller
for www.jmp-media.de
11/2009
*/
/*reset all*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    color: #333;
    line-height: 150%;
    font-family: inherit;
    vertical-align: baseline;
}
body {
    height: 100%;
    margin: 0 auto; 
    text-align: center; 
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    background: #fff;
}
a { text-decoration: none; }

table,
fieldset,
a img {
    border: none;
}
/*clearfix after*/
#page:after,
#content .box:after  {
    clear: both;
    content:'';
    display: block;
    height:0;
}
#container {
    width: 1000px;
    margin: 0 auto;
    text-align: left; 
position:relative;
}

#page {
    float: left;
    margin-bottom: 22px;
    
}
#header {
    height: 306px;
    background: url(../img/bg_header.png) no-repeat 0 55px;
}

#popup {
background-color:white;
border:1px solid #0f63ab;
margin:40px 90px 0;
padding:10px;
position:absolute;
text-align:center;
width:766px;
z-index:500;
}
.teaser {
    border-top: 1px dotted #adadb0;
}
ul#metaNavigation   {
    float: right;
    display: inline-block;
    margin: 30px 8px 0 0;
}
ul#metaNavigation li,
#news li,
#content li,
#marginal li,
ul#navigation li,
ul.second, ul.third     { list-style-type: none; }

ul#metaNavigation li        { display: inline; }

ul#metaNavigation li a, 
ul#metaNavigation li a:link, 
ul#metaNavigation li a:hover,
ul#metaNavigation li a.active, 
ul#metaNavigation li a.active:link,
ul#metaNavigation li a.active:hover {
    text-decoration: none;
    padding: 0 7px; 
    font-size: 10px;
}
ul#metaNavigation li a:hover, 
ul#metaNavigation li a.active, ul#metaNavigation li a.active:link ,ul#metaNavigation li a.active:hover
 { text-decoration: underline; }

#content {
    width: 462px;    
    float: left;
    background: #fff;
    padding: 20px 25px 0 48px; 
}
#content.start {
    padding: 51px 25px 0 48px;
}
p, th, td {
    font-size: 12px;
    padding: 2px 0 10px 0;
}
hr {
border: none;
    border-bottom: 1px dashed #adadb0;
    height:1px;
    margin: 13px 0 4px 0;
}
td, th                  { padding: 4px 8px 4px 0; }
tr                      { border-bottom: 1px solid #d7d3d5; }
table                   { border-collapse: collapse; width: 90%; margin-bottom: 5px; }
#content p              { padding: 8px 0 12px 0; line-height: 18px; }
#content .box           { width: 100%; margin: 10px 0 15px 0; float: left;}
#content .team           { float: none; overflow: visible;}

#content .partner   { border-bottom: 1px dashed #adadb0; margin: 10px 0 6px 0; padding-bottom: 12px;}
#content .box img,
#content .box div {
    float: left;
}
#content .box img {height: auto;}
#content .box div {
    width: 257px;
    padding: 0 0 0 20px;
    margin-top: -12px;
}
#container #content div.team div {
    float: none;
    overflow: hidden;
    width: auto;
}
#content .team img { margin-bottom:25px;}
#paging {
    width: 100%; text-align:center;
}
#paging .next, 
#paging .back {
    width: 48px; 
    height: 11px;
}
#paging a {
    display: inline-block;
    font-size: 11px;
}
#paging .next {
    border-left: 1px solid #c4c4c5;
    margin-left: 14px;
    background: url(../img/ic_next.gif) no-repeat 0 0;
}
#paging .back {
    border-right: 1px solid #c4c4c5;
    margin-right: 14px;
    background: url(../img/ic_back.gif) no-repeat 0 0;
}
#col1 {
    width: 240px; 
    float: left;
    background: url(../img/bg_navi.png) no-repeat top left;
    position: relative;
    min-height: 200px;
}
#col1 img {
    margin: -68px 0 50px -14px;

}
ul#navigation           {
    text-align: left;
    padding: 0 0 0 0;
    margin: 0  0 0 0;
    position: relative;
    top: -135px;
    left: 15px;
}

ul#navigation li        {
    margin: 0 0 7px 0;
}
ul#navigation li.active ul.second li {
    margin:0;   
}
ul#navigation  li a, ul#navigation li a:link, ul#navigation li a:hover,
ul#navigation li.active a  {
    display: block;
    text-decoration: none;
    font-size: 12px;
    padding: 5px 0 5px 47px;
    color: #333;
    line-height: 17px;
}
ul#navigation  a:hover,
ul#navigation li.active a   {
    background:  url(../img/ic_nav.gif) no-repeat 5px 0;
}
ul#navigation li.active a {
    font-weight: bold;
    color: #0059a7;
    background:  url(../img/ic_nav.gif) no-repeat 5px 0;
}
ul.second {
    margin-top: -3px;
}
ul#navigation ul.second li a, 
ul#navigation ul.second li a:link, 
ul#navigation ul.second li a:hover {
    padding: 0 0 0 62px;
    background: none;
    color: #333;
    font-weight: normal;
    line-height: 16px;
}
ul#navigation ul.second li.active a,
ul#navigation ul.second li a:hover {    background: url(../img/ic_nav_second.gif) no-repeat 48px 5px; }
ul#navigation ul.second li.active a {   font-weight: bold;   }

#news {
    background: url(../img/bg_left_news.png) no-repeat 0 21px;
    margin-top: -60px;
    padding: 12px 20px 0 28px;
}

#newsBottom {
        background: url(../img/bg_left_news_bottom.png) no-repeat 0 0;
        height: 10px;
        width: 240px;
}
#news li ,#news li p{
    font-size: 10px;
    padding: 0 3px 1px 0;
    line-height: 12px;
    color: #0e0e12;
}
#news li {
    border-bottom: 1px dashed #adadb0;
    padding: 0 0 15px 0;
    margin: 0px;
}
#news li.last {
        margin: 0 0 7px 0;

} 
#news strong {
    color: #0059a7;
}
#news li a {
    background: url(../img/bg_newslink.png) no-repeat top left; 
    display: inline-block; 
    line-height: 12px;
    text-indent:2000px;
    overflow: hidden;
    width: 46px;
    height: 12px;
    float: right;
    margin: 0px;
}
a.flashLink {
 background: url(../img/ic_back.gif) no-repeat 0 3px;
 padding: 0 0 0 38px;
}
#news a.all {
    text-decoration: none;
    font-size: 10px; 
}
#news h2 {
    font-weight: bold;
    margin: 0 0 13px 35px;
    font-size: 12px;
}
#news h3 {
    font-weight: bold;
    margin: -1px 0 8px 0;
    font-size: 10px;
    color: #333;
}

#news  hr {
    border: none;
    height: 1px;
}

#blog {
    background: url(../img/bg_left_blog.png) no-repeat bottom;
    height: auto;
    margin-top: 1px;
    padding: 12px 20px 0 28px;
}

#marginal {
    float: left;
    width: 225px;  
    margin-top: 20px;
}
#marginal img {
    margin-bottom: 10px;
}
#marginal p {
    padding-left: 8px;
    font-size: 11px;
    line-height: 14px;
}
#marginal p img {
    margin-left: -8px;
}
#marginal a {
    color: #333;
    line-height: 13px;
    margin: 0 ; 
    font-size: 11px;
}
#marginal ul {
    margin-left: 8px;
}
#content ul li, #marginal li {
    color: #333;
    background: url(../img/item_link.png) no-repeat 2px 2px; 
    padding-left: 17px;
    line-height: 12px;
    font-size: 11px;
}
#marginal li {
    line-height: 18px;
    margin:0 0 7px 0;
    background-position: 0 4px;
    padding-right: 25px;
}
#page #content ul li {
    background: url(../img/item_link.png) no-repeat 2px 5px; 
    line-height: 15px;
    font-size: 12px;
    padding: 2px 0 6px 20px;
    line-height: 15px;
}
#content ul {
    margin: 9px 0 15px 0;
}
.footer {
    height: 26px;
    background: url(../img/bg_footer.png) no-repeat 16px 0;
    clear: left;
    position: relative;
}
.footer img {
    position: absolute;
    left: -17px;
    top: -48px;
}
/* ------------------ Allgemeine Anweisungen */

#content a, #content a:link, #content a:hover,
#marginal a, #marginal a:link, #marginal a:hover { color:#0059a6; text-decoration: underline; }
a:hover            { text-decoration: none; }
h1, h2, h3, h4, h5, h6 {
    font-weight: bold;
    font-size: 13px;
    margin-bottom: 1px;
}

h1,h3,h5         { color: #0059a6; }
h2,h4,h6         { color: #333; }
h1, h2               { text-transform: uppercase; } 
.start h1 {
    margin-bottom: 1px;
}
h1 {
    margin-bottom: 1px;
}
h2 { margin: -2px 0 12px 0; }
.start h2,
.news h2 { margin: -2px 0 12px 0; }
.news h2 { margin: 0 0 12px 0; }
h3 { margin: 6px 0 0 0; }   
h4 { margin: 2px 0 -2px 0;}
h5, h6               {font-weight: normal; font-style: italic; margin: 5px 0 -9px 0; }

.goRight             { float: right; }
.goLeft              { float: left; }
.clearBoth           { clear: both; }   

.textNormal          {font-weight: normal !important; } 

/*------------------- Formular */
#marginal form {
    padding: 9px 14px 14px 4px;
    background: #ced8e1;
}
#content form {
    padding: 5px 0 0 0 ;
}
#content form p {
    font-size: 10px;
    padding: 6px 0 2px 0;
    float: left;
}
#marginal fieldset   { border: none;  background:#e7ecf0; padding: 0 10px 10px 7px;}
#content fieldset {border: none;  background:transparent; padding: 0 ;}
label           { font-size: 12px; color: #333; width: 165px; display: inline-block; float: left; }
form span           { font-size: 12px; color: #333;  display: block; float: left; }
form span.second    { width: 135px; display: inline-block; padding-left: 20px;  }
#content form div   {
    width: 200px; position: relative;
}           
#marginal input,  input.txt, select, textarea   {
    width: 172px;
    padding: 3px 3px 3px 9px;
    margin: 0 0 3px 0;
    background: #caccd0;
    color: #333;
    border: none;
    height: 14px;
    font-size: 11px;
}
#marginal select    { width:120px; padding: 3px 3px 3px 7px; margin: 0 16px 0 0; height: 23px;
float: left; font-size: 13px; }
#content select { padding: 0; margin: 0 16px 0 0; height: 23px;
float: left; font-size: 13px;background: #eeeded; border: 1px solid #a6a6a8;}

#marginal input.submit {
    height: 20px; 
    border: none;
    color: #151518;
    font-size: 16px;
    font-weight: bold;
    width: auto;
    padding: 0 13px 0 0;
    background: url(../img/ic_submit.gif) no-repeat 100% 1px;
    cursor: pointer;
}
input.check {
    margin: 5px 10px 0 0;
}
#content input.txt,
#content textarea.txt {
    border: 1px solid #a6a6a8;
    background: #eeeded;
    width: 257px;
    height: 15px;
    font-size: 13px;
    padding:2px 3px 3px 9px;
}
#content textarea.txt {
    height: 50px;
}
#content fieldset {
    background: none;
}
legend {font-weight: bold; padding: 10px 0;}
#content .two .small,
#content .two .smallTwo {
    float: left;
    width: 110px;
}
#content .two .small {
    margin-right: 23px;
}
#content input.submit {
    border: none;
    background-color: #ced8e1;
    border: 1px solid #4c647c;
    font-weight: bold;
    color: #333;
    height: 25px;
    text-align: center;
    width: 131px; 
    padding: 3px 0;
    margin-right: 5px;
    }
    
.highlight {color:#0059A6;} 
.articlelistNavigation div {
display: inline-block;
float: left;
margin-right: 10px;}  

#blog p {
font-size: 10px;
line-height: 12px;
}
#blog strong{
color: #0059A7;
}
#blog .last{
border-bottom: 1px #ADADB0 dashed;
padding-bottom: 15px;
}
#blog img{
margin: -15px 0px 0px 0px;
float: right;
}
#news a.all{
background-image: url(../img/bg_alle.png);
background-position: bottom right;
background-repeat: no-repeat;
width: 86%;
display: inline-block;
}
#blog a.all{
background-image: url(../img/bg_alle.png);
background-position: bottom right;
background-repeat: no-repeat;
width: 84%;
display: inline-block;
}

.en #blog {
margin-top: -10px;
} 

/*]]>*/