/* *** css style e Neukauf Duetmann for CMS *** */
/* engineered by 3f internet -  http://www.3f-net.de  */



body {

font-family: Arial, Verdana, Sans-Serif;
font-size:13px;
font-weight:normal;
color: #000;
padding: 0;
margin: 0px auto auto 0px;
}

#iewrapper {background: none; background-position:center;margin:0px auto auto 0px;}

/* ------Allgemeine Textformatierungen------ */
a {color:  #1361ac;text-decoration:none;}
a:visited {color:#9F9F9F;}
a:hover {color: #1361ac;text-decoration:underline;}
a:active { color: #1361ac;}
a img {border: none;}

/* Page Headings */
h1, h2, h3, h4, h5, h6 {color:#1361ac;font-weight:normal;margin-top:0px;}
h1          {font-size:24px;}
h2          {font-size:24px;}
h3          {font-size:22px;}
h4          {font-size:20px;}
h5          {font-size:18px;}
h6          {font-size:16px;}
p, pre, li, ul{
text-align:left;
font-size:13px;
color: #000;
letter-spacing:120%;
line-height:150%;

}


/* ----------container zentriert das layout-------------- */
#container {
width: 990px;

margin:0 auto auto 0;

}
*+html #top {height:115px;width:990px;}

#top {
background: url(images/banner-40-jahre.jpg) no-repeat top left;
border-top: 0px solid #00366c;
height:115px;
width:990px;
text-align: center;
padding: 0px;
margin: 0px auto 0px 0px;
}

#searchbox {padding-top:0px; margin:0px;position:relative; top:0px; left:0px;}
#searchform   {font-size:11px;height:13px; width:120px;background: #fff;color:#5F5F5F;border:1px solid #AFAFAF;}
.search_submit {background: url(images/search.gif) no-repeat bottom left;color:#fff;font-size:11px; font-weight:bold;border:0px solid #bf0000;height:19px; width:20px;margin-top:2px;padding:0px;}


/* -----------------Hauptinhalt bzw. mittlere Spalte--------------------- */
table#spalten {width:990px;height:500px;padding-left:5px;margin:0px 0px 0px 0px;background: url(images/content_top.gif) repeat-x;border:0px;}
table#spalten  td#left th {
background: url(images/bg-th-darkblue30.gif) repeat-x top center; height:30px; color:#fff; font-style:italic; font-size:15px;text-align:left; padding:0px 0px 0px 5px;}
table#spalten  td#right th {
background: url(images/bg-th-darkblue30.gif) repeat-x top center;height:30px; color:#fff; font-style:italic; font-size:15px; text-align:left; padding:0px 0px 0px 5px;}
table#spalten  td#content th {
background: url(images/bg-th-darkblue30.gif) repeat-x top center;height:30px; color:#fff; font-style:italic; font-size:15px; text-align:left; padding:0px 0px 0px 5px;}

/* --------------Linke Spalte------------ */
#left {
border-top: 0px solid #1361ac;
width: 200px;
padding:8px 10px 0px 0px;
vertical-align:top;
background: none;
margin:0px;
text-align:left;
color:#000;
}
#left p {
padding:auto; color:#000;
}

/* --------------Mittlere Spalte------------ */
*+html #content {padding:10px;}

#content {
border-top: 0px solid #1361ac;
padding:8px 0px 0px 0px;
margin: 0px auto;
text-align:left;
color: #000;
vertical-align:top;
}
#content p {
padding:auto;
}

/* --------------Rechte Spalte------------- */
#right {
border-top: 0px solid #1361ac;
width: 200px;
padding:8px 0px 0px 0px;
vertical-align:top;
background: none;
text-align:left;
}
#right p {
padding:auto;
}

/* -----------Fusszeile--------------------------- */
*+html #footer { margin: 0px auto auto auto; width:990px;          }

#footer {
clear:both;
height:23px;
width:990px;
text-align: center;
border-top:1px solid #c1d7ed;
margin: left;
background: none; background-position:center;
}


#footer p{color:#1361ac; font-weight:600;  text-align:center;}
#footer a {text-decoration: none; color:#1361ac; padding: 0px 20px 0px 20px;text-align:center;}
#footer a:hover,  a:focus, a:active {color:#c1d7ed;}


#login {margin:0px;
height:5px;
border-bottom: 0px solid #00366c;

}

/* Ende Standardformatierungen --ab hier Spezielle Modulformatierungen, wenn noetig --*/

/* Styles fuer Newsreader*/
.nr_itemdesc{
text-align:left;
font-size:12px;
color: #5F5F5F;
letter-spacing:120%;
line-height:150%;
}
.nr_content ul{
margin:0px;
padding:0px;
}
.nr_content li{
list-style-type:none;
margin-bottom:20px;
}

.nr_content li a{
font-size:16px;
}
div.nr_description, div.discreet{
display:none;
}
.newsreader h2 {
        display:none;
}
/* Ende Newsreader */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~Ende Stylesheet~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */


 /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
        ####        Header Menu #####
        #######################

        Horizontal Drop-Down Menu based off :
        http://www.tanfa.co.uk/css/examples/menu/tutorial-h.asp

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~  */

#navContainer {width:690px;height:30px;border-bottom:0px solid #e90606; text-align:left; margin: auto;}


/* Remove List Formattings
~~~~~~~~~~~~~~~~~~~~  */
 ul.menu, li.menu {
        list-style-type: none;
        margin: 0px;
        padding: 0px;
}

/* Header menu */
#header_menu {position: absolute; margin-left: 0px;background:#fff;}
#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;
        margin: auto 0px auto 0px;
}
#nav ul {
        list-style-type: none;
        margin: 0;
        padding: 0;

        text-transform: uppercase;
        width: auto;
        /*
        (Disappearing List-Background)
        http://www.positioniseverything.net/explorer/ie-listbug.html
        */
        position: relative; /* Fix the Stupid IE6 Bug */
}

ul#submenu, li#submenu{margin: 0px; padding: 0px; list-style-type: none;float: left; color: #b2bcd9; text-align: center;font-size:11px;letter-spacing:1px; font-weight:900;font-style:normal;}
li#submenu a {display: block; padding: 2px 15px 2px 0px;color: #364aac; text-decoration: none;}

#nav ul li {float: left; color: #b2bcd9; text-align: center;font-size:12px;letter-spacing:1px; font-weight:900;font-style:normal;}

#nav ul li a {display: block; padding: 10px 15px 5px 0px; border-bottom: 0px solid #000; border-left: 0px solid #fff; color: #b2bcd9; text-decoration: none;}

/* Root Level Link Formatting */
#nav ul li a:hover, #nav li a:focus {color: #f9ec00;}
#nav li a:active, #nav ul li a.active {background: url(images/top_main_navigation.gif) repeat-x #fff; border-color: #fff; color: #6394d9;}

/* Current page Customisations*/
#nav li.menu-current a                {color: #f9ec00; border-bottom: 0px solid #000;}
#nav li.menu-current a:hover          {color: #f9ec00; border-bottom: 0px solid #000;}


/* 2nd Child menu */
#nav .menu li ul {position: absolute; width: 150px; margin: 0; display: none; text-transform: none; border: 0px solid #fff; border-top: 0; font-size: 100%;}
#nav .menu li ul li {width: 150px; text-align: left; font-weight: normal; margin: 0; padding: 0; line-height: 1.2em;}
#nav .menu li ul a {width: 146px; padding: .6em .1em .6em .4em; color: #1361ac; border: 0px solid #7F7F7F;}

/* 2nd Child link hover */
#nav .menu li ul a:hover {background: #82afdc; color: #fff; border: 0px solid #7F7F7F;}

/* 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: 146px; padding: .6em .1em .6em .4em; background: url(images/footer1.png);  color: #fff;border: 0px solid #7F7F7F;}

/* Positioning the Pop-out Drops */
#nav li {position: relative; float: left;}

#nav ul ul ul {
        position: absolute;
        top: 0px;
        left: 100%;
}

div#rezepte img {width:100px;height:100px;padding:5px;float:left;overflow:hidden;}
