/* 
Design partially created by Free CSS Templates (http://freecsstemplates.org, Released for free under a Creative Commons Attribution 2.5 License)
and Apycom jQuery Menus (http://apycom.com).
Modified by Alexander Berner (webmaster of http://feuerwehr-oberhoechstadt.de).
*/

	body {
		margin: 0;
		padding: 0;
		background: #E3E3E3;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
		line-height: 150%;
		color: black;

	}
	
	a {
		text-decoration: none;
		color: #CF5044;
        border: 0px none;
	}
    
    a.anker {
        
    }
    
    img {
        border: 0px none;
    }

	h1, h2, h3 {
		margin: 0;
		padding: 0;
		font-weight: normal;
	}

/**********************************************************************************************
										HEADER
**********************************************************************************************/

	#header {
		clear: both;
		height: 300px;
		background: url(../images/header_website.jpg) no-repeat 26px 0px;
	}

	#LogoutButton {
		position:relative;
		top: 160px;
		left: 920px;
		width: 100px;
		height: 25px; 
	}


/**********************************************************************************************
										MENU
**********************************************************************************************/
	/*********************************************
		CSS-menu
	 *********************************************
	 *  <div id="menu">
	 *      <ul class="menu">
	 *          <li><a href="#" class="parent"><span>level 1</span></a>
	 *              <ul>
	 *                  <li><a href="#" class="parent"><span>level 2</span></a>
	 *                      <ul><li><a href="#"><span>level 3</span></a></li></ul>
	 *                  </li>
	 *              </ul>
	 *          </li>
	 *          <li class="last"><a href="#"><span>level 1</span></a></li>
	 *      </ul>
	 *  </div>
	 *********************************************
	 */

	div#menu {
		width: 1052px;
        margin: 0 auto;
	}
    div#menu2 {
        width: 1000px;
	    height: 41px;
        margin-left: 26px;
	    background-color: rgb(74,81,85);
	    background:url(../images/main-bg.png) repeat-x;
    }
	div#menu ul {
	    margin: 0;
	    padding: 0;
	    list-style: none;
	    float: left;
	}
	div#menu ul.menu {
	    padding-left: 10px;
	}
	
	div#menu li {
	    position: relative;
	    z-index: 9;
	    margin: 0;
	    padding: 0 5px 0 0;
	    display: block;
	    float: left;
	}
	div#menu li:hover>ul {
	    left: -2px;
	}
	
	div#menu a {
	    position: relative;
	    z-index: 10;
	    height: 41px;
	    display: block;
	    float: left;
	    line-height: 41px;
	    text-decoration: none;
	    font: bold 16px Arial;
	}
	div#menu a:hover, div#menu a:hover span { color: #fff; }
	div#menu li.current a {}
	
	div#menu span {
	    display: block;
	    cursor: pointer;
	    background-repeat: no-repeat;
	    background-position: 95% 0;
	}
	div#menu ul ul a.parent span {
	    background-position:95% 8px;
	    background-image: url(../images/item-pointer.gif);
	}
	div#menu ul ul a.parent:hover span {
	    background-image: url(../images/item-pointer-mover.gif);
	}
	
	/* menu::level1 */
	div#menu a {
	    padding: 0 10px 0 10px;
	    line-height: 30px;
	    color: #e5e5e5;
	}
	div#menu span {
	    margin-top: 5px;
	}/**@replace#1*/
	div#menu li { background: url(../images/main-delimiter.png) 98% 4px no-repeat; }
	div#menu li.last { background: none; }
	
	/* menu::level2 */
	div#menu ul ul li { background: none; }
	div#menu ul ul {
	    position: absolute;
	    top: 38px;
	    left: -999em;
	    width: 163px;
	    padding: 5px 0 10px 0;
	    background: rgb(45,45,45);
	    margin-top:1px;
	}
	div#menu ul ul a {
	    padding: 5px 0 0 15px;
	    height: auto;
	    float: none;
	    display: block;
	    line-height: 24px;
	    color: rgb(169,169,169);
	    font: normal 15px Arial;
	}
	div#menu ul ul span {
	    margin-top: 0;
	    padding-right: 15px;
	    _padding-right: 20px;
	    color: rgb(169,169,169);
	}
	div#menu ul ul a:hover span {
	    color: #fff;
	}
	div#menu ul ul li.last { background: none; }
	div#menu ul ul li {
	    width: 100%;
	}
	
	/* menu::level3 */
	div#menu ul ul ul {
	    padding: 5px 0 10px 0;
	    margin: -38px 0 0 163px !important;
	    margin-left:172px;
	}
	
	/* colors */
	div#menu ul ul ul { background: rgb(41,41,41); }
	div#menu ul ul ul ul { background: rgb(38,38,38); }
	div#menu ul ul ul ul { background: rgb(35,35,35); }
	
	/* lava lamp */
	div#menu li.back {
	    background: url(../images/lava.png) no-repeat right -44px !important;
	    background-image: url(../images/lava.gif);
	    width: 13px;
	    height: 44px;
	    z-index: 8;
	    position: absolute;
	    margin: -1px 0 0 -5px;
	}
	div#menu li.back .left {
	    background: url(../images/lava.png) no-repeat top left !important;
	    background-image: url(../images/lava.gif);
	    height: 44px;
	    margin-right: 8px;
	}
	
/**********************************************************************************************
										PAGE
**********************************************************************************************/

	.container {
		width: 1052px;
		margin: 0px auto;
		padding: 0;
	}
	
	#page {
		background: url(../images/page.jpg) repeat-y left top;
		min-height: 300px;
	}
	
/**********************************************************************************************
										CONTENT
**********************************************************************************************/
	
	#content {
		float: left;
		width: 700px;
		margin: 10px 0 0 40px;
		padding: 0;
	}	
	
	.post {
		overflow: hidden;
		margin-bottom: 20px;
		border-bottom: 2px dotted #E7E2DC;
	}
	
	.post .title {
	 	color : #02026a;
	 	height: 20px;
	 	margin-bottom: 10px;
	 	padding: 5px;
	 	border-top : 1px solid #02026a;
	 	border-bottom : 2px solid #02026a;
	 	text-align : left;		
	}
	
	.post .title .title_left {
		float: left;
		font-size: 20px;
		font-weight: bold;
	}
	
	.post .title .title_left #input_title {
		font-size: 1em;
		margin-bottom: 10px;
		padding: 1px;
		font-weight: bold;
	}
	
	.post .title .title_right {
		float: left;
	}
	
	.post .title .title_image {
		float: left;
		width: 30px;
		margin: -5px 0 0 10px;
	}
	
	.post .title .title_info_image {
		float: right;
		height: 20px;
	}
		
	.post .entry {
		margin-bottom: 5px;
	 	text-align: justify;
	 	word-wrap: break-word; 	
	}	
	
	.post .entry p {
		margin: 0px;
	}
	
	.post .entry .update {
		height: 45px;

		margin: 10px;
	}
	
	.post .entry .update_image {
		float: left;
		height: 36px;
		padding-top: 6px;
		margin-right: 20px;
	}
	
	.post .entry .update_text {
		float: left;
		height: 42px;
	}
	
	.post .meta {
		height: 30px;
		margin: 0;
		padding: 0;
		display: none;
	}	
		
	#clear {
		clear: both; 
		height: 20px;	
	}
	
    #galleria{
        width: 970px;
        height: 600px;
    }
    
/**********************************************************************************************
										SIDEBAR
**********************************************************************************************/

	#sidebar {
		float: right;
		width: 250px;
		margin: 10px 31px 0 0;
		padding: 10px 5px 20px 10px;
		color: #D3D3D3;
		background: url(../images/sidebar.jpg) repeat-y -20px top;
	}	
	
	#sidebar a {
		color: #CF5044;
	}
	
	#sidebar h2 {
	 	color: white;
		letter-spacing: -.5px;
		font-size: 20px;
        text-align: center;
        margin-bottom: 5px;
	}	
	
	#sidebar ul {
		margin: 0 0 10px 0;
		padding: 10px;
		list-style: none;
	}	
	
	#sidebar li {
		margin-bottom: 5px;
		padding: 0;
	}
	
	#sidebar li.fire {
		padding-left: 30px;
		background: url("../images/fire_kl.png") no-repeat left 10px transparent;
	}
    
    #sidebar li .einsatzart {
        color: #D3D3D3;
    }
    
    #sidebar li:hover .einsatzart {
        color: white;
    }
    
    #sidebar li:hover a {
        color: #D23B2D;
    }
	
	#sidebar #unwetterkarte{
		margin: 10px 0 10px -5px;
		width: 250px;
		height: 250px;
		border: 1px solid black;
	}
    
    #sidebar #neue_berichte {
        background-color: white;
        color: #002060;
        margin: 0 0 0 -5px;
	}
    
    #sidebar #besucher {
        text-align: center;
    }
	
/**********************************************************************************************
										FOOTER
**********************************************************************************************/

	#footer-content {
		background: url(../images/footer.jpg) repeat-y left top;
		color: #BFBFBF;
	}
	
	#footer-bg {
		overflow: hidden;
		width: 1000px;
		padding: 30px 0 50px 52px;
		background: url(../images/foot.jpg) no-repeat left bottom;
	}
	
	#footer-content h2 {
		margin: 0px;
		padding: 0px 0px 20px 0px;
		letter-spacing: -1px;
		font-size: 24px;
		color: #FFFFFF;
	}
	
	#footer-content ul {
		margin: 0px;
		padding: 0px 0px 0px 20px;
	}
	
	#footer-content a {
		color: #447ECF;
	}
	
	#column1 {
		float: left;
		width: 310px;
		margin-right: 20px;
	}
	
	#column2 {
		float: left;
		width: 310px;
		margin-right: 20px;
	}
	
	#column3 {
		float: left;
		width: 310px;
	}
	
	/* Footer */
	
	#footer {
		height: 50px;
		padding-bottom: 15px;
		font-family: Arial, Helvetica, sans-serif;
	}
	
	#footer p {
		margin: 0;
		padding-top: 10px;
		line-height: normal;
		font-size: 9px;
		text-transform: uppercase;
		text-align: center;
		color: #202020;
	}
	
	#footer a {
		color: #202020;
	}
	
/**********************************************************************************************
										INDIVIDUAL
**********************************************************************************************/
	
	.ueberschrift {
        color : #02026a;
	 	height: 20px;
	 	margin-bottom: 10px;
	 	padding: 5px;
	 	border-top : 1px solid #02026a;
	 	border-bottom : 2px solid #02026a;
	 	text-align : left;	
		font-size: 18px;
		font-weight: bold;
	}
	
	.new_entry {
	 	height: 30px;
	 	margin-bottom: 20px;
		font-size: 25px;
		font-weight: bold;	
	}

	.new_entry_image {
		width: 30px;
		margin-right: 5px;
	}
	
	/*********** Eins�tze *************/
	
	tr.a {
		background : #e3e3e3;
	}
	
	tr.b {
		background : #ffffff;
	}
	
	.einsaetze_normal th {
		color : #02026a;
		padding: 5px;
		font-weight : bold;
		border-top : 1px solid #02026a;
		border-bottom : 1px solid #02026a;
	}
	
	.einsaetze_normal {
		width: 100%; 
		text-align: left;
		border-spacing: 0px;
		margin-bottom: 20px;
	}
	
	.einsaetze_normal td {
		padding: 5px;	
	}	
    
    .einsaetze_title {
        float: right;
        font-size: 15px;
    }
    
    .einsaetze_bericht {
        border: 4px solid #CF5044;
        border-top: 0px;
    }
	
	#fehlermeldung {
	 	width: 980px;
		margin : 10px 0 10px 0;
	}
	#fehler {
		color : #f00;
		width: 960px;
		border : 1px dashed;
		padding-left : 1em;
		padding : 5px;
		background : #ddd;
        margin-top: 5px;
    }
	
	#erfolgreich {
		color : #38B70D;
		width: 960px;
		border : 1px dashed;
		padding-left : 1em;
		padding : 5px;
		background : #ddd;
	}
	
	#table_login {
		text-align: center;
		height:100px;
		padding:15px;
		width:450px;
		margin: 0 auto;
		background: URL(../images/intern/login_hintergrund.jpg) no-repeat; 
	}
	
	
	/*--Profil Bearbeiten (profil_bearbeiten.php) // Tabelle mit Daten --*/
	#profil_daten {
		width: 500px;
		float:left;
		margin-left: 20px;
		padding: 5px;
		border: 1px solid #808080;
		background-color: white;
	}
	#profil_bilder {
		width: 400px;
		float:left;
		margin-left: 20px;
		padding: 5px;
		border: 1px solid #808080;
		background-color: white;
	}
	.hauptspalte {
		height: 50px;
		width: 170px;
		padding-left: 5px;
		border-top: 5px solid #808080;
	}	
	.mittelspalte {
		border-top: 5px solid #808080;
	}
	.aendernspalte {
		padding-right: 5px;
		text-align: right;
		font-weight: bold;
	}