/* HÄCKER FLIESEN UND NATURSTEIN GMBH */
/* Erstellt von Sebastian Stuetz */
/* 09.12.2008 */

body {
    background:url(../images/bg_2008_2.jpg);
    background-repeat:repeat-x;
    background-position:fixed;
    margin:0;
    padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-style:normal;
	line-height:1.5em;
	color:#333333;
	background-color:#e9e9e9;
    }

h1 {
    font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:22px;
	font-weight:normal;
	line-height:normal;
	color:#3A606D;
	background-color:transparent;
	margin:0 0 20px 0;
	padding:0;
    }

h2 {
    font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	line-height:normal;
	color:#3A606D;
	background-color:transparent;
    }

h3 {
    font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:22px;
	font-weight:normal;
	line-height:normal;
	color:#333333;
	background-color:transparent;
	margin:20px 0 0 0;
	padding:0;
    }
    
table, tr, td {
    text-align:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-style:normal;
	line-height:1.5em;  
    }

th {
    text-align:left;
    }

.bildcontainer {
    display:block;
    padding:0 0 10px 0;
    }
  
img {
    border:0;
    }

.header {
    width:792px;
    height:50px;
    margin:0;
    padding:0;
    overflow:hidden;
    }

.mainbereich {
    width:792px;
    margin:0;
    padding:0 0 30px 0;
    background-color:#FFF;
    background-image:url(../images/bg_main_2008.jpg);
    background-repeat:no-repeat;
    }

.navigation_wrapper {
    width:152px;
    float:left;
    margin:0;
    padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-style:normal;
	line-height:1.5em;
    }

.content_wrapper {
    width:640px;
    float:left;
    padding:0;
    margin:0;
    background-image:url(../images/content_bg_2008.jpg);
    background-repeat:repeat-y;
    }

.content_wrapper2 {
    width:640px;
    float:left;
    padding:0;
    margin:0;
    }
    
.content_header {
    width:640px;
    padding:0;
    margin:0;   
    overflow:hidden; 
    }

.header_film {
    width:446px;
    float:left;
    margin:0;
    padding:0;
    overflow:hidden;
    }

.header_navi {
    width:190px;
    margin:0;
    padding:0;
    overflow:hidden;    
    }

.content_links {
    width:445px;
    margin:0;
    padding:0;
    float:left;
    /*border-right:1px dotted #3A606D;*/
    }

.content_links_inhalt {
    padding:30px 60px 0 30px;
    }

.content_links_start {
    width:445px;
    padding:0;
    margin:0;
    overflow:hidden;
    }

.content_rechts {
    width:194px;
    _width:168px;
    margin:0;
    padding:0;
    float:left;
    }

.content_rechts_inhalt {
    padding:30px 30px 0 27px;
    _padding:30px 0 0 27px;
    }

/* -- CONTENT -- */

.content {
    margin:0;
    padding:0 0 30px 0;
    }

.content_sn {
    margin:0 0 20px 0;
    padding:0 0 20px 0;
    border-bottom:1px dotted #333;
    }

.content_bild {
    margin:0;
    padding:0 0 20px 0;
    }

.content_sn_links {
    margin:0;
    padding:0;
    width:200px;
    float:left;
    }

.content_sn_links_txt {
    margin:0 10px 0 0;
    padding:0;
    }
    
.content_sn_rechts {
    float:left;
    width:210px;
    margin:0;
    padding:0;
    }

.content_sn_rechts_txt {
    padding:0;
    margin:0;
    }

    
/* -- CONTENT ENDE -- */

.aus {
    height:1px;
    overflow:hidden;
    clear:left;
    }

.aus2 {
    height:1px;
    overflow:hidden;
    clear:right;
    }
    
/* --- Navigation --- */

ul.navi {
    list-style-type:none;
    margin:0;
    padding:130px 15px 0 15px;
    }

ul.navi li {
    padding:2px 0 2px 0;
    margin:0;
    }

ul.navi li a {
    text-decoration:none;
    padding:0
    margin:0;
    }

ul.navi li a:hover {
    text-decoration:none;
    margin:0;
    padding:0
    }

ul.navi li a.active {
    text-decoration:none;
    margin:0;
    padding:0;
    }


ul.navi ul {
    list-style-type:none;
    margin:0;
    padding:3px 0 6px 10px;
    font-size:10px;
    line-height:1.3em;
    }

ul.navi li ul li {
    padding:2px 0 2px 0;
    margin:0;
    }

ul.navi li ul li a {
    text-decoration:none;
    padding:0
    margin:0;
    }

ul.navi li ul li a:hover {
    text-decoration:none;
    margin:0;
    padding:0
    }

ul.navi li ul li a.active {
    text-decoration:none;
    margin:0;
    padding:0;
    }

ul.navi li ul li a.active {
    text-decoration:none;
    margin:0;
    padding:0;
    }


/* --- Rechtespalte Navigation -- */


.content_rechts_nav {
    color:#31707F;
    background-color:transparent;
    padding:0;
    margin:0;
    }

ul.subnavi {
    width:166px;
    _width:170px;
    list-style-type:none;
    margin:100px 0 50px 0;
    padding:0;
    }

ul.subnavi li {
    padding:0;
    margin:0;
    }

ul.subnavi li a {
    display:block;
    text-decoration:none;
    width:100%;
    background-color:transparent;
    color:#31707F;
    margin:0;
    padding:1px 0 1px 4px;
    }

ul.subnavi li a:hover {
    display:block;
    text-decoration:none;
    width:100%;
    background-color:#31707F;
    color:#FFFFFF;
    margin:0;
    padding:1px 0 1px 4px;
    }

ul.subnavi li a.active {
    display:block;
    text-decoration:none;
    width:100%;
    background-color:#31707F;
    color:#FFFFFF;
    margin:0;
    padding:1px 0 1px 4px;
    }


/* -- Produkte -- */

.content_links_produkte {
    width:470px;
    margin:0;
    padding:0;
    float:left;
    }

.content_links_produkte_inhalt {
    padding:100px 30px 0 30px;
    }

.content_rechts_produkte {
    width:166px;
    margin:0;
    padding:0;
    float:left;
    }

.content_rechts_produkte_inhalt {
    padding:30px 30px 0 0;
    }



.fliesstext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: 15px;
	color: #333333;
}

a {  color: #095770; text-decoration: none}
a.active {  color: #FBAD65; text-decoration: none}
a:hover {text-decoration:underline; color: #F89344}.ueb {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 15px;
	color: #333333;
}

.ueb2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	color: #3A606D;
}

/* -- Produkte: Snippet6 -- */

.content_6 {
    margin:0;
    padding:0 0 30px 0;
    }

.content_6_pic_wrapper {    
    margin:0;
    padding:0;
    width:410px;
    }

.content_6_pic {    
    margin:0 5px 0 0;
    padding:0;
    float:left;
    }

.content_6_txt {
    margin:0;
    padding:10px 0 0 0;
    clear:left;
    width:410px;
    }
    
/* --- Produkte zweispaltig über die komplette Breite ohne rechte Navigation --- */

.content_produkte_breit {
    padding:100px 30px 0 30px;
    margin:0;
    }

.produkt_small {
    width:290px;
    float:left;
    margin:0;
    padding:0 0 30px 0;
    font-size:9px;
    line-height:1.4em;
    }

.produkt_small h3 {
	font-size:18px;
	font-weight:normal;
	line-height:normal;
	color:#333333;
	background-color:transparent;
	margin:20px 0 0 0;
	padding:0;
    }

.produkt_small_links {
    width:190px;
    float:left;
    margin:0;
    padding:0;
    }

.produkt_small_links_txt {
    margin:0;
    padding:0 30px 0 0;
    }

.produkt_small_rechts {
    width:100px;
    float:left;
    margin:0;
    padding:0;
    }

.produkt_small_rechts_txt {
    margin:0;
    padding:0 0 0 0;
    }