/* Konkret-Stylesheet v1/1205 */

html, body {
   text-align:center;
   color: #333;
   font: normal 93% Verdana,Arial,Helvetica,sans-serif;
   line-height: 160%;
   margin:0;
   background:url(/inc/img/bodybg.gif) repeat-x #f5f5f5;
}

#centerFrame {
   width:1200px;
   margin-left:auto;
   margin-right:auto;
   padding:0;
   position: relative;
   top:23px;
   /*background-color:#ccc;*/
}

#contentRight {
   text-align:left;
   width:370px;
   float:left;
   padding:0 0 0 10px;
   margin:0;
   position:relative;
   top: 140px;
   font: bold 200% Arial,Verdana,Helvetica,sans-serif;
   color: #cdcfba;
   line-height: 40px;
   text-transform:uppercase;
   overflow:hidden;
}

#contentLeft {
   text-align:left;
   width:800px;
   float:left;
   padding:5px;
   margin:0;
}

#toolBox {
   text-align:right;
   width:800px;
   height: 20px;
   padding:0;
   margin:0;
   color: #200d4e;
   font-weight: bold;
   overflow:hidden;
}

#logoBox {
   text-align:left;
   width:800px;
   height: 20px;
   padding:0;
   margin:0;
   background-color: #cdcfba;
   color: #200d4e;
   border-bottom: 1px solid #200d4e;
   border-top: 1px solid #200d4e;
}

#bcBox {
   text-align:left;
   width: 800px;
   width/* */:/**/566px;
   width: /**/566px;
   height: 80px;
   height/* */:/**/64px;
   height: /**/64px;
   padding:16px 0 0 234px;
   margin:0;
   background:url(/inc/img/bcBoxBg.gif) repeat-x #200d4e;
   color: #9e9e9e;
}

#mainBox {
   text-align:left;
   width:800px;
   min-height: 400px;
   padding:0;
   margin:0;
   position:absolute;
   top: 100px;
}

#navBox {
   position:relative;
   top:31px;
   float:left;
   width: 200px;
}

#contentBox {
   text-align:left;
   float: left;
   width:392px;
   min-height: 500px;
   height: auto;
   _height: 500px;
   padding:27px 0 10px 0;
   margin:0;
   /*background-color:#cdcfba;*/
   background: #e9e9e9 url(/inc/img/cBoxBg.gif) repeat-x;
   border-top: 4px solid #f5f5f5;
   border-left: 4px solid #f5f5f5;
   border-right: 4px solid #f5f5f5;
   border-bottom: 1px solid #200d4e;
}

#infoBoxen {
   position: relative;
   top:31px;
   float:left;
   width: 200px;
}

#footerBox {
   float:left;
   padding: 0 0 0 234px;
   width:800px;
   margin: 20px 0 20px 0;
}


#footerBox ul {
   margin:0;
   padding:0;
}

#footerBox li {
   float:left;
   list-style-type: none;
   color: #200d4e;
   margin: 0 10px 10px 0;
}





/* ### Menüblöcke ### */

/* Sub-Menü */

#navBox ul {
   margin: 0;
   padding: 0;
   list-style-type: none;
}

#navBox ul a.akt {
   background:url(/inc/img/linkAsubakt.gif_) no-repeat #9e9e9e;
   color: #f5f5f5;
}

#navBox ul a.subakt {
   background:url(/inc/img/linkAsubakt.gif_) no-repeat #9e9e9e;
}

#navBox li {
   margin: 0 0 3px 0;
}

#navBox li a {
   display: block;
   padding: 3px 1px 3px 13px;
   width: 200px;
   width/* */:/**/186px;
   width: /**/186px;
   color: #f5f5f5;
   font-weight: bold;
   text-decoration: none;
   background-color: #200d4e;
}

#navBox a:hover {
   color: #f5f5f5;
   text-decoration: none;
   background:url(/inc/img/linkAsubakt.gif_) no-repeat #9e9e9e;
}

#navBox ul ul li {
   margin: 0;
   padding: 0 0 1px 0;
}

#navBox ul ul a {
   display: block;
   padding: 3px 1px 3px 23px;
   width: 200px;
   width/* */:/**/176px;
   width: /**/176px;
   color: #200d4e;
   text-decoration: none;
   background-color: #e9e9e9;
   font-weight: normal;
}

#navBox ul ul a.akt {
   display: block;
   padding: 3px 1px 3px 23px;
   width: 200px;
   width/* */:/**/176px;
   width: /**/176px;
   color: #200d4e;
   text-decoration: none;
   font-weight: bold;
   background:url(/inc/img/linkB.gif_) no-repeat #e9e9e9;
}

#navBox ul ul a:hover {
   color: #200d4e;
   text-decoration: underline;
   background:url(/inc/img/linkB.gif_) no-repeat #e9e9e9;
}



/* Klassen */
textarea {
   border: 1px solid #200d4e;
   background-color:#f5f5f5;
   font-size: 12px;
   color: #200d4e;
   padding:4px;
   font: normal 100% Verdana,Arial,Helvetica,sans-serif;
}

input {
   border:1px solid #f5f5f5;
   color: #f5f5f5;
   font: bold 100% Verdana,Arial,Helvetica,sans-serif;
   background-color: #200d4e;
   padding:2px 0;
   margin:0;
}

.inp {
   border:1px solid #200d4e;
   color: #200d4e;
   font: bold 100% Verdana,Arial,Helvetica,sans-serif;
   background-color: #f5f5f5;
}

.inp:focus, .inp:hover, textarea:hover {
   background-color: #e9e9e9;
   border:1px solid #f00;
}

inpup:focus, teytarea:focus {
   color: #f00;
}

#contentBox form {
   margin: 0 0 0 0px;
}

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


/* Elemente */

#infoBoxen h2 {
   margin: 0;
   display: block;
   padding: 3px 0 3px 5px;
   width: 208px;
   width/* */:/**/190px;
   width: /**/190px;
   background-color: #200d4e;
   font: bold 1em Verdana,Arial,Helvetica,sans-serif;
   color: #f5f5f5;
   border-left:5px solid #9e9e9e;
}

#infoBoxen p, #infoBoxen form{
   margin: 0 0 15px 0;
   padding: 5px 5px 5px 10px;
   background-color: #e9e9e9;
   color: #333;
   border-bottom:1px solid #200d4e;
   line-height: 150%;
}

#infoBoxen fieldset {
   border:0;
   margin:0;
   padding:0;
}

#contentBox fieldset {
   border:0;
   margin:0 0 20px 0;
   padding:0px 10px 0 30px;
   display:block;
   border-bottom: 1px solid #e9e9e9;
   background-color:#e9e9e9;
   border-top: 1px solid #200d4e;
}

#contentBox legend {
   font: bold 100% verdana,Arial,Helvetica,sans-serif;
   margin: 0 0 10px 0;
   display:block;
   background-color:#200d4e;
   color:#f5f5f5;
   padding:2px 15px 2px 5px;
   border-left:5px solid #9e9e9e;
}

div.k {
   background-color:#200d4e;
   padding:4px 10px 4px 0;
   margin:0px;
   text-align:right;
}



#contentBox h1 {
   color: #f5f5f5;
   font: bold 1.1em verdana,Arial,Helvetica,sans-serif;
   text-transform: uppercase;
   background-color:#200d4e;
   padding:5px 10px 5px 25px;
   margin:0 0 20px 0;
   text-align:left;
   border-left:5px solid #9e9e9e;
}


/*#contentBox h1 {
   color: #200d4e;
   font: bold 1.1em verdana,Arial,Helvetica,sans-serif;
   text-transform: uppercase;
   border-left: 14px solid #e9e9e9;
   padding: 1px 0 1px 4px;
   margin: 0 0 10px 10px;
}*/

#contentBox h2 {
   color: #200d4e;
   font: bold 100% verdana,Arial,Helvetica,sans-serif;
   margin: 20px 0 0 30px;
   padding:0;
}

#contentBox ul, #contentBox ol {
   margin:0;
   padding: 0;
}

#contentBox li {
   margin:0 0 0 45px;
   padding: 2px 20px 2px 2px;
}

#contentBox li:hover {
   background-color: #f5f5f5;
   color:#200d4e;
}




#toolBox h1 {
   color: #200d4e;
   font: bold 100% verdana,Arial,Helvetica,sans-serif;
   margin:0;
   padding:0;
}

#contentBox p {
   padding: 0 10px 5px 30px;
}

#contentBox p.info {
   padding: 20px 30px 10px 30px;
   background: url(/inc/img/info.gif) no-repeat #e9e9e9;
   color: #200d4e;
   font-weight: bold;
   border-top:1px solid #200d4e;
   border-bottom:1px solid #200d4e;
}

.grau2 {
   color: #c9c9c9;
   padding: 1px;
   border-top: 1px solid #c9c9c9;
   border-bottom: 1px solid #c9c9c9;
   margin-bottom: 20px;
   background-color: #f5f5f5;
}

.grau {
   color: #c9c9c9;
}

.rot {
   color: #f00;
}

span.klein {
   font-style: italic;
   /*color: #f5f5f5;*/
}


.captcha {
   border:1px solid #200d4e;
   padding:2px 4px;
   font-weight:bold;
   letter-spacing:4px;
   margin:0 4px;
}




img {
   border: 0;
}

#contentBox img.imgNoBorder {
   border: 0;
} 


dl.table-display
{
margin: 0 0 20px 30px;
padding: 0 0 20px 0;
clear: both;
}

.table-display dt
{
width: 30%;
float: left;
margin: 0 0 0 0;
font-weight: bold;
}

/* commented backslash hack for mac-ie5 \*/
dt { clear: both; }
/* end hack */

.table-display dd
{
float: left;
width: 65%;
margin: 0 0 0 0;
}


.libr {
   clear:left;
   width: 300px;
}

#navBox h1, #infoBoxen h1, #footerBox h1 {
   position:absolute;
   left:-3000px;
}


.wech {
   position:absolute;
   left:-3000px;
   display:none;
}


#contentRight ul {
   display:inline;
   margin: 0;
   padding: 0;
   list-style-type: none;
}

#contentRight ul li {
   margin: 0;
   padding: 0;
   color: #e9e9e9;
}


/* Links */

#bcBox a, #bcBox a:visited,#bcBox a:active {
   color: #9e9e9e;
   text-decoration:underline;
}

#bcBox a:hover {
   color: #e9e9e9;
   text-decoration:none;
}

a, a:visited, a:active {
   color: #200d4e;
   text-decoration:underline;
}

a:hover {
   color: #200d4e;
   text-decoration:none;
}

#contentBox hr {
border: 0px;
color: #200d4e;
background-color: #200d4e;
margin: 20px 30px;
height: 1px;
position: relative;
}


/* sonstiges */

span.scroll {
        display: block;
        width: 340px;
        height: 100px;
        overflow: auto;
        color:#999;
        border: 1px solid #000;
        background-color:#f5f5f5;
        padding: 4px;
}