* {margin: 0px; padding: 0px; border: 0px; }


html{
   height: 100%; 
}


body { 
font-family:  'Raleway', sans-serif;  background-color: #757575; background-image: url(../img/background.jpg); background-repeat: repeat-x; font-size: 13px; line-height: 1.6; letter-spacing:0.08em;
} 

a {outline: none; text-decoration:none;color:darkred; transition:1s;}
a.quick {transition:none;}
a:focus, a:hover {letter-spacing:0.2em;}



p {text-align: justify;}

h1 {text-align: center; font-weight:300;font-size:32px;text-transform:uppercase; letter-spacing:0.22em;line-height:1.4;}
h2 {text-align: center; font-weight:300;font-size:25px;text-transform:uppercase; letter-spacing:0.16em;line-height:1.35;}
h3 {text-align: left; font-weight:300;font-size:20px;text-transform:uppercase; letter-spacing:0.10em;line-height:1.30;}

div#titel {
	background: none repeat scroll 0 0 rgba(250, 250, 250, 0.45);
    color: #444;
    font-size: large;
    font-weight: bold;
    height: auto;
    padding: 10px 20px;
    text-align: center;
	box-shadow: 0 1px 7px #444;
}

div#wrappermain { width: 950px; height: 700px; background-image: url(../img/hintergrundbild.png); background-repeat: no-repeat; margin: 0 auto 0;}

div#wrapper { width: 950px; height: 700px; background-image: url(../img/hintergrundbild_unterseite.png); background-repeat: no-repeat; margin-left: auto; margin-right: auto;}

div#feuerwrapimage {width: 950px; height: 700px; background-image: url(../img/Unterfotos1.png);background-repeat: no-repeat; background-position: 534px 239px;}

div#longstorywrapimage {width: 950px; height: 700px; background-image: url(../img/Unterfotos2.png);background-repeat: no-repeat; background-position: 534px 239px;}

div#medienwrapimage {width: 950px; height: 700px; background-image: url(../img/Unterfotos3.png);background-repeat: no-repeat; background-position: 534px 239px;}

div#bedienungwrapimage {width: 950px; height: 700px; background-image: url(../img/Unterfotos4.png);background-repeat: no-repeat; background-position: 534px 239px;}

div#kontaktwrapimage {width: 950px; height: 700px; background-image: url(../img/Unterfotos5.png);background-repeat: no-repeat; background-position: 534px 239px;}

div#free { width: 670px; height: 700px; float: left;}

div#header { width: 670px; height: 122px;}

div#content { overflow: auto; width: 540px; height: 520px;float: left; background: rgba(255, 255, 255, 0.95); margin: 0 0 0 10px;padding: 35px 50px; box-shadow: 0 0 10px #444;}

#medienimg img {box-shadow: 0 0 2px grey;}

div#startcontent {overflow: auto; width: 638px; height: 529px;}

div#wrapbutton {clear:both;display:block;width: 100%; height: 80px;}

div#counter {width:100%; color: #FFFFFF;text-align:center;}

#button {}

div#button a {display:block;margin: 0 auto 0; width: 215px; height: 60px; background-image: url(../img/button_zeitstrahl.png);}

div#button a:hover {background-position: 0px -60px;}

div#menumain { width: 280px; height: 700px; float:left;}

div#menu {width: 280px; height: 492px;}

div#rand {width: 12px; height: 492px; display: block; float: left;}

div#rand2 {width: 5px; display: block; float:left;}

.grid1 {width: 23px; height: 518px; float: left;}
.grid2 {width: 23px; height: 518px; float: left;}
.grid3 {width: 23px; height: 518px; float: left;}
.grid4 {width: 23px; height: 518px; float: left;}
.grid5 {width: 23px; height: 518px; float: left;}
.grid6 {width: 23px; height: 518px; float: left;}
.grid7 {width: 23px; height: 518px; float: left;}
.grid8 {width: 23px; height: 518px; float: left;}
.grid9 {width: 23px; height: 518px; float: left;}
.grid10 {width: 23px; height: 518px; float: left;}

div#menu .grid1 .startimage {width: 230px; height:92px; background-image: url(../img/startseite_links.png);margin-top: -1px;}

div#menu .grid1 .feuerimage {width: 230px; height:88px; background-image: url(../img/altesfeuer_links.png);margin-top: -54px;}

div#menu .grid1 .longstoryimage {width: 230px; height:84px; background-image: url(../img/longstory_links.png);margin-top: -51px;}

div#menu .grid1 .medienimage {width: 230px; height:78px; background-image: url(../img/medien_links.png);margin-top: -46px;}

div#menu .grid1 .bedienungimage {width: 230px; height:73px; background-image: url(../img/bedienung_links.png);margin-top: -41px;}

div#menu .grid1 .kontaktimage {width: 230px; height:67px; background-image: url(../img/kontakt_links.png);margin-top: -37px;}

div#spiegel .startseiteimage {width: 230px; height: 92px; background-image: url(../img/startseite_spiegel.png);position: absolute; z-index: -1; margin-left: 10px; margin-top: 130px;}

div#spiegel .kontaktimage {width: 230px; height: 67px; background-image: url(../img/kontakt_spiegel.png);position: absolute; z-index: -1; margin-left: 10px; margin-top: -34px;}

div#spiegel .bedienungimage {width: 230px; height: 73px; background-image: url(../img/bedienung_spiegel.png); position: absolute; z-index: -1;margin-left: 10px;margin-top: -4px;}

div#spiegel .medienimage {width: 230px; height: 78px; background-image: url(../img/medien_spiegel.png); position: absolute; z-index: -1;margin-left: 10px;margin-top: 28px;}

div#spiegel .longstoryimage {width: 230px; height: 84px; background-image: url(../img/longstory_spiegel.png); position: absolute; z-index: -1;margin-left: 10px;margin-top: 61px;}

div#spiegel .feuerimage {width: 230px; height: 88px; background-image: url(../img/altesfeuer_spiegel.png); position: absolute; z-index: -1;margin-left: 10px;margin-top: 95px;}

.startimage a {display: block; width: 23px; height: 35px;}

.grid2 .startimage a {margin-top: 8px;}

.grid3 .startimage a {margin-top: 15px;}

.grid4 .startimage a {margin-top: 19px;}

.grid5 .startimage a {margin-top: 25px;}

.grid6 .startimage a {margin-top: 30px;}

.grid7 .startimage a {margin-top: 36px;}

.grid8 .startimage a {margin-top: 43px;}

.grid9 .startimage a {margin-top: 48px;}

.grid10 .startimage a {margin-top: 53px;}

.feuerimage a {display: block; width: 23px; height: 35px;}

.longstoryimage a {display: block; width: 23px; height: 35px;}

.medienimage a {display: block; width: 23px; height: 35px;}

.bedienungimage a {display: block; width: 23px; height: 35px;}

.kontaktimage a {display: block; width: 23px; height: 35px;}

.grid2 .feuerimage a {height: 37px;}

.grid8 .bedienungimage a {height: 33px;}

.grid9 .bedienungimage a {height: 31px;}

.grid10 .bedienungimage a {height: 30px;}

.grid7 .kontakt a {height: 30px;}

.grid8 .kontakt a {height: 30px;}

.grid9 .kontakt a {height: 29px;}

.grid10 .kontakt a {height: 28px;}

div#startseiteaktiv {background-position: 0px -92px}

div#startseitespiegelaktiv {background-position: 0px -92px}

div#feuerseiteaktiv {background-position: 0px -89px}

div#feuerspiegelaktiv {background-position: 0px -89px}

div#longstoryseiteaktiv {background-position: 0px -84px}

div#longstoryspiegelaktiv {background-position: 0px -84px}

div#medienseiteaktiv {background-position: 0px -78px}

div#medienspiegelaktiv {background-position: 0px -78px}

div#bedienungseiteaktiv {background-position: 0px -73px}

div#bedienungspiegelaktiv {background-position: 0px -73px}

div#kontaktseiteaktiv {background-position: 0px -68px}

div#kontaktspiegelaktiv {background-position: 0px -68px}