/*
                Styles - dbb-web
                www.dbb-web.de
                
        \\ DBB.CSS (Front End Styles) //

html { overflow-y:scroll; } */

body { 
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 0.8em;
        background-color: #fff;
        margin: 0;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
       Standard HTML Einstellungen
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

a:link, a:visited, a:active {
        color: #689;
        text-decoration: underline;
}
a:hover {
        color: #900;
        text-decoration: underline;
        /*background-color: #abc;*/
}
hr {
        margin: 5px 0px;
        color: #689;
        border: 0;
        border-top: 1px dotted #900;
        height: 1px;
}

 /*Page Headings */
h1, h2, h3, h4, h5, h6 {
        color: #689;
        font-weight:normal;
        font-family: Arial, sans-serif;
}
h1          {font-size:1.8em; border-left: 5px solid #900; border-bottom: 1px dotted #900; padding-left: 5px; }
h2          {font-size:1.4em; border-left: 5px solid #900; border-bottom: 1px dotted #900; padding-left: 5px; }
h3          {font-size:1.3em;}

h6          {font-size:1em; color:#689;}

form {margin: 0;}


blockquote         {
        font-family: arial, sans-serif;
        font-style: italic;
        color: #666;
        border-left: 2px solid #666;
        padding-left: 10px;
        font-size: 1.2em;
}

a img {
        border: 0;
text-decoration: none;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
        Layout Blocks
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#main { /* zentriert den Seiteninhalt */
        width: 770px;
        margin:0 auto;
        padding: 0;
}
#konim{  /* statisches Kopf-Menü */
        font-size: 10px;
        float: right;
        color: #689;
}

#konim a{        
        text-decoration: none;        
        /*color: #689;*/
        background: #fff;
        padding: 5px 10px;
        padding-bottom: 4px;
        color: #689;
        text-decoration: none;
        border-right: 2px solid #fff;
        border-bottom: 1px solid #fff;
}
#konim a:hover {
        /*background: #689;
        color: #fff;*/
        text-decoration: underline;
        background: #abc;
        padding: 5px 10px;
        padding-bottom: 4px;
        color: #689;
        text-decoration: none;
        border-right: 2px solid #689;
        border-bottom: 1px solid #689;
}


.banner {   /* Kopfinhalt */
        padding: 20px 0 0 20px;
        height:15em;
        font-weight: normal;
        background: url('images/kopfdbbn.jpg') top left no-repeat;
        
}
.banner a, .banner h1, .banner h2  {color: #fff;}
* html .banner {clear:both; height:248px;} /* ie6 misbehaves again */

.banner h1        { /* WEBSITE_TITLE */
	font-size: 14px;
	font-weight: bold;
        letter-spacing: 4px;
	padding: 20px 0 0 50px;
	border: none;
}
.banner h2        { /* BREADCRUMBS */
        font-size: 0.6em;
        text-transform: uppercase;
        letter-spacing: 4px;
        margin: 110px 0 0 50px;
        border: 0;
}

* html #contentContainer #content {text-align:left;} /* ie6 Ausgleich */
* html #contentContainer #content table {width: 90%;} /* ie6 fix hindert tables über flow zu gehen */

#sideColumn { /* Spalte links */
        float: left;
        width: 140px;
        margin-top: 2.4em;
        color: #689;
}
#info{position: relative; top: 10px; line-height: 90%;}
#info li {margin-left: -1.5em; width: 120px; font-size: .8em;}
#info h2  {font-size: .9em;  border:0; line-height: 90%; color: #900}
#info hr  {width: 140px;}

.user {font-size: 70%; color:#689;}
.logo {margin: 1.5em; margin-top: .3em;}

#content { /* Hauptinhalt aus dem WYSIWYG geht hier hin */
margin: 0 220px 10px 160px; 
border: 1px solid #689; padding: 1em; padding-top: 0;
}

/* Spalte rechts */
#rightbox{ 
        float: right;
        width: 200px;
}
#rightbox a:link, #rightbox a:hover{ 
border: 0;
text-decoration: none;
}

/* Fuß */
#footer {   
        position:relative;top: 1em; 
        font-family:"Times New Roman", Times, serif;
        font-size: 90%;        
        font-style:oblique;
        color: #abc;
        padding: 10px 5px 10px 50px;
        clear: both;
        /*background: #689;*/
        background: url(images/bgfooter.gif);
}
#footer table     {margin-top:-18px;}

#footer a { color: #abc; text-decoration: none; }
#footer a:hover { color: #fff; text-decoration: underline;background: transparent; }



/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* Search Box im Kopf */
#search_box {
        color: #fff;
        text-align: center;
        margin-top: 9.8em;
        float: right;
        clear: right;
        width: 200px;
}

#search_box fieldset {border:0;}
#search_box legend, #search_box label {display:none;}

#search_string {
        width: 100px;
        height: 16px;
        font-size: 90%;
        vertical-align: middle;
        border: 1px inset #ccc;
}
#search_submit {
        width: 50px;
        height: 23px;
        font-size: 90%;
        vertical-align: middle;
        padding: 0;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */




/* ##########     Hauptmenü      ##########       */

#navContainer {width: 80%; display:block;/*position:relative;*/margin-left: 160px;margin-right: 60px; padding:0; float: left; clear: both;}


/*~~~~~ Einstellungen List Formatierungen ~~~~~~~  */
 ul.menu, li.menu {
        list-style-type: none;
        margin-left: 10em;
        padding: 0px;
}


/* Kopfmenü */         
#header_menu {position: absolute; margin-left: 160px;background: #689 url('menuback.gif') top left repeat-x;}
#header_menu li {line-height: normal;}
ul#header_menu  {z-index: 10; clear: both;}

#nav {
        margin-top: -20px;
        height: 1.63em;
        border-left: 1px solid #689;
        padding: 0;
        position: relative; /* Fix IE6 Bug */
}
#nav ul {
        list-style-type: none; 
        margin: 0; 
        padding: 0; 
        position: relative; /* Fix IE6 Bug */
}
#nav ul li {
float: left;
text-align: center; 
font-weight: normal; 
font-size: 10px;
background: #689 url('trenner.gif') top left repeat-x;
border-right: 1px solid #456; 
width: auto;
}

#nav ul li a {display: block; background: #689 url('menuback.gif') top left repeat-x; padding: 5px 10px; padding-bottom: 4px; color: #fff; text-decoration: none; border-right: 1px solid #fff;}

/* Root Level Link Formatierung */
#nav ul li a:hover, #nav li a:focus {background:  #689;  border-right: 1px solid #456; color: #fff; }
#nav li a:active, #nav ul li a.active {background: #689; color: #abc;}

/* Current page Einstellungen*/
#nav li.menu-current a {background: #fff; border-top: 1px solid #456; border-right: 1px solid #456; color: #689;}

/* 2.Ebene Menü */
#nav .menu li ul {position: absolute; width: 9em; margin: 0; display: none; text-transform: none; font-size: 9px;}
#nav .menu li ul li {width: 12em; text-align: left; font-weight: normal; margin: 0; padding: 0; line-height: 1.2em;}
#nav .menu li ul a {width: 11.5em; padding: .6em .1em .6em .4em; background: #fff; color: #689; border-left: 1px solid #abc; border-right: 2px solid #abc; border-bottom: 1px solid #689; }
#nav .menu li.menu-current a:hover {background: #689; border-top: 1px solid #456; border-right: 1px solid #456; color: #fff;}


/* 2.Ebene link hover */
#nav .menu li ul a:hover {background: #abc; border: 0; color:#689; border-left: 1px solid #abc; border-right: 2px solid #456; border-bottom: 1px solid #456;}



/* zeigen und verstecken */
#nav .menu li:hover ul, 
#nav .menu li a:focus ul, 
#nav .menu li.subMenu ul,
#nav .menu li:hover ul ul, 
#nav .menu li a:focus ul ul, 
#nav .menu li.subMenu ul ul 
{display: block;}

#nav .menu li ul ul,
#nav .menu li ul ul ul 
{display: none;}

#nav .menu li:hover ul ul, 
#nav .menu li.subMenu ul ul,
#nav .menu li:hover ul ul ul, 
#nav .menu li.subMenu ul ul ul
{display: none;}
#nav .menu li:hover ul, 
#nav .menu li li:hover ul, 
#nav .menu li.subMenu ul, 
#nav .menu li li.subMenu ul,
#nav .menu li li:hover ul, 
#nav .menu li li li:hover ul, 
#nav .menu  li li.subMenu ul, 
#nav .menu il li li.subMenu ul  
{display: block;}

/* 3.Ebene Menu Aussehen */
#nav .menu li ul li ul li a         { width: 11.5em; padding: .6em .1em .6em .4em; background: #689; color: #fff; }

/* Positionierung der Pop-outs */
#nav li {position: relative;}

#nav ul ul ul {
        position: absolute;
        top: 1px;
        left: 100%;
}

/* Ende Hauptmenü */
/* Start Untermenü links */        
#navContainerSub {
        margin: 0;
        }
#navSub{
        margin: 0;
        }

#navSub ul {
        padding: 2px;
        font-size: 70%;
        line-height:70%; 
        position: relative; /* Fix IE6 Bug */
}
#navSub ul li {
        color: #689;
        font-weight: normal;
        list-style-type: none;

}
#navSub ul li a {
        display: block;
        background: #456; 
        padding: 3px;
        margin: 0;
        color: #fff;
        text-decoration: underline;
}

/* Root Level Link Formatierung */
#navSub ul li a:hover, #navSub li a:focus {
        display: block;
        background: #689;
        padding:  3px;
        margin: 0;
        color: #fff;
        text-decoration: none;
}
#navSub li a:active, #navSub ul li a:active {
        background: #fff; 
        color: #689;}

/* Current page Einstellungen*/
#navSub li.menu-current a{
        background: #fff;
        color: #689; 
        text-align: center; 
} 


/* zeigen und verstecken */
#navSub .menu li:hover ul, #navSub .menu li a:focus ul, #navSub .menu li.subMenu ul {
        display: block;
}
#navSub .menu li ul ul {
        display: none;
}
#navSub .menu li:hover ul ul, #navSub .menu li.subMenu ul ul {
        display: none;
}
#navSub .menu li:hover ul, #navSub .menu li li:hover ul, #navSub .menu li.subMenu ul, #navSub .menu li li.subMenu ul {
        display: block;
}

/* Positioning der Pop-ous */
#navSub li {

        position: relative; 

        bottom:3px;left:1px;
}
/* End Untermenü links */

/* Einstllungen der Login Box */

.login_table {
        border-top: 1px solid #b85;



        border-bottom: 1px solid #b85;
        margin-top: 20px;
        margin-bottom: 5px;
        text-align: center;
        color: #aaf;
        padding: 3px 0px 15px 0px;

}
.login_table h1 {
        color: #aaf;
        font-size: 12px;
        text-transform: uppercase;
        font-weight: bold;
        text-align: center;
        margin: 15px 0px 5px 0px;
}
.login_table input {
        text-transform: uppercase;
        font-size: 10px;
        margin: 5px 0px 1px 0px;
        width: 100px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 
        Allgemeine Einstellungen WB-Basiert 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
        



* html #clearfix {
        height: 1%;
}


.stealth {visibility:hidden; display:none;} /* hides from normal css enabled browsers */



#backend img{
        border: 0;
        margin-left: 10em;
}

/* Styles für Text im WYSIWYG editor */

.important        {font-weight:bold;color:#f00;}
.code                {font-family: "Courier New", Courier, mono; color:#093;letter-spacing: 1px;}

.info-box        {border: 1px solid #cc3; background-color:#F9F8E2;padding:4px;}

/* ~~~~~~~~~~~~~ Statistik (noch nicht eingebunden)~~~~~~~~~~~~~ 
.chcTable{  
        width: 130px;
        border: 0;
        border-spacing: 0;
        border-width: 1px;
        border-color: #000000;
        border-style: solid;
        text-align: left;
        background: transparent;
}
.chcHeaderRow{
        background-color: #161;
        color: #FFF;
        font-size: 11px;
        font-weight: bold;
        padding: 5px;
}
.chcLeftRow{
        background: transparent;
        color: #000000;
        font-size: 8px;
        padding: 5px;
}
.chcLeftRowAlt{
        background-color: #eee;
        color: #000000;
        font-size: 8px;
        padding: 5px;
}
.chcRightRow{
        background: transparent;
        font-size: 9px;
        font-weight: bold;
        color: #000000;
        padding: 5px;
        text-align: right;
}
.chcRightRowAlt{
        background: #ddd;
        font-size: 9px;
        font-weight: bold;
        color: #000000;
        padding: 5px;

        text-align: right
}
.chcA a{
        font-size: 9px;
}
*/