/*Formate der html-grundelemente-------------------------------------------------*/

html, body {
height: 100%;
margin: 0px;
padding: 0px;
border: 0px;
}

body {
background: #ccc;
width: 100%;
}

img {
border: 0px;
}

p,ul,li {
font-family: Verdana, Arial, sans-serif;
font-size: 100%;
color: #333333;
margin-top: 0px;
padding-top: 0px;
}

h1,h2,h3,h4 {
font-family: "Futura Book", "Futura Book BT", "Futura Bk BT", "Futura Light",  "Futura Light BT", Futura, Verdana, Arial, sans-serif;
color: #fff;
padding-top: 0;
margin-top: 0;
}

h1 {
font-size: 200%;
}

h2 {
font-size: 150%;
}

h3 {
font-size: 120%;
}

h4 {
font-size: 100%;
}

a {
font-family: Verdana, Arial, sans-serif;
font-size: 100%;
color: #333;
text-decoration: none;
}

p.text_foto {
margin-bottom: 30px;
}

p.kleiner {
font-size:80%;
}

/*fuer home*/
#containerhome {
display: block;
position: relative;
min-height: 100%;
padding: 0;
background: #ccc;
width:auto;
margin:auto;
}

* html #containerhome {
height: 100%;
}

#spaltelinkshome {
z-index: 2;
display: block;
position: relative;
width: 420px;
margin: 80px 0px 75px 10px;
float: left;
}

#spalterechtshome {
z-index: 1;
display: block;
position: relative;
width: auto;
margin: 180px 1% 75px 0px;
text-align: right;
float: right;
}

h1.home {
margin: 0px;
font-size: 225%;
font-weight: normal;
line-height: 1.5em;
letter-spacing: 0.6em;
}

a.home, a.home1, a.home2, a.home3 {
font-family: "Futura Book", "Futura Book BT", "Futura Bk BT", "Futura Light",  "Futura Light BT", Futura, Arial, Verdana, sans-serif;
}

a.home {
color: #eee;
}

a.home1 {
color: #fef7b3;
}

a.home2 {
color: #a62a2a;
}

a.home3 {
color: #dd8c4d;
}

/*fŸuer sitemap-----*/

ul, li {
line-height: 2.0em;
}

/*formate der container und inhalte------------------------------------------------*/

#container {
position: relative;
min-height: 100%;
margin: 0;
padding: 0;
background: #ccc;
font-size: 90%;
}

* html #container {
height: 100%;
}

#kopfleiste {
width: 100%;
/*background: #dedede;*/
background: #ccc;
/*height: 20px;*/
height: 65px;
}

#navigation {
width: 100%;
position: static;
background: #fff;
}

#navithuerich {
position: static;
height: 55px;
float: left;
text-align: left;
padding-left: 25px;
}

#naviprodukte, #naviwir, #naviaktuell, #naviimpressum {
position: static;
height: 55px;
float: right;
text-align: center;
}

#navisuche {
position: static;
height: 55px;
float: right;
text-align: center;
padding-right: 25px;
}

#linie {
position: static;
width: 100%;
background: #eee;
height: 5px;
overflow: hidden;
}

#navigation_bilder {
position: relative;
display: block;
width: auto;
height: 41px;
padding: 12px 5px 7px 3%;
}

#linie_nav_bilder {
position: static;
width: 100%;
background: #eee;
height: 5px;
overflow: hidden;
}

#produktbox {                /* für Produkte und dienstleistungen übersicht*/
position: relative;
margin: 25px 3% 75px 3%;
text-align: left;
}

#spaltelinks {
position: relative;
width: 33%;
margin: 25px 3% 75px 2%;
float: left;
}

#spalterechts {
position: relative;
width: 48%;
margin: 25px 3% 75px 0px;
float: right;
}

a:link.textlink, a:visited.textlink {
color: #000;
font-size: 100%;
}

a:hover.textlink, a:focus.textlink, a:active.textlink {
color: #eee;
font-size: 100%;
}

#suche, #sitemap {
position: relative;
width: 70%;
margin: 25px auto 75px auto;
background: #ccc;
}

* html #suche, * html #sitemap {
margin-left: 20%;
}

#sitemap {
padding-bottom: 50px;
}

a:link.sitemap, a:visited.sitemap {
color: #000;
font-size: 100%;
}

a:hover.sitemap, a:focus.sitemap, a:active.sitemap {
color: #eee;
font-size: 100%;
}

em {
        font-weight: bold;
        font-style: normal;
}

#output a {font-weight: bold;}

.searchword  {color: #222; background-color: #fff; border: 1px dotted #fff;}
.searchword0 {color: #222; background-color: #eee; border: 1px dotted #eee;}
.searchword1 {color: #222; background-color: #eec; border: 1px dotted #eec;}
.searchword2 {color: #222; background-color: #ece; border: 1px dotted #ece;}
.searchword3 {color: #222; background-color: #cee; border: 1px dotted #cee;}
.searchword4 {color: #222; background-color: #eec; border: 1px dotted #eec;}
.searchword5 {color: #222; background-color: #ece; border: 1px dotted #ece;}
.searchword6 {color: #222; background-color: #cee; border: 1px dotted #cee;}
.mod {display: block; font-size: .8em;}

#fusszeile {
height: 30px;
position: relative;
width: auto;
background: #ddd;
padding: 5px 25px 5px 25px;
margin: -40px 0px 0px 0px;
clear: both;
}

.bildfooter {
float: left;
margin-right: 20px;
}

.bildfooter_r {
float: right;
}

p#urheberrecht {
display: inline;
line-height: 2em;
font-size: 70%;
}

#bildbox {
min-height: 350px;
width: 350px;
float: left;
margin-right: 10px;
margin-bottom: 10px;
}

#bildbox_of {
min-height: 350px;
width: 350px;
clear: left;
margin-right: 10px;
margin-bottom: 10px;
}

.bildlink {
margin-right: 10px;
margin-bottom: 10px;
float: left;
}

.bildlink_of {
margin-right: 10px;
margin-bottom: 10px;
clear: left;
}

.bildlink_bildernavigation {
margin-right: 5px;
margin-bottom: 5px;
float: left;
}

.bildlink_r {
margin-left: 10px;
margin-bottom: 10px;
float: right;
}

/*hintergrundform und farben der wortboxen in spalte links--------------------------------------*/

.button_ocker, .button_mittelgrau, .button_hellgrau, .button_gelb, .button_dunkelrot, .button_dunkelgrau, .button_creme {

width: 96px;
height: 96px;

margin-right: 10px;
margin-bottom: 10px;
Line-height: 80px;
float: left;

text-align: center;

font-size: 100%;
font-weight: bold;
}

.button_ocker {
background: #dd8c4d;
}

.button_mittelgrau {
background: #d6d6d6;
}

.button_hellgrau {
background: #eeeeee;
}

.button_gelb {
background: #fef7b3;
}

.button_dunkelrot {
background: #a62a2a;
}

.button_dunkelgrau {
background: #999999;
}

.button_creme {
background: #fffee0;
}

/*einzelne schriftfarben der links in den boxen-----------------------------------------*/

a:link.button_ocker, a:focus.button_ocker, a:visited.button_ocker {
color: #ddd;
}

a:hover.button_ocker, a:active.button_ocker {
color: #fff;
}

a:link.button_mittelgrau, a:focus.button_mittelgrau, a:visited.button_mittelgrau {
color: #777;
}

a:hover.button_mittelgrau, a:active.button_mittelgrau {
color: #444;
}

a:link.button_hellgrau, a:focus.button_hellgrau, a:visited.button_hellgrau {
color: #888;
}

a:hover.button_hellgrau, a:active.button_hellgrau {
color: #555;
}

a:link.button_gelb, a:focus.button_gelb, a:visited.button_gelb {
color: #999;
}

a:hover.button_gelb, a:active.button_gelb {
color: #aaa;
}

a:link.button_dunkelrot, a:focus.button_dunkelrot, a:visited.button_dunkelrot {
color: #ddd;
}

a:hover.button_dunkelrot, a:active.button_dunkelrot {
color: #fff;
}

a:link.button_dunkelgrau, a:focus.button_dunkelgrau, a:visited.button_dunkelgrau {
color: #ddd;
}

a:hover.button_dunkelgrau, a:active.button_dunkelgrau {
color: #fff;
}

a:link.button_creme, a:focus.button_creme, a:visited.button_creme {
color: #888;
}

a:hover.button_creme, a:active.button_creme {
color: #555;
}

/*hauptmenue----------------------------------------*/
a#home, a#suc, a#imp, a#akt, a#wir, a#pro, a#home1, a#suc1, a#imp1, a#akt1, a#wir1, a#pro1 {
background-color: #fff;
display: block;
}

a#suc, a#imp, a#akt, a#wir, a#pro, a#suc1, a#imp1, a#akt1, a#wir1, a#pro1 {
padding: 18px 10px 13px 10px;
color: #999;
}

a#home, a#home1 {
font-size: 200%;
font-family: "Futura Book", "Futura Book BT", "Futura Bk BT", "Futura Light",  "Futura Light BT", Futura, Arial, Verdana, sans-serif;
padding: 5px 10px 5px 10px;
}

a:link#home, a:focus#home, a:visited#home {
color: #999;
border-bottom: 5px solid #fff;
}

a:hover#home, a:active#home {
color: #aaa;
border-bottom: 5px solid #999;
}

a:link#home1, a:focus#home1, a:visited#home1 {
color: #999;
border-bottom: 5px solid #999;
}

a:hover#home1, a:active#home1 {
color: #aaa;
border-bottom: 5px solid #999;
}

a:link#suc, a:link#imp, a:link#akt, a:link#wir, a:link#pro, a:focus#suc, a:focus#imp, a:focus#akt, a:focus#wir, a:focus#pro, a:visited#suc, a:visited#imp, a:visited#akt, a:visited#wir, a:visited#pro {
color: #333;
border-bottom: 5px solid #fff;
}

a:hover#suc, a:active#suc {
color: #999;
border-bottom: 5px solid #dc8d4d;
}

a:hover#imp, a:active#imp {
color: #999;
border-bottom: 5px solid #fff7b3;
}

a:hover#akt, a:active#akt {
color: #999;
border-bottom: 5px solid #ddd;
}

a:hover#wir, a:active#wir {
color: #999;
border-bottom: 5px solid #fff0d0;
}

a:hover#pro, a:active#pro {
color: #999;
border-bottom: 5px solid #a52a2a;
}

/*auf den seiten der unterkategorien*/

a#home1 {
border-bottom: 5px solid #999;
}
a#suc1 {
border-bottom: 5px solid #dc8d4d;
}
a#imp1 {
border-bottom: 5px solid #fff7b3;
}
a#akt1 {
border-bottom: 5px solid #ddd;
}
a#wir1 {
border-bottom: 5px solid #fff0d0;
}
a#pro1 {
border-bottom: 5px solid #a52a2a;
}

/* schieber--------------*/

.clearfixnavi {
clear: both;
margin: 0;
padding: 0;
height: 0;
}

* html .clearfixnavi {
display: none;
clear: both;
margin: 0;
padding: 0;
height: 0;
}

.clearfix {
clear: both;
margin: 0;
padding: 0;
height: 0;
}

.clearfix_text {
clear: both;
}