/* CSS Datei */

/* **************    BASE   ************** */
html, body {
	height:100%;
	font-family: verdana, sans-serif;
	font-size: 12px;
	line-height: 16px;
/*	background: url(/system/images/page_bg_repeat_h.jpg) repeat-x top #9AACB0; */
}



html, body, img, table, td, th, div, span, ul, li {
	margin: 0;
	padding: 0;
	border:none;
}

/* **************  STRUKTUR  ************** */
#container {
    width: 90%;
    margin-left:auto;
    margin-right:auto;
	background: #fdfcfc;
	background: url(/system/images/page_bg_repeat_h.jpg) repeat-x top #9AACB0;
	min-height: 700px;
	height:auto !important;  /* für moderne Browser */
	height: 700px;  /*für den IE */
}
#shadow_left {
	width:8px;
	background: url(/system/images/page_bg_border_shadow_left.jpg) no-repeat top right #9AACB0;
}
#shadow_right {
	width:8px;
	background: url(/system/images/page_bg_shadow_right.jpg) no-repeat top left;
}
#shadow_menu {
	width:8px;
	background: url(/system/images/menu_border_left_repeat_v.jpg) repeat-y top left #9AACB0;
}
#menu {
	width: 172px;
	overflow:hidden;
	padding-top: 10em;
	background: url(/system/images/logo_slogan.jpg) no-repeat top right #22334F;
	vertical-align: top
}
#right_frame {
	min-height:100%;
	vertical-align:top;
	background:url(/system/images/content_box_bg.jpg) repeat-y #fff;
}
#head {
	height:25px;
	overflow:hidden;
	padding-top:5px;
	padding-right:25px;
	margin:0;
	font-size:11px;
	text-align:right;
	background:url(/system/images/head_hor_bg.jpg) no-repeat top left #21324E;
	color: #fdfcfc
}
#frame {
	min-height: 700px;
	height:auto !important;  /* für moderne Browser */
	height: 700px;  /*für den IE */
}

/* **************  ELEMENTE (RAHMEN) ************** */

#menu ul, #menu li {
	list-style-type: none;
	width:170px;
	padding:0;
	margin-left: 0;
	font-size:11px
}

#menu a {
	text-decoration:none;
	font-weight:500;
	height:2.5em;
	color: #fcfcfc;
	display:block;
	padding:5px;
	background:url(/system/images/main_menu_button_bg_basic.jpg);
	border:1px solid #000;
}

#menu a:hover {
	background:url(/system/images/main_menu_button_bg_over.jpg) #f1f1f1;
	border:1px outset #111111;
}

#menu img {
	margin-right:.7em
}

#start_content {
	width:100%;
	background: #ffffff;
	color: #666666 !important;
}

#start_center {
	padding-top:38em; 
	color: #ffffff;
	height:24em;
	font-size:.8em;
	background:url(/system/images/start_logo.jpg) no-repeat center 30%;
}

#start_center2 {
	padding-top:100px; 
	color: #666666;
	font-size:.8em;
	background:url(/system/images/start_logo.jpg) no-repeat center 25px;
}

/* **************  ELEMENTE (PLUGINS) ************** */

#plugin_header {
	background: #21324E;
	color:#FF9900;
	height: 15px;
	font-size:24px;
	padding: 4px 0 .4em 2em;
	overflow:hidden;
}

#plugin_navigation {
	background: url(/system/images/submenu_on_repeat_h.jpg) repeat-x top left;
	padding-top:5px;
	height:37px;
}

#plugin_corner {
	background:url(/system/images/plugin_corner.jpg) no-repeat top left;
	width:50px;
	height:42px;
	padding-left: 8px;
	float:left;
	margin-right: 0 !important;
	margin-right: -3px; /* Für IE */
}

#plugin_navigation ul, #plugin_navigation li {
	float:left;
	list-style-type: none;
	text-align:center;
	margin-left: .5em;
	padding: 0;
	display:inline;
}

#plugin_navigation a {
	padding: 3px 10px;
	display:block;
	text-decoration: none;
	color: #fcfcfc;
	font-size:11px;
	border:1px solid #222;
	background:url(/system/images/submen_button_bg_basic.jpg);
}

#plugin_navigation a:hover {
	border:1px inset #222;
	background:url(/system/images/submen_button_bg_over.jpg);
}

#content {	
	float:none;
	clear:both;
	padding: 3em 4em;
	color: #212121;
	min-height:600px;
	height:auto !important;  /* für moderne Browser */
	height: 600px;  /*für den IE */
}

/* ***************** TEXT ***************** */

#content h1 {
	font-size: 1.7em;
	font-weight:normal;
}
	
#content h2 {
	font-size:1.2em;
	font-weight:bold;
	margin: .6em .2em .2em .1em;
}

#content th {
	text-align:left
}

select, input, textarea {
	border: 2px solid #999999;
	font-weight:bold;
	font-size: .9em;
	margin: .2em;
	vertical-align: middle;
	font-family: verdana, sans-serif;
	font-size:10px
}

#paging {
	font-weight:bold;
   	font-size:12px;
   	color: #666666;
   	text-align:center;
	border:1px dashed #666666;
}

#paging a {
	text-decoration:none;
	display:inline
}
#paging a.pfeil {
	display:block
}
#paging a:hover {
	background-color:#ccccdd;
	color: white
}

#paging td.pfeil {
	width:40px;
	border:1px dashed #666666;
}

.form_error {
	color:#cc6666;
	font-size:.9em;
}

.error {
	color:#ff0066;
	font-size:.9em;
	background:#FFEEBF;
	display:block;
	text-align:center;
}


#mail {
	border:1px solid gray;
	font-size:.9em;
	width:90%
}

#mail.new_mail {
	background:#efcccc;
}

/* ************** DIV&BOXES **************** */

.div_ul, .div_ur {
	vertical-align:abstop;
	height:7px;
	line-height:0;
	padding:0;
	margin:0
}
.div_ur{
	background: url(/system/images/content_box_bg_06.jpg) repeat-y left #fff;
}
.div_l {
	width:9px;
	background:url(/system/images/divbox_05.gif) right repeat-y;
}
.div_r {
	background: url(/system/images/content_box_bg_06.jpg) repeat-y left #fff;
	padding: .7em .5em 0 .5em;
}
.div_br {
	background: url(/system/images/content_box_bg_06.jpg) no-repeat left top #fff;
	vertical-align:bottom;
}

.fotobox {
	text-align: center;
}
.foto_um {
	background:url(/system/images/fotobox_03.gif) bottom repeat-x;
}
.foto_l {
	width:9px;
	background:url(/system/images/fotobox_12.gif) right repeat-y;
}
.foto_m {
	background:url(/system/images/fotobox_10.gif);
	padding:.5em 2em
}
.foto_r {
	width:16px;
	background:url(/system/images/fotobox_13.gif) right repeat-y;
}
.foto_bl {
	width:9px;
	height:26px;
	background:url(/system/images/fotobox_17.gif) top right no-repeat;
}
.foto_bm {
	height:26px;
	padding:0;
	background:url(/system/images/fotobox_19.gif) top repeat-x;
	vertical-align:top
}
.foto_br {
	width:16px;
	height:26px;
	background:url(/system/images/fotobox_21.gif) top left no-repeat;
}


div.fotobox img {
	vertical-align:bottom
}

#div_border {
	z-index:100;
	border:2px solid #9AACB0;
	padding:10px;
	background:#000;
	cursor:pointer;
	text-align:right;
	position:absolute;
	color:white
}

#div_view {
	border:0px none #000000;	
	margin:8px;
}


/* ********************** SONSTIGES ************* */

.bar {
	background:#FF9900;
	font-size:.8em
}

#folderlist ul, #folderlist li {
	display:inline
}

a.button {
	border: 2px solid #999999;
	font-weight:bold;
	font-size: .9em;
	margin: .2em;
	vertical-align: middle;
	font-family: verdana, sans-serif;
	font-size:10px;
	background:#D4D0C8;
	padding:.1em .5em;
	text-decoration:none;
	color: #000055
}

div#form_content {
	position:absolute;
	display:inline;
	background: url(/system/images/content_box_bg_06.jpg);
	background-repeat: repeat-y;
	background-color:#ffffff;
	border:1px solid #808080;
	padding: 1em 1.2em 1em 1.2em 
	z-index:1001;
}

.configbox {
	border:2px solid black;
	width: 300px;
	height:200px;
	margin:10px;
	float:left
}

div#container_sub_navigation {
	padding-top:5px;
	padding-bottom:0px;
	margin:0px;
	height:22px;
}
ul#sub_navigation {
	list-style-type: none;
	margin:0px;
	padding:0px;
	padding-bottom:4px;
}

ul#sub_navigation li {
	display:inline;
	margin:0px;
	padding:0px;
	text-align:center;
}

ul#sub_navigation li a {
	margin:0px;
	padding-top:5px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:5px;
	text-decoration: none;
	color: #fcfcfc;
	font-size:11px;
	border:1px solid #222;
	background:url(/system/images/main_menu_button_bg_basic.jpg);
}

ul#sub_navigation li a:hover {
	border:1px inset #222;
	background:url(/system/images/main_menu_button_bg_over.jpg);
}

ul#sub_navigation li input {
	height:24px;
	width:170px;
	padding:0px;
	margin:-4px 0px 0px 0px;
	color: #fcfcfc;
	font-size:11px;
	font-weight:normal;
	border:1px solid #222;
	background:url(/system/images/main_menu_button_bg_basic.jpg);
}

ul.page_context_list {
	padding:0px;
	margin:0px;
	list-style-type:none;
	z-index:100;
	border-top:1px solid #e0e0e0;
	border-left:1px solid #e0e0e0;
	border-bottom:1px solid #808080;
	border-right:1px solid #808080;
	background:#d0d0d0;
}

ul.page_context_list li {
	list-style-type:none;
	margin:0px;
	padding:0px;
	border-bottom:1px solid #000;
	border-top:1px solid #000;
	border-left:1px solid #000;
	border-right:1px solid #000;
	color:#808080;
	font-size:10px;
	font-weight:bold;
	background:url(/system/images/main_menu_button_bg_basic.jpg) repeat-y #737578;
}

ul.page_context_list li a {
	display:block;
	text-decoration:none;
	margin:0px;
	padding-left:2px;
	padding-right:10px;
	padding-top:2px;
	padding-bottom:2px;
	border:none;
	color:#ffffff;
	font-size:10px;
	font-weight:bold;
	background:url(/system/images/main_menu_button_bg_basic.jpg) repeat-y #737578;
}

ul.page_context_list li a:hover {
	display:block;
	text-decoration:none;
	margin:0px;
	padding-left:2px;
	padding-right:10px;
	padding-top:2px;
	padding-bottom:2px;
	border:none;
	color:#ffffff;
	font-size:10px;
	font-weight:bold;
	background:url(/system/images/main_menu_button_bg_over.jpg) repeat-y #C0C5C7;
}

ul.page_context_list li img {
	margin-top:0px;
	margin-left:0px;
	margin-bottom:0px;
	margin-right:10px;
	padding:0px;
	border:none;
}

div.page_context_menu {
	margin:0px;
	padding:0px;
	z-index:1000;
}

.page_context_add {
	position:absolute;
	background-color:#ff9900;
	cursor:pointer;
	margin:0;
	padding:0;
	border:1px solid #ff9900;
	z-index:10;
	width:8px;
	height:8px;
}

div.page_context {
	margin:0px;
	padding:0px;
	border:none;
}

div.page_context_form {
	position:absolute;
	z-index:1000;
	display:block;
	text-align:left;
	background: url(/system/images/content_box_bg_06.jpg);
	background-repeat: repeat-y;
	background-color:#ffffff;
	border-top:1px solid #c0c0c0;
	border-left:1px solid #c0c0c0;
	border-right:1px solid #808080;
	border-bottom:1px solid #808080;
	padding:0px;
	margin:0px;
	color:#000000;
	font-size:10px;
	font-weight:bold;
}

div.page_context_form form {
	margin:0px;
	padding:0px;
}

div.page_context_form table {
	margin:0px;
	padding:0px;
	font-size:8px;
	font-weight:bold;
	border:none;
}

.noborder {
	border:none
}