/* *** css style Anna und Frank for CMS *** */
/* engineered by 3f internet -  http://www.3f-net.de  */

body {
background:url(http://www.anna-frank.de/media/backgrounds/bg-anna-frank.jpg)  #99C0FA;
background-attachment:fixed;
font-family: Verdana, Arial, Sans-Serif;
font-size:13px;
font-weight:thin;
color: #3A2E85;
padding:0;
margin:0;
}

/* ------Allgemeine Textformatierungen------ */
a {color: #FF5600;}
a:visited {color:#0D58A6;}
a:hover {color: #0D58A6;}
a:active { color:#0D58A6;}

/* Page Headings */
h1, h2, h3, h4, h5, h6 {color: #3A2E85;font-weight:normal; font-family:, Verdana, Arial, serif;}
h1          {font-size:24px;}
h2          {font-size:22px;}
h3          {font-size:20px;}
h4          {font-size:18px;}
h5          {font-size:16px;}
h6          {font-size:14px;}
p, pre{
font-family:, Verdana, Arial, serif;
color:#3A2E85;

}

/* ----------container zentriert das layout-------------- */
#container {
width: 955px;

margin:20px auto 0px auto;

}

/* ----------Bannergrafik-------------- */
#banner {
background: url(images/anna-frank_default.jpg) no-repeat top center #fd9802;
height: 201px;
width:955px;
text-align: center;
padding: 0px;
margin: 0px;
overflow:hidden;
}
bannerimage {top:0px; left:0px;padding:0px; margin-top: -10px;}
#banner img {top:0px; left:0px;padding:0px; margin-top: -10px;}
#banner p {font-weight:bold; margin:0px;}

/* ----------Horizontale Navigation-------------- */
#banner2 {
background: url(images/menu1.gif) repeat-x #fd9802;
width:100%;
height: 30px;
text-align: center;
padding: 0px;
margin-top: 0px;
}
#banner img {padding:10px 0px;}
/* -----------------Fix fuer IE7--------------------- */
*+html #content {padding: 20px 20px 20px 20px;}
/* -----------------Inhalt--------------------- */
#content {
/* background: url(images/content-bg.jpg) no-repeat top center #051c00;   */
width: 915px;
padding: 5px 20px 0px 20px;
margin: 0px auto;
text-align:left;
font-size:12px;
color: #05316D;
background:#FFFAE6;
border-top:1px solid #FF9F00;
}

#content p{
text-align:left;
font-size:13px;
color:  #05316D;
letter-spacing:120%;
line-height:150%;
}

div#content {
min-height:500px;
height:expression(this.scrollHeight > 500 ? "auto":"500px");
}

/* --------------Rechte Spalte links------------- */
#left {
float: right;
width: 180px;
margin: 0px;
padding: 10px;
background-color:#C0C0C0;
color:#000000;
min-height:600px;
height:expression(this.scrollHeight > 600 ? "auto":"600px");
overflow:hidden;
}

#left p{text-align:left; color:#000000; font-size:11px;}
/* --------------Rechte Spalt rechts------------- */
#right {
float: right;
width: 200px;
margin: 0;
padding: 0;
background-color:#484848;
color:#FDFFB3;
min-height:620px;
height:expression(this.scrollHeight > 600 ? "auto":"600px");
overflow:hidden;
}
#right p{text-align:left; color:#FDFFB3; font-size:11px; margin:0; padding:0;}
#right img {padding:0; margin:0;}
/* -----------Fusszeile--------------------------- */
#footer {
clear: both;
margin: 0px;
padding: 0px;
text-align:center;
color:#FFE273;
background: url(images/menu1.gif) repeat-x #fd9802;
height:30px;
border-top:1px solid #FF9F00;
 }
#footer p{margin:0px;padding:5px;color:#160773; }

#login {margin-top:0px;margin-right:20px;text-align:right;}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
        ####        Header Menu #####
        #######################

        Horizontal Drop-Down Menu based off :
        http://www.tanfa.co.uk/css/examples/menu/tutorial-h.asp

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~  */
#navContainer {width:951px; height:30px;text-align:center; display:block;clear:both;border-right:0px solid #000;margin:0 auto;}


/* Remove List Formattings
~~~~~~~~~~~~~~~~~~~~  */
 ul.menu, li.menu {
        list-style-type: none;
        margin:0 auto;
        padding: 0px;text-align:center;
}

/* Header menu */
#header_menu {position: absolute; margin-left: 20px;background:#FF9F00;}
#header_menu li {line-height: normal;}
ul#header_menu  {z-index: 10; clear: both;}

#nav {
        height: 30px;
        border-top: 0;
        border-bottom: 0px solid #000;
        border-left: 0px solid #808080;
        border-right: 0px solid #808080;
        padding:0;
}
#nav ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
        font-size: 100%;
        text-transform: uppercase;
        width: auto;font-weight: normal;
        /*
        (Disappearing List-Background)
        http://www.positioniseverything.net/explorer/ie-listbug.html
        */
        position: relative; /* Fix the Stupid IE6 Bug */
}
#nav ul li {float: left; color: #FFE273; text-align: center; }

#nav ul li a {display: block; background: none;  padding: 6px 10px 8px; border-left: 0px solid #000; border-right: 0px solid #6F6F6F; color: #05316D; text-decoration: none;}

/* Root Level Link Formatting */
#nav ul li a:hover, #nav li a:focus {background: url(images/menubghover.gif) repeat-x top center #FD9802; border-top: 0px solid #60FF00; color: #ffffff;}
#nav li a:active, #nav ul li a.active {background: url(images/menubghover.gif) repeat-x no-repeat top center #FD9802; border-color: #fff; color: #ffffff;}

/* Current page Customisations*/
#nav li.menu-current a                {background: url(images/menubghover.gif) repeat-x no-repeat top center #FD9802; color: #fff; border-bottom: 0px solid #000;}
#nav li.menu-current a                {font-weight: bold;}

/* 2nd Child menu */
#nav .menu li ul {position: absolute; width: 12em; margin: 0; display: none; text-transform: none; font-size: 90%;}
#nav .menu li ul li {width: 11.5em; text-align: left; font-weight: normal; margin: 0; padding: 0;}
#nav .menu li ul a {width: 12em; padding: .4em .1em .4em .4em;background: #FFE273;  color: #FF9F00; border: 1px solid #FF9F00;}

/* 2nd Child link hover */
#nav .menu li ul a:hover {color: #FFE273; background: #3a00ff; border: 1px solid #05316D;}

/* Show and hide */
#nav .menu li:hover ul, #nav .menu li a:focus ul, #nav .menu li.subMenu ul {display: block;}
#nav .menu li ul ul { display: none;}
#nav .menu li:hover ul ul, #nav .menu li.subMenu 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 {display: block;}


/* 3rd Child Menu Appreances */
#nav .menu li ul li ul li a         { width: 12em; padding: .4em .1em .4em .4em;background: #FFE273;  color: #FF9F00;border: 1px solid #FF9F00;}

/* Positioning the Pop-out Drops */
#nav li {position: relative; float: left;}

#nav ul ul ul {
        position: absolute;
        top: 1px;
        left: 14em;
}




/* Styles fuer Newsreader*/
.nr_itemdesc{
text-align:left;
vertical-align:top;
font-size:12px;
color: #FFE273;letter-spacing:120%;
line-height:150%;
}
.nr_itemdesc img {
text-align:left;        }

.nr_content ul{
        margin:0px;
        padding:0px;
}
.nr_content li{
        list-style-type:none;
        margin-bottom:10px;

}
.nr_content li a{
        font-size:16px;
}
div.nr_description, div.discreet{
        display:none;
}
/* end menu */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */