/* ****************************************** */
/* Orangefluid GbR		         			  */
/* www.orangefluid.com       				  */
/* ****************************************** */

/* HTML*/
html {
	height:100.01%;
}
	
body {
	height:100.01%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	margin: 0px;
	padding: 0px;
	background: url(images/mainback.gif) repeat-y center #cccccc;
}

/* Main Container */
#container {
	position: relative;
	min-height: 100%;
	height: auto;
	width: 969px;
	margin: 0 auto;
	padding: 0px;
}

* html #container {
	height:100%;
}

/* Header */

#header {
	position:relative;
	float: left;
	height:336px;
	width:969px;
	background: url(images/header.jpg) no-repeat top center;
	margin:0px;
	padding:0px;
}

#mainnavi {
	position: relative;
	float: right;
	width: 717px;
	height: 30px;
	margin-right: 42px;
	margin-top: 30px;
}

* html #mainnavi {
	margin-right:21px;
}

#mainnavi img {
	margin: 0px;
	padding: 0px;
}

/* Linke Spalte */

#navigation {
	position: relative;
	float: left;
	width: 165px;
	background: #b81111;
	min-height: 115px;
	margin-left: 46px;
	padding: 0px;
	}

* html #navigation {
	height: 115px;
	margin-left: 23px;
	padding: 0px;
	}

	/* Navigations Item Normal */
	#navigation div.navitem {
		position: relative;
		float: left;
		width: 165px;
		height: 31px;
		line-height: 31px;
		background: url(images/navitem.gif) no-repeat #b81111;
		margin: 0px;
		padding: 0px;
		text-indent: 35px;
		vertical-align: middle;
	}
	
	* html #navigation div.navitem {
		margin-top: -2px;
	}
	
	#navigation div.navitem a {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-weight: 900;
		color: #FFFFFF;
	}
	
	#navigation div.navitem a:hover {
		color: #000000;
	}

	/* Navigations Item Active */
	#navigation div.navitemactive {
		position: relative;
		float: left;
		width: 165px;
		height: 31px;
		line-height: 31px;
		background: url(images/navitemactive.gif) no-repeat #b81111;
		margin: 0px;
		padding: 0px;
		text-indent: 35px;
		vertical-align: middle;
	}
	
	* html #navigation div.navitemactive {
		margin-top: -2px;
	}
	
	#navigation div.navitemactive a {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-weight: 900;
		color: #FFFFFF;
	}
	
	#navigation div.navitemactive a:hover {
		color: #000000;
	}

	#navigation div.searchbox {
		height: 30px;
		line-height: 30px;
		vertical-align: middle;
		text-align: center;
		margin: 0px;
		padding: 0px;
	}
	
	#navigation div.searchbox input.quicksearch {
		width: 85%;
	}


/* Mitte */

#mitte_kategorien {
	position: relative;
	float: left;
	margin: 0px;
	padding: 0px;
	width: 526px;
	height: auto;
	min-height: 56px;
	background: url(images/middle_mainback.gif) no-repeat top center #950f0f;
	}

* html #mitte_kategorien {
	height: 56px;
}

	#mitte_kategorien {
		font-size: 11px;
		color: #ffffff;
	}
	
	#mitte_kategorien #content, #mitte_kategorien td.main {
		color: #ffffff;
		}

	 #mitte_kategorien h1 {
	 	color: #FFFFFF;
		text-indent: 10px;
		}
		
	#mitte_kategorien span.inputRequirement, #mitte_kategorien td.smallText {
		color: #ffffff;
	}
	
	/* Weisser Teil */	
	#mitte_kategorien div.whiteback{
		position: relative;
		float: left;
		width: 525px;
		height: auto;
		background: #ffffff;
		color: #000000;
	}
	
	#mitte_kategorien div.whiteback img{
		margin: 0px;
		padding: 0px;	
	}
	
	#mitte_kategorien div.whiteback td {
		color: #000000;
		padding: 5px;
	}
	
	#mitte_kategorien div.transback{
		position: relative;
		float: left;
		width: 525px;
		height: auto;
		color: #000000;
	}
	
	#mitte_kategorien td {
		color: #ffffff;
	}
	
	#mitte_kategorien div.whiteback a {
		color: #000000;
	}
	
		/* Brotkrumen */
		#mitte_kategorien #breadcrumb {
			position: relative;
			width: 500px;
			margin: 0 auto;
			padding-bottom: 10px;
		}
		
		/* Kategorien */
		
		#mitte_kategorien div.content_container {
			position: relative;
			float: left;
			width: 480px;
			background: #b81111;
			border: 1px solid #f16161;
			margin-left: 12px;
			margin-bottom: 10px;
			padding: 10px;
		}
		
		* html #mitte_kategorien div.content_container  {
			margin-left: 6px;
		}
		
		#mitte_kategorien div.content_container div.iecc {
			width: 480px;
			height: 10px;
		}
		
		div.category {
			position: relative;
			float: left;
			margin-left: 7px;
			margin-right: 7px;
		}

/* Rechte Spalte */

#information {
	position: relative;
	float: left;
	width: 190px;
	min-height: 36px;
	}

* html #information {
	height: 36px;
	margin-left: -1px;
	}
	
	#information div.navitem {
		width: 190px;
		height: 25px;
		line-height: 25px;
		text-indent: 25px;
	}

	#information a {
		color: #000000;
		}
		
	#information a:hover {
		color: #b81111; 
		}

	#information div.rightBox {
		width: 180px;
		margin: 0 auto;
		line-height: 20px;
	}



#unten {
	position:relative;
	height:25px;
	width:100%;
	min-width:969px;
}

* html #unten {
	width:969px;
}

* img {
	margin: 0px;
	padding: 0px;
	}
	
form {
	margin: 0px;
	padding: 0px;
	margin-top: 5px;
	}