@charset "utf-8";
/* CSS Document */

html,body {
	height:100%;
	border:0;
	/*max-height:100%;*/
	/*overflow:hidden;*/
	width:100%;
	padding:0;
	margin:0;
	background-color:#FFFFFF;
}

html, body, ul, li, p, div, a, input {
	font-family:Arial, Helvetica, sans-serif;
	color:#333333;
}

/* header */

#head {
	position:absolute;
	background:#FFFFFF url(icons/hp_header_back.png) top left no-repeat;
	height:110px;
	width:100%;
	top:0px;
	left:0px;
	z-index:2;
}

/* header navigation */
	
#headnav {
	position:absolute;
	height:25px;
	width:800px;
	left: 50%;
	margin-left: -400px;
	top:5px;
	z-index:3;
}

	#headnav ul {
		margin: 0;
		padding: 0;
	}
	
	#headnav ul li { 
		display: inline;
	}
	
	#headnav ul li a {
		float: left; 
		margin-right: 5px;
		height:25px;
		background:url(icons/hp_topnav_l.png) left no-repeat;
		padding: 0px 0px 0px 10px;
		text-decoration:none;
		cursor:default;
		
	}
	
	#headnav ul li a span {
		background:url(icons/hp_topnav_r.png) right top no-repeat;
		padding-right: 10px;
		height:25px;
		display:block;
		float:left;
		color:#ffffff;
		font-weight:bold;
		cursor:pointer;

	}

	#outerlogout{
		float:right;
		height:25px;
		padding:0px;
	}
	
	#logout{
		float:right;
		padding:0px;
		height:25px;
	}
	
	#logout a {
		float:right;
		height:25px;
		background:url(icons/hp_logout_l.png) left no-repeat;
		padding: 0px 0px 0px 10px;
		text-decoration:none;
		display:block;
		cursor:default;	
	}
	
	#logout a span {

		display:inline-block;
		background:url(icons/hp_logout_r.png) right top no-repeat;
		padding-right: 10px;
		height:25px;
		color:#000000;
		font-weight:bold;
		cursor:default;
	}

/* pagetitle */

#pagetitle {
	position:absolute;
	height:24px;
	width:800px;
	left: 50%;
	margin-left: -400px;
	top:60px;
	z-index:4;
	font:Arial, Helvetica, sans-serif;
	color:#666666;
	font-size:22px; 
}

#ownertitle {
	font-size: 14px;
	font-weight:bold;
	color:#990000;
}

/* applicationtitle */

#applicationtitle {
	position:absolute;
	height:30px;
	width:222px;
	left: 3px;
	top:30px;
	z-index:5;
	font:Arial, Helvetica, sans-serif;
	color:#333333;
	font-size:30px;
	text-align:center; 
}

/* content */

#editorcontent {
	position:absolute;
	top:110px;
	bottom:0px;
	width:800px;
	left: 50%;
	margin-left: -400px;
	z-index:1;
}

* html #editorcontent { /* 'Star-HTML-Hack' Für IE */
	position:absolute;
	top:0px;
	border-top:110px solid #ffffff;
	width:800px;
	left: 50%;
	margin-left: -400px;
	height:100%;
	z-index:1;
}

/* editor */

#editorform {
    height: 100%;
    margin: 0px;
    padding: 0px;
    position:relative;
} 

#editorarea {
	margin:0px;
	padding:0px;
	width:800px;
	height:90%;
	position:relative;
}

#editoraction {
	float:right;
}

#editorinfos {
	float:left;
}

#seitenname {
	width:300px;
}

/* form error */

p.error_msg {
	text-align:center;
	font:Geneva, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#990000;
	font-weight:bold;
	padding:10px;
} 


/* links */

#links {
	padding-top:50px;
	width: 615px;
}

#l_sprache .lsp_label {
	margin-right:10px;
	float:left;
	font-weight:normal;
}

#l_sprache .lsp_radio {
	margin-right:20px;
	float:left;
}

.l_label { 
	width:100px;
	margin-right:10px;
	float:left;
	font-weight:bold;
}

.l_textfeld {
	width:500px;
	border: 1px solid #000000;
	font:"Courier New", Courier, monospace;
	margin:0px;
	padding:0px;
}

.l_filefeld {
	width:300px;
	border: 1px solid #000000;
	font:"Courier New", Courier, monospace;
	margin:0px;
	padding:0px;
	float:left;
}

.server_button {
	float:right;
	margin:0px 0px 15px 0px;
	padding:0px;
}

.form_row {
	float:left;
	margin:0px 0px 15px 0px;
	padding:0px;
}

.l_action {
	float:right;
}


/* normal pages */

#content {
	position:relative;
	/*top:110px;*/
	padding-top: 110px;
	width:800px;
	left: 50%;
	margin-left: -400px;
	z-index:1;
	/*border:1px solid #CC3300;*/
}


/* menulist */

#menulist form {
	display:block;
	margin:0px 0px 10px 0px;
	padding:0px;
}


#menu-submit-button {
	display:inline;
	padding:5px 5px 5px 60px;
	height:50px;
	width:99%;
	font:Arial, Helvetica, sans-serif;
	color:#666666;
	font-size: 18px;
	text-decoration:none;
	background-color:#FFFFFF;
	border:0px;
	text-align:left;
	/*background:#FFFFFF url(hp_userhp.png) left top no-repeat;*/
}

.userhp {
	background:#FFFFFF url(icons/hp_userhp.png) left top no-repeat;
} 

.allorgs {
	background:#FFFFFF url(icons/hp_allorgs.png) left top no-repeat;
}

.insthp {
	background:#FFFFFF url(icons/hp_insthp.png) left top no-repeat;
}

.alluser {
	background:#FFFFFF url(icons/hp_alluser.png) left top no-repeat;
}

.guide {
	background:#FFFFFF url(icons/hp_richtlinien.png) left top no-repeat;
}

.help {
	background:#FFFFFF url(icons/hp_help.png) left top no-repeat;
}

.newpage {
	background:#FFFFFF url(icons/hp_newpage.png) left top no-repeat;
}

.htmllink {
	background:#FFFFFF url(icons/hp_htmllink.png) left top no-repeat;
}

.filelink {
	background:#FFFFFF url(icons/hp_filelink.png) left top no-repeat;
}

.sitemap_de {
	background:#FFFFFF url(icons/hp_sitemap_de.png) left top no-repeat;
}

.sitemap_en {
	background:#FFFFFF url(icons/hp_sitemap_en.png) left top no-repeat;
}

.lehrer_funktionen {
	background:#FFFFFF url(icons/hp_lehrer_f.png) left top no-repeat;
}

#menu-submit-button:hover {
	background-color:#e2e2e2;
	cursor:pointer;
}







#menulist ul {
	display:inline;
}

#menulist ul li {
	list-style:none;
	display:block;
	padding:5px;
	height:50px;
}

#menulist ul li a {
	font:Arial, Helvetica, sans-serif;
	color:#666666;
	font-size: 20px;
	text-decoration:none;
} 

#menulist ul li a:hover {
	color:#000000;
	text-decoration:underline;
}

/* all user */

#content_alluser form {
	/*display:inline;*/
	margin:1px;
}

#content_alluser .submit-button {
	width:750px; 
	text-align:left; 
	padding:3px; 
	border:1px solid #000000; 
	background-color:#fafafa;
	color:#333333;
	font-weight:bold;
	cursor:pointer;
}

/* sitemap */

#message-editor-save {
	color:#990000;
	font-weight:bold;
	font-size:12px;
	display:block;
}

#sortable-list ul{
	padding:0px; 
	margin:0px;
}

li.sortme {
	padding:0px 8px; 
	color:#000; 
	list-style:none; 
	width:782px;
	background:#f0f0f0; 
	margin:10px 0; 
	border:1px solid #d6d6d6;
	/*height:24px;*/ 
}

li.sortme a	{ 	
	float:right;
	margin-left:15px;
}

li.sortme p { 	
	float:left;
	margin:0px;
	padding:0px;
	font-weight:bold;
}

li.sortme img.handle {
	float:left;
	margin:3px 10px 0 0;
	padding:0px;
	font-weight:bold;
        /*margin-right: 20px;*/
	cursor: move;
}

li.sortme p.sortnr { 	
	float:right;
	margin-left:15px;
	font-weight:normal;
}

#message-box { 
	color:#990000;
	float:left;
}

#submit-sitemap { 
	float:right;
}

/* footer */

#bottomline {
	border-top: 1px solid #666666;
	position:relative;
	width:800px;
	left: 50%;
	margin-left: -400px;
	margin-top: 20px;
	/*z-index:1;*/
}

#footer {
	font-size:11px;
	padding-top: 10px;
	color:#666666;
	text-align:center;
	width:800px;
}

/* index */

#application_login label {
	display:block;
	width:160px;
	color:#000000;
	margin-left:70px;
	font-size:13px;
	float:left;
	margin-bottom:10px;
}

#application_login input {
	width:200px;
	color:#666666;
	background-color:#FFFFFF;
	border:1px solid #000000;
	font-size:13px;
	font-family:"Courier New", Courier, monospace;
	margin-bottom:10px;
}

#actions input {
	width:100px;
	color:#000000;
	background-color:#CCCCCC;
	border:1px solid #000000;
	font-size:14px;
	margin-left:230px;
	text-align:center;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
}

#application_login {
	border:1px solid #464646;
	padding-top:5px;
	background:top left no-repeat url(icons/hp_header_back.png) #ffffff;		
}

span.error {
	color:#990000;
	font-size:13px;
	font-weight:bold;
	text-align:center;
	display:block;
	width:100%;
	margin-bottom:30px;
}
