@import url("styletext.css");
/* 
* CSS fuer Kommunikationsnerven
* (C) ETK networks solution GmbH / by Folke Ashberg
* 
* colors:
*   #FF9C03: ETK Orange
*   #575757: Menu-Top BG
*   #989898: Menu-Top BG active
*   #cccccc: Top-Menu Children BG
*   #b0b0b0: Top-Menu Children BG Hover
*   #333333: Top-Menu Children Text-color Link
*   #dadada: Helle Linie
*/

html {
    margin: 0;
    padding: 0;
    /* min-height: 101%; bei firefox vertikales scrolling erzwingen */
}
body, body.htmlarea-content-body {
    margin: 0;
    padding: 0;
    margin: 0;
    background-color: white; 
    font-family: Arial, Helvetica, Verdana, sans-serif;
    font-size: 10pt;
}

#alldiv {
    /*
    margin: auto 0 auto 0;
    padding: 0px 0 25px 0;
    text-align: center;
    */
    background-image: url(images/top_bg.gif);
    background-repeat: repeat-x;
    margin: 0;
    padding: 0 0 25px 0;
}
#innerdiv {
    /* top right bottom left*/
    margin: 0 auto 0 auto;
    padding: 0;
    text-align: left;
    background-color: white;
    /* border: 1px solid black; */
    width: 780px;
}
#topdiv {
    background-image: url(images/top_bg.gif);
    width: 100%;
    height: 107px;
    clear: both;
    float: left;
    overflow: visible;
    z-index: 800;
    position: relative;
}
#derinternetexplorerbrauchtmich {
}
#contentsub2 {
    float: left;
}
#toplogo {
    margin-left: 10px;
    margin-right: 6px;
    text-align: center;
    float: left;
    width: 175px;
    height: 107px;
}
#menu1 {
    overflow: visible;
    float: left;
    width: 580px;
    height: 21px;
    /* overflow: hidden; */
    margin: 0px; padding: 0px;
    margin-top: 86px; /* 86px für unten, 56px für Mittig */
    margin-left: 5px;
    background-color: #dadada; /* bg für seperator */
    z-index: 801;
}
#menu1 > ul {
    width: 580px;
    margin: 0px; padding: 0px;
}
#menu1 > ul > li {
    float: left;
    width: 82px;
    list-style-type: none;
    text-align: left;
    margin: 0px; padding: 0px;
    margin-left: 1px;
    font-size: 10pt;
}
#menu1 > ul > li:first-child {
    margin-left: 0px;
}
#menu1 > ul > li > a {
    display: block;
    text-align: center;
    background-color: #575757;
    width: 82px;
    height: 20px;
    padding-top: 1px;
    color: #FF9C03;
}
#menu1 > ul > li.act > a {
    background-color: #989898 !important;
}
#menu1 ul li a:visited {
    color: #FF9C03;
}
#menu1 > ul > li > a:hover, #menu1 > ul > li:hover > a {
    color: white;
    background-color: #989898;
}
#menu1 ul li a:active {
    color: black;
}
#menu1 > ul > li > ul {
    clear: both;
    float: left;
    position: absolute;
    visibility: hidden; /* kein display:none, weil ie (auch7) es sonst irgendwie inline positioniert */
    display: block;
    list-style-type: none;
    text-align: center;
    margin: 0px; padding: 0px;
    font-size: 10pt;
    background-color: #cccccc;
    width: 153px;
    filter:alpha(opacity=80);
    -moz-opacity:0.8;
    opacity: 0.8;
}
#menu1 > ul > li:hover > ul {
    visibility: visible;
}
#menu1 > ul > li       > ul:hover {
    visibility: visible;
    filter:alpha(opacity=90);
    -moz-opacity:0.9;
    opacity: 0.9;
}

#menu1 > ul > li > ul > li {
    text-align: left;
    width: 153px;
    float: left;
    clear: left;
    padding: 0;
    border-bottom: 1px solid #dadada;
}
#menu1 > ul > li > ul > li > a {
    padding: 0.1em 10px;
    color: #333333;
    display: block;
    width: 133px; /* padding ! */
}
#menu1 > ul > li > ul > li > a:visited {
    color: #333333;
}
#menu1 > ul > li > ul > li > a:active {
    color: white;
}
#menu1 ul li ul li a:hover { /* hier so notiert, sonst geht's mit dem IE7 Hack nicht */
    color: white !important;
    background-color: #b0b0b0;
}

#sitepath {
    clear: both;
    margin: 0px;
    padding: 10px 10px 0px;
    height: 20px;
    width: 574px;
}
#sitepath ul {
    margin: 0px; padding: 0px;
}
#sitepath ul li {
    float: left;
    height: 20px;
    list-style-type: none;
    font-size: 10pt;
    padding-left: 4px;
    padding-right: 4px;
}
#sitepath ul li:first-child {
    padding-left: 0px;
}
/* folkes magic seperator ;) */
#sitepath ul li:before {
    content: " > ";
}
#sitepath ul li:first-child:before {
    content: "";
}
#sitepath ul li a {
    color: #FF9C03;
}
#sitepath ul li a:visited, #sitepath ul li a:active {
    color: #FF9C03;
}
#sitepath ul li a:hover {
    color: black !important;
}
#sitepath .act a, #sitepath .act a:link ,#sitepath .act a:visited {
    color: black !important;
}
#topright {
    width: 187px; 
    height: 20px;
    margin: 0px;
    margin-top: 86px;
    text-align: right;
    padding-right: 10px;
    float: left;
}
#top2div {
    width: 780px;
    height: 183px;
    clear: both;
    float: left;
    /* overflow: hidden; */
    padding: 0; margin: 0;
}
#top2img {
    padding: none;
    margin: none;
    float: left;
}
#top2img p {
    padding: 0px !important;
    margin: 0px !important;
}
#top2img img {
    float: left !important;
    padding: 0 !important; margin: 0 !important;
}
#top2right {
    width: 200px;
    height: 183px;
    float: left;
}
#top2right>div {
    width: 200px;
    height: 183px;
    background-image: url(images/start_top2_right.gif)
}
#top2right>div a {
    position: relative;
    display: block;
    z-index: 2;
    width: 87px;
    height: 35px;
    top: 86px;
    left: 65px;
}
#top2right>div a img {
    filter:alpha(opacity=70);
    -moz-opacity:0.7;
    opacity: 0.7;
}
#top2right>div a img:hover {
    filter:alpha(opacity=100);
    -moz-opacity:1;
    opacity: 1;
}
#top3div {
    width: 100%;
    height: 1px;
    overflow: hidden;
    clear: both;
    background-image: url(images/start_top3_bg.gif);
}
#contentstart {
    width: 780px;
    background-image: url(images/start_content_bg.gif);
    background-repeat: repeat-y;
    overflow: hidden;
}
#contentstartleft {
    float: left;
    width: 191px;
    padding: 0;
    margin: 0;
    margin-right: 1px;
    overflow: hidden;
}
#contentstartmain {
    width: 387px;
    padding: 0;
    margin: 0;
    margin-right: 1px;
    float: left;
    overflow: hidden;
}
#contentstartright {
    width: 200px;
    padding: 0;
    margin: 0;
    margin-bottom: 10px;
    float: left;
    overflow: hidden;
}
#content3 {
    width: 780px;
    background-image: url(images/start_content_bg.gif);
    background-repeat: repeat-y;
    overflow: hidden;
}
#content3left {
    float: left;
    width: 191px;
    padding: 0;
    margin: 0;
    margin-right: 1px;
    overflow: hidden;
    margin-top: 31px;
}
#content3main {
    width: 387px;
    padding: 0;
    margin: 0;
    margin-right: 1px;
    float: left;
    overflow: hidden;
}
#content3right {
    width: 200px;
    padding: 0;
    margin: 0;
    margin-bottom: 10px;
    float: left;
    overflow: hidden;
}

#rightmenu {
    width: 100%;
    padding: 0px;
    margin: 0px;
    clear: both;
    float: left;
    font-size: 10pt;
}
#rightmenu > li {
    margin: 0;
    padding: 0;
    margin-top: 1px;
    width: 200px;
    list-style-type: none;
    float: left;
}
#rightmenu > li:first-child {
    margin-top: 0px;
}
#rightmenu > li > ul {
    padding-left: 0px;
    margin-left: 0px;
}
#rightmenu > li > ul li {
    margin: 0;
    padding: 0;
    margin-top: 1px;
    /* padding-left: 25px; */ /* einrueckung */
    width: 100%;
    list-style-type: none;
    float: left;
    background-color: white;
}
#rightmenu li a {
    width: 100%;
    padding-top: 0.4em;
    padding-bottom: 0.4em;
    padding-left: 20px;
    display: block;
    text-align: left;
    color: white;
    letter-spacing: 0.02em;
    text-decoration: none;
    background-color: #575757;
    background-image: url(images/pfeil.gif);
    background-repeat: no-repeat;
    background-position: 5px 1px;
}
#rightmenu > li > ul > li > a {
    background-position: 15px 1px;  padding-left: 30px;
}
#rightmenu > li > ul > li > ul {
    padding-left: 0px;
    margin-left: 0px;
}
#rightmenu > li > ul > li > ul > li > a {
    margin-left: 0px;
    background-position: 30px 1px;  padding-left: 45px;
}
#rightmenu > li > ul > li > ul > li > ul {
    padding-left: 0px;
    margin-left: 0px;
}
#rightmenu > li > ul > li > ul > li > ul > li > a {
    margin-left: 0px;
    background-position: 45px 1px;  padding-left: 60px;
}

#rightmenu li a:visited, #rightmenu li a:active {
    color: white;
}
#rightmenu li a:hover {
    background-color: #989898;
    color: #f8f4e4;
}
#rightmenu > li.act > a , #rightmenu > li > ul > li.act > a , #rightmenu > li > ul > li > ul > li.act > a, #rightmenu > li > ul > li > ul >li > ul > li.act > a {
    background-color: #989898 !important;
}
.rightnews, .rightpartner {
    margin: 0;
    margin-left: 0px;
    padding: 0;
    clear: both;
    float: left;
}
.rightnews  .bodytext, .rightpartner .bodytext {
    margin-top:0.3em;
    margin-right: 5px;
    margin-bottom:0.75em;
    margin-left: 0px;
}
.rightnews h2, .rightpartner h2 {
    margin-left: 4px;
    margin-top: 4px;
    margin-bottom: 4px;
}
.rightnews ul, .rightpartner ul {
    padding: 0;
    margin: 0;
    margin-bottom: 5px;
    padding-left: 2px;
    list-style-type: none;
}
.rightnews ul li, .rightpartner ul li {
    font-size: 10pt;
    line-height: 1.5em; 
}
.rightnews ul li a, .rightpartner ul li a {
    padding-left: 4px;
    width: 185px;
    display: block;
    border: 1px solid white;
    color: black;
}
.rightnews ul li:hover > a, .rightpartner ul li:hover > a {
    border: 1px dotted #FF9C03;
    text-decoration: none;
}
.rightnews ul li > a:after, .rightpartner ul li > a:after {
    content: " >";
}
.rightnews ul li > div {
    font-size: 8pt;
    line-height: 1.2em;
    margin: auto;
    width: 185px;
    padding-left: 15px;
    padding-top: 0;
    margin-top: 0;
}
.rightnews ul li > div > a, .rightnews ul li > div > a:visited {
    color: black;
    text-decoration: none;
    width: 180px;
}
.rightnews ul li:hover > div > a {
    text-decoration: underline !important;
}
.rightnews > p.bodytext  {
}
.rightnews > p.bodytext > a {
    padding-left: 5px;
    width: 185px;
    display: block;
}
.newssep {
    border-top: 1px solid #dadada;
    width: 100%;
    margin: 0;
    padding: 0;
    height: 1px;
}
#contentsub {
    clear: left;
    z-index: 0;
    width: 770px; /* 780 - padding */
    margin: 0; padding: 0;
    padding-left: 10px;
    padding-top: 4px;
    padding-bottom: 12px;
}
#contentsubproducts {
    z-index: 0;
    width: 570px;
    margin: 0; padding: 0;
    padding-left: 10px;
    float: left;
}
#contentsubtop  {
    width: 200px;
    float: left;
    margin: 0;
    padding: 0;
}
#contentsubtop img {
    float: left;
    float: left;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.contentsubitem {
    clear: both;
    padding-left: 10px;
}
.contentsubitem h2 {
    color: black;
    margin-bottom: 0px;
}
.contentsubitem ul {
    margin-left: 5px;
    list-style-type: none;
}
.contentsubitem ul li:before {
    content: "- ";
}
.contentsubitemmiddle {
    width: 570px;
    float: left;
}
.contentsubitemimage {
    width: 200px;
    float: left;
}
.contentsep {
    border-top: 1px solid #dadada;
    width: 100%;
    margin: 0;
    padding: 0;
    height: 1px;
    overflow: hidden;
    clear: both;
}
#contentsub2 {
    width: 780px;
    padding: 0; margin: 0;
}
#contentsub2mainimg {
    float: left;
    width: 580px;
    overflow: hidden;
}
#contentsub2mainimg img {
    margin: 0;
    padding: 0;
    height: 170px;
    width: 580px;
    clear: both;
    float: left;
}
#contentsub2main {
    width: 580px;
    padding: 0; margin: 0;
    margin-right: 0px;
    float: left;
    clear: both;
    overflow: hidden;
}
#contentsub2right, #conten3right {
    width: 200px;
    padding: 0;
    margin: 0;
    margin-bottom: 10px;
    float: left;
    overflow: hidden;
}
#contentsub2top, #content3top {
    width: 200px;
    float: left;
    clear: both;
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #dadada;
}
#contentsub2top img, #content3top img {
    margin: 0;
    padding: 0;
    width: 200px;
    clear: both;
    float: left;
}
#footer {
    margin: 0 auto;
    clear: both;
    border-top: 1px solid #dadada;
    width: 780px;
    overflow: hidden;
}
#footerspace {
    padding-top:    5px;
    padding-bottom: 5px;
    font-size: 8pt;
    vertical-align: top; /* braucht ie */
    overflow: hidden;
}
#footerleft {
    margin-left: 10px;
    clear: both;
    float: left;
    width: 580px;
    margin: 0;
    padding: 0;
}
#footerright {
    float: right;
    text-align: right;
    margin: 0;
    padding: 0;
    margin-left: 10px;
}
#footer a, #footer a:visited {
    color: #FF9C03;
}
#footer a:hover {
    color: black;
}
.zitat {
    font-style: italic;
}
.innercontent {
    padding: 3px 30px 8px 10px;
    height: 100%;
}
#contentstartleft > .innercontent, #contentstartmain > .innercontent{
    padding-right: 10px;
}
.innercontent img, #contentsub img {
    border: none;
    /* float: right; */
    margin: 0.5em;
}
.nofloat {
    float: none !important;
}
.aufreisser {
    color: #FF9C03;
    font-size: 18px;
    font-weight: bolder;
}

.notoppad {
    padding-top: 0px !important;
    margin-top: 0px !important;
}
.supress {
    display: none;
}
.flatul {
    height: 16px;
    margin: 0;
    padding: 0;
    margin-bottom: 5px;
    margin-left: -4px;
    display: inline;
}
.flatul li {
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: inline;
}
/* folkes magic seperator ;) */
.flatul li:before {
    content: "| ";
    margin-left: 4px;
}
.flatul li:first-child:before {
    content: "";
}
.dummy {
}
.clearall{
    clear: both;
    float: left;
}
#rightcontent {
    text-align: left;
    padding-top: 0px; margin-top: 0px;
    min-height: 10px;
    overflow: hidden;
}
#contentsub2right h1, #content3right h1 { /* "weitere Seiten" */
    background-color: #FF9C03;
    color: white;
    padding: 0.3em 0.5em 0.5em;
    margin: 0;
    display: block !important;
    clear: both;
    font-size: 10pt;
    border-bottom: 1px solid #dadada;
}
#rightcontent h1 {
    background-color: #FF9C03;
    color: white;
    padding: 0.3em 0.5em 0.5em;
    margin: 0;
    display: block !important;
    clear: both;
    font-size: 10pt;
}
#rightcontent ul {
}
#rightcontent ul li {
    width: 100%;
    list-style-type: square;
    font-size: 10pt;
    margin-bottom: 0.7em;
}
#rightcontent ul li a {
    color: white;
    color: #FF9C03;
}
#rightcontent ul li a:visited, #rightcontent ul li a:active {
    color: #FF9C03;
}
#rightcontent ul li a:hover {
    text-decoration: underline;
    color: black;
}
#rightcontent ol {
}
#rightcontent ol li {
    /* width: 100%; HiHi! Wenn 100%, dann zählt er nicht durch */
    font-size: 10pt;
    margin-bottom: 0.7em;
}
#rightcontent ol li a {
    color: #FF9C03;
}
#rightcontent ol li a:visited, #rightcontent ol li a:active {
    color: #FF9C03;
}
#rightcontent ol li a:hover {
    text-decoration: underline;
    color: #FF9C03;
}
label {
    width: 250px;
    display: block;
    float: left;
    clear: both;
}
input, textarea {
    float: left;
    border: 1px solid black;
    margin-bottom: 2px;
    /* background-color: #f7f4c8; */
}
input.csc-mailform-check {
    border: none;
    background-color: transparent;
}
.csc-mailform-label {
    float: left;
    clear: both;
    font-weight: bold;
}
.csc-sword {
    background-color: red;
}
h2 {
    padding-left: 0px;
    margin-left: 0px;
    clear: both;
}
strong {
    padding-left: 0px;
    margin-left: 0px;

}
table.csc-uploads {
    margin-top: 0px;
}
hr.clearer { /* fuer tt_news */
    clear: left;
    border: none 0;
    border-top: 1px dashed #000;
    height: 1px;
    padding-top: 1px:
}
div.news-list-container .bodytext{
    padding-left: 10px !important;
}
.newslistimage img {
    float: left;
}

#etkint {
    width: 363px;
}
.etkintbox {
    border: 1px solid #dadada;
    padding: 0;
    margin: 0;
    margin-bottom: 0.5em;
    clear: both;
    float: left;
    width: 100%;
    overflow: hidden;
}
.etkintbox h1 {
    border: none;
    background-color: #FF9C03;
    margin: 0;
    padding: 0.3em 0.5em 0.5em;
    font-size: 10pt;
    color: white;
}
.etkintbox div {
    border: none;
    background-color: #fcfdfe;
    margin: 0;
    padding: 0.3em 0.5em;
    font-size: 10pt;
}
.etkintbox input, .etkintbox textarea {
    float: none;
    margin: 0;
    padding: 0 3px;
    font-size: 10pt;
}
.etkintbox select {
    float: none;
    font-size: 8pt;
}
.etkintbox input.btn {
    font-size: 8pt;
    padding-top: 0px;
    padding-bottom: 0px;
    
}
.intmenu {
    padding: 0px;
    margin: 0px;
    clear: both;
    float: left;
}
.intmenu > li {
    margin: 0;
    padding: 0;
    margin-top: 1px;
    width: auto;
    list-style-type: none;
    float: left;
    width: 343px; /* width von etkint (363px) - padding-left vom li a, li form (20px) */
    font-size: 10pt;
    font-weight: normal;
}
.intmenu li a, .intmenu li form {
    width: 100%;
    padding-top: 0.4em;
    padding-bottom: 0.4em;
    padding-left: 20px;
    display: block;
    text-align: left;
    color: white;
    letter-spacing: 0.02em;
    text-decoration: none;
    background-color: #575757;
    background-image: url(images/pfeil.gif);
    background-repeat: no-repeat;
    background-position: 5px 1px;
    margin: 0;
    vertical-align: baseline;
    float: left;
}
.intmenu li a:visited, .intmenu li a:active {
    color: white;
}
.intmenu li a:hover {
    background-color: #989898;
    color: #f8f4e4;
}
.intmenu > li.act > a  {
    background-color: #989898 !important;
}
.intmenu li form div {
    width: 60px;
    background-color: transparent;
    float: left;
    margin: 0;
    padding: 0;
}