body {
    font-family: verdana;
	font-size: 12px;
}



<!--

/* Kategorieanzeige */
.op_startcat {
    height: 30px;
    left: 900px;
    position: relative;
    width: 150px;
}

/* Mouseover Kategoriebilder */
#kat1.cta-button {
display:block;
width:32px;
height:300px;
background:url(Bilder/sub1.png) no-repeat 0 -300px;
margin:0 auto;
}
#kat1.cta-button a {
display:block;
width:100%;
height:100%;
background:url(Bilder/sub1.png) no-repeat 0 0;
text-indent:-9999px;
}
#kat1.cta-button a:hover {
background-position: 0 300px;
}

#kat2.cta-button {
display:block;
width:72px;
height:356px;
background:url(Bilder/sub2.png) no-repeat 0 -356px;
margin:0 auto;
}
#kat2.cta-button a {
display:block;
width:100%;
height:100%;
background:url(Bilder/sub2.png) no-repeat 0 0;
text-indent:-9999px;
}
#kat2.cta-button a:hover {
background-position: 0 356px;
}

#kat3.cta-button {
display:block;
width:50px;
height:412px;
background:url(Bilder/sub3.png) no-repeat 0 -412px;
margin:0 auto;
}
#kat3.cta-button a {
display:block;
width:100%;
height:100%;
background:url(Bilder/sub3.png) no-repeat 0 0;
text-indent:-9999px;
}
#kat3.cta-button a:hover {
background-position: 0 412px;
}

#kat4.cta-button {
display:block;
width:100px;
height:468px;
background:url(Bilder/sub4.png) no-repeat 0 -468px;
margin:0 auto;
}
#kat4.cta-button a {
display:block;
width:100%;
height:100%;
background:url(Bilder/sub4.png) no-repeat 0 0;
text-indent:-9999px;
}
#kat4.cta-button a:hover {
background-position: 0 468px;
}

#kat5.cta-button {
display:block;
width:48px;
height:410px;
background:url(Bilder/sub5.png) no-repeat 0 -410px;
margin:0 auto;
}
#kat5.cta-button a {
display:block;
width:100%;
height:100%;
background:url(Bilder/sub5.png) no-repeat 0 0;
text-indent:-9999px;
}
#kat5.cta-button a:hover {
background-position: 0 410px;
}

#kat6.cta-button {
display:block;
width:72px;
height:356px;
background:url(Bilder/sub6.png) no-repeat 0 -356px;
margin:0 auto;
}
#kat6.cta-button a {
display:block;
width:100%;
height:100%;
background:url(Bilder/sub6.png) no-repeat 0 0;
text-indent:-9999px;
}
#kat6.cta-button a:hover {
background-position: 0 356px;
}

#kat7.cta-button {
display:block;
width:32px;
height:300px;
background:url(Bilder/sub7.png) no-repeat 0 -300px;
margin:0 auto;
}
#kat7.cta-button a {
display:block;
width:100%;
height:100%;
background:url(Bilder/sub7.png) no-repeat 0 0;
text-indent:-9999px;
}
#kat7.cta-button a:hover {
background-position: 0 300px;
}

#wrapper {
	position:relative;
	left:0px;
	top:0px;
	width:960px;
	height:576px;
}

#top {
	position:absolute;
	left:0px;
	top:0px;
	width:960px;
	height:58px;
}

#topleft1 {
	position:absolute;
	left:0px;
	top:58px;
	width:430px;
	height:28px;
}

#sub4 {
	position:absolute;
	left:430px;
	top:58px;
	width:100px;
	height:468px;
}

#topright1 {
	position:absolute;
	left:530px;
	top:58px;
	width:430px;
	height:30px;
}

#topleft2 {
	position:absolute;
	left:0px;
	top:86px;
	width:351px;
	height:28px;
}

#sub3 {
	position:absolute;
	left:351px;
	top:86px;
	width:50px;
	height:412px;
}

#bg4 {
	position:absolute;
	left:401px;
	top:86px;
	width:29px;
	height:490px;
}

#bg5 {
	position:absolute;
	left:530px;
	top:88px;
	width:29px;
	height:488px;
}

#sub5 {
	position:absolute;
	left:559px;
	top:88px;
	width:48px;
	height:410px;
}

#topright2 {
	position:absolute;
	left:607px;
	top:88px;
	width:353px;
	height:26px;
}

#topleft3 {
	position:absolute;
	left:0px;
	top:114px;
	width:250px;
	height:28px;
}

#sub2 {
	position:absolute;
	left:250px;
	top:114px;
	width:72px;
	height:356px;
}

#bg3 {
	position:absolute;
	left:322px;
	top:114px;
	width:29px;
	height:462px;
}

#bg6 {
	position:absolute;
	left:607px;
	top:114px;
	width:28px;
	height:462px;
}

#sub6 {
	position:absolute;
	left:635px;
	top:114px;
	width:72px;
	height:356px;
}

#topright3 {
	position:absolute;
	left:707px;
	top:114px;
	width:253px;
	height:28px;
}

#bg1 {
	position:absolute;
	left:0px;
	top:142px;
	width:188px;
	height:434px;
}

#Sub1 {
	position:absolute;
	left:188px;
	top:142px;
	width:32px;
	height:300px;
}

#bg2 {
	position:absolute;
	left:220px;
	top:142px;
	width:30px;
	height:434px;
}

#bg7 {
	position:absolute;
	left:707px;
	top:142px;
	width:29px;
	height:434px;
}

#sub7 {
	position:absolute;
	left:736px;
	top:142px;
	width:32px;
	height:300px;
}

#bg8 {
	position:absolute;
	left:768px;
	top:142px;
	width:192px;
	height:434px;
}

#bgsub1 {
	position:absolute;
	left:188px;
	top:442px;
	width:32px;
	height:134px;
}

#bgsub7 {
	position:absolute;
	left:736px;
	top:442px;
	width:32px;
	height:134px;
}

#bgsub2 {
	position:absolute;
	left:250px;
	top:470px;
	width:72px;
	height:106px;
}

#bgsub6 {
	position:absolute;
	left:635px;
	top:470px;
	width:72px;
	height:106px;
}

#bgsub3 {
	position:absolute;
	left:351px;
	top:498px;
	width:50px;
	height:78px;
}

#bgsub5 {
	position:absolute;
	left:559px;
	top:498px;
	width:48px;
	height:78px;
}

#bgsub4 {
	position:absolute;
	left:430px;
	top:526px;
	width:100px;
	height:50px;
}

#sites {
    height: 42px;
    left: 635px;
    position: absolute;
    top: 534px;
    width: 325px;
}



/* Buttons */
.bt_impressum {
	clear: both;
	position:relative;
	display:block;
	height: 30px;
	width: 100px;
	background:url(Bilder/impressum.jpg) no-repeat;
	background-position:0 0;
	cursor: pointer;
}	
.bt_impressum span.hover {
	position: absolute;
	display: block;
	height: 30px;
	width: 100px;
	background: url(Bilder/impressum.jpg) no-repeat;
	background-position: bottom;
}
.bt_kontakt {
	clear: both;
	position:relative;
	display:block;
	height: 30px;
	width: 100px;
	background:url(Bilder/kontakt.jpg) no-repeat;
	background-position:0 0;
	cursor: pointer;
}	
.bt_kontakt span.hover {
	position: absolute;
	display: block;
	height: 30px;
	width: 100px;
	background: url(Bilder/kontakt.jpg) no-repeat;
	background-position: bottom;
}

.bt_portfolio {
	clear: both;
	position:relative;
	display:block;
	height: 30px;
	width: 100px;
	background:url(Bilder/portfolio.jpg) no-repeat;
	background-position:0 0;
	cursor: pointer;
}	

.bt_portfolio span.hover {
	position: absolute;
	display: block;
	height: 30px;
	width: 100px;
	background: url(Bilder/portfolio.jpg) no-repeat;
	background-position: bottom;
}

#button {
	width:307px;
	height:37px;
	float: right; 
}


#rauch-button {
    float:left;
	width:300px;
	height:30px;
}

#rauch-button-rechts {
    float:left;
	width:7px;
	height:30px;
}

#rauch-button-unten {
    float:left;
	width:307px;
	height:7px;
}

-->