/* ================================================================ 
The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/drop_variations.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html has been modified by 
broed digital media - Babette Schröder.
=================================================================== */
 /* common styling */

 /* Set up the default font and ovrall size to include image */
.menu {
width:auto;
height:96px;
background:#fff url(../img_main/dk_head_berg01.jpg) 0 0 repeat-x;
position:relative; 
margin:0 0 0 98px;
font-family: Arial, Helvetica, sans-serif;
font-size:13px;
border-bottom: 1px solid #09294A;
z-index:2;
}

/* --------- fuer IE6 --------------------- */
* html .menu {
	voice-family: "\"}\"";
	voice-family:inherit;
	border-style: none;
	font-size:12px;
	margin: 0;
}


/* get rid of the default padding - margin and bullets */
.menu ul {
padding:0; 
margin:0;
margin-right: 15px;
list-style-type: none;
}

/* make menu horizontal */
.menu ul li {
float:right;
position:relative;
}

/* leere menuepunkte */
.menu ul li .trennlinie {
height:2px;
width:114px; 
max-width:114px;
background:#125399;
border:2px #FFF;
border-style: solid none;
}

/* --------- fuer IE6 --------------------- */
* html .menu ul li .trennlinie {
	voice-family: "\"}\"";
	voice-family:inherit;
	border: none;
	font-size: 1px;
	height:0px;
	width: 128px;
}

/* set up the default top level links */
.menu ul li a, 
.menu ul li a:visited {
display:block; 
text-decoration:none; 
color:#000; 
width:106px; 
max-width:106px;
height:15px;
font-weight:normal;
color:#888; 
border-top:3px solid #09294A;
background:#DDD; 
padding-left:10px; 
line-height:14px;
margin-right:2px;
margin-top:94px;
}

/* ----- fuer Opera 7 und hoeher ---------- */

html:first-child>b\ody .menu ul li{
	margin-right:2px;
	margin-top:0px;
} 

html:first-child>b\ody .menu ul li a,
html:first-child>b\ody .menu ul li a:visited {
	margin-right:0px;
} 

/* hack for IE5.5 to correct the faulty box model */
* html .menu ul li a, .menu ul li a:visited {
width:116px;
w\idth:120px;
}

/* hide the drop down menu */
.menu ul li ul {
display: none;
}

/* remove all table style so that it does not interfere with the menu */
.menu table {
margin:-1px; 
border-collapse:collapse;
font-size:1em;
}

/* first line for IE7 and non-IE browsers, second line for IE5.5 and IE6 */

/* style the top level hover */
.menu ul li:hover a,
.menu ul li a:hover {
color:#000; 
border-top:3px solid #125399;
background-color:#ABC;
height:14px;
border-bottom:1px solid #6697CC;

}
/* make the drop down menu show and correctly position it */
.menu ul li:hover ul,
.menu ul li a:hover ul {
display:block; 
position:absolute; 
top:101px;
margin-top:11px;
left:0; 
width:114px;
border:1px  #09294A;
border-style:none solid solid solid;
background:transparent;
}
/* style the drop down links with no hover */
.menu ul li:hover ul li a,
.menu ul li a:hover ul li a {
display:block; 
background-color:#FCFCFC;
color:#000; 
border:0;
margin:0;
color:#333;
font-weight:normal; 
font-size:11px;
height:auto; 
line-height:1em; 
padding:5px; 
width:104px
}
/* style the drop down menu links when hovered */
.menu ul li:hover ul li a:hover,
.menu ul li a:hover ul li a:hover {
background:#cfdae5; 
color:#09294A;
}

/* special styling for IE5.5 and IE6 - transparency is non validating */
.menu ul li a:hover ul {
background:transparent filter: alpha(opacity=85);
 filter: progid:DXImageTransform.Microsoft.Alpha(opacity=85);
opacity:0.85;
margin-top:10px; /* for IE5.5 faulty box model */
marg\in-top:9px; /* fuer IE6 */
}
/* IE5.5 hack for faulty box model in drop down menu */
.menu ul li a:hover ul li a {
background:#ddd;
width:102px; /* for IE5.5 faulty box model */
w\idth:118px; /* fuer IE6 */
}


/* ------------ fuer Opera 7 und hoeher ---------- */

html:first-child>b\ody .menu ul li a {
	font-size: 11px;
} 

/* ====================================================================
	Menue in linker Spalte
	Copyright (c) 2007 Babette Schröder. All rights reserved.
====================================================================== */

.navcontainer { 
	width: 95px; /* 95px */
	margin: -16px 0 0 1px;
	font-size: 12px;
	border-right: 1px solid #09294A;
}

/* ----- fuer Opera 7 und hoeher ---------- */

html:first-child>b\ody .navcontainer {
	margin: -16px 0 0 1px;
} 

/* --------- fuer IE7 --------------------- */
*+html .navcontainer {
	position: relative;
	top: 14px;
	left: 0;
	width:95px !important;

}

/* --------- fuer IE6 --------------------- */
* html .navcontainer {
	voice-family: "\"}\"";
	voice-family:inherit;
	position: absolute;
	top: 0;
	left: 0;
	width:94px !important;
}

.navcontainer ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.navcontainer ul li {
	background-color: #036;
}

.navcontainer a {
	display: block;
	padding:1px 10px 0px 0px; /* war 1 5 0 0 */
	width: 88px; /* 88px */
	border-bottom: 1px solid #eee;
}

/* --------- fuer IE6 --------------------- */
* html .navcontainer a {
	voice-family: "\"}\"";
	voice-family:inherit;
	width:84px;
}

.navcontainer .naveins {
	background-color: #0C3560;
}

.navcontainer .navzwei {
	background-color: #104987;
}

.navcontainer .navdrei {
	background-color: #2865A6;
}

.navcontainer .navvier {
	background-color: #5388C0;
}

.navcontainer .navfuenf {
	background-color: #88A9CC;
}

.navcontainer a:link, 
.navlist a:visited {
	color: #FFF;
	text-decoration: none;
}

.navcontainer a:hover,
.navcontainer a:active {
	background-color: #09294A;
	color: #EEE;
	width: 85px;
}

/* ----------- fuer IE6 --------- */
* html .navcontainer a:hover,
* html .navcontainer a:active {
	voice-family: "\"}\"";
	voice-family:inherit;
	width:84px;
}

/* ====================================================================
	LogIn-Bereich in linker Spalte
====================================================================== */
.login { 
	width: auto;
	margin: 40px 2px 0 4px;
	border: 1px solid #EEE;
	color: #EEE;
}

.loghead { 
	padding: 1px;
	border-bottom: 1px solid #EEE;
	background-color: #09294A;
	color: #EEE;
	font-size: 11px;
	text-align: center;
}

.logcontent { 
	border-top: 1px solid #EEE;
	padding: 1px;
	color: #09294A;
	font-size: 9px;
	background-color: #DDD;
	white-space:nowrap;
}

.logcontent p { 
	padding: 0;
	margin:4px 0 0 0;
	text-align: right;
}

.login label .logfeld1 { 
    padding:0 0 0 1px;
    background-color:#EEE; 
    width:62px;
    height: 14px;
    line-height:8px
    font-size: 10px;
    border:1px solid #888;
    vertical-align: bottom;
}

.login label .logfeld2 { 
    padding:0 0 0 1px;
    background-color:#EEE; 
    width:42px;
    height: 14px;
    line-height:8px
    font-size: 10px;
    border:1px solid #888;
    vertical-align: bottom;
}

.login p .logbut { 
    background-color:#999;
    color:#fff;
    font-size: 10px;
    width: 85px;
    height:16px;
    border:1px outset #666; 
    padding: 0;
	margin: 0 0 2px 0;
}

/* ====================================================================
	einfacher LogIn-Menuepunkt in linker Spalte
====================================================================== */
.navlog { 
	width: 95px;
	margin: 40px 0 0 1px;
	font-size: 12px;
}

.navlog a:link,
.navlog a:visited {
	display: block;
	padding: 5px 5px;
	width: 85px;
	text-decoration: none;
	background-color: #88A9CC;
	color: #09294A;
	border: 1px #09294A;
	border-style: solid none;
}

.navlog a:hover,
.navlog a:active {
	display: block;
	padding: 5px 5px;
    width: 85px;
	text-decoration: none;
	background-color: #88A9CC;
	color: #EEE;
	border: 1px #EEE;
	border-style: solid none;
}

/* --------- fuer IE6 --------------------- 
* html .navlog a {
	voice-family: "\"}\"";
	voice-family:inherit;
	margin: 0;
	padding: 0;
}
*/

/* --------- fuer IE6 --------------------- */
* html .navlog a:link,
* html .navlog a:visited, 
* html .navlog a:hover, 
* html .navlog a:active {
	voice-family: "\"}\"";
	voice-family:inherit;
	margin: 0;
	position: relative;
	top: 120px;
	left: 0;
	width: 84px;
	font-size: 11px;
}
/* mfit 090104 fehlte bisher, unterschied?
* html .navlog a:link, 
* html .navlog a:visited {
	voice-family: "\"}\"";
	voice-family:inherit;
	border: 1px #09294A;
	border-style: solid none;
}

* html .navlog a:hover, 
* html .navlog a:active {
	voice-family: "\"}\"";
	voice-family:inherit;
	border: 1px #EEE;
	border-style: solid none;
}
*/
/* ====================================================================
	Partner-Menuepunkt in linker Spalte
====================================================================== */
.navpartner { 
	width: 95px;
	margin: 40px 0 0 1px;
}

.navpartner a:link,
.navpartner a:visited {
	text-align:center;
	font-weight:bold;
	font-size: 14px;
	display: block;
	padding: 5px 5px;
	width: 85px;
	text-decoration: none;
	background-color: #fed186;
	color: #09294A;
	border: 1px #09294A;
	border-style: solid none;
}

.navpartner a:hover,
.navpartner a:active {
	display: block;
	padding: 5px 5px;
	width: 85px;
	text-decoration: none;
	background-color: #ffe6bd;
	color: #09294A;
	border: 1px #FFF;
	border-style: solid none;
}

/* --------- fuer IE6 --------------------- 
* html .navpartner a {
	voice-family: "\"}\"";
	voice-family:inherit;
	margin: 0;
	padding: 0;
}
*/

/* --------- fuer IE6 --------------------- */
* html .navpartner a:link,
* html .navpartner a:visited, 
* html .navpartner a:hover, 
* html .navpartner a:active {
	voice-family: "\"}\"";
	voice-family:inherit;
	margin:220px 0px 5100px 0px; /* das hier ist der boese IE superfehler... gewesen mfitz 090105*/
	position: relative;
/*	top: 220px;*/
	left: -2px;
	width: 86px;
	font-size: 14px;
	text-align:center;
}

* html .navpartner a:link, 
* html .navpartner a:visited {
	voice-family: "\"}\"";
	voice-family:inherit;
	border: 1px #09294A;
	border-style: solid none;
}

* html .navpartner a:hover, 
* html .navpartner a:active {
	voice-family: "\"}\"";
	voice-family:inherit;
	border: 1px #EEE;
	border-style: solid none;
}

/* ====================================================================
	hervorgehobener Menuepunkt mit Hintergrund in linker Spalte
====================================================================== */

.hingucker {
	background: url(../img_main/dk_feature2.gif) no-repeat;
	background-position: top left;
	z-index: 50;
	width:94px;
	height: 67px;
	position: absolute;
	left: 4px;
	margin-top:40px;
	padding: 15px 20px 2px 5px;
	color:#fff;
	font-weight: normal;
	font-size:12px;
	text-align: center;
}

.hingucker a:link,
.hingucker a:visited {
	text-decoration: none;
	color:#09284A;
}	

.hingucker a:hover,
.hingucker a:active {
	text-decoration: none;
	color:#f90;
}