html{height:100.01%}
body {
background-color: #fff;
font-size: 14px;
font-family:Arial, Helvetica, sans-serif;
color:#564b47;
padding:20px;
margin:0px;
text-align: center;
}
a{color:#0000CC}
a:visited{color:#0000CC}

#main {
background-color: white; 
color: #333333;
background:#FFffff;
width: 1000px; /* oder auch z.B. 75% */
margin: 0 auto; /* main-Box zentrieren in Opera, NN, Mozilla */
text-align:center; /* main-Box zentrieren in Opera, NN, Mozilla */
position:relative;
height:600px
}

.flLeft{
float:left;
margin:0 3px 2px 0
}
flLeft{
float:right;
margin:0 0 2px 3px
}
#top {
text-align: left;
vertical-align: middle;
margin: 0px auto;
padding: 0px;
width: 994px;
position:absolute;
left:0;
top:0;
background-color: #ffffff;
height:65px;
background-image:url(../design/toplogo.jpg);
background-repeat:no-repeat;
background-position:25px 10px;
}

#top h1{
visibility:hidden
}

img{border:none}

#unten{
position:absolute;
top:400px;
left:0;
border: none;
width:565px
}

#unten h1, #unten_partner h1{
font-size:14px;
color:#333333;
text-transform:uppercase;
margin:10px 0 10px 0
}

#unten_haupt{
position:absolute;
top:0px;
left:0;
border: none;
width:765px;
font-size:12px
}

#unten_partner ul{
list-style-type:none
}

#unten_partner li{
list-style-image:url(../design/partnerliste_bg2.jpg);
}

#unten_partner li a{
color:#000000
}

#unten_partner li a:hover{
color:#bfcf79
}

#unten_normal{
clear:both; margin-left:0px; padding-top:10px
}

#rahmen0{
position:absolute;
left:0;
top:75px;
width:855px;
border: none;
text-align:left;
color:#000000
}

#rahmen1{
width:566px; 
height:397px; 
float:left; 
z-index:1;
border: none;
}

#rahmen1gr{
width:804px; 
height:519px; 
float:left; 
z-index:1;
border: none;
}

#rahmen2{
position:absolute;
left:24px;
top:26px;
width:517px; 
float:left;
z-index: 20;
border: none;
}

#rahmen2gr{
position:absolute;
left:28px;
top:32px;
width:754px; 
float:left;
z-index: 20;
border: none;
height:447px;
}

#rahmen3{
position:absolute;
left:0;
top:0;
width:566px; 
height:397px; 
float:left;
background: transparent url("../design/rahmen_links.png") no-repeat;
z-index: 40;
border: none;
}

#rahmen3_innen{
position:absolute;
left:48px;
top:33px;
width:470px; 
height:307px; 
z-index: 40;
border: none;
overflow:auto;	
}
#rahmen3_innen p{
color:#000000;
line-height:20px
}
#rahmen3_innen h1{
border-bottom:1px solid dashed;
font-size:12px;
padding:0;
margin:12px 0 5px 0;
text-align:center
}


#flashrahmen{
position:absolute;
left:28px;
top:84px;
z-index:20;
}



#rahmen3_innen h1{
font-size:130%;
color:#fff
}

#news_innen{
position:absolute;
left:48px;
top:30px;
width:470px; 
height:307px; 
z-index: 40;
border: none;
overflow:auto;
}

#news_innen p{ color:#FFFFFF}

#news_innen h1{font-size:130%;
color:#FFFFFF}

#news_innen ul{ list-style-type:none}

#news_innen li{}

#news_innen a{color: #FFFFFF}


#rahmen3gr{
position:absolute;
left:0;
top:0;
width:804px; 
height:519px;
float:left;
background: transparent url("../design/rahmen_gross.png") no-repeat;
z-index: 40;
border: none;
text-align:right
}

#rahmen3gr_innen{
position:absolute;
left:460px;
top:40px;
width:298px; 
height:409px;
text-align:left;
overflow:auto;
}

#rahmen3gr_wide{
position:absolute;
color:#000000;
left:50px;
top:40px;
width:685px;
text-align:left;
height:390px;
overflow:auto;
padding-left:20px;
padding-top:15px;
z-index:99;
font-size:13px
}
#rahmen3gr_wide h1{
margin:0;
padding:0;
font-size:110%
}

#textgross{
position:absolute;
font-weight:bold;
left:80px;
top:478px;
width:804px; 
height:519px;
z-index:99;
color:#333333;
font-size:115%
}

#s_link{
position:absolute;
left:76px;
top:476px;
z-index:99
}

#s_link a{
color: #666666;
font-size:130%
}

#btn_back{
background:url(../design/btn_back.png);
position:absolute;
left:590px;
top:469px;
width:42px; 
height:44px;
z-index:99;
color:#666666
}

#btn_back2{
background:url(../design/btn_back.png);
position:absolute;
left:440px;
top:351px;
width:42px; 
height:44px;
z-index:99;
color:#666666
}

.langd{
position:absolute;
left:180px;
top:358px;
z-index:99;
color:#ffffff;
font-weight:bold
}

.lange{
position:absolute;
left:260px;
top:358px;
z-index:99;
color:#ffffff;
font-weight:bold
}

a.langd, a.lange{
color:#FFFFFF
}

a.langd:visited, a.lange:visited{
color:#FFFFFF
}

#rahmen1_produkte
{
position:absolute;
left:0;
top:75px;
width:780px; 
height:344px;
productliste_active.gif
}

#kontakt_innen{
color:#000000;
font-size:140%;
text-align:center;
position:absolute;
left:48px;
top:30px;
width:627px; 
height:207px; 
z-index: 40;
border: none;
overflow:auto;
}

#kontakt_person{
padding-left:100px; 
width:90px; 
text-align:left; 
height:65px; 
background-repeat:no-repeat;
margin-top:10px;
margin-bottom:24px;
}

#kontakt_person .vorne{
color:#000000;
font-size:90%;
font-weight:bold;
padding-left:10px;
}

#kontakt_person .hinten{
margin-left:5px;
font-size:70%;
font-size:100%;
color:#000000
}

#kontakt_link{
background-image:url(../design/kontakt_gelb.gif);
width:350px;
height:26px;
padding-top:20px;
background-repeat:no-repeat;
background-position:0 116px
}

#kontakt_innen .email{
background-image:url(../design/email_gelb.gif);
background-repeat:no-repeat;
background-position:195px 2px
}
#produktliste{
border:none; 
width:177px;
height:100px;
float:left;
background-image:url(../design/productliste_oben.gif);
background-repeat:no-repeat;
text-align:center;
padding-top:6px;
position:relative
}

#produktliste:hover{
border:none; 
width:177px;
height:100px;
float:left;
background-image:url(../design/productliste_oben_hover.gif);
background-repeat:no-repeat;
text-align:center;
padding-top:6px;
position:relative
}


#produktthumb{
width:130px; 
height:44px;
background-repeat:no-repeat;
border: none;
position:absolute;
left:22px;
top:40px
}

#produktliste a.textoben{
background:none;
font-weight:bold;
font-size: 14px;
color:#666666;
text-decoration:none;
}

.produktliste_img_klein{
border:none;
padding-top:20px
}

#rahmen1_innen{
margin:51px 56px 0px 54px;
height:292px;
width:404px;
border: none;
z-index:2;
background:#00FF00
}

#produktbez{
position:absolute;
left:38px;
top:345px;
width:525px;
height:33px;
color:#333333;
z-index:99;
font-size:12px
}

#produktbez h2{
margin:0;
padding:15px 0 0 30px;
font-size:140%
}


.rahmen1_innen img{
vertical-align: bottom;
}

#rahmen1_innen_video{
margin:27px 0 0px 35px;
height:238px;
width:404px
}

#rahmenunten1{ 
width:124px; height:87px;
background: transparent url("../design/rahmen_unten.png") no-repeat;
position:absolute;
left:20px; top:20px
}

#rahmenunten2{ 
width:124px; height:87px;
background: transparent url("../design/rahmen_unten.png") no-repeat;
position:absolute;
left:220px; top:20px
}

#rahmenunten3{ 
width:124px; height:87px;
background: transparent url("../design/rahmen_unten.png") no-repeat;
position:absolute;
left:420px; top:20px
}

#bildunten1{ 
width:120px; height:77px;
position:absolute;
left:20px; top:22px
}

#bildunten2{ 
position:absolute;
left:222px; top:22px
}

#bildunten3{ 
width:120px; height:77px;
position:absolute;
left:422px; top:22px
}

#varianten{

position:absolute;
width:253px;
margin:0;
left:560px;
top:40px;
border: none;
text-align:left
}

#haupt_rechts{
position:absolute;
width:249px;
margin:0;
left:574px;
top:40px;
border: none;
text-align:left
}

#haupt_rechts h1{
font-size:14px;
color:#333333;
text-transform:uppercase;
}

#haupt_rechts ul{
list-style-type:none
}

#haupt_rechts li{
background:url(../design/ebene2.jpg) no-repeat;
padding:2px 0 6px 0;
margin-bottom:10px;
font-size:90%;
text-align:center;
width:131px
}

#haupt_rechts li.akt{
background:url(../design/ebene2akt.jpg) no-repeat;
padding:2px 0 6px 0;
margin-bottom:10px;
font-size:90%;
text-align:center;
width:131px
}

#haupt_rechts li a{
color:#111111
}

#haupt_rechts li a:hover{
color: #666666
}

#haupt_rechts_partner{
position:absolute;
width:249px;
margin:0;
left:574px;
top:0px;
border: none;
text-align:left
}

#haupt_rechts_partner h1{
font-size:14px;
color:#333333;
text-transform:uppercase;
}

#haupt_rechts_partner ul{
list-style-type:none
}

#haupt_rechts_partner li{
background:url(../design/ebene2.jpg) no-repeat;
padding:2px 0 6px 0;
margin-bottom:10px;
font-size:90%;
text-align:center;
width:131px
}

#haupt_rechts_partner li.akt{
background:url(../design/ebene2akt.jpg) no-repeat;
padding:2px 0 6px 0;
margin-bottom:10px;
font-size:90%;
text-align:center;
width:131px
}

#haupt_rechts_partner li a{
color:#111111
}

#haupt_rechts_partner li a:hover{
color: #666666
}

.liste_varianten{
background-repeat:no-repeat;
margin-top:8px;
vertical-align: top
}

.liste_varianten a{
font-size:88%;
color: #666666;
letter-spacing:1px
}

.liste_varianten a:visited{
font-size:88%;
color: #666666;
letter-spacing:1px
}

.liste_varianten a:hover{
font-size:88%;
color: #533939;
letter-spacing:1px
}

.liste_varianten_aktuell{
background-repeat:no-repeat;
margin-top:8px;
vertical-align: bottom;
}

.liste_varianten_aktuell a{
font-size:88%;
color:#533939;
letter-spacing:1px;
}

.liste_varianten_aktuell a:visited{
font-size:88%;
color:#533939;
letter-spacing:1px;
}

#floatLayer{
background-image:url(../design/menu_back.jpg);
}
#navi_rechts_oben{height:264px}
#navi_rechts_unten{height:62px; text-align:center}

.ul_varianten{
margin:0;
padding:20px 0 0 20px;
list-style:none
}

.menu_back{
margin:0;
padding:20px 0 0 0px;
list-style:none
}

.liste_menu{
background-image:url(../design/menu_li_back.gif);
background-repeat:no-repeat;
background-position:10px 0;
height:29px;
padding-top:3px;
text-align:center;
margin-bottom:7px;
padding-right:6px
}

.liste_menu a{
font-size:15px;
color: #666666;
font-weight:bold;
}

.liste_menu a:visited{
font-size:15px;
color: #666666;
font-weight:bold;
}

.liste_menu a:hover{
font-size:15px;
color: #999999;
font-weight:bold;
}

p {
margin: 0px;
padding: 2px 5px;
color:#333333;
letter-spacing:1px;
}

h1 {
margin: 0px;
padding: 2px 3px;
color:#333333;
}

a {
text-decoration: none;
}