/* Allgemeine Formatierungen */

html, body {
   margin: 0px; padding: 0px; height: 101%;
}

body {
   font-family: Verdana, Arial; font-size: 1em; color: #333; text-align: center; margin-top: 0px; background: url(../images/verlauf-bg.png) repeat-x #545454;
}

p, h1, h2, h3, ul {
   margin: 0px; padding: 0px;
}

h1, h2 {
   font-size: 1.2em; color: #444; margin-bottom: 15px;
}

h3 {
   font-size: 1em; color: #444; margin-bottom: 15px;
}

ul {
   margin-left: 20px; margin-bottom: 10px; list-style-image: url(../images/liste.gif);
}

ul ul {
   list-style-image: url(../images/liste-blau.gif);
}


p {
   margin-bottom: 8px;
}

img {
   border: 0px;
}

.clear {
   clear: both;
}


/* Ebenen */

#center {
   width: 960px; margin: 0px auto; margin-top: 10px;
}

#grau {
   width: 960px; background: url(../images/grau-bg.gif) no-repeat; text-align: left; padding-bottom: 10px;
}

#header {
   width: 950px; height: 150px; text-align: left; background: #fff;
}

#logo {
   float: left; width: 193px; margin: 0px;
}

#schmuckbild {
   float: right; text-align: right; width: 750px; height: 150px; overflow: hidden;
}

#container {
   clear: both; width: 950px; background: #fff; text-align: left;
}

#nav-left {
   float: left; width: 168px;
}

#mainnav {
   text-align: left; height: 300px; padding-top: 21px;
}


#content {
   float: left; width: 500px; padding: 20px; font-size: 0.9em; line-height: 1.3em;
}

#content-long {
   float: left; width: 740px; padding: 20px; font-size: 0.9em; line-height: 1.3em;
}

#subnav {
   float: right; text-align: right; width: 195px; padding-top: 21px;
}

#footer {
   clear: both; width: 950px; height: 22px; background: #ababab; line-height: 20px; font-size: 0.8em; color: #000; text-align: left;
}

#footernav {
   float: right; padding-right: 10px;
}



/* Formatierungen */
#logo h1 {
   margin: 0px;
}

.logo-h1 {
    text-indent: -5500px; display: block; overflow: hidden; width: 193px; height: 150px; background: url(../images/opm-logo.png) no-repeat;
}

#schmuckbild .csc-firstHeader {
   margin-top: 120px; margin-left: 60px; font-size: 1.1em;
}

.fl {
   float: left;
}

.fl-mr {
   float: left; margin-right: 30px
}

#content li {
   margin-bottom: 5px;
}

div.csc-textpic-border div.csc-textpic-imagewrap .csc-textpic-image img {
   border: solid 1px #000;
}

.csc-textpic-firstcol, .csc-textpic-lastcol {
   font-size: 0.9em;
}


/* Links */

a:link, a:visited {
   color: #005eb0; text-decoration: none;
}

#content a:link, #content a:visited {
   text-decoration: underline;
}

a:active, a:hover {
   color: #005eb0; text-decoration: underline;
}

/* Formular */

label, select, input[type=checkbox], input[type=radio],
input[type=button], input[type=submit] {
 cursor: pointer;
}

input, textarea {
   display: block; width: 300px; margin-top: 2px; margin-bottom: 10px; padding: 3px; border: 1px solid #aaa;
}

input:focus, textarea:focus {
 color: #000;
 background: #f5f5f5;
 border: 1px solid #c00;
}

.error {
   color: #f00;
}


.dn {
   display: none;
}

/* Sitemap */

#content .csc-sitemap ul ul ul {
   margin-bottom: 3px; list-style-image: url(../images/liste.gif);
}

#content .csc-sitemap li {
   margin-bottom: 15px;
}

#content .csc-sitemap li li {
   margin-bottom: 3px;
}

#content .csc-sitemap li li li {
   margin-bottom: 3px;
}

#content .csc-sitemap li a {
   font-weight: bold;
}


#content .csc-sitemap li li a {
   font-weight: normal;
}

#content .csc-sitemap a:link, #content .csc-sitemap a:visited {
   text-decoration: none;
}

/* CSS styled content Formatierungen */

.csc-textpic-clear {
   margin-bottom: 30px;
}

.tx-rlmpflashdetection-pi1 {
   margin: 10px 0;
}

.tx-thmailformplus-pi1 {
   margin-top: 30px;
}

.tx-felogin-pi1 fieldset {
   width: 320px;
}


.felogin-hidden {
   display: none;
}