@charset "utf-8";
/* CSS Document */

a:link {
	text-decoration: none;
	color: #CCFFFF;
}
a:visited {
	text-decoration: none;
	color: #333333;
}
a:hover {
	color: #900;
	text-decoration: none;
}
a:active, a:focus {
	text-decoration: none;
	color: #FFFFCC;
}
a:focus {
	outline: none;
	outline-width: 0;
}

a img { 
	border: none;
}

/* _______________________________________ Top Navi ____________________________________________________ */

#headernavi {
	margin: 10px auto;
	width: 660px;
}
#headernavi div {
	float: left;
}

.mainbutton a:link, .mainbutton a:visited, .mainbutton a:hover, .mainbutton a:active, .mainbutton a:focus {
	text-align: center;
	display: block;
	margin: 0 5px;
	width: 100px;
	font-size: 12px;
	line-height: 20px;
}
.mainbutton a:link, .mainbutton a:visited {
	background: url(pics/off.png) repeat-x;
}
.mainbutton a:visited {
	color: #ccc;
}
.mainbutton a:hover, .mainbutton a:focus {
	color: #5444b4;
	background: url(pics/on.png) repeat-x;
}

/* _________________________________ other link fields ______________________________________________ */

.shoutlink a:link, .shoutlink a:visited, .shoutlink a:hover, .shoutlink a:active, .shoutlink a:focus, .linkfield {
	margin-top: 10px;
	width: 160px;
	padding: 3px;
	text-align: center;
	font-size: 12px;
	/*font-weight: bold;*/
	border: 1px solid #FFC;
	border-radius: 5px;
}
.shoutlink a:link, .shoutlink a:visited {
	/*background: #ccc;*/
	color: #900;
}
.shoutlink a:hover {
	color: #000;
	background: #d9daee;
}

/* __________________________________ cascading menue ________________________________________________ */

#menu {
	position: fixed;
	z-index: 5;
	top: 170px;
	left: 50%;
	margin-left: -360px;
}
.menuhead {
	width: 170px;
	height: 20px;
	text-align: center;
	font-size: 12px;
	line-height: 20px;
	font-weight: bold;
	color: #fff;
	background: url(pics/menuhead.png) no-repeat;
}

#menu ul {
	width:158px;
	margin:0;
	padding: 1px 5px;
	list-style: none;
	border: 1px solid #5444b4;
	font-size: 12px;
	font-weight: bold;
}

#menu ul ul {
	width:160px;
	background: #d6d6ec;
	border: 1px solid #5444b4;
	/*border: none;*/
}

#menu li {
	position: relative;
	margin: 2px 0;
	/*padding: 1px 0;*/
	line-height: 22px;
	z-index:10;
	background: url(pics/transwht2.png) repeat-x;
}

#menu li img {
	float: right;
	margin: 4px 2px 0 0;
	width: 10px;
	height: 10px;
}

#menu li li {
	padding: 3px 0;
	line-height: 14px;
	background-image: none;
}

#menu li.folder {
	margin: 3px 0;
	/*background:url("pics/sub.gif") 99% no-repeat;*/
}		

#menu li.folder ul {
	position: absolute;
	left: 98%;
	top: 0px;
}		

#menu a {
	display: block;
	padding-left: 6px;
	color: #3824b3;
	text-decoration: none;
}

#menu li>a {
	width:auto;				/* Firefox & Opera */
}
	
/* ########### Hover-Anweisungen des Pull-down-Menues ########### */

#menu li:hover{
	display:block;
	color: #900;
	background: #d6d6ec;
}
#menu li li:hover{
	display:block;
	color: #900;
	background: #e8e8e8;
}	

#menu li.folder:hover {
	z-index:20;
	color: #FAD586;
}		
		
#menu ul ul, 
#menu li:hover ul ul {
	display:none;
	color: #FAD586;
}

#menu li:hover ul, 
#menu li:hover li:hover ul {
	display:block;
	color: #FAD586;
}

/* __________________________________ footer navi ________________________________________________ */

.footnavi a:link, .footnavi a:visited, .footnavi a:hover {
	float: left;
	margin: 12px 45px 0 45px;
	width: 16px;
	height: 16px;
	display: block;
}
.footnavi a:link, .footnavi a:visited {
	background: #8f8ed7;
}
.footnavi a:hover {
	background: #b2b2de;
}

#design a:hover, #design a:visited {
	color: #fff;
}