body { margin:0;padding:0;
       background:  url(images/bg_body.jpg) ;  
       background-color: #BFCCDF;
       text-align: center;
	   font-family: Arial, Helvetica, sans-serif;
	   font-size: 11px;
	   height:100%;
  	   width:100%;
	   color: #000000;
}

#env {width:100%; height:700px; background: url(images/bg_body1.jpg) 0 0 repeat-x; margin:0; padding:0; }

/* 0 BASIC TAGS */
h1, h2, h3, h4 {margin: 0; color:Navy; }
h1 { margin-top: 1.0em;	margin-bottom: 1.12em; font-size: 1.4em;  text-transform:uppercase; }
h2 { margin-top: 1.0em;	margin-bottom: 1.12em; font-size: 1.3em; }
h3 { margin-top: 1.0em;	margin-bottom: 1.12em; font-size: 1.2em; }
h4 { margin-top: 1.0em;	margin-bottom: 1.12em; font-size: 1.1em; font-weight: bold; }
      

p { color:#000000;}
img { border-width: 0; }

/* Links im Inhaltsbereich */
#content a:link, 
#content a:visited { text-decoration: underline; color:#0000AA; }
#content a:hover { color: #FF0000; }
#content a:active { color: Maroon; }

/* BASISLAYOUT */
#wrapper 
{
    background-color: Transparent;
    position: absolute;
	width: 940px;
	top: 0px;
	left: 50%;
    margin:0 0 0 -470px;
	padding: 0px;
    text-align:center; 
}

/* HEADER */
#header {
	background: url(Images/startseite2f.gif) top left no-repeat;
	width: 940px;
	height: 171px;
	margin:0;
    padding:0;
}
#header2 {
    width:940px;
    height:26px;
    background: url(images/bg_header3a.gif) no-repeat;
    position:relative;
	margin: 0 0 0px 0;
}

/* NAVIGATIONSBEREICH */
#navigation {	padding:0; margin:0;  
                float:left;     
             	width:200px;
             	padding:0 0 0 10px;
             	}

/* CONTENTBEREICH 
#mainoben { width:940px;height:20px; background:transparent url(images/bg_mainoben.gif) no-repeat; }
*/
#maincontent { text-align:left; width:940px; margin:0; padding-top:10px; background-color:White; }
#content { width:710px; float:right;padding:0 10px 10px 10px; }
#contentleft  { width:500px; float:left;}
#contentright { width:200px; float:right;}

/* 3 FOOTER */
#footer {
	background: url(images/footer.gif) bottom left no-repeat;
	margin:0;
	width: 940px;
	height: 60px;
    position:relative;
}
#copyright { position:absolute; top:28px; left:310px; color:#595959; }
#copyright a:link,
#copyright a:visited {color:#5E5E5E; text-decoration:underline;}
#copyright a:hover {color: #FF0000;}

/* LINKE NAVIGATION */
#navigation ul {margin:0;padding:0; font-size:12px; font-weight:bold; }
#navigation ul li { list-style-type:none; }
#navigation ul li a { text-decoration:none;display:block; border:none;  padding:4px 0 0 30px; width:170px; height:28px;}
#navigation ul li a:link,
#navigation ul li a:visited   { color:#393939; background: url(images/bg_mi_normal1.gif)  0 0 no-repeat; }
#navigation ul li a:hover     { color:#FF0000; background: url(images/bg_mi_hover1.gif)   0 0 no-repeat; }
#navigation ul li a:active    { color:#4749AF; background: url(images/bg_mi_current1.gif) 0 0 no-repeat;}
#navigation ul li a#current   { color:#4749AF; background: url(images/bg_mi_current1.gif) 0 0 no-repeat;}

/* LOGINSTATUS */
#loginstatus {Position:absolute;left:670px;top:7px; font-size:11px; text-transform:uppercase;color:#393939; font-weight:bold;}
#loginstatus a { text-decoration:none;}
#loginstatus a:link,
#loginstatus a:visited  { color:#393939; }
#loginstatus a:hover    { color:#F00; }
#loginstatus a:active   { color:#F7BF5F; }

/* BREADCRUMB */
#breadcrumb { position:absolute; left:152px; top:6px; color:#393939; font-size:11px; font-weight:normal;  }
#breadcrumb a:link, 
#breadcrumb a:visited { text-decoration: underline;	color: #393939; }
#breadcrumb a:hover { color: #F00; }
#breadcrumb a:active { color: #F00; }

/* INFOBOXEN */
.boxheader { width:170px;height:20px; text-align:left; font-size:12px; font-weight:bold; color:#F5EBD2; padding:10px 0 0 30px; }
.bhb   { background: url(images/bgboxhead_b.gif) 0 0 no-repeat; }
.bhr   { background: url(images/bgboxhead_r.gif) 0 0 no-repeat; }
.bhy   { background: url(images/bgboxhead_y.gif) 0 0 no-repeat; } 
.bhg   { background: url(images/bgboxhead_g.gif) 0 0 no-repeat; } 
.box_r { background: #DDDADA url(images/bginfobox.jpg) top left repeat-x; border: 1px solid #36455B; width:188px;padding:5px; margin-bottom:20px; }
.box_l { background: #E0E0E0; border: 1px solid #D7D7D7; width:178px;padding:5px; margin-bottom:20px; color:#5E5E5E }
.ulr ul { margin:0 0 0 12px;}

/* Cards für Personelles */
.box1top    { width:245px;height:15px; background: url(images/box1_top.jpg) 0 0 no-repeat; margin-right:5px; }
.box1middle { width:245px;height:190px; background: url(images/box1_middle.jpg) 0 0 repeat-y; position:relative;margin-right:5px; }
.box1bottom { width:245px;height:15px; background: url(images/box1_bottom.jpg) 0 0 no-repeat; clear:both; margin-right:5px; margin-bottom:5px; }
.funktion   { color:#3C3D97;font-weight:bold; }

/* BOXEN IN CONTENTLEFT */
.box_c {padding:0 6px 6px 6px; background-color:#E9E9E9; margin-bottom:10px; color:#202020; font-size:11px; border:1px solid #D7D7D7; width:486px; }
.infopanel_c  { border:1px solid gray; padding:10px; width:478px;}
.rubrikheader { font-size: 1.3em; color:Navy; height:20px; font-weight:bold;  background: #FFF url(images/bg_gv_header1.jpg) bottom left repeat-x; padding:4px 0 0 10px; margin:0 0 10px 0; }

/* LISTENFORMATIERUNGEN */ 
#content ul li { list-style-image: url(images/arrow1.gif) } 
ol li { text-align:justify; margin-bottom:12px; }

/* TEXTBAUSTEINE */
.tbedit {
	font-size: 11px;
	color: #00004F;
	width:100%;
	background-color: #F8F8F8;
}
.tbeditheader {background: url(images/footer_940.jpg) 0px -20px no-repeat; color: White;  font-size:10px; font-weight:bold; padding:4px; height:16px; }

/* GRIDVIEWS */
.tabheader { font-weight:bold;  background: #FFF url(images/bg_gv_header1.jpg) top left repeat-x; }
.gvheader { height:29px; font-weight:bold;  background: #FFF url(images/bg_gv_header1.jpg) top left repeat-x; }
.gvrow    { background-color: #F0F0F0;  color: #00004F; }
.gvarow   { background-color: #E0E0E0;  color: #00004F; }
.gvpager  { height: 24px; background: #909090 url(images/bg_gv_pager1.jpg) top left repeat-x; }
.tdShowpage { background-color: White; color:Black; border-top:1px solid #444;
                                                    border-left:1px solid #444;
                                                    border-right:1px solid #111;
                                                    border-bottom:1px solid #111;
                                                    padding:2px 4px;
                                                        }
.gvbtnedit   { width:43px; } /* steuert die Breite der Button-Spalten in Unilist */
.gvbtndelete { width:43px; }

.emptydata td,
.nodata { padding: 20px; color: #aeaeae; border: 1px solid #999; color: #FF7F7F; }
.emptydatablank {padding:20px 40px; border:1px solid gray; background-color:#F2EEE4; }
.emptydatablank td { padding:0px;}

/* ALLGEMEINE KLASSEN */
.center  { text-align:center; }
.left    { text-align:left; }
.right   { text-align:right; }
.justify { text-align:justify; }
.error   { color: #FF7F7F; }
.minitext { font-size:9px; }

/* FOTOALBUM */
.item { text-align:center; width:200px; }
.item h4 { margin:0px; padding: 0px; }
.view { margin:0px; padding:0px; width: 680px; text-align: center; }
.langtext { padding:10px; margin:10px; }
.nullpanel{ padding:80px 130px;	width: 310px; text-align:center; border: 1px solid #DBB94F;	margin:0 0 20px 10px; }
.buttonbar {
	width: 680px;
	height: 30px;
	padding-top: 4px;
	background-image: url(images/photonav-bg.gif); 
    background-repeat: repeat-x;
	text-align: center;
}
.albumpreview { border: 2px solid Gray; }



/*-------------------------- */
/* Formulare                 */
/*-------------------------- */

fieldset { margin-top: 16px; padding: 10px;	background-color: #EAEAEA; border: 1px solid #9E9E9E; }

/* Hack für ältere Internet-Explorer */ 
* html fieldset { background: #EAEAEA url(images/formularoben.jpg) top left repeat-x; }

legend { font-weight: bold;	font-size:12px;	background-color: transparent; color: #5E5E5E; }

form p, form .form { clear: left; margin: 0; padding: 4px 0 0 0; }
form p label, form p .label, form .form label  { float: left; text-align: right; width: 30%; padding:2px 2px 0 0; }

input.txt, textarea.txt { background-color: White; border: 1px solid #471021; }
input.txt:focus, input.txt:hover, textarea.txt:focus, textarea.txt:hover { background-color: #E0E0E0; }
input.btn {	color: #C19B28;	background-color: #232323; border: 1px outset black; font-weight: bold; }
input.btn:focus, input.btn:hover { background-color: #636363; }


/*-------------------------- */
/* SPEZIELLE SEITEN          */
/*-------------------------- */
/* Default.aspx */
#slh_default { height:165px; vertical-align:top;}
/* Filemanager */
.uploadpanel { margin:20px 20px 20px 0; border: 1px solid #C0C0C0; background-color:#ECECEC; padding:20px 10px; width:98%; text-align:left; }
.filemanpanel { margin:20px 20px 20px 0; border: 1px solid #C0C0C0; background-color:#ECECEC; padding:4px 0px; width:98%; text-align: center;  vertical-align: middle;}
.linklogo { padding:4px; margin-top:10px; }
/* Login */
.loginpanel { border:1px solid Gray; background-color:#ECECEC; border-collapse:collapse; }
/* UC ImageSelector */
.imageselector { padding:4px; }
/* Geschichte */
.geschichte li {margin-bottom:10px;}
/* Förderkreis */
.tabpanel { font-family: Arial, Helvetica, sans-serif; font-size: 11px; }
/* ehemalige */
.ehmaligenheader { color:Navy;font-size: 1.2em; font-weight:bold; background-color:#E0E0E0;padding:4px;margin:10px 0 6px 0;border: 1px solid #D7D7D7; }
/* Aktivitaeten */
ol li ul.ulnormal li {margin-bottom:0;padding:0;}



/*-------------------------- */
/* ADMIN-BEREICH             */
/*-------------------------- */
html {} /* setzt den background zurück! */
body.admin { margin:0 0 0 10px; text-align:left; padding:0; width:90%; background-image:none; background-color:#FFF;}
#admininhaltframe {background-color:#E0E0E0; background-image:none;} 

.admin #header { margin:4px 4px 10px 4px; padding:0; width:190px; height:50px; 
                 background: #D3E9FF url(images/box_yellow1a.gif) top left no-repeat;
                 text-align:center; }
.admin #header h2 { font-size: 12px; font-variant:small-caps; color:#666; margin:0; padding:3px 0 0 0; }

.admin #postnavi { margin:0px; padding:0 0 8px 30px; text-align:left; }
.admin #postnavi h3 { font-size:11px; font-weight:bold; text-transform: uppercase; color: Black; }
                           
.admin .menu1 {text-transform: uppercase; font-weight:normal; background-color:#E0E0E0; text-align:left;}

.admin #content { text-align:left; margin:4px 0 10px 10px; padding:0; width:100%; }
.admin #sidebarleft {float: left; width: 214px;	height: 100%; }
.admin #contentright {float:left; width:420px; margin-left:20px;}

.arow { background-color:#E0E0E0; }

/* Admin - Zwischenseiten mit nur Text */
.zwischenseite p { width:560px; }

#admininhaltframe a:link,
#admininhaltframe a:visited { color:#00004F; text-decoration:none; text-transform:uppercase;}
#admininhaltframe a:hover { color:#FF0000; }



/*-------------------------- */
/* Ajax-Controls             */
/*-------------------------- */
/* Accordion */
.accordionheader {
    color: #CFE0E8 ;
    background: url(images/bg_gv_pager1a.jpg) top  left repeat-x;
    font-size: 12px; font-weight:bold; 
    padding: 5px; margin-top: 5px;
    cursor: pointer;
    width:490px;
    height:14px;
}

.accordionheader a:link,
.accordionheader a:visited { color: #CFE0E8; text-decoration:none !important;  }
.accordionheader a:hover {	 color: #FFF !important; }
.accordionheader a:active { color: #FFF !important; }

.handcursor { cursor: pointer; }
.accordioncontent{ background-color: #E5E5E5; border-bottom: 1px solid #bababa; padding:10px; width:480px; }

/* Suggestbox für Webservices */
#suggestBoxElement {border: 1px solid #8FABFF; visibility:hidden; text-align: left;  white-space: nowrap; background-color: #eeeeee;}
.suggestions { font-size:12px;background-color: #FFF; padding:1px 4px; }
.suggestionMouseOver { font-size:12px;background: #E0E0E0; color: black;  padding:1px 4px; }