/* --------------------------------------------------------------   
   layout.css
   * base layout
   
   Falko Schuster <falko.schuster@fairnet-medien.de>     
-------------------------------------------------------------- */
body {
  background:#D6D6D6;
}
#page {
	width: 1001px; 	
	margin:auto;
	background:#fff;
}

/* Seitenkopf */
#header {		
	height:54px;	
}
/* Seitenkopf - Textlogo */
#header-logo {
	padding-top:20px;	
	padding-left:10px;
	width:450px;
	float:left;	
}
#header-logo h1 {
	font-size:25px;
	font-weight:bold;
	color:#353535;
	display:inline;	
	padding: 0 5px 0 0;
}
#header-logo h1 a{	
	color:#353535;	
}
#header-logo div {	
	font-size:14px;
	font-weight:bold;
	color:#353535;
	display:inline;
}
/* Seitenkopf - Suche und Navi */

#header-search {
	background:url(../images/layout/bg-search.gif) no-repeat ;
	background-position:473px 0px;
	height:54px;
	color:#fff;		
}
#header-search fieldset {	
	padding:3px 0 0 0;
	margin:0;
	border:0;
}
#header-search label {
	padding-left:40px;
	text-transform:uppercase;
	font-weight:bold;
}
#header-search a {
	color:#fff;
	text-decoration:none;
	padding-left: 4px;
	padding-right: 4px;
}

/* main navigation */ 
#navigation {		
	height:193px;
	background:url(../images/layout/bg-teaser-full.jpg) no-repeat;
	color:#EAF1F4;
}
#navigation div {
	padding:170px 0 0 150px;
}

#main {
	margin:0em;		
	clear:both; 
	width: auto;
	background:url(../images/layout/bg-main.gif) repeat-y;
}

/* content container - left */
#content-left {
	z-index: 3;
	position:relative;
	float: left;
	width: 141px;
	padding: 10px 5px 0px 0;	
	overflow:hidden;
}
#content-left img {
	padding:5px;
}
/* main content container */
#content-main {
	z-index: 5;
	position:relative;
	float:left;
	padding:10px;
	width:486px;
		
}

/* content container - right */
#content-right {
	z-index: 1;
	position:relative;
	float:left; 
	width: 251px; 
	padding: 10px 10px 10px 0;		
	overflow:hidden;
}

#content-right p,
#content-right div {
	padding-left:0px;
}
/* site footer */
#footer {
  padding-top:10px;
	padding-left:290px;
	font-size:smaller;	
	background:url(../images/layout/bg-footer.gif) repeat-y;	
	height:20px;
	color:#A7A7A7;
}
#footer  a {
	color:#868686;
}

/* content main styles */
#content-main a {
	color:#A02226;
	font-weight:bold;
	text-decoration:none;
}
#content-main a:hover {
	text-decoration:underline;
}

/* float clearing */
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
/* Diese Angabe benötigt der Safari-Browser zwingend !! */
.clearfix { 
	display: block; 
	clear: both;
}

#content-left,
#content-main,
#content-right {
	/* border:1px solid black;*/
}