#menu {
	PADDING:0px;
	MARGIN:0px;
	height:auto;
	width:auto;
	font-size:9px;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}

#menu img{
	margin-left:0px;
	BACKGROUND-COLOR: transparent;
}
#menu dl {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: 0px;
	MARGIN: 0px;
	PADDING-TOP: 3px;
 	background: no-repeat 10px 10px;
}

#menu dl.kat1 {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: 0px;
	MARGIN: 0px;
	MARGIN-top: 0px;
	MARGIN-bottom: 30px;
	PADDING-TOP: 0px;
 	background: no-repeat 10px 10px;
/*	BACKGROUND-image: url(../images/dogoutlets_pfote.gif); */

}

#menu dl.kat {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: 0px;
	MARGIN: 0px;
	MARGIN-top: 30px;
	MARGIN-bottom: 30px;
	PADDING-TOP: 0px;
 	background: no-repeat 10px 10px;
/*	BACKGROUND-image: url(../images/dogoutlets_pfote.gif); */

}

#menu dt.infopoint {
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	color:#ccccff;
	FONT-WEIGHT: bold;
	margin-left:5px;
}

#menu dd.uk1,#menu dd.selected_linkuk1 {
	padding:0px;
	MARGIN-BOTTOM: 0px;
 	margin: 0px 0px 0px 0px ;
}
#menu dd.uk2,#menu dd.selected_linkuk2 {
	padding:0px;
	MARGIN-BOTTOM: 0px;
 	margin: 0px 0px 0px 0px ;
}

#menu dt,#menu dt.selected_link {
	padding:0px;
	MARGIN-BOTTOM: 0px;
 	margin: 0px 0px 0px 0px ;


}

#menu dl dd dl dd {
	MARGIN-TOP: 1px;
	MARGIN-BOTTOM: 0px
}

#menu dt a {
	PADDING-RIGHT: 0px;
	DISPLAY: block;
	PADDING-LEFT: 20px;
	FONT-WEIGHT: bold;
	PADDING-BOTTOM: 0px;
	WIDTH: 149px;
	COLOR: #999999;
	PADDING-TOP: 4px;
	HEIGHT: auto;
	PADDING-bottom: 4px;
	BACKGROUND-COLOR:transparent;
	TEXT-DECORATION: none;


}

#menu dd.uk1 a{
	PADDING-RIGHT: 0px;
	DISPLAY: block;
	PADDING-LEFT: 30px;
	FONT-WEIGHT: bold;
	PADDING-BOTTOM: 0px;
	WIDTH: 139px;
	COLOR: #999999;
	PADDING-TOP: 4px;
	HEIGHT: auto;
	PADDING-bottom: 4px;
	BACKGROUND-COLOR:transparent;
	TEXT-DECORATION: none;
}

#menu dd.uk2 a{
	PADDING-RIGHT: 0px;
	DISPLAY: block;
	PADDING-LEFT: 40px;
	FONT-WEIGHT: bold;
	PADDING-BOTTOM: 0px;
	WIDTH: 129px;
	COLOR: #999999;
	PADDING-TOP: 4px;
	HEIGHT: auto;
	PADDING-bottom: 4px;
	BACKGROUND-COLOR:transparent;
	TEXT-DECORATION: none;
}

#menu dt.selected_link a{
	PADDING-RIGHT: 0px;
	DISPLAY: block;
	PADDING-LEFT: 20px;
	FONT-WEIGHT: bold;
	PADDING-BOTTOM: 0px;
	WIDTH: 149px;
	COLOR: #999999;
	PADDING-TOP: 4px;
	HEIGHT: auto;
	PADDING-bottom: 4px;
	TEXT-DECORATION: none;
	BACKGROUND-COLOR: #666666;
/*	BACKGROUND-image: url(../images/dout/on2.gif); */
	background-repeat:no-repeat;
	background-position:2px 1px;


}

#menu dd.selected_linkuk1 a{
	PADDING-RIGHT: 0px;
	DISPLAY: block;
	PADDING-LEFT: 30px;
	FONT-WEIGHT: bold;
	PADDING-BOTTOM: 0px;
	WIDTH: 139px;
	COLOR: #999999;
	PADDING-TOP: 4px;
	HEIGHT: auto;
	PADDING-bottom: 4px;
	TEXT-DECORATION: none;
	BACKGROUND-COLOR: #666666;
/*	BACKGROUND-image: url(../images/dout/on1.gif); */
	background-repeat:no-repeat;
	background-position:12px 1px;
}

#menu dd.selected_linkuk2 a{
	PADDING-RIGHT: 0px;
	DISPLAY: block;
	PADDING-LEFT: 40px;
	FONT-WEIGHT: bold;
	PADDING-BOTTOM: 0px;
	WIDTH: 129px;
	COLOR: #999999;
	PADDING-TOP: 4px;
	HEIGHT: auto;
	PADDING-bottom: 4px;
	TEXT-DECORATION: none;
	BACKGROUND-COLOR: #666666;
/*	BACKGROUND-image: url(../images/dout/on1.gif); */
	background-repeat:no-repeat;
	background-position:22px 1px;
}

#menu dd.uk1 a:link,#menu dd.uk2 a:link, #menu dt a:link, #menu dd.selected_linkuk2 a:link, #menu dd.selected_linkuk1 a:link,#menu dt.selected_link a:link {
color: #999999;
}

#menu dd.uk1 a:visited, #menu dd.uk2 a:visited,#menu dt a:visited, #menu dd.selected_linkuk2 a:visited, #menu dd.selected_linkuk1 a:visited, #menu dt.selected_link a:visited {
color:#999999;
text-decoration:none;


}

#menu dt a:hover, #menu dt.selected_link a:hover {
	COLOR: #ffffff;
	BACKGROUND-COLOR: #666666;
/*	BACKGROUND-image: url(../images/dout/off1.gif); */
	background-repeat:no-repeat;
	background-position:2px 1px;
}

#menu dd.uk1 a:hover,#menu dd.uk2 a:hover, #menu dd.selected_linkuk1 a:hover, #menu dd.selected_linkuk2 a:hover {
	COLOR: #ffffff;
	BACKGROUND-COLOR: #666666;
/*	BACKGROUND-image: url(../images/dout/off1.gif); */
	background-repeat:no-repeat;
	background-position:12px 1px;
}

#menu dd.uk1 a:active,#menu dd.uk2 a:active,#menu dt a:active{

}

#menu dd.selected_linkuk1 a:active, #menu dd.selected_linkuk2 a:active {
	COLOR: #ffffff;
	BACKGROUND-COLOR: transparent;
/*	BACKGROUND-image: url(../images/dout/on1.gif); */
	background-repeat:no-repeat;
	background-position:12px 1px;
}



#menu dt.selected_link a:active {
	COLOR: #ffffff;
	BACKGROUND-COLOR: transparent;
/*	BACKGROUND-image: url(../images/dout/on1.gif); */
	background-repeat:no-repeat;
	background-position:2px 1px;


}

#menu_active a {
	BACKGROUND-IMAGE: url(menu_bg_ov.gif);
	COLOR: #ffffff;
	BACKGROUND-COLOR: #666666;


}

#menu_active dl a {
	PADDING-RIGHT: 0px;
	DISPLAY: block;
	PADDING-LEFT: 0px;
	BACKGROUND-IMAGE: url(menu_sub_normal.gif);
	PADDING-BOTTOM: 0px;
	MARGIN: 0px;
	COLOR: #475767;
	PADDING-TOP: 4px;
	BACKGROUND-REPEAT: repeat-y;
	HEIGHT: 16px;
	BACKGROUND-COLOR: #666666;
}

.no_children {
	MARGIN-BOTTOM: 1px
}

#dropdown {list-style-type:none; margin:0px;margin-left:5px; padding:0;}
#dropdown li {float:left; padding:0; margin:0 1px 0 0; position:relative; width:150px; height:3em; z-index:100;}
#dropdown li dl {position:absolute; top:0; left:0;}
#dropdown li a, #dropdown li a:visited {text-decoration:none;}
#dropdown li dd {display:none;}
#dropdown li:hover, #dropdown li a:hover {border:0;}
#dropdown li:hover dd, #dropdown li a:hover dd {display:block;}
#dropdown li:hover dl, #dropdown li a:hover dl {padding-bottom:20px;}
#dropdown table {border-collapse:collapse; padding:0; margin:-1px; font-size:11px;font-family : Verdana, Arial, sans-serif;}
#dropdown dl {width: 150px; margin: 0; padding: 0; background: #660000 url(bottom.gif) no-repeat bottom left; text-align:center; cursor:pointer;}
#dropdown dt {margin:0; padding: 5px; font-size: 11px;font-family : Verdana, Arial, sans-serif; color: #fff; border-bottom:1px solid #444;}
#dropdown .one {background: #660000 url(top.gif) no-repeat top left;color:#ffffcc}
#dropdown .two {background: #660000 url(top.gif) no-repeat top left;color:#ffffcc}
#dropdown .three {background: #660000 url(top.gif) no-repeat top left;}
#dropdown .four {background: #660000 url(top.gif) no-repeat top left;}
#dropdown dd {margin:0; padding:0; color: #fff; font-size: 11px;font-family : Verdana, Arial, sans-serif; background: #CC9966; text-align:left;}
#dropdown dd.last {border-bottom:1px solid #444;}
.sortmenu dt a, .gallery dt a:visited {display:block; color:#ffffcc;}
.sortmenu dd a, .gallery dd a:visited {color:#ffffcc; text-decoration:none; display:block; padding:4px 5px 4px 20px;
background: #CC9966 url(on3.gif) no-repeat 2px 3px; width:125px;
}
.sortmenu dd a:hover {background: #996633 url(on2.gif) no-repeat 2px 3px; color:#ffffcc;}

/* Graphical Borders - boxes main modules and file-pages - End  */



/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at menus/simple_vertical.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

/* Add a margin - for this demo only - and a relative position with a high z-index to make it appear over any element below */
#menu_container {padding-left:auto;margin:0px; position:relative; width:100%; height:25px; z-index:200;text-align:center}

/* Get rid of the margin, padding and bullets in the unordered lists */
#pmenu, #pmenu ul {padding:0px; margin:0px; list-style-type: none;}

/* Set up the link size, color and borders */
#pmenu a, #pmenu a:visited {display:block;width:250px; font-size:11px; color:#ffffcc; min-height:20px; line-height:20px; text-decoration:none; text-indent:5px;font-weight: bold;}

/* Set up the sub level borders */
#pmenu li ul li a, #pmenu li ul li a:visited {border-width:0px 1px 1px 1px;border-color:#333333;border-style:ridge;min-height:28px; line-height:28px;}
#pmenu li a.enclose, #pmenu li a.enclose:visited {border:1px #333333 ridge;min-height:28px; line-height:28px;}
#pmenu li a.enclose1, #pmenu li a.enclose1:visited {border-width:0px}

/* Set up the list items */
#pmenu li {float:left; background:transparent;}
#pmenu li.drop ul li{background:#555555;}

/* For Non-IE browsers and IE7 */
#pmenu li:hover {position:relative;}
/* Make the hovered list color persist */
#pmenu li:hover > a {background:transparent; color:#ccc;}
/* Set up the sublevel lists with a position absolute for flyouts and overrun padding. The transparent gif is for IE to work */
#pmenu li ul {display:none;}
/* For Non-IE and IE7 make the sublevels visible on list hover. This is all it needs */
#pmenu li:hover > ul {display:block; position:absolute; top:0px; left:180px; padding:10px 30px 30px 30px; background:transparent ; width:250px;}
/* Position the first sub level beneath the top level liinks */
#pmenu > li:hover > ul {left:-30px; top:18px;}

/* get rid of the table */
#pmenu table {position:absolute; border-collapse:collapse; top:3px; left:0; z-index:100; font-size:11px;}
#pmenu .fly table {position:absolute; border-collapse:collapse; top:11px; left:30px; z-index:100; font-size:11px;}

/* For IE5.5 and IE6 give the hovered links a position relative and a change of background and foreground color. This is needed to trigger IE to show the sub levels */
* html #pmenu li a:hover {position:relative;background:transparent; color:#ccc;}

/* For accessibility of the top level menu when tabbing */
#pmenu li a:active, #pmenu li a:focus {background:transparent; color:#ccc;}

/* Set up the pointers for the sub level indication */
#pmenu li.fly {background:#555555 url(sublev.gif) no-repeat right bottom;}
#pmenu li.drop ul li.fly {background:#555555 url(sublev.gif) no-repeat right bottom;}
#pmenu li.drop {background:transparent url(sublev2.gif) no-repeat right center;}


/* This lot is for IE5.5 and IE6 ONLY and is necessary to make the sublevels appear */

/* change the drop down levels from display:none; to visibility:hidden; */
* html #pmenu li ul {visibility:hidden; display:block; position:absolute; top:0px; left:180px; padding:10px 30px 30px 30px; background:transparent url(transparent.gif);}

/* keep the third level+ hidden when you hover on first level link */
#pmenu li a:hover ul ul{
visibility:hidden;
}
/* keep the fourth level+ hidden when you hover on second level link */
#pmenu li a:hover ul a:hover ul ul{
visibility:hidden;
}
/* keep the fifth level hidden when you hover on third level link */
#pmenu li a:hover ul a:hover ul a:hover ul ul{
visibility:hidden;
}
/* keep the sixth level hidden when you hover on fourth level link */
#pmenu li a:hover ul a:hover ul a:hover ul a:hover ul ul {
visibility:hidden;
}

/* make the second level visible when hover on first level link and position it */
#pmenu li a:hover ul {
visibility:visible; left:-30px; top:14px; lef\t:-31px; to\p:15px;
}

/* make the third level visible when you hover over second level link and position it and all further levels */
#pmenu li a:hover ul a:hover ul{ 
visibility:visible; top:-11px; left:80px;
}
/* make the fourth level visible when you hover over third level link */
#pmenu li a:hover ul a:hover ul a:hover ul { 
visibility:visible;
}
/* make the fifth level visible when you hover over fourth level link */
#pmenu li a:hover ul a:hover ul a:hover ul a:hover ul { 
visibility:visible;
}
/* make the sixth level visible when you hover over fifth level link */
#pmenu li a:hover ul a:hover ul a:hover ul a:hover ul a:hover ul { 
visibility:visible;
}
/* If you can see the pattern in the above IE5.5 and IE6 style then you can add as many sub levels as you like */

/* Kalender Mouseoffereffekt ANFANG */
.popupmenu {
	Z-INDEX: 100; LEFT: 0px; POSITION: relative;  BACKGROUND-COLOR: transparent
}
.popupmenu A.p1 {
	text-align:middle;vertical-align:center;BORDER-WIDTH: 0px; DISPLAY: block;  BACKGROUND:  transparent; LEFT: 0px;  WIDTH: 100%; TOP: 0px; HEIGHT: 100%; 0px; TEXT-DECORATION: none
}
.popupmenu A.p1:visited {
	BORDER-WIDTH: 0px; DISPLAY: block;  BACKGROUND:  transparent; LEFT: 0px; WIDTH: 100%; TOP: 0px; HEIGHT: 100%; TEXT-DECORATION: none
}
.popupmenu A SPAN {
	BORDER-WIDTH: 0px; 
}
.popupmenu A.p1:hover {
	COLOR: #dddddd; TEXT-DECORATION: none;text-align:middle;vertical-align:center;
}
.popupmenu A .large {
	visibility:hidden;BORDER-WIDTH: 0px; DISPLAY: block; LEFT: 0px; WIDTH: 0px; POSITION: absolute; TOP: 0px; HEIGHT: 0px; 
}
.popupmenu A.p1:hover .large {
	visibility:visible;BORDER-RIGHT: #444444 6px ridge; BORDER-TOP: #444444 6px ridge; DISPLAY: block; LEFT: -300px; BORDER-LEFT: #444444 6px ridge; WIDTH: 300px; BORDER-BOTTOM: #444444 6px ridge; POSITION: absolute; HEIGHT:auto;TOP: -40px; background-color:#222222;
}
.popupinfo {
	Z-INDEX: 100; height:175 px;
	}
/* Kalender Mouseoffereffekt ENDE */

/* Menu Mouseoffereffekt ANFANG */
.popupmenu2 {
	Z-INDEX: 100;
	LEFT: 0px;
	POSITION: relative;
	BACKGROUND-COLOR: transparent
}
.popupmenu2 A.p12,A.p11 {
	text-align:middle;
	vertical-align:center;
	BORDER-WIDTH: 0px;
	DISPLAY: block;
	BACKGROUND: transparent;
	LEFT: 0px;
	WIDTH: 100%;
	TOP: 0px;
	HEIGHT: 100%;
	TEXT-DECORATION: none
}
.popupmenu2 A.p12:visited,A.p11:visited {
	BORDER-WIDTH: 0px;
	DISPLAY: block;
	BACKGROUND: transparent;
	LEFT: 0px;
	WIDTH: 100%;
	TOP: 0px;
	HEIGHT: 100%;
	TEXT-DECORATION: none
}
.popupmenu2 A SPAN {
	BORDER-WIDTH: 0px; 
}
.popupmenu2 A.p12:hover,A.p11:hover {
	COLOR: #dddddd;
	TEXT-DECORATION: none;
	text-align:middle;
	vertical-align:center;
}
.popupmenu2 A .large {
	visibility:hidden;
	BORDER-WIDTH: 0px;
	DISPLAY: block;
	LEFT: 0px;
	WIDTH: 0px;
	POSITION: absolute;
	TOP: 0px;
	HEIGHT: 0px; 
}
.popupmenu2 A.p12:hover .large {
	visibility:visible;
	BORDER-TOP: #444444 6px ridge;
	BORDER-LEFT: #444444 6px ridge;
	BORDER-RIGHT: #444444 6px ridge;
	BORDER-BOTTOM: #444444 6px ridge;
	DISPLAY: block;
	LEFT: 120px;
	WIDTH: 150px;
	POSITION: absolute;
	HEIGHT:auto;
	TOP: -8px;
	/*background-image:url(images/popupmenu.png);
	background-repeat:repeat;*/
	background-color:#222222;
}

.popupmenu2 A.p11:hover .large {
	visibility:visible;
	BORDER-TOP: #444444 6px ridge;
	BORDER-LEFT: #444444 6px ridge;
	BORDER-RIGHT: #444444 6px ridge;
	BORDER-BOTTOM: #444444 6px ridge;
	DISPLAY: block;
	LEFT: 35px;
	WIDTH: 350px;
	POSITION: absolute;
	HEIGHT:auto;
	TOP: -8px;
	/*background-image:url(images/popupmenu.png);
	background-repeat:repeat;*/
	background-color:#222222;
}


.popupinfo2 {
	Z-INDEX: 100;
	height:175 px;
	}
/* Menu Mouseoffereffekt ENDE */

/* Header and logo */
#logorow {
/*	background: url(images/logo_bg.jpg) top left repeat-x;*/
    background-color:#fff;
	text-align: center;
	padding: 0;
}

#logo-left {
	background: url(logo_left.jpg) top left no-repeat;
}
#logo-right {
	background: url(logo_right.jpg) top right no-repeat;
}

#logorow, #logo-left, #logo-right {
	height: 125px;
	overflow: hidden;
}