@CHARSET "UTF-8";
@FONT-FACE {
	font-family:'Lucida Grande';
	src:url('fonts/Lucida Grande.ttf');
}
@FONT-FACE {
	font-family:'Lucida Grande Bold';
	src:url('fonts/Lucida Grande Bold.ttf');
}



*{
	border:0 none;
	list-style:none;
	margin:0;
	padding:0;
	text-decoration:none;
}




.fl{
	float:left;
}
.fr{
	float:right;
}
.cb{
	clear:both;
}
.null{
	font-size:0;
	height:0;
	line-height:0;
	overflow:hidden;
}
.mittel{
	margin:0 auto;
	width:855px;
}
.but{
	background: url('../bild/menu.png') bottom;
	border: 1px solid #ccc;
	color: #777;
	cursor: pointer;
	display: block;
	float: none !important;
	margin-left: auto !important;
	margin-right: auto !important;
	padding: 0 10px;
	text-align: center;
	width: auto !important;
	
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}
.but:hover{
	background:url('../bild/menu.png') top;
	border:1px solid #c3d9ff;
	color:#158;

	box-shadow: inset 0 0 2px rgba(99, 99, 99, .2);
	-moz-box-shadow: inset 0 0 2px rgba(99, 99, 99, .2);
	-webkit-box-shadow: inset 0 0 2px rgba(99, 99, 99, .2);
}





html{
	background:#4488bb;
	height:100%;
	overflow:hidden;
}
body{
	cursor:default;
	font:normal 13px 'Lucida Grande', sans-serif;
	height:100%;
}
a{
	cursor:pointer;
}
em{
	font:normal .8em 'Lucida Grande', sans-serif;
}
u{
	text-decoration:underline;
}
big *{
	font-size:2em;
}
td{
	vertical-align:middle;
}
input,
select,
textarea{
	font:normal 12px 'Lucida Grande', sans-serif;
	padding:0 5px;
	
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	box-shadow: inset 1px 1px 5px rgba(99, 99, 99, .2);
	-moz-box-shadow: inset 1px 1px 5px rgba(99, 99, 99, .2);
	-webkit-box-shadow: inset 1px 1px 5px rgba(99, 99, 99, .2);
}
input{
	border:1px solid #c3d9ff;
	font-size:16px;
}





#Scroll{
	height:100%;
	overflow-x:hidden;
	overflow-y:auto;
}


#Kopf{
	background:#fff;
	height:120px;
	overflow:hidden;
}
#Kopf .bg{
	background:url(../bild/kopf.jpg) center bottom no-repeat;
	height:120px;
}
#Kopf #Logo{
	background:url(../bild/logo.png) left center no-repeat;
	height:120px;
	text-indent:-999px;
	padding-left:-999px;
	width:450px;

	_background:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='bild/logo.png',sizingMethod='scale');
}
#Kopf #UserInfo{
	clear:both;
	color:#999;
	line-height:16px;
	margin:10px 10px 0 0;
}
#Kopf #UserInfo img{
	height:16px;
	width:16px;
	vertical-align:bottom;
}
#Kopf #UserInfo a{
	margin-left:15px;
}
#Kopf .menu{
	float:right;
	padding-top:3px;
	text-align:right;
}
#Kopf .menu a, #Kopf .menu br{
	color:#48b;
	line-height:16px;
}
#Kopf .menu a:hover{
	text-decoration:underline;
}
#Kopf .menu a img{
	vertical-align:middle;
	margin:-3px 3px 0 0;
	line-height:16px;
}
#Kopf .menu #Sprache a{
	color:#48b;
	line-height:20px;
}
#Kopf .menu #Sprache a:hover{
	text-decoration:underline;
}
#Kopf .menu #Sprache a img{
	height:11px;
	margin:0;
	padding:4px;
	width:16px;
}
#Kopf .menu #Sprache a.selected img{
	background:url(../bild/flaggen_.png) center no-repeat;
}
#Kopf .menu #Login{
	background:#fff url(../bild/menu.png) bottom repeat-x;
	border:1px solid #c3d9ff;
	display:none;
	padding:4px 7px;
	text-align:right;
	width:250px;
	
	box-shadow:0px 5px 10px #dfdfef;
	-moz-box-shadow:0px 5px 10px #dfdfef;
	-webkit-box-shadow:0px 5px 10px #dfdfef;
	
	border-radius:7px;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
}
#Kopf .menu #Login label{
	clear:left;
	color:#444486;
	float:left;
	margin:3px 0;
	width:90px;
}
#Kopf .menu #Login input{
	border:1px solid #c3d9ff;
	margin:3px 0;
	font-size:13px;
	width:145px;
}


#Kopf .menu #Login input.but{
}
#Kopf .menu #Login input.but:hover{
}

#Menu{
	background:url(../bild/menu.png) center;
	border-top:1px solid #edf0f5;
	height:23px;
	overflow:hidden;
	
	border-bottom:1px solid #c3d9ff;
	border-top:1px solid #c3d9ff;
	box-shadow:0px 5px 10px #dfdfef;
	-moz-box-shadow:0px 5px 10px #dfdfef;
	-webkit-box-shadow:0px 5px 10px #dfdfef;
}
#Menu a{
	border-left:1px solid #dde0e5;
	border-right:1px solid #fff;
	color:#999;
	float:left;
	height:23px;
	line-height:23px;
	margin-right:1px;
	padding:0 15px;
}
#Menu a:hover{
	background:url(../bild/menu.png) top;
	border-top:3px solid #bbb;
	color:#444;
	height:20px;
	line-height:17px;
	padding:0 15px;
}
#Menu a.selected,
#Menu a:hover.selected{
	background:url(../bild/menu.png) top;
	border-top:3px solid #c3d9ff;
	color:#444;
	font-family:'Lucida Grande', sans-serif;
	height:20px;
	line-height:17px;
	padding:0 15px;
	text-shadow:0 0 1px #c3d9ff;
}
#Menu .mittel{
	border-left:1px solid #fff !important;
	border-right:1px solid #dde0e5 !important;
}
#Menu .suche{
}
#Menu .suche input{
	background:#fff url(../bild/symbole/bullet_search.png) left center no-repeat;
	border:1px solid #c3d9ff;
	color:#bbb;
	height:16px;
	line-height:16px;
	margin:3px 0;
	padding:0 3px 0 16px;
	width:140px;

	_margin:2px 0;
	_background:#fff;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='bild/symbole/bullet_search.png',sizingMethod='crop');
}
#Menu .suche input:focus{
	color:#444;
}
#Menu .suche #suche_eins{
	display:none;
}


#Alles{
	background:#c3d9ff url(../bild/bg.png);
}


#Inhalt{
	clear:both;
}
#Inhalt .a,
#Inhalt .b{
	border:1px solid #c3d9ff;
	-border:1px solid #edf0f5;
	background:#fdfdfd url(../bild/menu.png) bottom repeat-x !important;

	border-radius:7px;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;

	box-shadow:0px 5px 10px #bfbfcf;
	-moz-box-shadow:0px 5px 10px #bfbfcf;
	-webkit-box-shadow:0px 5px 10px #bfbfcf;
}
/* lookup kanji */
#Inhalt .kanji{
}
#Inhalt .kanji .menu{
	color:#444;
	height:20px;
	margin:6px 12px;
}
#Inhalt .kanji .menu a{
	color:#48b;
	line-height:16px;
}
#Inhalt .kanji .menu a:hover{
	text-decoration:underline;
}
#Inhalt .kanji .menu a img{
	vertical-align:middle;
	margin:-3px 3px 0 0;
}
#Inhalt .kanji .a,
#Inhalt .kanji .b{
	background:#f9f9f9 url(../bild/inhalt.png);
	float:left;
	padding:10px;
	width:400px;
}
#Inhalt .kanji .b{
	float:right;
}
#Inhalt .kanji .b a{
	color:#777;
	padding:1px;
}
#Inhalt .kanji .b a:hover{
	background:#c3d9ff;
	color:#444;
}
#Inhalt .kanji .gross{
	background:#fff;
	border:1px solid #edf0f5;
	float:left;
	font:normal 100px SimSun;
	height:100px;
	line-height:100px;
	overflow:hidden;
	padding:5px;
	width:100px;

	border:1px solid #c3d9ff;
	border-radius:7px;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
}
#Inhalt .kanji .gross a{
	color:#000;
}
#Inhalt .kanji .keine{
	float:left;
	padding:0 0 0 10px;
}
#Inhalt .kanji .keine table{
	width:270px;
}
#Inhalt .kanji b{
	color:#269;
	font:normal 14px 'Lucida Grande', sans-serif;
}
#Inhalt .kanji p{
	line-height:1.5em;
	text-align:justify;
	text-indent:2em;
}
#Inhalt .kanji h1{
	border-bottom:1px solid #c3d9ff;
	color:#269;
	font:normal 16px 'Lucida Grande', sans-serif;
	padding:0 5px 5px 5px;
}
#Inhalt .kanji table{
	margin-bottom:10px;
	width:100%;
}
#Inhalt .kanji td{
	border-top:1px dashed #c3d9ff;
	border-left:1px dashed #c3d9ff;
	padding:2px 5px;
}
#Inhalt .kanji td:first-child{
	border-left:0 none;
	text-align:right;
	width:75px;
}
#Inhalt .kanji tr:first-child td{
	border-top:0 none;
}
#Inhalt .kanji tr:nth-child(even) td{
	background:#f0f5ff;
}
 
#Inhalt .kanji td a{
	color:#777;
	padding:1px;
}
#Inhalt .kanji td a:hover{
	background:#c3d9ff;
	color:#444;
}
/* grade list */
#Inhalt .besoldungsgruppe{
}
#Inhalt .besoldungsgruppe .a,
#Inhalt .besoldungsgruppe .b{
	background:#f9f9f9 url(../bild/inhalt.png);
	padding:10px;
}
#Inhalt .besoldungsgruppe .menu{
	color:#444;
	height:20px;
	margin:6px 12px;
}
#Inhalt .besoldungsgruppe .menu a{
	color:#48b;
	line-height:16px;
}
#Inhalt .besoldungsgruppe .menu a:hover{
	text-decoration:underline;
}
#Inhalt .besoldungsgruppe .menu a img{
	vertical-align:middle;
	margin:-3px 3px 0 0;
}
#Inhalt .besoldungsgruppe h1{
	border-bottom:1px solid #c3d9ff;
	color:#269;
	font:normal 16px 'Lucida Grande', sans-serif;
	padding:0 5px 5px 5px;
}
#Inhalt .besoldungsgruppe .a p{
	font:normal 16px 'Lucida Grande', sans-serif;
	margin-top:5px;
}
#Inhalt .besoldungsgruppe .b p{
	margin-top:5px;
}
#Inhalt .besoldungsgruppe p a{
	color:#777;
	padding:2px;
	line-height:1.5em;
}
#Inhalt .besoldungsgruppe p a:hover{
	background:#c3d9ff;
	color:#444;
}

/* register */
#Inhalt .besoldungsgruppe form{
	margin:0 auto;
	padding:10px;
	text-align:right;
	width:500px;
}
#Inhalt .besoldungsgruppe form p{
	height:24px;
	margin:6px 0;
	overflow:hidden;
}
#Inhalt .besoldungsgruppe form label{
	clear:left;
	color:#444486;
	float:left;
	line-height:24px;
	width:200px;
}
#Inhalt .besoldungsgruppe form input{
	float:left;
	height:22px;
	margin:0 0 0 10px;
	width:270px;
}
#Inhalt .besoldungsgruppe form .ok,
#Inhalt .besoldungsgruppe form .error,
#Inhalt .besoldungsgruppe form .info{
	border:1px dashed #ccc;
	display:none;
	padding:0 5px 0 25px;
	text-align:left;
	width:500px;
	
	border-radius:7px;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
}
#Inhalt .besoldungsgruppe form .ok p,
#Inhalt .besoldungsgruppe form .error p,
#Inhalt .besoldungsgruppe form .info p{
	height:auto;
}
#Inhalt .besoldungsgruppe form .ok{
	background:#dfd url(../bild/symbole/tick.png) 5px 5px no-repeat;
	color:#375;
}
#Inhalt .besoldungsgruppe form .error{
	background:#fdd url(../bild/symbole/exclamation.png) 5px 5px no-repeat;
	color:#733;
}
#Inhalt .besoldungsgruppe form .info{
	background:#eef url(../bild/symbole/information.png) 5px 5px no-repeat;
	color:#357;
}

#Inhalt .besoldungsgruppe form input.but{
}
#Inhalt .besoldungsgruppe form input.but:hover{
}
/* my */
#Inhalt .besoldungsgruppe div ul{
}
#Inhalt .besoldungsgruppe div li{
	float:left;
	padding:30px 0;
	text-align:center;
	width:25%;
}
#Inhalt .besoldungsgruppe div li a{
	color:#6788c7;
}
#Inhalt .besoldungsgruppe div li a:hover{
}

/* sugest */
#Inhalt .sugest{
	padding-top:10px;
}
#Inhalt .sugest input.but{
	background:url('../bild/menu.png') bottom;
	border:1px solid #ccc;
	color:#777;
	cursor:pointer;
	display:block;
	margin:5px 0;
	text-align:center;
	width:80px;
}
#Inhalt .sugest input.but:hover{
	background:url('../bild/menu.png') top;
	border:1px solid #c3d9ff;
	color:#158;
}
#Inhalt .sugest h2{
	color:#269;
	font:normal 14px 'Lucida Grande', sans-serif;
	padding:0 0 2px 5px;
}
#Inhalt .sugest h3{
	color:#777;
	font:normal 13px 'Lucida Grande', sans-serif;
}
#Inhalt .sugest h3 span{
	float:right;
	font-size:11px;
}
#Inhalt .sugest form{
	border-top:1px solid #c3d9ff;
	margin-top:10px;
	padding-top:5px;
}
#Inhalt .sugest textarea{
	border:1px solid #c3d9ff;
	max-height:100px;
	max-width:390px;
	overflow:auto;
	width:390px;
}
#Inhalt .sugest .suggestion{
	background:#f0f7ff;
	border:1px solid #fff;
	color:#555;
	margin:0 0 10px 0;
	padding:3px;
	overflow:auto;
}
/* advanced search */
#Inhalt .suche{
}
#Inhalt .suche .a,
#Inhalt .suche .b{
	background:#f9f9f9 url(../bild/inhalt.png);
	padding:10px;
}
#Inhalt .suche .menu{
	color:#444;
	height:20px;
	margin:5px 15px;
}
#Inhalt .suche .menu a{
	color:#48b;
	line-height:20px;
}
#Inhalt .suche .menu a:hover{
	text-decoration:underline;
}
#Inhalt .suche .menu a img{
	vertical-align:middle;
	margin:0 3px;
}
#Inhalt .suche h1{
	border-bottom:1px solid #c3d9ff;
	color:#fdfdfd;
	font:normal 16px 'Lucida Grande', sans-serif;
	padding:0 5px 5px 5px;
}
#Inhalt .suche p{
	margin-top:5px;
}
#Inhalt .suche .box{
	background:#fff;
	border:1px solid #fff;
	margin:0 0 15px 0;
	padding:5px;
	text-align:center;
}
#Inhalt .suche .box input{
	color:#bbb;
	border:1px solid #c3d9ff;
	vertical-align:middle;
	width:210px;
}
#Inhalt .suche .box input:focus{
	color:#444;
}
#Inhalt .suche .box input.check,
#Inhalt .suche .box input.check:focus{
	border:0 none;
	margin:0 0 0 5px;
	width:auto;
}
#Inhalt .suche .box label{
	color:#777;
	font-size:10px;
}
#Inhalt .suche .box button{
	border:1px solid #edf0f5;
	background-image:url(../bild/menu.png);
	background-position:bottom;
	color:#bbb;
	line-height:16px;
	height:18px;
	margin:0 10px 0 5px;
	vertical-align:middle;
	width:80px;

	_height:20px;
}
#Inhalt .suche .box button:hover{
	border:1px solid #c3d9ff;
	background-position:top;
	color:#444;
}


#Fuss{
	background:#000 url(../bild/fuss.png) 0 -5px;
	clear:both;
	color:#a4c2d9;
	font:normal 12px 'Lucida Grande', sans-serif;
	padding:20px 10px 20px 10px;
}
#Fuss dt{
	font0size:20px;
	clear:both;
}
#Fuss dd{
	float:left;
	text-align:center;
}
#Fuss dd img{
	display:block;
}
#Fuss p{
	line-height:1.8em;
}
#Fuss a{
	background:none;
	color:#fefefe;
}
#Fuss a:hover{
	text-decoration:underline;
}