/* CSS Document */

html{	height:100%;
		margin:0;
        padding:0;
		}
	
body {	background-color: #B1B1B1;
		height:100%;
     	padding: 0;
		margin: 0;
		text-align:center;
		}
   
/* ---------- pageContainer zentriert das layout -------------- */
#pagecontainer{
		width: 780px;
		height:100%;	
		padding: 0;
		margin:0px auto;
		text-align:center;
		background-color: #F5F6E6;
		}

/* ---------- pageheader Logozeile -------------- */
#titel {
	   	background-image:url(../images/header-ks-aug.jpg);
		background-repeat:no-repeat;
		margin:0px auto;
        height:90px; /* 14% */
		width:780px;
		position:relative;
		top:0;
		left:0;
		text-align: left;
   }
   
/* ---------- Marker für Link zu augsburg.de und für aktualitätsanzeige -------------- */   
#link
		width: 50px;
		height: 50px;
		position:relative;
		top: 0;
		left: 730px;
		}  
		
/* ---------- Marker für aktualitätsanzeige --------------  */ 
#stand{
		width: 120px;
		height: 20px;
		margin-top: 20px;
		margin-left: 660px;
		}  



/* ---------- Start Bereich Inhalte -------------- */
#inhaltscontainer{
		margin: 0;
		padding: 0;
		width: 100%;
		height: 82%;
		position:relative;
		top: 0px;
		left: 0;
		text-align: left;
		background-color:#F5F6E6;
	}

/* ---------- Links: Navigation und Sponsor-Logo -------------- */
#linkespalte{
		width:158px;
		height: 100%;
		position:relative;
		top: 0;
		left: 0;
		float:left;
		padding: 0;
		margin: 0;
		background-color:#DDE6C7;
		border-right: 1px solid #9faa8c;
		border-left: 1px solid #ebf0de;
		border-bottom: 1px solid #9faa8c;
		}

/* ----- Navigation -------- */
#navigation {		
		position:relative;
		top: 0px;
		left: 0px;
		height:auto;
		margin: 0px auto;
		padding: 20px 5px 5px 15px;
		border-bottom: 1px solid #9faa8c;
		color:#000000;
		text-align:left;
		display:block;
		background-color:#d4e3bb;
		background-image:url(../images/VerlaufNavi.jpg);
		background-repeat:repeat-x;
		}
         
#navigation ul {
		list-style:none;
		padding:0;
		display:block;
   }
#navigation li {
		display:inline;
	}
 
/* ----- BG für Sponsor-Logo ------ */  
#verlauf-unten {
		height:auto;
		position: relative;	
		top: 0;
		left: 0;
		border-top: 1px solid #ebf0de;
		margin: 0px;
		padding: 0px;
		background-color:#d6e1bd;
		background-image:url(../images/unterNaviVerlauf.jpg);
		background-repeat: repeat-x;
} 

/* ----- Sponsor-Logo ----- */
#sponsorbild {
		width: 140px;
		height: 49px;
		position:relative;
		top: 75px;
		bottom: 10px;		
		margin: 0px auto;		
		padding: 0px;
		text-align:center;		
}


 /* ---------- Mitte: Bilderleiste über Inhalt -------------- */
#bilderleiste {
		width:618px;
		height: 99px;
		border-right: 1px solid #9faa8c;
		border-left: 1px solid #FFFFFF;
		border-top: 1px solid #FFFFFF;
		position:relative;
		top: 0;
		left: 0;
		float: right;
		margin: 0px;
		padding: 0px;
		text-align: left;
}


 /* ---------- Mitte: Inhaltsspalte, bei Matrix bis zum rechten Rand -------------- */
#inhalt {
		width:619px;
		height: 80%;
		background-color: #F5F6E6;	
		border-left: 1px solid #fafbf3;
		position:relative;
		top: 0;
		left: 0;
		float: left;
		margin: 0px;
		padding: 0px;
		text-align: left;
		overflow:auto;
}

#content{
		width: 60%; /* 405px */
		height:auto;
		background-color: #F5F6E6;	
		position:relative;
		top: 0;
		right: 0;
		float: left;
		margin: 0px;
		padding: 15px;
		text-align: left;
		
}

/* ---------- Rechts: Bilder und News  -------------- */
#rechtespalte{
		width: 30%;
		height: auto;
		position:relative;
		top: 0;
		left: 0;
		float:right;
		text-align: left;
		margin: 0px;
		padding: 15px;
		background-color:#f5f6e6;
	}


/* ----------  Matrix  -------------- */
#inhaltmatrix {
		width:600px;
		background-color:#F5F6E6;
		position:relative;
		top: 0;
		left: 0;
		float:left;
		text-align: left;
		margin: 0px auto;
}


   
/* ---------- unten: Fußzeile -------------- */
   
#footer{
		width: 780px;
		height: 21px; /* 3% */
		background-color:#479A24;
		background-image:url(../images/Fusszeile-Verlauf.jpg);
		background-repeat:repeat-x;
		padding: 0;
		margin: 0px auto;		
		text-align: right;
}
/*
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
X                                                               X
X       Block geändert von H. Lechner 12.7.2010                 X
X                                                               X
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
*/

/******************************************/
/* Mailforms nach neuer css_styled_content */
/******************************************/
.csc-mailform { border: 0px; width:280pt; font-family:Verdana, Helvetica, sans-serif; }
.csc-mailform-field label { font-size: 60%; line-height: 120%; float:left; width:90pt; background-color: none; margin-right: 1px; padding-bottom: 2px; padding-top: 2px; }
fieldset.csc-mailform input, fieldset.csc-mailform select, fieldset.csc-mailform textarea { font-size: 75%; line-height: 120%; margin-left: 10px; border: solid #AAAAAA 1px;}
.csc-mailform-field { display: block; clear: both; margin-top: 1px; }
.csc-mailform-label { font-size: 75%; line-height: 120%; background-color: #FEF8E0;; margin-top: 1px; display: block; clear: both; }
span.csc-mailform-radio { float: left;  display: block;}
span.csc-mailform-radio input { float: left; display: block; clear: both;}
span.csc-mailform-radio label{ float: left; display: block; background-color: #ffffff; margin-left:0.3em; }
.csc-mailform-radio legend { display:none; }
span.csc-mailform-radio fieldset{ border: 0px; }

/* Email form, specifically */
FORM TABLE.csc-mailform TR TD.csc-form-labelcell  { }

/* Search form, specifically */
FORM TABLE.csc-searchform { width: 100%; }
FORM TABLE.csc-searchform TR TD { padding: 5px 5px 5px 5px; }
FORM TABLE.csc-searchform TR TD.csc-form-labelcell, FORM TABLE.csc-searchform TR TD.csc-form-commentcell { font-weight: bold; }
FORM TABLE.csc-searchform TR TD.csc-form-fieldcell INPUT, FORM TABLE.csc-searchform TR TD.csc-form-fieldcell SELECT { width: 100%; }

/*
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
H. Lechner
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
*/

/* Login form, specifically */
FORM TABLE.csc-loginform { width: 70%; }