html,body{margin:0;padding:0;font-family: Arial,Verdana,Helvetica,sans-serif;color:#4F4F4F;   }
body{font: 76% arial,sans-serif;background:#3C5C8B;}
p{margin:0 10px 10px}
em {color:red;font-weight:bolder;}

a {color:#3C5C8B;text-decoration:none;font-weight:bold;}
/*
a:visited {color:#3C5C8B;text-decoration:none;font-weight:bold;}
a:active {color:#3C5C8B;text-decoration:none;font-weight:bold;}
*/
a:hover {text-decoration:underline;}

.ticker {overflow:auto;height:300px;font-size:1.0em;padding:5px;}
.ticker a {font-weight:normal;}

.partner {list-style-type:none;padding:5px;margin:0px;}
.partner a {font-weight:normal;}

#content ul {list-style-image:url(pf3.gif);}

div#content p{line-height:1.4; text-align:justify;}
div#content h2,h3, h4 {margin:0 10px 10px}

div#content h2 {font-size:1.5em;font-weight:bold;text-transform:uppercase;color:#3C5C8B;}
div#content h3 {font-size:1.2em;color:#3C5C8B;}

div#footer{padding-top:50px;margin-bottom:30px;background:#F2F2F2 url(spalteunten.jpg) repeat-x top left;color: white;
        text-align: center;}
div#footer p{margin:0;padding:5px 10px}

#footer a{color:white;}

div#wrapper{float:left;width:100%;margin-bottom:10px;}
div#content{margin: 0 200px;margin-top:40px;padding-top:0px;background:white;}
div#navigation{float:left;width:200px;margin-left:-100%;margin-top:40px;}
div#extra{float:left;width:200px;margin-left:-200px;margin-top:40px;}
div#footer{clear:left;width:100%}

#container {background: white url(spalte.jpg) repeat-x left 90px;}

#header h1 {margin:0;}
div#header h1 a {
        display: block;
        width: 400px;
        height: 90px;

        background: transparent url(at4.jpg) 0px 0px no-repeat;
}

.hide, div#header h2, div#header p {
        display: none;
}

#header {height:222px;}

div#menu {
        clear: both;
        color: #FFFFFF;
        font-size: 1.0em;
        width: 880px;

}

div#menu ul {
        display: inline;
        list-style-type: none;
}

div#menu li {
        float: left;
        white-space: nowrap;
}

div#menu ul li a, div#menu ul li a:link, div#menu ul li a:active, div#menu ul li a:visited {
        float: left;
        display: block;
        height: 30px;
        padding: 10px 10px 0 10px;
        background: transparent url(button.gif) 100% 0px no-repeat;
        text-decoration: none;
        color: black;
        font-weight:normal;
}

  * html div#menu ul li a:link {  /* Korrekturen fuer IE 5.x */
   height: 40px
    }

  * html div#menu ul li a:visited {  /* Korrekturen fuer IE 5.x */
   height: 40px
    }

div#menu ul li a:hover {
        background: transparent url(button.gif) 100% -40px no-repeat;
        color: black;
}




#about #nav-about, #vos #nav-vos,
#bringin #nav-bringin,
#shop #nav-shop,
#druckerkonsolidierung #nav-druckerkonsolidierung, #down #nav-down {
  background: transparent url(button.gif) 100% -80px no-repeat;


  }
#about #nav-about a,
#vos #nav-vos a,
#bringin #nav-bringin a,
#shop #nav-shop a,
#druckerkonsolidierung #nav-druckerkonsolidierung a, #down #nav-down a {

        background: transparent url(button.gif) 100% 0px no-repeat;
  }

#topmenu {position:absolute;top:0px;right:0px;}

div#topmenu h3, div#menu h3 {
        display: none;
}


div#topmenu {
        float: right;
        font-size: 0.9em;
}

div#topmenu ul {
        float: left;
        text-align: right;
        list-style-type: none;
        margin:0;
}

div#topmenu li {
        float: left;
}

div#topmenu li a {
        float: left;
        display: block;
        padding: 10px 8px 5px 8px;
        border-left: 1px solid #D4D4D4;
        color: #7D7D7D;
        text-decoration: none;
        font-weight:normal;
}

div#topmenu li a:hover {

        color: #3C5C8B;
}

.navi {background:white;border:1px solid #3C5C8B;margin:10px 5px;}
.navi h3{background:#3C5C8B;border:1px solid #3C5C8B;margin:0px 0px;padding:4px;color:white;font-weight:bold;font-size:1.1em;text-align:center;}



ul.navigation {
    /*width: 10em;*/
    margin: 0; padding: 0.0em;
    border: 0px solid black;
    background-color: white;
  }
  * html ul.navigation {  /* Korrekturen fuer IE 5.x */
    /*width: 11.6em;
    w\idth: 10em;*/
    padding-left: 0;
    padd\ing-left: 0.0em;
  }
  ul.navigation li {
    list-style: none;
    margin: 0.0em; padding: 0;
  }

  ul.navigation a {
    display:block;
    padding: 0.4em;
    text-decoration: none; font-weight: bold;
    border-bottom: 1px solid silver;

    color: gray; background-color: white;
  }

   ul.navigation a.sel {
    display:block;
    padding: 0.4em;
    text-decoration: none; font-weight: bold;
    border-bottom: 1px solid silver;
    color: red; background-color: white;
  }

  * html ul.navigation a {  /* Breitenangaben nur fuer IE */
     width: 100%;
    /* w\idth: 11.2em;*/
  }
  ul.navigation a:hover {
    border-bottom: 1px solid silver;
    color: black; background-color: #E6E6E6;
    text-decoration:none;
  }



/*
div#navi {

        width: 180px;
        margin: 0 1px 0 0;
        padding: 0 0 100px 0;
        float: left;
        display: block;

}

div#navi h3 {
        display: block;
        margin: 0 0 0 10px;
        padding: 10px 15px 2px 5px;
        border-bottom: 1px dotted gray;
        color: #575757;
        font-size: 1.0em;
        line-height: 1.4em;

}

div#navi>h3 {
        width: 179px;
}

div#navi a {
        text-decoration: none;
}

div#navi ul {
        display: block;
        margin: 0 0px 20px 0px;

}

div#navi li {
        display: block;
        margin-left:0px;
        border-bottom: 1px dotted gray;
        color: #575757;



}

div#navi>li {
        float: none;
}

div#navi li a {
        color: #575757;
        font-size: 1.0em;
        line-height: 1.4em;
        display: block;
        padding: 5px 0px 5px 0px;
        width: 199px;

}

div#navi li>a {
        width: 179px;
}

div#navi li a:hover {
        color:black;
        background:#F2F2F2;

}

div#navi li a.sel {
        padding: 5px 10px 5px 20px;
        color: #DD0011;
        width: 199px;

        width: 169px;
}

div#navi li>a.sel {
        width: 169px;
}

*/

/* Tabellen */

td {font-size:0.9em;color:black;padding:5px;}
th {font-size:1.0em;color:black;padding:5px;}

.dark {background:#CECECE;}
.light {background:#EAEAEA;}

/* Formulare */

label {font-size:1.0em;color:#5F5F5F;}

label.left {
float: left;
text-align: left;
width: 9em;
margin-right: .3em;
}

label.short {
float: left;
text-align: left;
width: 3em;
margin-right: .3em;
}

.login label.left {
float: left;
text-align: left;
width: 5em;
margin-right: .3em;
}

input[type=text], select {
float: left; margin-bottom:5px;
border:1px solid silver;
}

input, textarea {border:1px solid silver;margin-bottom:5px;}


input.right {
float: left;
width: auto;
clear: both;
margin-left: 5.3em;
margin-right: .3em;
border:1px solid silver;
}

input[type=checkbox].right {border:0;margin-left: .3em;}

input[type=checkbox] {border:none;}

input[type=radio].right,
input[type=submit].right {
margin-left: .3em;
}

form br {
clear: both;
}

form {margin:0;}

fieldset {margin:5px;padding:5px;border-color:silver;}

#content fieldset {margin:10px;padding:15px;border:1px solid silver;}

legend {font-weight:bold}

#extra fieldset{border:0;margin-bottom:0}

.nofloat label{float: left;}
.nofloat select{float: left;}
.nofloat form br {clear:both;}

/* Tabellen */

table {margin:0 10px;}
td {font-size:0.9em;color:black;padding:5px;}
th {font-size:0.9em;color:black;padding:5px;}

.dark {background:#CECECE;}
.light {background:#EAEAEA;}

.login label.left {
float: left;
text-align: left;
width: 5em;
margin-right: .3em;
}

.box {padding:10px;}
.nobrright {white-space:nowrap;text-align:right;}

img {border: 0 none;}

hr {height:0px;border-top:1px solid silver;border-bottom:0 none;}