/* CSS */

/** BODY ELEMENTS **/

	body {
		color: #333;
		background-color: #fff;
		font-family: "Lucida Grande", "Arial", "Helvetica", sans-serif;
		font-size: 12px;
		line-height: 1.9em;
		text-align: left;
		padding: 0;
		margin: 0;
		}



/** MAIN CONTAINERS **/
#website
	{
	width: 910px;
	padding: 20px 0 0 0;
	margin: 0;
	text-align: left;
	}
	
	#kopf
		{
		padding: 0;
		margin: 0;
		}
		
	#hauptbild
		{
		clear: both;
		padding: 10px 0 0 0;
		}
	
	#navigation
	{
		padding: 0 0 30px 0;
		margin: 0;
	}
		
	#inhaltsbereich
		{
		min-height: 350px;
		padding: 0 0 25px 0;
		margin: 0 0 25px 0;
		}
	#inhalt
		{
		padding: 0 0 0 10px;
		margin: 0 320px 0 0;
		}
		
	#inhalt_breit
		{
		padding: 0 0 0 10px;
		}	
		
	#subnavigation
		{
		float: right;
		width: 300px;
		}
	
		
	#fusszeile
		{
		clear: both;
		border-top: 1px solid #cee0ae;
		color: #cccccc;
		font-size: 0.8em;
		}
		
		#fusszeile a
			{
			color: #cccccc;
			}
		#fusszeile a:hover
			{
			color: #86b931;
			}

/** SUB CONTAINERS **/

#logo
	{

	float: left;
	}


/** META-NAVIGATION **/	
	#metanavi
		{
		padding: 18px 0 0 0;
		margin: 0 0 0 280px;
		text-decoration: none; 
		list-style: none;
		text-align: right;
		}
		
		#metanavi ul
		{
		padding: 0;
		margin: 0;
		list-style: none; 
		}	
		
		#metanavi li 
		  { 
		  	margin: 0; 
			padding: 0; 
			list-style: none;
			line-height: 1.4em;
		  }
		
		#metanavi li a  
		  { 
		  padding: 0;
		  margin: 0;
		  color: #999999; 
		  text-decoration: none;
		  font-size: 0.85em;
		  }
				
		#metanavi li a:hover 
			{
			color: #000000;
			text-decoration: underline;
			}
		
		#metanavi li a.de
			{ 
			padding: 0 22px 0 0;
			background: url('../img/icon_de.jpg') no-repeat 45px 0;
			}
		
		#metanavi li a.fr
			{ 
			padding: 0 22px 0 0;
			background: url('../img/icon_fr.jpg') no-repeat 45px 0;
			}
			
		#metanavi li a.en
			{ 
			padding: 0 22px 0 0;
			background: url('../img/icon_en.jpg') no-repeat 40px 0;
			}


/** NAVIGATION **/
/* --> siehe gramitherm_hauptnavigation.css */


/** TYPOGRAPHY **/

#kontaktadresse
	{
	padding: 10px 0 0 10px;
	}
	
	#kontaktadresse a, #kontaktadresse a:visited
		{
		color: #96c147;
		}
		
	#kontaktadresse a:hover
		{
		color: #000000;
		}
		
/** FORMS **/

/* Formular */
#formular
	{
	padding: 0 10px 10px 10px;
	margin: 0;
	text-align: left;
	width: 500px;
	background-color: #f8f8f8;
	}


.input {
	line-height: 20px;
	width: 400px;
	height: 20px;
	color: #000000;
	background-color: #FFFFFF;
	border: 1px solid #D2D2D2;
}

.inputSSL {
	line-height: 20px;
	width: 50px;
	height: 20px;
	color: #000000;
	background-color: #FFFFFF;
	border: 1px solid #D2D2D2;
}
.inputSL {
	line-height: 20px;
	width: 280px;
	height: 20px;
	color: #000000;
	background-color: #FFFFFF;
	border: 1px solid #D2D2D2;
}
	.inputSL_error {
	line-height: 20px;
	width: 280px;
	height: 20px;
	color: #000000;
	background-color: #FFFFFF;
	border: 1px solid #FF0000;
	}
	
textarea {
	line-height: 20px;
	width: 400px;
	color: #000000;
}
.smallText {
	color: #333333;
	font-size: 0.9em;
}

.error {
	color: #CC0033;
	font-size: 0.9em;
	}

/** SHOP */
#steps
	{
	padding: 0;
	margin: 0;
	width: 280px;
	}
	
	#steps ul
		{
		padding: 0;
		margin: 0;
		list-style: none;
		border-top: 1px dotted #c7c7c7;
		}
		
	#steps li
		{
		margin: 0; 
		padding: 8px 4px 4px 10px; 
		border-bottom: 1px dotted #c7c7c7;
		color: #999999;
		}
	#steps li.active
		{
		font-weight: bold;
		color: #333;
		}
		
		.grey
		{
		color: #999999;
		}

		
#wqtitel  /*Titel*/
	{
	padding: 0 0 10px 0;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 2em; 
	color: #666666; 
	line-height: 1em;
	font-weight: normal;
	}
	
	#shop
		{
		padding: 10px 0 0 0;
		}
	
	#shop td.head
		{
		padding: 0 0 3px 0;
		font-size: 0.8em;
		font-weight: bold;
		}
	
	#shop td.wqline
		{
		padding: 3px 0 3px 0;
		}

	
	#shop td
		{
		padding: 0;
		margin: 0;
		line-height: 1.5em;
		font-size: 0.8em;
		}
		
	#shop a
		{
		color: #96c147;
		}
		#shop a:hover
			{
			color: #000000;
			}
			
	/* Shop-Formular */
	
	#shop form
		{
		padding: 0 0 0 0;
		margin: 0;
		}
	.mengenfeld
		{
		padding: 2px;
		width: 30px; 
		border: 1px solid #96c147;
		}
	
	.btn_shop
		{
		padding: 5px 20px 5px 20px;
		margin: 0;
		color: #000000;
		border: 1px solid #EAEAEA;
		background-color: #FFFFFF;
		}
			
	#shop a.btn_shop
		{
		color: #000000;
		text-decoration: none;
		}
		
	.btn_shop:hover
		{
		color: #96c147;
		}

/* downloads */
#download
	{
	padding: 16px 0 0 0;
	margin: 0;
	}
	
	#download ul
		{
		padding: 0;
		margin: 0;
		}
	
	#download li
		{
		padding: 3px 0 8px 0;
		margin: 0;
		list-style: none;
		line-height: 1.4em;
		}
		
	#download li a.tv
		{
		padding: 3px 0 0 20px;
		background: url('../img/icon_tv.jpg') no-repeat 0 2px;
		text-decoration: underline;
		color: #96c147;
		}
		
	#download li a.pdf
		{
		padding: 3px 0 0 20px;
		background: url('../img/icon_pdf.jpg') no-repeat 0 2px;
		text-decoration: underline;
		color: #96c147;
		} 
	#download li a:hover
		{
		color: #333333;
		}	
	
/** END **/