/*
About this document
---------------------------------------------------
Project:		GSR Ventiltechnik
Filename:		"general.css"
Date:			15.12.2006
Author:			Renata Mitrenga


Last modified
---------------------------------------------------
Version:		0.0
Date:			
Modifier:		


Sections of this document
---------------------------------------------------

	=Global
		=globale Linkdefinition
		=globale Positionierung
	=Header
		=Balken Oben 
		=Menue Oben
		=Suche
		=Fahnen
		=Breadcrumb
	=Hauptkontent
		=HauptcontaintLinks
		=Infoboxen
		=News
		=Produkte
		=Footer
*/

/* -------------------- =Global -------------------- */

	html {
		height:				100%;
		font-size:			100.1%;
		margin-bottom:		0.1px;	/* Always show scroll-bar for Fx. Not scrollable if content fits on canvas. */
	}

	body {
		background:			#ADAFB0;
		color:				#545454;
		font-family:		Arial, Helvetica, sans-serif;
		font-size:			12px;
		height:				100%;
		margin:				0;
		padding:			0;
		text-align:			center;
	}
	
	p, h1,h2,h3 {
		margin:				0;
		padding:			0;
	}

	ol {
		margin-top:			0;
		margin-bottom:		0;
		padding:			0;
	}
	blockquote {
		display:			block;
		padding:			0 0 0 30px;	
		margin:				0;
	}
	#MainBox ul {
		display:			block;
		list-style:			none;
		margin:				0;
		padding:			0 0 0 0px;	
	}
	#MainBox ul li {
		background:         url(../images/pfeili.gif) 0px 4px no-repeat;
		padding-left:		13px;
	}

	#MainBox .MainContentRechts ul li {
		background:         url(../images/pfeili.gif) 0px 5px no-repeat;
		padding-left:		10px;
	}

	img {
		border:				0;
		margin:				0;
	}

	hr {
		background-color: 	#D4D2CF;
		color: 				#D4D2CF;
		border: 			0 none;
		height: 			1px;		
		clear: 				both;
		display: 			block;	
		width: 				100%;
		margin:				10px 0 15px 0;
		padding:			0px;
	}
	
	.graue_ueberschrift {
		color:				#9B9A98;
		font-weight:		bold;
		padding-bottom:		15px;			
	}
	.rote_ueberschrift {
		color:				#C60427;
		font-weight:		bold;
		padding-bottom:		15px;
		font-size:			14px;			
	}
	
	/*---------Tabellen ------------*/
	table {
		color:				#545454;
		font-family:		Arial, Helvetica, sans-serif;
		font-size:			11px;
		text-align:			center;
	}

	.MainContentLinks table h1 {
		font-size: 			12px;
		font-weight: 		bold;
		color: 				#FFFFFF;
		margin-bottom:		0;
	}
	
	.MainContentLinks table h2 {
		font-size: 			12px;
		font-weight: 		bold;
		color: 				#545454;
		margin-bottom:		0;
	}

	.MainContentLinks table h3 {
		color:		#C80229;
		font-weight: bold;
		font-size: 12px;
	}

	.MainContentLinks table h4 {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 16px;
		font-weight: bold;
		color: #545454;
		text-decoration: none;
		margin: 0;
	}
	.MainContentLinks table h5 {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		font-weight: bold;
		color: #C80229;
		text-decoration: none;
		margin: 0;
	}
		
	.hg_beige {
		background:			#F2ECE4;
	}
	.hg_grau {
		background:			#DED9D2;
	}
	.hg_rot {
		background: 		#C80229;
	}
	.abstand {
		height:				12px;
	}	
	
	/*---------Formulare ------------*/
	form {
		margin:				0;
		padding:			0;

	}

	.FormFeld {
		background-color:	#fff;
		color:				#545454;
		border:				1px solid #C5C4C0;
		margin:				0;
		padding:			0;
		height:				16px;
		width: 				300px;
	}

	.button {
		color:				#3D3D3D;
		background:			#EFEFF0;			
		border:				1px solid #C5C4C0;
		height:				20px;
		margin-top:			7px;	
	}
	
	.textarea {
		background-color:	#fff;
		color:				#545454;
		border:				1px solid #C5C4C0;
		margin:				0;
		padding:			0;
		height:				100px;
		width: 				300px;
	}

	.checkbox {
		margin:				0;
		padding:			0;
		background-color:	#E8E8E9;
	}	
	/* --- =globale Linkdefinition --- */
		
	a:link,
	a:visited,
	a:hover,
	a:focus,
	a:active {
		color:				#C80229;
		text-decoration:	none;
	}
	
	a:hover, a:active, a:focus {
		text-decoration:	underline;
	}

	/* --- =globale Positionierung --- */

	#HauptBox {
		background:			#FFF;
		bottom:				0;
		margin:				auto;
		/*min-height:			100%;*/
		position:			relative;
		text-align:			left;
		top:				0;
		width:				976px;
	}

	/* Aufhebung des floatings fuer standardkonforme Browser */
	#HauptBox:after {
		clear:				both;
		content:			".";
		display:			block;
		height:				0;

		line-height:		0;
		padding:			0;
		visibility:			hidden;
	}
/* -------------------- =Header -------------------- */	
	#Header {
		height:				128px;
		background:			url(../images/logo.gif) 875px 33px no-repeat;
	}
	#HeaderObereLeiste {
		background:			#DED9D2;
		height:				22px;
		margin:				0 1px 1px 1px;
	}

	#MenueObenBox {
		background:			#F2ECE4;
		height:				46px;
		margin:				0 0px 0px 1px;
		font-size:			11px;		
		width:				858px;/**/
		padding:			0;
	}
	
	.Suche {
		float:				left;
		margin:				13px 0px 0 0px;
		padding-left:		15px;
		width:				190px;
	}

	.SuchFeld {
		background-color:	#fff;
		color:				#4B4B4B;
		border:				1px solid #BCB8B3;
		margin:				;
		padding:			0;
		height:				16px;
		width:				100px;
	}
	.SuchButton {
		background:			#CCCDDB url(../images/suchbutton.gif) no-repeat;
		color:				#3F3D3D;
		border:				1px solid #ADAFB0;
		margin:				0;
		padding:			0;
		height:				18px;
		width: 				18px;	
	}	

	#MenueOben ul {
		float:				left;
		list-style:			none;
		margin:				0;
		padding: 			0;
		/*width: 				430px;*/
	}

	#MenueOben ul li {
		float:				left;
		padding: 			0;
		background:			none;
	}

	#MenueOben ul li a:link,
	#MenueOben ul li a:visited,
	#MenueOben ul li a:hover,
	#MenueOben ul li a:active,
	#MenueOben ul li a:focus {
		color:				#555251;
		display:			block;
		padding:			16px 17px 0px 0px;
		text-decoration:	none;
		font-size: 			11px;
		font-weight: 		normal;
	}
	#MenueOben ul li a:hover,
	#MenueOben ul li a:active,
	#MenueOben ul li a:focus,
	#MenueOben ul li a.currentlink:link,
	#MenueOben ul li a.currentlink:visited,
	#MenueOben ul li a.currentlink:hover,
	#MenueOben ul li a.currentlink:active,
	#MenueOben ul li a.currentlink:focus {
		color:				#C80229;
	}
	#HeaderUeberschrift {
		font-size:			24px;
		color:				#C6C2BD;
		padding-left:		15px;
		margin:				-2px 0 0 0;
	}

	#PrintLogo {
	    display:			none;
	} 
	
	#FahnenBox {
		background:			url(../images/hg_fahnen.gif) no-repeat;
		width:				222px;
		float:				right;
		height:				36px;
		padding:			10px 0px 0px 31px;
	}
	#FahnenBox a {
		padding:			0px 0px 0 0;
	}
	
	#Breadcrumb {
		padding:			13px 0 0 0px;
		margin-left:		225px;
		width:				640px;
		font-size:			11px;
		color:				#C80229;
	}
	#Breadcrumb a:link,
	#Breadcrumb a:visited,
	#Breadcrumb a:hover,
	#Breadcrumb a:active,
	#Breadcrumb a:focus {
		text-decoration:	none;
		color:				#C80229;	
	}

/* -------------------- =MenueLinks und Main -------------------- */
	#MenueUndMainBox{
		background:			url(../images/hg_menuelinks.gif) repeat-y;
		height:				1%;
		padding-left:		1px;
		border-bottom:		1px solid #F2ECE4;
	}

	#MenueUndMainBox:after {
		clear:				both;
		content:			".";
		display:			block;
		height:				0;
		line-height:		0;
		padding:			0;
		visibility:			hidden;
	}
	#MenueLinks {
		float:				left;
		padding:			0;
		text-align:			left;
		width:				205px;
	}


		#MenueLinks ul {
        	list-style:			none;
			margin:				0;
			padding:			0;
        }

	/* Produkt-Men?Homepage aufklappen! */
		#MenueLinks ul ul.homeMenu {
			display:			none;
        }

		#MenueLinks ul li.element_11 ul.homeMenu {
			display:			block;
        }
	/* !Produkt-Men?Homepage aufklappen! */



		.MenueBox {
			clear:				both;
        }

		.MenueBox ul li a,		
		.MenueBox ul li a:visited {
			color:				#6B6866;
			margin: 			0px;
			padding:			2px 0px 0px 14px;
			min-height:				17px;
			border-bottom:		1px solid #F2ECE4;
 			background:			#DED9D2;
			display:			block;
			font-weight:		bold;
        }


		.MenueBox ul li a:hover,
		.MenueBox ul li a:active,
		.MenueBox ul li a:focus,
		.MenueBox ul li a.currentlink,
		.MenueBox ul li a.currentlink:visited {
			color:				#fff;
			text-decoration:	none;
			background:			#C80229 url(../images/pfeil_weiss.gif) 5px 6px no-repeat;
        }

		#MenueLinks ul ul{
        	list-style:			none;
			margin:				0;
			padding:			7px 0 8px 0;
			background:			#EA967C;
        }

		.MenueBox ul ul li a,		
		.MenueBox ul ul li a:visited {
			color:				#fff;
			margin: 			0px;
			padding:			2px 0px 0px 14px;
			min-height:				17px;
 			background:			#EA967C;
			display:			block;
			font-weight:		normal;
			border-bottom:		none;
        }
		.MenueBox ul ul li a:hover,
		.MenueBox ul ul li a:active,
		.MenueBox ul ul li a:focus,
		.MenueBox ul ul li a.currentlink,
		.MenueBox ul ul li a.currentlink:visited {
			color:				#fff;
			text-decoration:	none;
			background:			#EA967C url(../images/pfeil_weiss.gif) 5px 6px no-repeat;
        }



	.MenueBox ul ul li:after {
		clear:				both;
		content:			".";
		display:			block;
	     	height:				0;
		line-height:		0; 		
		padding:			0;
		visibility:			hidden;
	}
/* -------------------- =Main -------------------- */
	#MainBox {
		float:			left;
		margin:			0 0 0 1px;
		padding:		0;
	}
	#MainBildOben {
		margin:			0;
		padding:		0;
	}
	#MainContentBox {
		margin:			26px 0 0px 55px;
		width:			697px;
		padding:		0px;
	}
	#MainContentBox:after {
		clear:				both;
		content:			".";
		display:			block;
		height:				0;

		line-height:		0;
		padding:			0;
		visibility:			hidden;
	}
	.MainContentLinks {
		width:			493px;
		float:			left;
	}
	.MainContentLinks h1,
	.MainContentProdukte h1 {
		font-size:		18px;
		font-weight:	normal;
		margin-bottom:	15px;
	}

	.MainContentLinks h2
	.MainContentProdukte h2 {
		font-size:		12px;
		color:			#9E9E9E;
		font-weight:	bold;
		margin-bottom:	15px;
	}

	/* ------- =Infoboxen ------------ */
		.MainContentRechts {
			float:			left;
			width:			172px;
			margin-left:	30px;
			margin-top:		36px;
		}
		.InfoBox {
		/*	margin:			0 0 20px 0;*/
		}
		.InfoHeader {
			background:		#C80229;
			color:			#FFF;
			font-weight:	bold;
			padding:		2px 2px 2px 12px;
			border-bottom:	1px solid #FFF;
		}
		.InfoTitel {
			font-weight:	bold;
			font-size:		11px;
			padding-bottom:	5px;
		}
		.InfoText {
			background:		#F2ECE4;
			padding:		10px 10px 10px 12px;
			font-size:		11px;	
		}
		.InfoUnten {
			background:		#DED9D2 url(../images/ecke_infobox.gif) 132px 0px no-repeat;
			font-size:		11px;
			padding:		2px 12px 2px 12px;
			font-weight:	bold;		
			margin:			0 0 20px 0;
		}	
	/* ------- =News ------------ */
		.MainNewsBox {
			margin-top:		20px;
		}
		.MainNewsBox h1 {
			font-size:		12px;
			font-weight:	bold;
			color:			#C80229;
			margin-bottom:	0px;
		}
		.MainNewsBox hr {
			margin-bottom:	5px;
		}
		.MainNewsBox .NewsTitel {
			font-weight:	bold;
			margin-bottom:	15px;		
		}
		.mehr {
			margin:			15px 0 5px 0;		
		}
		.MainNewsBox .mehr a {
			color:			#C80229;
			font-weight:	bold;
		}
	/* ------- =Footer ------------ */
		#Footer {
			clear:			both;
			font-size:		10px;
			margin:			20px 0 0 261px;
			width:			713px;
			height:			20px;		
			padding-top:	20px;
		}
		#Copyright {
			float:			left;
			height:			20px;
			padding-top:	5px;
			height:			15px;
		}
		.DruckerEmail {
			width:			124px;
			background:		url(../images/hg_drucker.gif) no-repeat;
			float:			right;
			text-align:		center;
			padding-top:	5px;
			height:			15px;
		}

		/* ----------- Extranet ------------ */
		
		.timeoutNotice  {
			color:	#C80229;
			margin-bottom: 10px;			
		}