@import "navi2010.css";

/* CSS Document */

body							{ font-family:Arial, Helvetica, sans-serif; font-size:12px; background-color:#d7dcdd; color:#747474;}

#site_outer 					{ background-color: transparent; position: absolute; width: 100%; margin: 10px 0px 0px 0px; padding:0px 0px 30px 0px; text-align: center; left:0px; top:0px; }
#site_inner 					{ position: relative; text-align: left; width: 970px; margin:0px auto; }


div,p,h1,h2,ul,li				{ margin:0px; padding:0px;}
.spacer							{ overflow:hidden;}
.clear							{ overflow:hidden; clear:both;}
h1								{ margin-top:28px; margin-bottom:19px !important; margin-bottom:17px; overflow:hidden; font-size:20px; line-height:22px; color:#000000; font-weight:bold; }
h2								{ font-size:12px; line-height:20px; margin-bottom:5px; color:#000000; font-weight:bold; }
h3								{ font-size:12px; line-height:20px; margin-bottom:5px; color:#000000; font-weight:normal; }

#header							{ float:left; padding:0px; margin:0px; background-image:url(images2010/topbar.gif); background-repeat:no-repeat; overflow:hidden; width:970px; height:44px; }

/*
<----------------------(lh)---------------------->
Startseite
<------------------------------------------------>
*/
#logo-link						{ dispay:inline; overflow:hidden; position:absolute; background-image:url(/assets/images2010/startseite-logo-transparent.gif); background-repeat:no-repeat; margin-top:25px; border:0px; width:170px; height:70px; }
#dick-headline1					{ float:left; display:inline; width:100%; margin-top:50px; margin-left:20px; color:#d4007b; font-weight:bolder; font-size:24px; line-height:24px; }
#dick-headline2					{ float:left; display:inline; color:#414141; font-weight:bold; font-size:18px; line-height:18px; }
#startseite-kuechen				{ float:left; display:inline; margin-top:49px; background-image:url(images2010/startseite-kuechen.jpg); background-repeat:no-repeat; overflow:hidden; width:289px; height:575px; }
#startseite-kuechen h2			{ color:#d4007b; font-size:16px; line-height:18px; font-weight:bold; margin-bottom:13px; margin-top:13px; }
#startseite-moebel				{ float:left; margin-top:49px; margin-left:21px; background-image:url(images2010/startseite-moebel.jpg); background-repeat:no-repeat; overflow:hidden; width:289px; height:575px; }
#startseite-moebel h2			{ color:#ee7f01; font-size:16px; line-height:18px; font-weight:bold; margin-bottom:13px; margin-top:13px; }
#startseite-kuechen-frick		{ float:left; margin-top:49px; margin-left:21px; background-image:url(images2010/startseite-kuechen.jpg); background-repeat:no-repeat; overflow:hidden; width:289px; height:575px; }
#startseite-kuechen-frick h2	{ color:#d4007b; font-size:16px; line-height:18px; font-weight:bold; margin-bottom:13px; margin-top:13px; }
#startseite-navi-pink				{ float:left; margin-top:122px; width:78px; }
#startseite-navi-pink ul			{ float:left; list-style:none; width:78px; }
#startseite-navi-pink ul li			{ float:left; border-bottom:#eaeae8 1px solid; }
#startseite-navi-pink ul li a		{ float:left; width:78px; color:#000000; text-decoration:none; line-height:19px; padding-left:31px; background-image:url(/assets/templates/dick/images2010/square-pink-5px.gif); background-repeat:no-repeat; background-position:20px 7px; }
#startseite-navi-gelb				{ float:left; margin-top:122px; width:78px; }
#startseite-navi-gelb ul			{ float:left; list-style:none; width:78px; }
#startseite-navi-gelb ul li			{ float:left; border-bottom:#eaeae8 1px solid; }
#startseite-navi-gelb ul li a		{ float:left; width:78px; color:#000000; text-decoration:none; line-height:19px; padding-left:31px; background-image:url(/assets/templates/dick/images2010/square-gelb-5px.gif); background-repeat:no-repeat; background-position:20px 7px; }
#zur-webseite					{ float:left; margin-top:108px; margin-left:40px !important; margin-left:10px; display:inline; width:170px; height:135px; background-color:#FFFFFF; }
#zur-webseite-transparent		{ float:left; position:relative; z-index:1; margin-left:118px !important; margin-left:119px; display:inline; width:150px; height:15px; background-color:#FFFFFF !important; filter:alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8; }
#zur-webseite2					{ float:left; position:relative; z-index:1; width:20px; height:15px; background-color:#FFFFFF; }
#zur-website-content			{ float:left; padding-left:20px; }
#button-pink					{ float:left; background-image:url(images2010/button-pink.gif); background-repeat:no-repeat; color:#FFFFFF; line-height:20px; font-size:12px; font-weight:bold; text-decoration:none; cursor:pointer; padding-left:8px; margin-top:15px; height:20px; width:130px; }
#button-gelb					{ float:left; background-image:url(images2010/button-gelb.jpg); background-repeat:no-repeat; color:#FFFFFF; line-height:20px; font-size:12px; font-weight:bold; text-decoration:none; cursor:pointer; padding-left:8px; margin-top:15px; height:20px; width:130px; }
#button-pink a					{ float:left; background-image:url(images2010/arrow-white.gif); background-position:0px 6px !important; background-position:0px 7px; background-repeat:no-repeat; color:#FFFFFF; line-height:18px; font-size:12px; font-weight:bold; text-decoration:none; cursor:pointer; height:20px; width:120px; padding-left:12px; }
#button-gelb a					{ float:left; background-image:url(images2010/arrow-white.gif); background-position:0px 6px !important; background-position:0px 7px; background-repeat:no-repeat; color:#FFFFFF; line-height:18px; font-size:12px; font-weight:bold; text-decoration:none; cursor:pointer; height:20px; width:120px; padding-left:12px; }
/* IE7 "only" Browserhack */
*+ html #button-pink a			{ float:left; background-image:url(images2010/arrow-white.gif); background-position:0px 7px !important; background-repeat:no-repeat; color:#FFFFFF; line-height:18px; font-size:12px; font-weight:bold; text-decoration:none; cursor:pointer; height:20px; width:120px; padding-left:12px; }
*+ html #button-gelb a			{ float:left; background-image:url(images2010/arrow-white.gif); background-position:0px 7px !important; background-repeat:no-repeat; color:#FFFFFF; line-height:18px; font-size:12px; font-weight:bold; text-decoration:none; cursor:pointer; height:20px; width:120px; padding-left:12px; }
/*------------------------*/
#zur-webseite-img				{ float:left; position:relative; z-index:0; margin-left:18px !important; margin-left:19px; margin-top:-15px; display:inline; }
/*
<----------------------(lh)---------------------->
Navigationspunkte + Farbvariationen
<------------------------------------------------>
*/
a.pink							{ display:block; color:#585858; text-decoration:underline; line-height:16px; padding-left:18px; }
a.grey							{ display:block; color:#585858; text-decoration:underline; line-height:16px; padding-left:18px; }
a.white							{ background-image:url(images2010/arrow-white.gif); background-repeat:no-repeat; background-position:2px 7px; padding-right:10px; }
/*
<----------------------(lh)---------------------->
Image-Navigation
<------------------------------------------------>
*/
#uebersichtsseite				{ float:left; padding-left:0px; text-decoration:none; line-height:21px; color:#FFFFFF; font-weight:normal; border:0px; width:235px; height:166px; }
#uebersichtsseite a				{ float:left; background-image:url(images2010/arrow-white.gif); background-repeat:no-repeat; background-position:8px 6px !important; background-position:8px 12px; padding-left:20px; padding-top:0px !important; padding-top:5px; text-decoration:none; line-height:20px; color:#FFFFFF; font-weight:normal; border:0px; width:215px; }
/* IE7 "only" Browserhack */
*+html #uebersichtsseite a		{ float:left; background-image:url(images2010/arrow-white.gif); background-repeat:no-repeat; background-position:8px 12px !important; padding-left:20px; text-decoration:none; line-height:30px; color:#FFFFFF; font-weight:normal; border:0px; width:215px; }
/*------------------------*/
#uebersichtsseite a.img			{ float:left; background-image:none; text-decoration:none; line-height:22px; color:#FFFFFF; font-weight:normal; padding:0px; border:0px; }

/*
<----------------------(lh)---------------------->
Image-Navigation
<------------------------------------------------>
*/
div.transOFF { float:left; filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; }

a.imgopacity img 				{ filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; }
a.imgopacity:hover img 			{ filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; }

#image							{ float:left; width:708px; height:332px; background-repeat:no-repeat; overflow:hidden; clear:both; }
#image-nav						{ float:left; margin-top:260px; overflow:hidden; font-size:10px; background-color:#414a50; border-top:#FFFFFF 3px solid; border-right:#FFFFFF 3px solid; color:#FFFFFF; width:115px; height:69px; }
#image-nav.passiv   			{ float:left; position:relative; background-color:#909697; width:115px; height:69px; filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; }
#image-nav.active   			{ background-color:#414a50 !important; width:115px; height:69px; }
#image-nav a					{ float:left; margin-left:3px; color:#FFFFFF !important; text-decoration:none !important; text-align:left !important; line-height:18px;  }

/*
<----------------------(lh)---------------------->
Content
<------------------------------------------------>
*/
#content a.img					{ text-decoration:none;}
#content a.img:hover			{ text-decoration:none;}

#sub-container					{ float:left; width:726px; text-align:left; background-color:#ffffff; padding-left:20px; padding-bottom:25px; display:inline; overflow:hidden; line-height:16px; color:#747474; }
#content						{ float:left; width:460px; padding-top:20px; text-align:left; }
#content p						{ line-height:16px;}
#content a						{ color:#585858; text-decoration:underline;}
#content a:hover				{ color:#585858; text-decoration:none;}
#content2						{ float:left; width:231px; padding-top:20px; text-align:left; }
#content2 p						{ line-height:16px;}
#content2 a						{ color:#585858; text-decoration:underline;}
#content2 a:hover				{ color:#585858; text-decoration:none;}
#content3						{ float:left; width:710px; padding-top:20px; text-align:left; }
#content3 p						{ line-height:16px;}
#content3 a						{ color:#585858; text-decoration:underline;}
#content3 a:hover				{ color:#585858; text-decoration:none;}
#content3 img 					{ margin-right:0px !important; }

#box						{ float:left; width:455px; height:100%; margin-top:20px; margin-left:20px; background-color:#dde1e2; }
#boxaktuell					{ float:left; margin-left:12px; margin-top:20px; width:209px; text-align:left; background-color:#dde1e2; color:#4d5960; line-height:20px; padding: 10px 10px 20px 15px; }
#boxaktuell a				{ background-image:url(images2010/arrow-darkgrey.gif); background-repeat:no-repeat; background-position:0px 5px; padding-left:12px; padding-bottom:3px; display:block; color:#4d5960; text-decoration:underline; line-height:16px; }
/* Für DICK-Block */
#boxaktuell2				{ float:left; margin-left:12px; margin-top:20px; width:209px; text-align:left; background-color:#dde1e2; color:#4d5960; line-height:20px; padding: 10px 10px 20px 15px; }
#boxaktuell2 p				{ float:left; text-align:left; padding-left:12px; }
#boxaktuell2 a				{ background-image:url(images2010/arrow-darkgrey.gif); background-repeat:no-repeat; background-position:0px 5px; padding-left:12px; padding-bottom:3px; clear:both; display:block; color:#4d5960; text-decoration:underline; line-height:16px; }
/*----------------*/
/* Box Übersichtsseite */
#boxdetails 				{ float:left; margin-left:0px; margin-top:20px; width:170px; text-align:left; background-color:#dde1e2; color:#4d5960; line-height:20px; padding: 10px 10px 20px 15px; }
#boxdetails a				{ background-image:url(images2010/arrow-darkgrey.gif); background-repeat:no-repeat; background-position:0px 5px; padding-left:12px; padding-bottom:3px; display:block; color:#4d5960; text-decoration:underline; line-height:16px; }
/*---------------------*/

input							{ background-color:#f0f2f2; border:#cdcdcd 1px solid; }
input.noborder					{ border:0px; background-color:#FFFFFF !important; }
select							{ background-color:#f0f2f2; border:#cdcdcd 1px solid; }
/*
<----------------------(lh)---------------------->
Footer
<------------------------------------------------>
*/
#footer							{ float:right; color:#4d5960; width:700px; text-align:center; font-size:12px; text-align:left; margin-right:69px; margin-top:13px; display:inline; }
#footer a						{ color:#4d5960; text-decoration:underline; font-size:12px;}
/*Not Anymore pink, but class Name Stays for esier integration*/
.pink							{ color:#000000; text-decoration:none; font-size:12px;}
#footer a:hover					{ color:#4d5960; text-decoration:underline; font-size:12px;}


/* Style for Slideshow*/
#slideshow {
    position:relative;
    height:332px;
}

#slideshow DIV {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
    height: 332px;
    background-color: #FFF;
}

#slideshow DIV.active {
    z-index:10;
    opacity:1.0;
}

#slideshow DIV.last-active {
    z-index:9;
}

#slideshow DIV IMG {
    height: 332px;
    display: block;
    border: 0;
    margin-bottom: 10px;
}