@charset "utf-8";
/* ________________________________________________________________

    CSS DEFINITIONS 
    Copyright 2009 Nanomedia for Nanotools GmbH
    author: Robert Lingner | lingner@nanomedia.net
    ________________________________________________________________*/






/* --------------------------------------------------------------
    BASIC TYPO
-------------------------------------------------------------- */

a {
   text-decoration: none;
}

H1, H2, H3, H4, P {
    line-height: 140%;


}

H1 {
    font-size: 25px;
    font-weight: normal;
    padding: 0px 0px 2px 0px;
    border-bottom: 2px solid #E2E2E2;
    margin-bottom: 10px;
    color: #464646;
}

H2 {
font-size:18px;
font-weight:normal;
border-bottom: 1px solid #E2E2E2;
margin-bottom: 10px;
color:#333333;
clear:both;
padding-bottom:4px;
}


H2 a {
color:#333333;
}
H2 a:hover {
color:#3470B9;
}


p {
    font-size: 11px;
    color: #333333;
    padding-bottom:10px;
}
p a {
    text-decoration: underline;
color:#333333;
}
p a:hover {
    text-decoration: none;
color:#3470B9;

}

#content p b,#content p strong {
    color: #464646;
}

p.ordercode {
font-weight:bold;
display:block;
width:354px;
color: #333;
border: 1px dashed #CECECE;
padding: 5px 5px 5px 10px;
margin-bottom:15px !important;
}

/* --------------------------------------------------------------
    G R I D 
-------------------------------------------------------------- */

body {
    background: #fff;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
#globalwrap {
    margin: 19px auto 0px auto;
    width: 913px;
    text-align: left;
}
#header {

    float: left;
    clear: both;
    width: 100%;

}

img {
border:none;
}

#logo {

    clear: both;
    border:none;
}
ul#servicenav {
display:none;
}
ul#mainnav {
    display:none;
}
#addressline {

    font-size:11px;
    color: #868686;
}
#addressline a {
    text-decoration: underline;
    color: #868686;
}
#addressline a:hover {
    text-decoration: none;
color:#3470B9;
}
#keyvisual_home {
display:none;
}

#keyvisual {
    display:none;

}

#contentwrap-1 {
    float: left;
}
#contentwrap-1 #content_left {

    display:none;
}
#contentwrap-1 #content_right {
    width: 100%;
    float: right;
}
#content {
    clear: both;
    padding: 29px 0px 19px 19px;
}
/* --------------------------------------------------------------
    SERVICE NAVIGATION
-------------------------------------------------------------- */

ul#servicenav li {
    padding-left: 22px;
    display: inline;
    list-style-type: none;
}
ul#servicenav li a {
    font-size: 11px;
    color: #2B4373;
    font-weight: bold;
}
/* --------------------------------------------------------------
    MAIN NAVIGATION / Level 1
-------------------------------------------------------------- */

ul#mainnav li {
    float: left;
    width: 163px;
}
ul#mainnav li a {
    font-size: 11px;
    font-weight: bold;
    display: block;
    height: 19px;
    background: #3470B9 url(../images/nt_white_spacer.gif) repeat-x 0px 55px;
    text-align: center;
    padding-top: 62px;
    margin-left: 3px;
    color: #fff;
}
ul#mainnav li a:hover,
ul#mainnav li a.active,
ul#mainnav li.activefirst a.active {
    background: #2B4474 url(../images/nt_white_spacer.gif) repeat-x 0px 55px;
}
/* --------------------------------------------------------------
    SUB NAVIGATION / Level 2
-------------------------------------------------------------- */

ul.subnav {
    float: left;
    width: 261px;
}
ul.subnav li {
    float: left;
    clear: both;
    width: 100%;
    text-align:left;
    border-top: 2px solid white;
}
ul.subnav li a {
    padding: 7px 15px 7px 15px;
    color: #333333;
    display:block;
    background-color: #D4D4D4;
    font-size: 18px;
}
ul.subnav li.active a, 
ul.subnav li.activefirst a, 
ul.subnav li a:hover {
    color: #333333;
    background-color: #D4D4D4;
}
/* --------------------------------------------------------------
    SUB NAVIGATION / LEVEL 3
-------------------------------------------------------------- */

ul.subnav ul {
    margin-top:-2px;
}
ul.subnav ul li {
    border-top: none;
    margin-top: 0px;
    background-color: #D4D4D4;
}
ul.subnav ul li a {
    padding: 5px 12px 5px 11px;
    font-size: 11px;
    font-weight: bold;
    margin-left: 5px;
    border-top: 1px solid white;
    border-bottom: none;
    background-color: #D4D4D4;
    color: #3F3F3F;
}
ul.subnav ul li.active a, 
ul.subnav ul li.activefirst a, 
ul.subnav ul li a:hover {
    background-color: #efefef !important;
    color: #3F3F3F !important;
}
/* --------------------------------------------------------------
    SUB NAVIGATION / LEVEL 4
-------------------------------------------------------------- */

ul.subnav ul ul {
    padding: 0px 0px 0px 0px;
}
ul.subnav ul ul li {
    border-top: none;
    margin-top: 0px;
    background-color: #D4D4D4;
}
ul.subnav ul ul li a {
    padding: 4px 12px 4px 27px;
    font-size: 11px;
    font-weight: normal;
    margin-left: 5px;
    border-top: none;
    border-bottom: none;
    background-color: #EFEFEF;
    color: #3F3F3F;
}
ul.subnav ul ul li.active a, 
ul.subnav ul ul li.activefirst a, 
ul.subnav ul ul li a:hover {
   
    background: #efefef url(../images/subnav_active_element.gif) no-repeat 12px 7px;
    color: #3F3F3F;
font-weight:bold;
}


/* --------------------------------------------------------------
    SUB_2 NAVIGATION / Level 2
-------------------------------------------------------------- */

ul.subnav_2 {
    float: left;
    width: 261px;
}
ul.subnav_2 li {
    float: left;
    clear: both;
    width: 100%;
    text-align:left;
    border-top: 2px solid white;
}
ul.subnav_2 li a {
    padding: 7px 15px 7px 15px;
    color: #333333;
    display:block;
    background-color: #E2E2E2;
    font-size: 11px;
font-weight:bold;
}
ul.subnav_2 li.active a, 
ul.subnav_2 li.activefirst a, 
ul.subnav_2 li a:hover {
    color: #333333;
    background-color: #D4D4D4;
}



/* --------------------------------------------------------------
    FOOTER
-------------------------------------------------------------- */

ul#footer {
display:none;
}
ul#footer li {
    float: right;
    padding-top: 5px;
    padding-bottom: 10px;
}
ul#footer li.left {
    float: left;
}
ul#footer li a {
    display: block;
    text-decoration: underline;
    color: #868686;
font-size:11px;

}
ul#footer li a:hover {
    text-decoration: none;
}

ul#footer li a {
float:left;
padding-right:5px;
margin-right:5px;
background: url(../images/nt_footer_pipe.gif) no-repeat right 50%;
}

ul#footer li a:hover {
color:#3470B9;
}

ul#footer li a.last {
padding-right:0px;
margin-right:0px;
background: none;
}

ul#footer li a.print {
padding-left:15px;
background: url(../images/nt_drucken_icon.gif) no-repeat left 50%;
}


/* --------------------------------------------------------------
    CONTENT TEASERBOX
-------------------------------------------------------------- */


div.teaserbox {
    float: left;
    width: 300px;
    /*height: 150px;*/
    margin: 0px 10px 10px 0px;
}

div.teaserbox p.headline {
    font-size: 18px !important;
    padding: 0px 0px 4px 0px !important;
    border-bottom: 1px solid #D8D8D8;
    margin-bottom: 10px;
    float: none;
}

div.teaserbox p {
    float: left;
}

div.teaserbox img {
    float: left;
    margin-right: 10px;
    margin-bottom: 3px;
}


/* --------------------------------------------------------------
    LEFT COLUMN RULES
-------------------------------------------------------------- */


div#content_left H1 {
    font-size: 18px;
    padding: 38px 16px 18px 16px;
    border-bottom: none;
    margin-bottom: 10px;
    color: #55721F;
}

div#content_left div.teaserbox {
    float: left;
    width: 229px;
    /*height: 150px;*/
    margin: 0px 16px 10px 16px;
}

div#content_left div.teaserbox h2 {
    font-size: 18px !important;
    color: #55721F;
    border-bottom: 1px solid #A9CE80;
}

/* --------------------------------------------------------------
    Sitemap
-------------------------------------------------------------- */

#sitemap {
  padding: 1em 1.5em;
  line-height: 20px;
  color: #333333;
  font-size:12px;
}

#sitemap li {
   padding: 0 0 0 24px;
   margin: 0;
   list-style-type: none;
   background:#efefef;
   display:block;
}

#sitemap li {
   background: url(../images/extm.gif)
   repeat-y
   0% 0%;
}

#sitemap li.last {
   background: url(../images/exlm.gif)
   no-repeat
   0% 0%;
}

#sitemap ol {
   padding: 0 0 0 24px;
   margin: 0 0 0 -24px;
   list-style-type: none;
}

#sitemap ol {
   background: url(../images/exim.gif)
   repeat-y
   0% 0%;
}

#sitemap ol.last {
  background-image: none;
}


#sitemap a {
  text-decoration:none;
  color: #333333;
  font-size:12px;
}

/* --------------------------------------------------------------
    CONTACT FORM
-------------------------------------------------------------- */

#SpryContactForm {
font-size: 11px;
}

#SpryContactForm input, #SpryContactForm select {
 width:250px !important;
font-size:11px;
}
#SpryContactForm input#sicherheitscode {
 width:132px !important;
}

#SpryContactForm input.submitbutton {
width:180px !important;
}


/* --------------------------------------------------------------
    CONTENT FOOTER
-------------------------------------------------------------- */


div#content_footer {
width:100%;
float:left;
clear:both;
margin-top:15px;
background:url(../images/content_footer_bg.gif) repeat-y;
}

div#content_footer .left {
width:369px;
float:left;

padding-top:10px;
}

div#content_footer h3 {
font-size: 15px;
margin: 0px 15px 10px 15px;
border-bottom: 1px solid white;
color:#333333;
padding-bottom:4px;
font-weight:bold;
}
div#content_footer h3 a {
color:#333333;
}

div#content_footer h3.info_icon, div#content_footer h3 span.info_icon {
padding-left: 21px;
background:url(../images/info_icon.gif) no-repeat left 2px;
}

p a.pdf_icon {
padding-left:18px;
padding-bottom:1px;
background:url(../images/pdf_icon.gif) no-repeat left 0px;
}


div#content_footer p {
font-size: 11px;
margin: 0px 15px 0px 15px;
}

div#content_footer p a {
color:#333;
text-decoration:underline;
}


div#content_footer p a:hover {
color:#3470B9;
text-decoration:none;
}

div#content_footer ul {

margin: 0px 0px 10px 0px;
}

div#content_footer ul li {
font-size:11px;
font-weight:bold;
padding-left:13px;
line-height: 180%;
margin: 0px 15px 0px 15px;
color:#333333;
background:url(../images/square.gif) no-repeat left 7px;
}

div#content_footer ul li a {
color:#333333;
text-decoration:underline;
}

div#content_footer ul li a:hover {
color:#3470B9;
text-decoration:none;
}

div#content_footer hr {
width:100%;
float:left;
clear:both;
color:white;
border:none;
border-bottom:15px solid white;
}

div#content_footer .right {
width:243px;
float:right;

padding-top:10px;
}




/* --------------------------------------------------------------
    TABLES
-------------------------------------------------------------- */


div#content table {
margin-bottom:15px;
width:369px;
}

div#content table td {

padding:4px 8px 4px 8px;
font-size:9px;
border:1px solid #CECECE;
color: #333333;
}

div#content table p {
    font-size: 11px;
    color: #333333;
    padding-bottom:0px;
}

div#content table thead tr td {
background-color:#D4D4D4;
}