/**
 * CSS
 * __________________________________________________________________
 *
 * @date		14.09.2005
 * @modified		03.12.2006
 * @version		1.0
 * @author		Roland Schaer, 3w-publishing.ch
 * @author		Raphael Fink, 3w-publishing.ch
 */


html {
	height: 100%;
}

body {
	margin: 0px;
	padding: 0px;
	/*height: 100%;*/
	text-align: center;						/*centered*/
        background:#e1e1e1;
}

#accesskeys{
	display:none;
}


#maincontainer {
	margin: 0px auto;						/*centered*/
	width: 950px;
	text-align: left;
	background:url(../img_modx/bg.png) repeat-y 0 0;
}
#printHeader {
	display: none;
}
/*
Header
_________________________________________________
*/

#header {
    width:950px;
    height:110px;
    background:url(../img_modx/headerBg.png) repeat-x 0 0;
    }
    #headerText {
        float:left;
        width:603px;
        padding:60px 0 0 17px;
        font:bold 14px arial;
        color:#636363;
	background:url(../img_modx/headerTextBg.png) no-repeat 0 50px;;
	height:50px;
    }
    #headerLogo {
        width:170px;
        float:left;
        padding:17px 0 0 0;
    }
    #tools {
	float:left;
	width:78px;
	height:22px;
        padding:28px 0 0 82px;
overflow:hidden;
	}
	#tools a {
            float: left;
            display: block;
            margin: 0px 0px 0px 0px;
            height: 22px;
            text-indent:-999px;
	    overflow:hidden;
            }
            #tools a.fnc-print {
		background: url(../img_modx/funktionen.png) no-repeat 0 0px;
		width:22px;
	    }
            #tools a.fnc-print:hover {
                background: url(../img_modx/funktionen.png) no-repeat 0px -22px;
            }
            #tools a.fnc-mail {
                background: url(../img_modx/funktionen.png) no-repeat -22px 0px;
		width:22px;
            }
            #tools a.fnc-mail:hover {
                background: url(../img_modx/funktionen.png) no-repeat -22px -22px;
            }
            #tools a.fnc-impressum {
            	background: url(../img_modx/funktionen.png) no-repeat -44px 0px;
            	width:15px;
            }
            #tools a.fnc-impressum:hover {
                background: url(../img_modx/funktionen.png) no-repeat -44px -22px;
            }
            #tools a.fnc-sitemap {
            	background: url(../img_modx/funktionen.png) no-repeat -59px 0px;
		width:19px;
            }
            #tools a.fnc-sitemap:hover {
		background: url(../img_modx/funktionen.png) no-repeat -59px -22px;
            }
#content {
    /*background:#fff;*/
    min-height:470px;
    height:auto !important;
    ]height:470px;
    }
    #navigation {
	float:left;
	width: 200px;
	/*Min height*/
	/*min-height: 400px;
	height:auto !important;
	]height:400px;*/
	padding: 0;
	font-size: 11px;
	line-height: 23px;
        background:#fe0;
	}
	#navigation ul {
		margin: 0px;
		padding: 0px;
		list-style-type: none;
	}
	#navigation a {
		text-decoration: none;
		font-family:arial;
		}
		/* 1st level */
		#navigation ul a {
			display: block;
			color: #000;
			width: 175px;
			padding: 0px 0px 0px 14px;
			line-height:29px;
                        background:#fe0;
                        font-weight:bold;
			border-bottom:1px solid #fff;
                        border-right:1px solid #fff;
                        border-left:1px solid #fff;
		}
		#navigation ul li.last a {border-bottom:1px solid #fff;}
		#navigation ul a:hover {
			background:url(../img_modx/icon_pfeil.png) no-repeat 0 10px #fff78b;
		}
		/* Active */
		#navigation li.current a {
			display: block;
			width: 175px;
			padding: 0px 0px 0px 14px;
			background:url(../img_modx/icon_pfeil.png) no-repeat 0 10px #fff78b;
			}
			
			/* 2nd level */
			/* hide all */
			#navigation li ul {
				display: none;
			}
			/* show active */
			#navigation li.current ul {
				display: block;
			}
			#navigation li li {
				margin: 0px;
				padding: 0px;
			}
			#navigation li.current li a,
			#navigation li li a,
			#navigation li li {
				display: block;
				width: 160px;
				padding: 0px 0px 0px 29px;
				background: #fe0;
				color: #000;
				line-height:29px;
				font-weight:normal;
			}
			#navigation li li a:hover {
				background:url(../img_modx/icon_pfeil.png) no-repeat 0 10px;
				color:#636363;
			}
			/* Active */
			#navigation li.current li.current a {
				width: 160px;
				padding: 0px 0px 0px 29px;
				background:url(../img_modx/icon_pfeil.png) no-repeat 0 10px;
				color: #636363;
				}
				
				/* 3rd level */
				/* hide all */
				#navigation li li ul,
				#navigation li.current li ul {
					display: none;
				}
				/* show active */
				#navigation li.current li.current ul,
				#navigation li li.current ul {
					display: block;
				}
				#navigation li li {
					margin: 0px;
					padding: 0px;
				}
				#navigation li.current li.current li a {
					display: block;
					width: 142px;
					padding: 0px 0px 0px 47px;
					color: #000;
					background-image:none;
				}
				#navigation li.current li.current li a:hover {
					color:#636363;
				}
				/* Active */
				#navigation li.current li.current li.current a {
					width: 142px;
					padding: 0px 0px 0px 47px;
					color: #636363;
				}
    #contentText {
        width:600px;
        float:left;
		}
		#contentText .textWrapper {padding:0 10px 0 8px;}
	#contentText h1 {
		background:#e1e1e1;
		font: bold 11px/30px arial;
		margin:0 0 10px 0;
		color:#636363;
		padding:0 0 0 8px;
	}
    #rightBox {
        float:left;
        width:139px;
        margin:0 1px 0 10px;
        }
        #rightBox .panel {
            margin:0 0 10px 0;
            }
            #rightBox .panel h2 {
                font: bold 11px/30px arial;
                background:#e1e1e1;
                padding-left:8px;
                text-transform:uppercase;
		margin:0;
                color:#636363;
            }
            #rightBox .panel p {
                padding:5px 0 0 8px;
		color:#636363;
		margin:0;
		font: 11px/13px arial;
		}
		#rightBox .panel a {color:#5c76c3;}
		#rightBox .panel a:hover {color:#636363;}
	    
#footer {
    width:950px;
    margin:auto;
    margin-top:9px;
    font:normal 10px/13px arial;
    color:#2f2f2f;
    }
    #footer a.footer3w, #footer a.footer3w:hover {
	color:#2f2f2f;
    }