/* <style type="text/css"> */


/* ---------------------
| Rahmenformatierungen |
--------------------- */

* {
}

html, body {
  height: 100%; /* Required */
}

html {
	height:100%;
}

body {
margin : 0;
padding : 0;
background-image: url(../_gfx/background.jpg);
background-repeat: repeat-x;
background-color: #e6b678;

}

#all {
width: 1010px;
height:100%;
}

#container-shadow {
width: 575px;
margin-left: 196px;

background-image: url(../_gfx/background_container.png);
background-repeat: repeat-y;
 text-align: left;
  position: relative;
  min-height: 100%; /* For Modern Browsers */
  height: auto !important; /* For Modern Browsers */
  height: 100%; /* For IE */
}


#container {
width: 482px;
margin-left: 43px;
}

#title {
	width: 489px;
	height: 97px;
}

#pics {
	width: 489px;
	height: 287px;
	padding: 3px 0 0 13px;
}

#border {
	width: 463px;
	height: 283px;
	border: 2px solid #e1b57b;
	position:absolute;
	
	top: 98px;	left: 54px;
	z-index: 20;
}

#navi {
width: 172px;
margin: 0;
padding: 0;
position: absolute;
top: 410px;
left: 0;
}

#content {
	width: 430px;
	padding: 9px 36px 15px 33px;
}

#slogan  {
margin: 0;
padding: 0;
position: absolute;
top: 330px;
left: 760px;
}

#referenzen {
width: 136px;
height: 168px;
margin: 0;
padding: 0;
position: absolute;
top: 417px;
left: 760px;
}

#box {
	width: 142px;
	height: 138px;
	margin: 13px 0 0 0;
	padding: 0;
}

.marginpics {
	margin-top: 30px;	
	
}


#logo-ie6 {
	width: 215px;
	height: 130px;
	position: absolute;
	left: 0;
	top: 185px;
	z-index: 100;
	/*
	* http://msdn.microsoft.com/workshop/author/filter/reference/filters/alphaimageloader.asp
	*/
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.homeundstyle.de/_gfx/logo.png', sizingMethod='scale');}
		
#referenzen-ie6 {
	width: 176px;
	height: 18px;
	
	/*
	* http://msdn.microsoft.com/workshop/author/filter/reference/filters/alphaimageloader.asp
	*/
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.homeundstyle.de/_gfx/referenzen.png', sizingMethod='scale');}

/* -----------
| Navigation |
-------------- */

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

#navi ul li {
	margin: 0;
	padding: 0;
	width: 205px;
	height: 24px;
}

#navi ul li a {
	width: 205px;
	height: 24px;
	display: block;
	margin: 0;
	padding: 0;
	background-position: right;
	text-decoration: none;
}

#navi ul li#willkommen a {
	
background-image: url(../_gfx/navi/n_willkommen.png);	
}

#navi ul li#willkommen a:hover {
	
background-image: url(../_gfx/navi/h_willkommen.png);	
}

#navi ul li#willkommen a.active {
		
background-image: url(../_gfx/navi/a_willkommen.png);	
}

#navi ul li#kreative_fliesen a {
			
background-image: url(../_gfx/navi/n_kreative_fliesen.png);	
}

#navi ul li#kreative_fliesen a:hover {
				
background-image: url(../_gfx/navi/h_kreative_fliesen.png);	
}

#navi ul li#kreative_fliesen a.active {
					
background-image: url(../_gfx/navi/a_kreative_fliesen.png);	
}

#navi ul li#wandbeschichtungen a {
						
background-image: url(../_gfx/navi/n_wandbeschichtungen.png);	
}

#navi ul li#wandbeschichtungen a:hover {
							
background-image: url(../_gfx/navi/h_wandbeschichtungen.png);}

#navi ul li#wandbeschichtungen a.active {
								
background-image: url(../_gfx/navi/a_wandbeschichtungen.png);}

#navi ul li#metallbeschichtungen a {
						
background-image: url(../_gfx/navi/n_metallbeschichtungen.png);	
}

#navi ul li#metallbeschichtungen a:hover {
							
background-image: url(../_gfx/navi/h_metallbeschichtungen.png);}

#navi ul li#metallbeschichtungen a.active {
								
background-image: url(../_gfx/navi/a_metallbeschichtungen.png);}


#navi ul li#raum_u_kunst a {
						
background-image: url(../_gfx/navi/n_raum_u_kunst.png);	
}

#navi ul li#raum_u_kunst a:hover {
							
background-image: url(../_gfx/navi/h_raum_u_kunst.png);}

#navi ul li#raum_u_kunst a.active {
								
background-image: url(../_gfx/navi/a_raum_u_kunst.png);}


#navi ul li#partner_u_friends a {
									
background-image: url(../_gfx/navi/n_partner_u_friends.png);	
}

#navi ul li#partner_u_friends a:hover {
										
background-image: url(../_gfx/navi/h_partner_u_friends.png);	
}

#navi ul li#partner_u_friends a.active {
											
background-image: url(../_gfx/navi/a_partner_u_friends.png);	
}

#navi ul li#galerie a {
									
background-image: url(../_gfx/navi/n_galerie.png);	
}

#navi ul li#galerie a:hover {
										
background-image: url(../_gfx/navi/h_galerie.png);	
}

#navi ul li#galerie a.active {
											
background-image: url(../_gfx/navi/a_galerie.png);	
}


#navi ul li#kontakt a {
																					
background-image: url(../_gfx/navi/n_kontakt.png);}

#navi ul li#kontakt a:hover {
																						
background-image: url(../_gfx/navi/h_kontakt.png);}

#navi ul li#kontakt a.active {
																							
background-image: url(../_gfx/navi/a_kontakt.png);}

#navi ul li#impressum a {
	
background-image: url(../_gfx/navi/n_impressum.png);	
}

#navi ul li#impressum a:hover {
																									
background-image: url(../_gfx/navi/h_impressum.png);	
}

#navi ul li#impressum a.active {
																										
background-image: url(../_gfx/navi/a_impressum.png);	
}


/* ------------------
| Textformatierungen |
-------------------- */

#content h1 {
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 18px;
color: #111111;
margin-bottom: 0;
} 

#content h2 {
font-size: 14px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #222222;

margin: 16px 0 -5px 0;}

.abstand {
	margin-top:27px;}

#content p {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #444444;
line-height: normal;
}

#content a{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #444444;
line-height: normal;
text-decoration:none;
}

#content ul {
	margin-left: 0;
	padding-left: 25px;
}

#content ul li {
	color: #E6B678;
	font-size: 11px;
	margin: 0;
	padding: 0;
}

#content ul li p{
	margin: 5px 0 5px 0;
	padding: 0;
}

#content ul#partner li p{
	margin: 15px 0 15px 0;
	padding: 0;
}




/* ------------------
| Bildformatierungen |
-------------------- */

img#logo {
	position: absolute;
	left: 0;
	top: 185px;
	z-index: 100;
}

#pics img {
}


#box img {
	border: 1px solid #ac8759;
	margin: 0 4px -1px 0;
	padding: 0;
}



/* ------------------
| Linkformatierungen |
-------------------- */

a img {border: 0px none #000; margin: 0; padding: 0;}


a {
color:#333;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

#a {
margin-left:20px;
}

div#content div.marginpics img  {
	border: 1px solid #e1b57b;
}





/* --------------
| Form-Elemente |
----------------- */

input {
font-size: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}


#submit2 {
margin-top: 15px;
}


hr {
	width: 420px;
	margin: 20px 0 20px 0;
	color: #E6B678;
}

/* --------------
| Tabellen-Elemente |
----------------- */

td {
font-size: 12px;
font-family: Verdana, Arial, Helvetica, sans-serif;	
color: #444444;
padding: 4px 4px 4px 0;
}

select {
font-size: 12px;
font-family: Verdana, Arial, Helvetica, sans-serif;	
color: #444444;
}