/* 
	Zuletzt bearbeitet:		Frank Meyering
	Datum:					14.09.2007
------------------------------------------------------------------*/

html {
	overflow-y:scroll;
}

html, body, div, p, h1, h2, h3, h4, ul, ol, li, span, a, table, td, form, fieldset, img {
    border: 0;
    margin: 0;
    padding: 0;
}

body#fcr {
	margin: 0;
	padding: 0;
	font:62.5%/140% Georgia, "Times New Roman", Times, serif;
	color:#00501f;
	background:#002f07;
}

div.fixfloat {
	clear: both;
	margin:0;
	padding:0;
	height: 0px;
	clear: both;
	line-height: 0px;
	font-size: 0px;
}

#site {
	position:absolute;
	left:50%;
	margin:0px 0px 0px -499px;
	width:998px;
	height:100%;
	font-size:1.2em;
	line-height:1.6em;
}

#header_top {
	height:61px;
	background:url(../picts/bg_head_top.jpg) no-repeat;
}

#header_middel {
	height:205px;
	background:url(../picts/bg_head_middel.jpg) no-repeat;
}

/*	Logo-Einbindung+Verlinkung
----------------------------------------------------------------*/

#header_logo_fcr {
	position:absolute;
	margin:0px 0px 0px 395px;
	width:208px;
	text-align:center;
	height:205px;
	z-index:50;
	background-image:url(../picts/logo_fcr.png);
	background-repeat:no-repeat;
	background-position:center;
}

*html #header_logo_fcr {
	position:absolute;
	background-image:none;
	left:50%;
	margin-left:-104px;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://www.fanfarencorps-raesfeld.de/fileadmin/templates/picts/logo_fcr.png", sizingMethod="noscale");
}

#header_logo_fcr_link {
	position:absolute;
	margin:0px 0px 0px 395px;
	width:208px;
	text-align:center;
	height:205px;
	z-index:70;
}

#header_logo_fcr_link a {
	padding:20px 100px 180px 100px;
	text-decoration:none;
}

#header_logo_fcr_link a .text {
	display:none;
}	

/*	Banner
----------------------------------------------------------------*/

#header_banner {
	position:absolute;
	margin:0px 0px 0px 10px;
	width:978px;
	height:205px;
	z-index:30;
}

#header_menu {
	background:#015020 url(../picts/bg_head_menu.jpg) no-repeat top;
	height:36px;
}

#menu{
	width:958px;
	margin:0px 0px 0px 30px;
}

/*	Content | mit und ohne Abstand zum Rand
----------------------------------------------------------------*/

#content {
	padding:30px 40px 60px 40px;
	background:url(../picts/bg_content.jpg) repeat-y;
}

#content_zero {
	padding:0px 20px 0px 10px;
	background:url(../picts/bg_content.jpg) repeat-y;
}


/*	Footer
----------------------------------------------------------------*/

#footer {
	padding:20px 0px 80px 40px;
	height:106px;
	background:url(../picts/bg_footer.jpg) no-repeat;
}

#footer_left {
	float:left;
	width:355px;
}

#footer_right {
	float:left;
	width:450px;
}


/*	Unterschiedliche Spaltenaufteilungen
----------------------------------------------------------------*/

.row_1 {
	width:918px;
	padding:0px 0px 30px 0px;
}

.col_1_1 {
	float:left;
	width:315px;
	margin:0px 40px 0px 0px;
}

.col_1_2 {
	float:left;
	width:563px;	
}

.col_2_1 {
	float:left;
	width:563px;	
	margin:0px 40px 0px 0px;
}

.col_2_2 {
	float:right;
	width:315px;
	margin:0px 0px 0px 0px;
}

.col_3_1 {
	float:left;
	width:286px;
	margin:0px 30px 0px 0px;
}

.col_3_2 {
	float:right;
	width:286px;
	margin:0px 0px 0px 0px;
}

.col_4 {
	float:right;
	width:563px;
	margin:0px 0px 0px 0px;
}


/*	Unterschiedliche Inhaltstypen
----------------------------------------------------------------*/

.col_text_1 {
	float:left;
	width:265px;
	margin:0px 33px 0px 0px;
}

.col_text_2 {
	float:left;
	width:265px;
	margin:0px;
}