/*-------------- Generelle Angaben ------------------- */
*{margin:0; padding:0;border:0;}

body{
 margin:0;
 font-family:Verdana,Arial,Tahoma,Helvetica,Sans-Serif;
 font-size:11px;  /* Barrierefrei machen */
 padding:0;
 background-color: #FFF; 
 text-align:center;
 }
 
 img{
 border:0;
 }

input{
 padding-left:2px;
 margin-right:2px;
 border: 1px solid #7A8599;
 }
 
/* ------------- WRAPPER ---------------------- */
#wrapper{
 width:960px;
 margin: 0 auto;
 
 } 
 
#inner{                /* Erzeugt die beiden grauen balken links und rechts vom Content */
float:left;
background:  url(images/wrapper_bg.gif) repeat-y top left;

}

/* -------------- BANNER ---------------------- */
#banner{ 
 clear:both;
 height:128px; 
 background: #FFF url(images/csplus_banner_rechts.jpg) no-repeat top right;
 }

#banner img{
 float:left;
 }
 
#banner .flagge{
clear:both;
vertical-align:middle;
margin:3px 2px 0 0;
}

#banner p{
 float:right;
 margin: 82px 3px 0 0;
 text-align:right; 
 color:#FFF;
 }
 
#banner a{
 color:#FFF;
 font-size:11px;
 font-family:arial,verdana,tahoma; /* Schriftänderung aus Platzgründen */
 }



  
/* -------------- BANNER ENDE ------------------------- */


/*-------------- NAVIGATIONSEBENE 1 ------------------- */
#nav_1{
 clear:both;
 float:left;
 width:910px;
 padding-left:50px;
 background: url(images/nav_1_bg.jpg) repeat-y;
 border-bottom: 2px solid #FFF;
}

* html #nav_1{
  width:960px;              /* For IE 5.x */
  wid\th: 910px;            /* For IE 6   */ 
}
 

#nav_1 ul{ /* Layer 1 */
 list-style:none;
 float:left; 
 }


#nav_1 ul li{
 float:left;
 background: #FCEA7C url(images/trennlinie_vert.gif) repeat-y top right;
 text-align:center;
 }

#nav_1 li a{ 
 display:block;
 width:106px;
 height:13px;
 padding:6px 0;
 color:#3F4549;
 font-weight:bold;
 text-decoration:none;
 }

#nav_1 li.active{ background: #C1C2C4 url(images/trennlinie_vert.gif) repeat-y top right; }
 
/*-------------- NAVIGATIONSEBENE 1 ENDE--------------- */

/*-------------- Left - Linker Block ------------------- */

#left{
 clear:both;
 float:left;
 width:156px;
 background: #FCEA7C url(images/trennlinie_vert.gif) repeat-y top right; 
 text-align:left;
 padding:0;
 }
 
 
#left ul{ /* Nav 2 */
 list-style-type: none;
 text-align:left;
 background: transparent url(images/nav_2_bottom.gif) no-repeat bottom right;
 margin: 43px 0 0 0;   /* unten 116 px */
 padding:0;
 padding-bottom:116px;
 border-top: 1px solid #FFF;
 line-height:20px; 
 }
 


#left ul a{
  display: block;
  width:131px;
  background-color: #FCEA7C;
  color: #3F4549; 
  text-decoration: none;
  line-height:24px;
  border-bottom: 1px solid #FFF;
  padding-left:19px;
  font-size:11px;
  }  

* html #left ul a{
  width:150px;              /* For IE 5.x */
  wid\th: 131px;            /* For IE 6   */ 
}
 
#left ul a.active{ background: #FBE245 url(images/symbols/pfeil.gif) no-repeat 7px 8px; }

/*-------------- Links ENDE--------------- */

 

/* ------------- Content ------------ */
 #content{
   float:left;
   width:557px;
   min-height:250px;
   padding:50px;
   background-color:#F0F0F8;
   text-align:left;
 }
 
* html #content{
  width:657px;              /* For IE 5.x */
  wid\th: 557px;            /* For IE 6   */ 
}
 
 

/* ------------- Breadcrumbs ANFANG --------------------*/
div.breadcrumb{
 margin:-35px 0 30px -40px;
}

div.breadcrumb a{
 color: #5572AA;
 font-size:10px; 
 text-decoration:none;
 }
 
div.breadcrumb a.last{
 color: #5572AA; 

 }

div.breadcrumb a:hover, div.breadcrumb a:active, div.breadcrumb a.last:hover, div.breadcrumb a.last:active { 
 color:#3E4147;
 }

/* ------------- Breadcrumbs ENDE --------------------*/

/* ------------- Link zum Seitenanfang ENDE --------------------*/

div.seitenanfang{
 margin-top: 50px;
 text-align:right;
 width:100%;
 /*border-top: 1px solid #7482A2;*/
 padding: 5px 0 0 0;
}

a.seitenanfang{
  float:right;
  width:80px;
  height:14px;
  background: url(images/symbols/seitenanfang.gif) no-repeat;
  text-decoration:none;
  }



/* ------------- Link zum Seitenanfang ENDE --------------------*/

 



 

/*-------------- Right ---------------------------- */
 #right{
 float:left;
 width:147px;
 text-align:left;
 } 
 
/* ------------- Infobox rechts ------------------- */

 #infobox{
 overflow:hidden; 
 width:124px;
 margin: 25px 0 0 0;
 padding:20px 8px 20px 15px;
 background:#E0E1E2 url(images/trennlinie_vert_grau.gif) repeat-y top left;
 font-size:10px; 
 color: #3F4549;  
} 

* html #infobox{    /* For IE */
  width:147px;         /* For IE 5.x */
  wid\th: 124px;       /* For IE 6 */

}

 #infobox h3{
  margin: 0 0 5px 0;
  text-decoration:underline;
  font-weight:bold;
  font-size:11px;  
  }
 
  #logolinks{
 margin-top:25px;
 }
 
 #logolinks img{
 float:left;
 }

/*-------------- Right End------------------------ */

/*-------------- FOOTER ------------------------------- */
 
#footer{
 clear:both;
 width:960px;
 height:25px;
 border-top: 2px solid #FFF;
 margin: 0 auto;
 text-align:right;
 background-color:#E0E1E2; 
 color:#757D85;
 }
 
#footer p{
margin: 0 147px 0 0;
font-size:10px;
line-height:25px;
}

/*-------------- FOOTER ENDE ---------------------------- */
 


/* -------------- Seite bearbeiten Tiny MCE Textfelder ------------------- */

textarea.new_content{
 width:100%;
 margin-left:-20px;
 }

/* ----------------------- Fileviewer.php ------------------------ */

div.fileviewer{
 
 color: #A09FA2;
  
 }

 
div.fileviewer p.footer{
text-align:left;
vertical-align:bottom;
color: #000;
font-size:12px;
border: 0px dashed #000;
border-top-width: 1px;
padding: 3px;
width: 200px;
}
 
div.fileviewer a{
line-height: 15pt;
color: #00F;
} 

div.fileviewer a:link,div.fileviewer a:visited,div.fileviewer a:active {
 color: #00F;
 text-decoration: none;
 }
 
div.fileviewer a.verz:link,div.fileviewer a.verz:visited,div.fileviewer a.verz:active {
 color: #9F0E1B;
 text-decoration:none;
 border: 0px dashed #00F;
 padding-bottom: 1px;
 border-bottom-width:1px;
 }
 
div.fileviewer a.verz:hover{
 color: #9F0E1B;
 font-weight: bold;
 }
 
 
div.fileviewer a:hover {
 text-decoration:none;
 color: #00F;
 }
 

div.fileviewer img.symbol{
 width:19px;
 height:19px;
 float: left;
 margin: 0 3px 0 -2px;
 border: 0 none;  
 }
 
div.fileviewer span.headline {
 color: #000;
 }

table.fileviewer{
 	width:100%;
 }

table.fileviewer th{
 padding: 3px 4px 3px 4px;
 font-size: 12px;
 color: #62626A;
}

	table.fileviewer th.umbenennen{
     
	}
	
	table.fileviewer th.backup{
 	
	}
	
	table.fileviewer th.quelltext{
	
	
	}

table.fileviewer tr.head{
 background: transparent url(images/symbols/grau_streifen.gif);
 text-align:center;
 }

table.fileviewer tr.farbe1{
 background-color: #e6eff6; /* blau */
 }

table.fileviewer tr.farbe2{
 background-color: #e5e5e5 ; /* grau */
 }

table.fileviewer td{
 padding: 2px 5px 2px 5px;
 vertical-align:middle;
 text-align:center;
}
    
	table.fileviewer td.ordnerinhalt{
     text-align:left;
	}

	table.fileviewer td.quelltext{
     text-align:center;
	}
		
	table.fileviewer td.clear{
     text-align:center;
	}
	
		table.fileviewer td.clear img{
		 vertical-align:middle;
		}

a.vorschau {          /* Backup Vorschau */
  background: transparent url(images/symbols/bt_vorschau.gif) no-repeat 0 2px ;
  width:31px;
  line-height:18;
  vertical-align:bottom;
  float:left;
 }
 
input.newname{             /* Feld in dem der neue Name steht */
  width:130px;
}

input.button_ok{
	border:0;
	width: 31px !important;
	background: transparent url(images/symbols/bt_ok.gif) no-repeat;
	margin: 0 0 0 0 !important;
	padding: 2px 1px 1px 1px;
	color: #000 !important;
	font-size: 10px;
	text-decoration: none;
	font-style: normal;
	line-height: 13px;
	}

/* ----------------- Input-Felder ------------------------------------------------------- */


input.button{
	border:0 !important;
	width: 96px !important;
	background: transparent url(images/symbols/bt_umbenennen.gif) no-repeat;
	margin: 0 0 0 0 !important;
	padding: 1px 1px 1px 1px;
	color: #000 !important;
	font-size: 10px;
	text-decoration: none;
	font-style: normal;
	line-height: 13px;
}


input.groß{                      /* Änderungen speichern, Abbrechen */
 border: 1px solid #7A8599;
 margin: 10px 5px 0 0;
 padding: 0 0 0 2px;
 }

 a.button{
    display:block;
	border:0;
	width: 96px !important;
	background: transparent url(images/symbols/bt_umbenennen.gif) no-repeat 0 2px;
	margin: 0 !important;
	padding: 0px 1px 0px 1px;
	color: #000 !important;
	font-size: 11px;
	line-height:14px;
	font-weight:normal;
	text-decoration: none;
	font-style: normal;
	text-align:center;
	}

 
/* Meldungen ------------------------------------------------------------------------- */

div.meldungsrahmen{
 margin: 20px 0 20px 0;
 }
 
h3.meldung{
  font-size:12px;
  background: #5C6E96 url(images/symbols/nav2_pfeil.gif) no-repeat 4px 50%;
  color:#E1E3E7;
  padding:3px 0 3px 13px;
  }

p.fehler{ 
  margin:0;
  text-align:left;
  background-color: #DFB6B8;
  padding:10px;
    
}

p.erfolg{
  margin:0;
  background-color: #CCE5C9;
  padding:10px;
  text-align:left;
  
}
/* --------------------------------------------------------------------- */