/****************************************************************************************
B A S E   S E T T I N G S
*****************************************************************************************/
html	{
		margin: 0;
		padding: 0;
		height: 100%;
		text-align: left;
		background: url("../img/layout/site_bgr_gradient.jpg") repeat-x #424243;
		}

body	{
		margin: 0;
		padding: 0; 
		height: 100%;
		font-size: 62.5%; 
		line-height: 62.5%;
		background: url("../img/layout/site_bgr_img.jpg") no-repeat; 		
		}

div		{
		text-align: left;
		}
		

/****************************************************************************************
M A I N   P O S I T I O N I N G   I N   U S E D   S E Q U E N C E
*****************************************************************************************/
#wrapper {
		position: absolute;
		width: 975px;		
		margin: 20px;
		background: url("../img/layout/page_bgr_gradient.jpg") repeat-y;
		}

#theme	{
		width: 975px;		
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size: 1em; 
		line-height: 1em;
		color: #333;	
		}

#header_print {
		display: none;
		}

#nav_home {
		clear: left;
		float: left;
		margin: 121px 0 304px 39px;
		width: 890px;
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size: 1em; 
		line-height: 1em;
		background: url("../img/layout/nav_home.jpg") no-repeat;
		display: inline; /* IE6 Bugfix: Hebt Verdoppelung des Marings auf */
		}

#nav	{
		clear: left;
		float: left;
		margin: 312px 0 10px 0;
		width: 200px;
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size: 1em; 
		line-height: 1em;
		display: inline; /* IE6 Bugfix: Hebt Verdoppelung des Marings auf */
		}

#patmueller_home {
		float: right;
		margin: 397px 8px 0 0;
		padding: 0; 
		width: 16px;
		height: 133px;
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; 
		font-size: 1.2em;
		line-height: 1.8em;
		letter-spacing: 0.08em;
		color: #333;
		display: inline; /* IE6 Bugfix: Hebt Verdoppelung des Marings auf */
		}

#content {
		float: right;
		margin: 256px 54px 10px 0; 
		width: 695px;
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; 
		font-size: 1.2em;
		line-height: 1.8em;
		letter-spacing: 0.08em;
		color: #333;
		display: inline; /* IE6 Bugfix: Hebt Verdoppelung des Marings auf */
		}

#patmueller {
		margin: 5px 0 0 37px;
		float: left;
		width: 20px;
		height: 90px;
		display: inline; /* IE6 Bugfix: Hebt Verdoppelung des Marings auf */
		}

#footer_home {
		float: left;
		width: 975px;
		height: 50px;
		font-size: 1.1em;
		letter-spacing: 0.05em;
		color: #dadada;
		background: url("../img/layout/footer_bgr.jpg") no-repeat;
		}

#footer {
		float: left;
		width: 975px;
		height: 50px;
		font-size: 1.1em;
		color: #dadada;
		background: url("../img/layout/footer_bgr.jpg") no-repeat;
		}

/* clearfix zum Aufheben der Floatumgebung */
.clearfix:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
		}

.clearfix {
		display: inline-block;
		}

/* Hides from IE-mac \*/
* html .clearfix {
		height: 1%;
		}
		
.clearfix {
		display: block;
		}
/* End hide from IE-mac */
		

/****************************************************************************************
H T M L   E l e m e n t s   i n   a l p h a b e t i c a l   o r d e r 
*****************************************************************************************/

/*** Content Components ******************/
#content a, a:visited {
		text-decoration: none; 
		color: #187c7b;
		}

#content a:hover {
		text-decoration: none; 
		color: #000;
		}			

#content a.patmueller {
		position: absolute;
		right: 7px;
		bottom: 48px;
		}
		
#content h1 {
		font-size: 150%; 
		font-weight: normal; 
		line-height: 21px;
		color: #187c7b;
		text-transform: uppercase;
		margin-bottom: 25px;
		}

#content h2 {
		font-size: 100%; 
		font-weight: bold;
		line-height: 1.8em;
		color: #333;
		}
		
#content h3 {
		font-size: 100%; 
		font-weight: normal;
		line-height: 1.2em;
		color: #333; 
		text-transform: uppercase;
		}

#content hr {
		background-color: #333; 
		color: #333; 
		border: #333; 
		height: 1px; 
		margin-top: 1.5em; 
		margin-bottom: 3px;
		}

#content img, a img {
		border: 1px solid;
		border-color: #333;
		}

#content img.keinrahmen, a img.keinrahmen {
		border: none;
		}

#content input, textarea, select {
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;  
		font-size: 100%;
		}

#content input.border, textarea.border {
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; 
		font-size: 100%; 
		border: 1px solid #333;
		}

#content p {
		margin-bottom: 1em;
		padding: 0;
		font-size: 100%;
		}

#content td {
		font-size: 100%;
		}

#content ul {
		margin: 0;
		padding: 0 0 0 15px;
		list-style-type: disc;
		}
		

/*** Footer Home Components ******************/
#footer_home a, a:visited {
		color: #dadada;
		text-decoration: none;
		}
		
#footer_home a:hover {
		color: #424243;
		}		

#footer_home p	{
		margin: 10px 54px 0 39px;
		letter-spacing: 0.05em;
		text-align: justify;
		}


/*** Footer Components ******************/
#footer_home a {
		color: #dadada;
		text-decoration: none;
		}

#footer p {
		margin: 10px 54px 0 226px;
		text-align: justify;
		}
		
#footer_home p	{
		margin: 10px 54px 0 39px;
		text-align: justify;
		}


/*** Navigation Home Components ******************/
#nav_home a, #nav_home a:visited, #nav_home a:hover {
		margin: 0;
		padding: 0 0 10px 2px;
		font-size: 1.1em; 
		color: #fff;
		letter-spacing: 0.1em;
		text-decoration: none;
		text-transform: uppercase;
		}
		
#nav_home div.img_home {
		float: left;
		width: 126px;
		height: 85px;
		border: none;
		}

#nav_home img {
		border: none;
		}
		
#nav_home div.text {
		float: left;
		width: 126px;
		height: 20px;
		}

#nav_home a:hover { 
		color: #187c7b; 
		}
			

/*** Navigation Components ******************/
#nav ul	{
		margin: 0;
		padding: 0;
		}
		
#nav li {
		list-style-type: none;
		/* margin-bottom: 1px;  falls Abstand zwischen Hauptnavigationsbalken erwünscht */
		/* border-bottom: 1px solid #4d4d4d; Linien zwischen Hauptnavigationsbalken */
		background: url("../img/layout/nav_line.jpg") no-repeat;
		}
		
#nav li.first {
		list-style-type: none;
		/* margin-bottom: 1px;  falls Abstand zwischen Hauptnavigationsbalken erwünscht */
		/* border-bottom: 1px solid #4d4d4d; Linien zwischen Hauptnavigationsbalken */
		background-image: none;
		}
		
#nav li.active {
		list-style-type: none;
		font-size: 100%;
		margin-bottom: 0;
		}
		
* html #nav li.active { /* Hack for IE 6 */
		background: url("../img/layout/nav_active_layer.gif") no-repeat 0% 60%;
		}
		
*+ html #nav li.active { /* Hack for IE 7 */
		background: url("../img/layout/nav_active_layer.gif") no-repeat 0% 60%;
		}
		
#nav li.active {
		list-style-type: none;
		font-size: 100%;
		margin-bottom: 0;
		}

#nav a, #nav a:visited, #nav a:hover {
		display: block;
		margin: 0;
		width: 189px;
		padding-left: 25px;
		font-size: 1.1em; 
		line-height: 27px; /* Höhe des Balkens der Hauptnavigationspunkte */
		letter-spacing: 0.05em;
		text-decoration: none;
		text-transform: uppercase;
		}

* html #nav a, * html #nav a:visited, * html #nav a:hover { /* Hack for IE 6 */
		display: inline !important;
		}

*+ html #nav a, *+ html #nav a:visited, *+ html #nav a:hover { /* Hack for IE 7 */
		display: inline;
		}

#nav a	{
		color: #4d4d4d;
		}

#nav a:hover {
		color: #187c7b; 
		background: url("../img/layout/nav_hover_layer.gif") no-repeat 0% 60%;
		}

* html #nav a:hover { /* Hack for IE 6 */
		color: #187c7b; 
		background-Image: none;
		}

*+ html #nav a:hover { /* Hack for IE 7 */
		color: #187c7b; 
		background-Image: none;
		}


#nav a.active { 
		color: #187c7b; 
		background: url("../img/layout/nav_active_layer.gif") no-repeat 0% 60%;
		}
		
#nav li ul li	{
		list-style-type: none;
		padding: 3px 0 3px 22px;
		border-bottom: none;
		}	

#nav li ul li:hover {
		background: url("../img/layout/nav_hover_layer.gif") no-repeat;
		}

#nav li ul li a, #nav li ul li a:visited, #nav li ul li a:hover {
		width: 160px;
		padding-left: 10px;
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size: 1.1em; 
		line-height: 1.4em;
		letter-spacing: 0.05em;
		text-decoration: none;
		}

#nav li ul li a	{
		color: #4d4d4d;
		}

#nav li ul li a:hover {
		color: #187c7b; 
		}

#nav li ul li a.active { 
		color: #187c7b; 
		}
		
		
/*** Theme Background Images ******************/

/*** ACCUEIL ***/
.accueil:after { /* clearfix zum Aufheben der Floatumgebung */
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
		}

.accueil {
		display: inline-block; /* Clearfix */
		background-image: url("../img/layout/theme/home.jpg");
		background-repeat: no-repeat;
		}
		
* html .accueil { /* Hides from IE-mac \*/
		height: 1%;
		}
		
.accueil { /* Hides from IE-mac \*/
		display: block;
		}

/*** BATIMENT ***/
.batiment:after { /* clearfix zum Aufheben der Floatumgebung */
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
		}

.batiment {
		display: inline-block; /* Clearfix */
		background-image: url("../img/layout/theme/batiment.jpg");
		background-repeat: no-repeat;
		}
		
* html .batiment { /* Hides from IE-mac \*/
		height: 1%;
		}
		
.batiment { /* Hides from IE-mac \*/
		display: block;
		}
		
/*** CONTACT ***/
.contact:after { /* clearfix zum Aufheben der Floatumgebung */
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
		}

.contact {
		display: inline-block; /* Clearfix */
		background-image: url("../img/layout/theme/contact.jpg");
		background-repeat: no-repeat;
		}
		
* html .contact { /* Hides from IE-mac \*/
		height: 1%;
		}
		
.contact { /* Hides from IE-mac \*/
		display: block;
		}
		
/*** COURS ***/
.cours:after { /* clearfix zum Aufheben der Floatumgebung */
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
		}

.cours {
		display: inline-block; /* Clearfix */
		background-image: url("../img/layout/theme/cours.jpg");
		background-repeat: no-repeat;
		}
		
* html .cours { /* Hides from IE-mac \*/
		height: 1%;
		}
		
.cours { /* Hides from IE-mac \*/
		display: block;
		}
		
/*** ENTREPRISE ***/
.entreprise:after { /* clearfix zum Aufheben der Floatumgebung */
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
		}

.entreprise {
		display: inline-block; /* Clearfix */
		background-image: url("../img/layout/theme/entreprise.jpg");
		background-repeat: no-repeat;
		}
		
* html .entreprise { /* Hides from IE-mac \*/
		height: 1%;
		}
		
.entreprise { /* Hides from IE-mac \*/
		display: block;
		}
		
/*** GALERIE ***/
.galerie:after { /* clearfix zum Aufheben der Floatumgebung */
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
		}

.galerie {
		display: inline-block; /* Clearfix */
		background-image: url("../img/layout/theme/galerie.jpg");
		background-repeat: no-repeat;
		}
		
* html .galerie { /* Hides from IE-mac \*/
		height: 1%;
		}
		
.galerie { /* Hides from IE-mac \*/
		display: block;
		}
		
/*** INDUSTRIE ***/
.industrie:after { /* clearfix zum Aufheben der Floatumgebung */
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
		}

.industrie {
		display: inline-block; /* Clearfix */
		background-image: url("../img/layout/theme/industrie.jpg");
		background-repeat: no-repeat;
		}
		
* html .industrie { /* Hides from IE-mac \*/
		height: 1%;
		}
		
.industrie { /* Hides from IE-mac \*/
		display: block;
		}
		
/*** TECHNIQUES ***/
.techniques:after { /* clearfix zum Aufheben der Floatumgebung */
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
		}

.techniques {
		display: inline-block; /* Clearfix */
		background-image: url("../img/layout/theme/techniques.jpg");
		background-repeat: no-repeat;
		}
		
* html .techniques { /* Hides from IE-mac \*/
		height: 1%;
		}
		
.techniques { /* Hides from IE-mac \*/
		display: block;
		}
		
/*** TUNING ***/
.tuning:after { /* clearfix zum Aufheben der Floatumgebung */
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
		}

.tuning {
		display: inline-block; /* Clearfix */
		background-image: url("../img/layout/theme/tuning.jpg");
		background-repeat: no-repeat;
		}
		
* html .tuning { /* Hides from IE-mac \*/
		height: 1%;
		}
		
.tuning { /* Hides from IE-mac \*/
		display: block;
		}