@charset "utf-8";
/***************************************************************************
//##########################################################################
//
// i-gelb Gmbh
// info@i-gelb.de
//
// @author: Andreas Kortmann
//###########################################################################
*****************************************************************************/
/* Basis-Stylesheets einbinden 
@import url(ce.css);*/
/*
---------------------------------------------------------------
 -> GLOBAL - STANDARTS
---------------------------------------------------------------
*/
/* ZWECK: AUFHEBUNG VON BROWSERSPEZIFISCHEN STANDARDWERTEN */
*{ margin: 0; padding: 0; list-style: none; }
:link, :visited, :hover, :active, :focus { text-decoration: none; }
body, html,
ul, ol, li,
table, td,
form, fieldset, input,
p, h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; }
ul, ol, li { list-style: none; }
img, a img, :link img, :visited img { border: none; }
table, tr, td { border-collapse: collapse; empty-cells: show; vertical-align: top; }
object, param, embed { border: none; margin: 0; padding: 0; }
script { border: none; }
blockquote { border-left: 5px solid #f69c3a; padding-left: 10px; font-style: italic; }
p.orangeBox { border: 1px solid #f69c3a; padding: 10px; height: auto; float:left; }
p.redBox { border: 1px solid #ff0000; padding: 10px; height: auto; float:left; }
p.orangeBox img { float:left; display:inline; margin-right: 10px;}
p.redBox img { float:left; display:inline; margin-right: 10px;}
/* SEITENAUFBAU */
	html { /* Viewport komplett; * + BOX-Model => permanent Scrollbalken; * fuer Gecko erzeugen */ height: 100%; padding-bottom: .005em; overflow: -moz-scrollbars-vertical; } 
	body { height: 100%; margin: auto; text-align: left; font: 12px Arial; background: #FFF; color: #000; text-align: center; }

	#body{ width: 860px; margin:0 auto; text-align: left; position: relative;}
	#logo { float:left; margin-left: -120px;}
	#headerDiv { font-size: 24px; font-family: Arial;float:left; position:relative; top: 50px; left: 0px;}
		#headerDiv a { color:#000; }


/* Hauptnavigation */
	#mainNav { clear:both; margin-bottom: 20px; height: 40px;}
		#mainNav ul {width: 860px; background:#000; text-align:left; }
			#mainNav ul li{ display: inline; }

/* Content */
	#content { clear:both; width:860px; min-height: 500px; padding-top: 20px;}

/* Footer */
	#footer { clear: left; margin:20px 0 20px 0; border-top: 1px gray dotted; }
	
	
/*
#subnavi { background:white; position: absolute; left:0; top:40px; width:530px; }
ul#subnavi { padding: 0 0 0 0; margin:0; list-style:none; }
ul#subnavi li{}
ul#subnavi li a{ padding:5px 10px; font-size:12px; }
ul#subnavi li a:hover,ul#subnavi li a.active,ul#subnavi li a:focus{ background:black; color:white; }
ul#subnavi li a.active{ font-weight: bold; }
ul#subnavi.home_subnavi, #claim{ background: #FF9900; text-transform: uppercase; width:530px; }
ul#subnavi.home_subnavi li a{ font-size:14px; font-weight:bold; color:white; }
*/


/* Layout Spalten */

.spalte { padding: 10px 0px 0px 0px; }

	/* 2 Spalten */
	.spalten_2 {
		display: block;
		clear: both;
		margin: 20px 0px 10px 0px;
		padding: 10px 0px 10px 0px;
		width: 860px;
		overflow: auto;
		background: url(img/hr_2.gif) bottom left no-repeat;
	}
	.spalten_2_top {
		display: block;
		height: 1px;
		background: url(img/hr_2.gif) top left no-repeat;
	}
	
	.spalten_2 .spalte1 {
		float: left;
		width: 420px;
		overflow: hidden;
	}
	.spalten_2 .spalte2 {
		float: right;
		width: 420px;
		overflow: hidden;
	}
	
	
	/* 4 Spalten */
	.spalten_4 {
		display: block;
		clear: both;
		margin: 20px 0px 10px 0px;
		padding: 10px 0px 10px 0px;
		width: 860px;
		overflow: auto;
		background: url(img/hr_4.gif) bottom left no-repeat;
	}
	.spalten_4_top {
		display: block;
		height: 1px;
	}
	
	.spalten_4 .spalte1, .spalten_4 .spalte2, .spalten_4 .spalte3 {
		float: left;
		width: 205px;
		margin-right: 10px;
		overflow: hidden;
	}
	
	.spalten_4 .spalte4 {
		float: right;
		width: 205px;
		overflow: hidden;
	}

	.spalten_4 h3.csc-firstHeader {
		padding-bottom: 4px;
		background: url(img/hr_4_single.gif) bottom left no-repeat;
	}
	

	
	
