

*
{
margin:0;
padding:0;
}


.clr
{
clear:both; 
}


br.clr
{
line-height:0px;
height:0px;
}




/* Bilder im Content Bereich 
----------------------------------- */


div#content img
{
display:block;
border:3px white solid;
}


div#content a.bild_link
{
display:block;
border:1px #EEE solid;
padding:18px 0 0 0;
background:#fff url(images/lupe.gif) no-repeat right -16px;
outline:none;
}


div#content a.bild_link:hover
{
background-position:right 2px;
}


div#content a.bild_link img
{
border:2px white solid;
}


div#content span.bild_quelle
{
display:block;
margin-top:5px;
color:#ccc;
font-size:9px;
line-height:12px;
}


div#content span.bild_quelle a,
div#content span.bild_quelle a:visited
{
color:#ccc !important;
}






/* Layout
----------------------------------- */


body 
{
text-align:center;
background:#150D00 url(images/body_bg_2.jpg) no-repeat center top;
font:0.65em/170% Arial;
color:#333;
}



div#body_bg_2nd
{
position:absolute;
z-index:1;
top:0;
left:0;
width:600px;
height:472px;
background:url(images/emo_bg.png) no-repeat left top;
}


* html div#body_bg_2nd
{
background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='image', src='images/emo_bg.png');
}


div#container
{
position:relative;
z-index:2;
width:810px;
margin:0 auto;
border-left:2px #fff groove;
border-right:2px #fff groove;
border-bottom:3px #999 groove;
-moz-border-radius-bottomleft:15px;
-moz-border-radius-bottomright:15px;
-webkit-border-bottom-right-radius:15px;
-webkit-border-bottom-left-radius:15px;
background:white url(images/content_bg.gif) repeat-y;
text-align:left;
color:#333;
opacity:0.95;
-moz-opacity:0.95;
}


div#container_bottom
{
width:812px;
height:14px;
margin:0 auto;
background:url(images/container_bottom.gif) no-repeat;
}



div#header 
{
position:relative;
}


div#header .gutter
{
padding:30px 0 25px 35px;
}


ul#meta-nav
{
padding:12px 0px 8px 0;
background:url(images/meta_nav_bg.gif) no-repeat right top;
font-size:125%;
line-height:100%;
text-align:right;
color:#666;
}

ul#meta-nav li
{
display:inline;
padding:0 13px 0 0;
}

ul#meta-nav li a, ul#meta-nav li a:visited
{
outline:none;
color:#666;
}

ul#meta-nav li a:hover
{
text-decoration:none;
color:#666;
}


ul#meta-nav li.kontakt
{
background:url(images/kontakt_13px_666.gif) no-repeat right 2px;
padding-right:158px;
}

div#headline
{
width:700px;
background-image:url(images/rohne_decoration_logo.gif);
background-repeat:no-repeat;
padding-left:50px;
margin-left:0px;
}


a#titel
{
display:block;
height:36px;
cursor:pointer;
outline:none;
background:url(images/rohne_decoration_titel.png) no-repeat left top;
}


* html a#titel
{
background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='image', src='images/rohne_decoration_titel.png');
}


h2#titel_sub
{
margin:7px 0 0 2px;
font-size:140%;
font-weight:normal;
color:#999;
font-family:Arial;
}


h2#titel_sub span
{
font-weight:bold;
color:#333;
}

a#titel span
{
display:none;
}


div#content
{
width:100%;
background-repeat:no-repeat;
background-position:top right;
font-size:120%;
}


div#content .gutter
{
padding:20px 20px 0px 34px;
}






/* Hauptmenue 
-----------------------------------  */


div#menu_main
{
position:relative;
z-index:4;
width:100%;
height:52px !important;
overflow:hidden;
background-image:url(images/nav_bg.gif);
list-style-type:none;
}


div#menu_main ul
{
padding:11px 15px 15px 25px;
}


div#menu_main ul li
{
display:block;
float:left;
margin-top:10px;
margin-right:10px;
background-repeat:no-repeat;
background-position:top right;
cursor:pointer;
}


div#menu_main ul li.aktiv
{
margin-top:6px;
}



div#menu_main ul li a,
div#menu_main ul li a:visited
{
display:block;
float:left;
padding:6px 20px 11px 20px;
background-repeat:no-repeat;
background-position:top left;
outline:none;
font-size:130%;
font-weight:bold;
text-decoration:none;
color:#FFF;
}




div#menu_main ul li.aktiv a,
div#menu_main ul li.aktiv a:visited
{
padding-top:7px;
padding-bottom:16px; 
font-weight:bold;
outline:none;
}


div#menu_main ul li a:hover
{
color:white;
}







li#main_1
{
background-image:url(images/tab2_rot_rechts.png);
}


li#main_1 a, li#main_1 a:visited
{
background-image:url(images/tab2_rot_links.png);
}


li#main_2
{
background-image:url(images/tab2_gelb_rechts.png);
}


li#main_2 a, li#main_2 a:visited
{
background-image:url(images/tab2_gelb_links.png);
}


li#main_3
{
background-image:url(images/tab2_blau_rechts.png);
}


li#main_3 a, li#main_3 a:visited
{
background-image:url(images/tab2_blau_links.png);
}


li#main_4
{
background-image:url(images/tab2_gruen_rechts.png);
}


li#main_4 a, li#main_4 a:visited
{
background-image:url(images/tab2_gruen_links.png);
}











/* Emotion-Header
-----------------------------------  */


div.emo
{
position:relative;
z-index:5;
width:100%;
height:170px;
border-top:1px black solid;
border-bottom:1px #000 solid;
}

div.emo h3
{
position:absolute;
bottom:20px;
left:20px;
width:450px;
height:90px;
color:white;
}

div.emo h3 span
{
visibility:hidden;
}


div#emo_0
{
background-image:url(images/emo_kontakt_impressum.jpg);
}




div#emo_1
{
background-image:url(images/emo_raumdeko_sonnenschutz_sichtschutz.jpg);
}

div#emo_1 h3
{
background-image:url(images/emo_titel_sonnenschutz_sichtschutz_insektenschutz.png);
}

* html div#emo_1 h3
{
background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='image', src='images/emo_titel_sonnenschutz_sichtschutz_insektenschutz.png');
}




div#emo_2
{
background-image:url(images/emo_bodenbelaege.jpg);
}

div#emo_2 h3
{
background-image:url(images/emo_titel_bodenbelaege.png);
}

* html div#emo_2 h3
{
background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='image', src='images/emo_titel_bodenbelaege.png');
}




div#emo_3
{
background-image:url(images/emo_moebel_polsterei_aufpolsterung.jpg);
}

div#emo_3 h3
{
background-image:url(images/emo_titel_moebel_polsterei.png);
}

* html div#emo_3 h3
{
background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='image', src='images/emo_titel_moebel_polsterei.png');
}



div#emo_4
{
background-image:url(images/emo_autosattlerei.jpg);
}

div#emo_4 h3
{
background-image:url(images/emo_titel_autosattlerei.png);
}

* html div#emo_4 h3
{
background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='image', src='images/emo_titel_autosattlerei.png');
}









/* Sub-Navigation
-----------------------------------  */


div#menu_sub
{
background:url(images/nav_bg.gif) repeat-x left top;
list-style-type:none;
height:42px;
}


div#menu_sub ul
{
padding:0 0 20px 25px;
}


div#menu_sub ul li
{
display:block;
float:left;
margin-right:7px;
background-repeat:no-repeat;
background-position:bottom right;
opacity:0.75;
-moz-opacity:0.75;
filter:alpha(opacity=75);
cursor:pointer;
}


div#menu_sub ul li a, div#menu_sub ul li a:visited
{
display:block;
float:left;
padding:4px 10px 3px 10px;
color:#FFF;
background-repeat:no-repeat;
background-position:bottom left;
text-decoration:none;
font-size:110%;
outline:none;
}


div#menu_sub ul li.aktiv
{

opacity:1.0;
-moz-opacity:1.0;
filter:alpha(opacity=100);
}



div#menu_sub ul li.aktiv a,
div#menu_sub ul li.aktiv a:visited
{
padding:10px 10px 4px 10px;
}


div#menu_sub ul li.sub_1
{
background-image:url(images/tab3_rot_rechts.png);
}


div#menu_sub ul li.sub_1 a,
div#menu_sub ul li.sub_1 a:visited
{
background-image:url(images/tab3_rot_links.png);
}


div#menu_sub ul li.sub_2
{
background-image:url(images/tab3_gelb_rechts.png);
}


div#menu_sub ul li.sub_2 a,
div#menu_sub ul li.sub_2 a:visited
{
background-image:url(images/tab3_gelb_links.png);
}


div#menu_sub ul li.sub_3
{
background-image:url(images/tab3_blau_rechts.png);
}


div#menu_sub ul li.sub_3 a,
div#menu_sub ul li.sub_3 a:visited
{
background-image:url(images/tab3_blau_links.png);
}


div#menu_sub ul li.sub_4
{
background-image:url(images/tab3_gruen_rechts.png);
}


div#menu_sub ul li.sub_4 a,
div#menu_sub ul li.sub_4 a:visited
{
background-image:url(images/tab3_gruen_links.png);
}







div#content.content_1 h1.content_headline_main,
div#content.content_1 h2.content_headline_sub,
div#content.content_1 h2
{
color:#c30;
}

div#content.content_2 h1.content_headline_main,
div#content.content_2 h2.content_headline_sub,
div#content.content_2 h2
{
color:#E69824;
}

div#content.content_3 h1.content_headline_main,
div#content.content_3 h2.content_headline_sub,
div#content.content_3 h2
{
color:#36c;
}

div#content.content_4 h1.content_headline_main,
div#content.content_4 h2.content_headline_sub,
div#content.content_4 h2
{
color:#680;
}



div#content h1.content_headline_main
{
font-size:180%;
line-height:120%;
letter-spacing:0;
margin:3px 0px;
width:580px;
}


div#content h2.content_headline_sub
{
font-size:130%;
font-weight:normal;
margin:-5px 0 15px 0;
}

div#content h2
{
font-size:100%;
color:black;
}

div#content p,
div#content ul
{
margin-bottom:20px;
}

div#content ul
{
list-style-type:square;
padding-left:15px;
}

div#content ul li
{

}


div#content strong
{
font-weight:normal;
font-style:italic;
}

div#content a,
div#content a:visited
{
color:black;
}

div#content p.bild_unterschrift a
{
color:#999;
}

div#content a:hover
{
text-decoration:none;
}

p.bild_unterschrift
{
color:#999;
font-size:90%;
margin:0px 0 30px 4px;
}




div#footer
{
width:100%;
margin:40px 0 0 0;
padding:20px 0 23px 0;
border-top:1px #ddd dotted;
}


div#footer div#kontakt 
{
padding-left:10px;
width:350px;
float:left;
color:#999;
}

div#footer div#kontakt span.kontakt-telefon
{
padding-right:15px;
} 

div#footer div#kontakt span.kontakt-email
{
padding-right:158px;
background:url(images/kontakt_12px_999.gif) no-repeat right 2px;
} 



div#footer ul#menu_3
{
margin:0;
display:block;
float:right;
list-style-type:none;
margin-right:10px;
}

div#footer ul#menu_3 li
{
display:block;
margin-left:15px;
float:left;
}


ul#menu_3 li a, ul#menu_3 li a:visited
{
outline:none;
}



ul#menu_3 li a, ul#menu_3 li a:visited,
div#footer p#kontakt
{
color:#999;
}

div#footer p#kontakt
{
margin:0;
}

div#footer ul#menu_3 li a:hover
{
text-decoration:none;
}


div#abstand
{
height:40px;
}




