/* CSS Document EURONICS */ body {background-color:#011f55;font-family:Arial,Helvetica,sans-serif;height:100%;margin:0px;padding:0px;text-align:center;width:100%;font-size:12px;color:#000000;line-height:145%;} p {padding:0px 20px 10px 0px;margin:0px;} a {color:#206bbe;text-decoration:none;} a:hover {color:#206bbe;text-decoration:underline;} a img {border:none;} h1.site_title {font-family:Arial,Helvetica,sans-serif;margin:0px;text-align:center;width:796;font-size:24px;color:#16489a;line-height:26px;font-style:italic;} h1.site_title_1a {font-family:Arial,Helvetica,sans-serif;margin:0px;padding:0px 20px 25px 20px;text-align:center;width:796;font-size:24px;color:#16489a;line-height:26px;font-style:italic;} h1.site_title_1b {font-family:Arial,Helvetica,sans-serif;margin:0px;padding:0px 20px 60px 20px;text-align:center;width:796;font-size:24px;color:#16489a;line-height:26px;font-style:italic;} h1 {font-family:Arial,Helvetica,sans-serif;margin:0px;padding:0px 20px 25px 20px;text-align:center;width:796;font-size:24px;color:#16489a;line-height:26px;font-style:italic;} h2 {font-family:Arial,Helvetica,sans-serif;margin:0px;padding:0px 20px 25px 20px;text-align:center;width:796;font-size:20px;color:#16489a;line-height:22px;font-style:italic;} h3 {font-family:Arial,Helvetica,sans-serif;margin:0px;padding:0px 20px 25px 20px;text-align:center;width:796;font-size:18px;color:#16489a;line-height:20px;font-style:italic;} h4 {font-family:Arial,Helvetica,sans-serif;margin:0px;padding:0px 20px 25px 20px;text-align:center;width:796;font-size:16px;color:#16489a;line-height:18px;font-style:italic;} h5 {font-family:Arial,Helvetica,sans-serif;margin:0px;padding:0px 20px 25px 20px;text-align:center;width:796;font-size:14px;color:#16489a;line-height:16px;font-style:italic;} h6 {font-family:Arial,Helvetica,sans-serif;margin:0px;padding:0px 20px 25px 20px;text-align:center;width:796;font-size:12px;color:#16489a;line-height:14px;font-style:italic;} ul.content {float:left;list-style-type:none;margin:0px 20px 0px 20px;padding:0px 0px 10px 15px;width:498px;list-style-image:url(../_pics_design/li_v.gif);} ul.content li {padding:2px 0px 0px 0px;} div#top {background:#142c75 url(../files/top.jpg) 0px 0px repeat-x;} div#bottom {background:#011f55 url(../files/footer.jpg) 0px 0px repeat-x;height:160px;min-width:1250px;} /* Austauschbares Hintergrundbild */ div#bg {min-width:1250px;} /* Austauschbares Hintergrundbild */ div#bg div#main {margin:auto;text-align:left;width:1250px;height:auto;} div#bg div#main div#helper {width:1250px;} div#bg div#main div#spacer {width:1250px;} /* Bereich Logo */ div#bg div#main div#logo {width:1250px;height:135px;background:transparent url(../files/logo.png) 0px 0px no-repeat;padding:0px 0px 85px 0px;} div#bg div#main div#logo a {float:left;width:285px;height:45px;margin:40px 0px 0px 120px;} /* Bereich Hauptnavigation */ div#bg div#main div#helper div#navi {width:1250px;height:170px;background:transparent url(../files/navi_bg.png) 0px 0px no-repeat;} div#bg div#main div#helper div#navi ul.first_nav {float:left;padding:94px 0px 0px 119px;margin:0px 0px 0px 0px;} div#bg div#main div#helper div#navi ul.first_nav li.bt1, div#bg div#main div#helper div#navi ul.first_nav li.bt1_act {float:left;display:inline;list-style-image:none;list-style-position:outside;list-style-type:none;width:107px;height:68px;} div#bg div#main div#helper div#navi ul.first_nav li.bt2, div#bg div#main div#helper div#navi ul.first_nav li.bt2_act {float:left;display:inline;list-style-image:none;list-style-position:outside;list-style-type:none;width:93px;height:68px;} div#bg div#main div#helper div#navi ul.first_nav li.bt3, div#bg div#main div#helper div#navi ul.first_nav li.bt3_act {float:left;display:inline;list-style-image:none;list-style-position:outside;list-style-type:none;width:115px;height:68px;} div#bg div#main div#helper div#navi ul.first_nav li.bt4, div#bg div#main div#helper div#navi ul.first_nav li.bt4_act {float:left;display:inline;list-style-image:none;list-style-position:outside;list-style-type:none;width:103px;height:68px;} div#bg div#main div#helper div#navi ul.first_nav li.bt5, div#bg div#main div#helper div#navi ul.first_nav li.bt5_act {float:left;display:inline;list-style-image:none;list-style-position:outside;list-style-type:none;width:86px;height:68px;} div#bg div#main div#helper div#navi ul.first_nav li.bt6, div#bg div#main div#helper div#navi ul.first_nav li.bt6_act {float:left;display:inline;list-style-image:none;list-style-position:outside;list-style-type:none;width:133px;height:68px;} div#bg div#main div#helper div#navi ul.first_nav li.bt7, div#bg div#main div#helper div#navi ul.first_nav li.bt7_act {float:left;display:inline;list-style-image:none;list-style-position:outside;list-style-type:none;width:117px;height:68px;} div#bg div#main div#helper div#navi ul.first_nav li.bt8, div#bg div#main div#helper div#navi ul.first_nav li.bt8_act {float:left;display:inline;list-style-image:none;list-style-position:outside;list-style-type:none;width:116px;height:68px;} div#bg div#main div#helper div#navi ul.first_nav li.seperator {float:left;display:inline;list-style-image:none;list-style-position:outside;list-style-type:none;width:3px;height:59px;} div#bg div#main div#helper div#navi ul.first_nav li.bt1 a {float:left;width:107px;height:68px;background:transparent url(../_nav_bt/bt_1.png) 0px 0px no-repeat;} div#bg div#main div#helper div#navi ul.first_nav li.bt1_act a, div#bg div#main div#helper div#navi ul.first_nav li.bt1 a:hover {float:left;width:107px;height:68px;background:transparent url(../_nav_bt/bt_1_act.png) 0px 0px no-repeat;} div#bg div#main div#helper div#navi ul.first_nav li.bt2 a {float:left;width:93px;height:68px;background:transparent url(../_nav_bt/bt_2.png) 0px 0px no-repeat;} div#bg div#main div#helper div#navi ul.first_nav li.bt2_act a, div#bg div#main div#helper div#navi ul.first_nav li.bt2 a:hover {float:left;width:93px;height:68px;background:transparent url(../_nav_bt/bt_2_act.png) 0px 0px no-repeat;} div#bg div#main div#helper div#navi ul.first_nav li.bt3 a {float:left;width:115px;height:68px;background:transparent url(../_nav_bt/bt_3.png) 0px 0px no-repeat;} div#bg div#main div#helper div#navi ul.first_nav li.bt3_act a, div#bg div#main div#helper div#navi ul.first_nav li.bt3 a:hover {float:left;width:115px;height:68px;background:transparent url(../_nav_bt/bt_3_act.png) 0px 0px no-repeat;} div#bg div#main div#helper div#navi ul.first_nav li.bt4 a {float:left;width:103px;height:68px;background:transparent url(../_nav_bt/bt_4.png) 0px 0px no-repeat;} div#bg div#main div#helper div#navi ul.first_nav li.bt4_act a, div#bg div#main div#helper div#navi ul.first_nav li.bt4 a:hover {float:left;width:103px;height:68px;background:transparent url(../_nav_bt/bt_4_act.png) 0px 0px no-repeat;} div#bg div#main div#helper div#navi ul.first_nav li.bt5 a {float:left;width:86px;height:68px;background:transparent url(../_nav_bt/bt_5.png) 0px 0px no-repeat;} div#bg div#main div#helper div#navi ul.first_nav li.bt5_act a, div#bg div#main div#helper div#navi ul.first_nav li.bt5 a:hover {float:left;width:86px;height:68px;background:transparent url(../_nav_bt/bt_5_act.png) 0px 0px no-repeat;} div#bg div#main div#helper div#navi ul.first_nav li.bt6 a {float:left;width:133px;height:68px;background:transparent url(../_nav_bt/bt_6.png) 0px 0px no-repeat;} div#bg div#main div#helper div#navi ul.first_nav li.bt6_act a, div#bg div#main div#helper div#navi ul.first_nav li.bt6 a:hover {float:left;width:133px;height:68px;background:transparent url(../_nav_bt/bt_6_act.png) 0px 0px no-repeat;} div#bg div#main div#helper div#navi ul.first_nav li.bt7 a {float:left;width:117px;height:68px;background:transparent url(../_nav_bt/bt_7.png) 0px 0px no-repeat;} div#bg div#main div#helper div#navi ul.first_nav li.bt7_act a, div#bg div#main div#helper div#navi ul.first_nav li.bt7 a:hover {float:left;width:117px;height:68px;background:transparent url(../_nav_bt/bt_7_act.png) 0px 0px no-repeat;} div#bg div#main div#helper div#navi ul.first_nav li.bt8 a {float:left;width:116px;height:68px;background:transparent url(../_nav_bt/bt_8.png) 0px 0px no-repeat;} div#bg div#main div#helper div#navi ul.first_nav li.bt8_act a, div#bg div#main div#helper div#navi ul.first_nav li.bt8 a:hover {float:left;width:116px;height:68px;background:transparent url(../_nav_bt/bt_8_act.png) 0px 0px no-repeat;} div#bg div#main div#helper div#navi ul.first_nav li.bt9 a {float:left;width:116px;height:68px;background:transparent url(../_nav_bt/bt_9.png) 0px 0px no-repeat;} div#bg div#main div#helper div#navi ul.first_nav li.bt9_act a, div#bg div#main div#helper div#navi ul.first_nav li.bt9 a:hover {float:left;width:116px;height:68px;background:transparent url(../_nav_bt/bt_9_act.png) 0px 0px no-repeat;} div#bg div#main div#helper div#navi ul.first_nav li img {float:left;padding:0px;margin:0px;} div#bg div#main div#helper div#navi ul.first_nav li img a {padding:0px;margin:0px;} div#bg div#main div#helper div#navi ul.first_nav li:last-child {visibility:hidden;} /* Bereich Content */ div#bg div#main div#helper div#content {float:left;width:1250px;background:transparent url(../files/bg_content.png) 0px 0px repeat-y;} div#bg div#main div#helper div#content div#content_top {float:left;width:1250px;background:transparent url(../files/bg_content_top.png) 0px 0px no-repeat;} div#bg div#main div#helper div#content div#content_bottom {float:left;width:1250px;height:6px;background:transparent url(../files/bg_content_bottom.png) 0px 0px no-repeat;} /* Bereich Produkte */ div#bg div#main div#helper div#content div#content_top div#right {float:left;width:915px;} div#bg div#main div#helper div#content div#content_top div#right div.products {float:left;width:796px;background:transparent url(../files/bg_products2.png) 1px 0px repeat-y;padding:0px 12px 0px 1px;margin:6px 0px 6px 0px;} div#bg div#main div#helper div#content div#content_top div#right div.products div.products_top1a {float:left;width:796px;min-height:800px;background:transparent url(../files/bg_products1a.png) 0px 0px no-repeat;padding:25px 0px 0px 0px;} div#bg div#main div#helper div#content div#content_top div#right div.products div.products_top1b {float:left;width:796px;min-height:800px;background:transparent url(../files/bg_products1b.png) 0px 0px no-repeat;padding:25px 0px 0px 0px;} div#bg div#main div#helper div#content div#content_top div#right div.products div.products_bottom {float:left;width:100%;height:2px;background:transparent url(../files/bg_products3.png) 0px 0px no-repeat;} /* Bereich Produkte */ div#bg div#main div#helper div#content div#content_top div#right div.products div.products_top1a div.seperator_co {float:left;width:796px;height:6px;background:transparent url(../files/sep_content.gif) 0px 0px no-repeat;margin:0px 0px 20px 0px;} div#bg div#main div#helper div#content div#content_top div#right div.products div.products_top1b div.seperator_co {float:left;width:796px;height:6px;background:transparent url(../files/sep_content.gif) 0px 0px no-repeat;margin:0px 0px 20px 0px;} /* Produkte Horizontal */ div.article_h {float:left;width:796px;padding:0px 0px 25px 0px;} div.article_h div.left {float:left;width:230px;text-align:center;padding:0px 0px 0px 20px;} div.article_h div.right_h {float:right;width:513px;padding:0px 20px 0px 0px;} div.article_h div.right_h div.headline {float:left;width:513px;font-family:Arial,Helvetica,sans-serif;font-size:16px;color:#000000;line-height:22px;font-weight:bold;} div.article_h div.right_h div.subline {float:left;width:513px;font-family:Arial,Helvetica,sans-serif;font-size:12px;color:#000000;line-height:18px;font-weight:bold;} div.article_h div.right_h div.text {float:left;width:513px;font-family:Arial,Helvetica,sans-serif;font-size:12px;color:#000000;line-height:16px;} div.article_h div.right_h div.text p {float:left;padding:0px 0px 0px 0px;} div.article_h div.right_h div.text ul {float:left;list-style-type:none;margin:0px;padding:0px 0px 0px 15px;width:498px;list-style-image:url(../files/li_v.gif);} div.article_h div.right_h div.text ul li {padding:2px 0px 0px 0px;} /* Produkte Vertikal */ div.article_v {float:left;width:796px;padding:0px 0px 0px 0px;margin:0px 0px 25px 0px;background:transparent url(../files/bg_article_v2.png) 20px 43px no-repeat;} div.article_v_bg {float:left;width:796px;background:transparent url(../files/sep_content.gif) bottom left no-repeat;} div.article_v_bg div.image_box {float:left;width:796px;} div.article_v div.article_v_bg div.image_1 {float:left;width:225px;padding:0px 20px 0px 20px;text-align:center;} div.article_v div.article_v_bg div.image_2 {float:left;width:224px;padding:0px 20px 0px 20px;text-align:center;} div.article_v div.article_v_bg div.image_3 {float:left;width:224px;padding:0px 20px 0px 20px;text-align:center;} div.article_v div.article_v_bg div.left {float:left;width:225px;padding:0px 20px 0px 20px;} div.article_v div.article_v_bg div.middle {float:left;width:224px;padding:0px 20px 0px 20px;} div.article_v div.article_v_bg div.right {float:right;width:224px;padding:0px 20px 0px 20px;} div.article_v div.article_v_bg div.left div.headline, div.article_v div.article_v_bg div.middle div.headline, div.article_v div.article_v_bg div.right div.headline {float:left;width:100%;font-family:Arial,Helvetica,sans-serif;font-size:16px;color:#000000;line-height:22px;font-weight:bold;} div.article_v div.article_v_bg div.left div.text, div.article_v div.article_v_bg div.middle div.text, div.article_v div.article_v_bg div.right div.text {float:left;padding:0px 0px 10px 0px;width:223px;} div.article_v div.article_v_bg div.left div.text ul {float:left;list-style-type:none;margin:0px;padding:0px 0px 0px 15px;width:209px;list-style-image:url(../files/li_v.gif);} div.article_v div.article_v_bg div.middle div.text ul {float:left;list-style-type:none;margin:0px;padding:0px 0px 0px 15px;width:208px;list-style-image:url(../files/li_v.gif);} div.article_v div.article_v_bg div.right div.text ul {float:left;list-style-type:none;margin:0px;padding:0px 0px 0px 15px;width:208px;list-style-image:url(../files/li_v.gif);} div.article_v div.article_v_bg div.left div.text ul li, div.article_v div.article_v_bg div.middle div.text ul li, div.article_v div.article_v_bg div.right div.text ul li {padding:2px 0px 0px 0px;} div.article_v div.article_v_bg div.left div.text p, div.article_v div.article_v_bg div.middle div.text p, div.article_v div.article_v_bg div.right div.text p {margin:0px;padding:0px;font-family:Arial,Helvetica,sans-serif;font-size:12px;color:#000000;line-height:16px;} div.article_v div.right div.headline {float:left;width:513px;font-family:Arial,Helvetica,sans-serif;font-size:16px;color:#000000;line-height:22px;font-weight:bold;} div.article_v div.right div.subline {float:left;width:513px;font-family:Arial,Helvetica,sans-serif;font-size:12px;color:#000000;line-height:18px;font-weight:bold;} div.article_v div.right div.text {float:left;width:513px;font-family:Arial,Helvetica,sans-serif;font-size:12px;color:#000000;line-height:16px;} div.article_v div.right div.text ul.list_h {float:left;list-style-type:none;margin:0px;padding:0px 0px 0px 15px;width:498px;list-style-image:url(../files/li_h.gif);} div.article_v div.right div.text ul.list_h li {padding:2px 0px 0px 0px;} /* Bild und Text */ div.img_txt {float:left;width:756px;padding:0px 20px 15px 20px;} div.img_txt div.floatLeft {float:left;padding:0px 10px 5px 0px;} div.img_txt div.floatRight {float:right;padding:0px 0px 5px 10px;} /* Bild und Text small*/ div.img_txt2 {float:left;width:756px;padding:0px 20px 15px 20px;} div.img_txt2 div.floatLeft2 {float:left;padding:0px 2px 5px 0px;} div.img_txt2 div.floatRight2 {float:right;padding:0px 0px 5px 2px;} /* Nr.1 Verlinkung */ div#bg div#main div#helper div#content div#content_top div#right div.nr_1 {float:left;width:37px;height:276px;} div#bg div#main div#helper div#content div#content_top div#right div.nr_1 a {float:left;width:37px;height:276px;background:transparent url(../files/spacer_37x176.png) 0px 0px no-repeat;} /* Bereich Sidebar */ div#bg div#main div#helper div#content div#content_top div#left {float:left;width:335px;padding:6px 0px 0px 0px;} /* Sidebar Box */ div#bg div#main div#helper div#content div#content_top div#left div.x_link {float:left;width:205px;padding:0px 0px 10px 128px;} div#bg div#main div#helper div#content div#content_top div#left div.x_link div.sb_bottom {float:left;width:205px;height:6px;background:transparent url(../files/bg_sidebar3.png) 0px 0px no-repeat;} /* Unternavigation */ div#bg div#main div#helper div#content div#content_top div#left div.x_link div.sb_top {float:left;width:205px;height:6px;background:transparent url(../files/bg_sidebar1.png) 0px 0px no-repeat;} div#bg div#main div#helper div#content div#content_top div#left div.x_link div.sb {float:left;width:205px;background:transparent url(../files/bg_sidebar.png) 0px 0px repeat-y;} div#bg div#main div#helper div#content div#content_top div#left div.x_link div.sb div.sb_middle {float:left;width:205px;background:transparent url(../files/bg_sidebar2.png) 0px 0px no-repeat;} div#bg div#main div#helper div#content div#content_top div#left div.x_link div.sb div.sb_middle div.img_txt2 {float:left;width:182px;padding:12px 0px 12px 12px;} div#bg div#main div#helper div#content div#content_top div#left div.x_link div.sb div.sb_middle div.img_txt2 div.floatRight2 {float:right;} div#bg div#main div#helper div#content div#content_top div#left div.x_link div.sb div.sb_middle div.img_txt2 div.floatRight2 img {float:right;} div#bg div#main div#helper div#content div#content_top div#left div.x_link div.sb div.sb_middle div.img_txt2 p.hl {margin:0px;padding:0px;} div#bg div#main div#helper div#content div#content_top div#left div.x_link div.sb div.sb_middle div.img_txt2 p.txt {margin:0px;padding:0px;line-height:13px;} div#bg div#main div#helper div#content div#content_top div#left div.x_link div.sb div.sb_middle div.img_txt2 p.hl a {font-weight:bold;font-size:14px;color:#000000;text-decoration:none;} div#bg div#main div#helper div#content div#content_top div#left div.x_link div.sb div.sb_middle div.img_txt2 p.hl a.active {font-weight:bold;font-size:14px;color:#206bbe;text-decoration:none;} div#bg div#main div#helper div#content div#content_top div#left div.x_link div.sb div.sb_middle div.img_txt2 p.hl a:hover {font-weight:bold;font-size:14px;color:#206bbe;text-decoration:none;} div#bg div#main div#helper div#content div#content_top div#left div.x_link div.sb div.sb_middle div.img_txt2 p.txt a {font-weight:bold;font-size:10px;color:#000000;text-decoration:none;} div#bg div#main div#helper div#content div#content_top div#left div.x_link div.sb div.sb_middle div.img_txt2 p.txt a.active {font-weight:bold;font-size:10px;color:#206bbe;text-decoration:none;} div#bg div#main div#helper div#content div#content_top div#left div.x_link div.sb div.sb_middle div.img_txt2 p.txt a:hover {font-weight:bold;font-size:10px;color:#206bbe;text-decoration:none;} /* Fixe Links in Sidebar */ div#bg div#main div#helper div#content div#content_top div#left div.x_link ul.third_nav {float:left;list-style-type:none;margin:0;padding:0px 0px 10px 0px;width:200px;} div#bg div#main div#helper div#content div#content_top div#left div.x_link ul.third_nav li.XXL-SERVICE, div#bg div#main div#helper div#content div#content_top div#left div.x_link ul.third_nav li.XXL-SERVICE_act, div#bg div#main div#helper div#content div#content_top div#left div.x_link ul.third_nav li.JOBS, div#bg div#main div#helper div#content div#content_top div#left div.x_link ul.third_nav li.JOBS_act, div#bg div#main div#helper div#content div#content_top div#left div.x_link ul.third_nav li.INFOS-NEWS, div#bg div#main div#helper div#content div#content_top div#left div.x_link ul.third_nav li.INFOS-NEWS_act, div#bg div#main div#helper div#content div#content_top div#left div.x_link ul.third_nav li.KONTAKT, div#bg div#main div#helper div#content div#content_top div#left div.x_link ul.third_nav li.KONTAKT_act, div#bg div#main div#helper div#content div#content_top div#left div.x_link ul.third_nav li.KUECHENSTUDIO, div#bg div#main div#helper div#content div#content_top div#left div.x_link ul.third_nav li.KUECHENSTUDIO_act {float:left;height:28px;margin:0;padding:0;width:200px;padding:4px 0px 4px 0px;} div#bg div#main div#helper div#content div#content_top div#left div.x_link ul.third_nav li:last-child {visibility:hidden;} div#bg div#main div#helper div#content div#content_top div#left div.x_link ul.third_nav li.seperator {display:inline;list-style-image:none;list-style-position:outside;list-style-type:none;width:200px;height:3px;} div#bg div#main div#helper div#content div#content_top div#left div.x_link ul.third_nav li.XXL-SERVICE a {float:left;width:200px;height:28px;background:transparent url(../_nav_bt/_xxl_service.png) 0px 0px no-repeat;} div#bg div#main div#helper div#content div#content_top div#left div.x_link ul.third_nav li.XXL-SERVICE_act a, div#bg div#main div#helper div#content div#content_top div#left div.x_link ul.third_nav li.XXL-SERVICE a:hover {float:left;width:200px;height:28px;background:transparent url(../_nav_bt/_xxl_service_act.png) 0px 0px no-repeat;} div#bg div#main div#helper div#content div#content_top div#left div.x_link ul.third_nav li.JOBS a {float:left;width:200px;height:28px;background:transparent url(../_nav_bt/_jobs.png) 0px 0px no-repeat;} div#bg div#main div#helper div#content div#content_top div#left div.x_link ul.third_nav li.JOBS_act a, div#bg div#main div#helper div#content div#content_top div#left div.x_link ul.third_nav li.JOBS a:hover {float:left;width:200px;height:28px;background:transparent url(../_nav_bt/_jobs_act.png) 0px 0px no-repeat;} div#bg div#main div#helper div#content div#content_top div#left div.x_link ul.third_nav li.INFOS-NEWS a {float:left;width:200px;height:28px;background:transparent url(../_nav_bt/_info_news.png) 0px 0px no-repeat;} div#bg div#main div#helper div#content div#content_top div#left div.x_link ul.third_nav li.INFOS-NEWS_act a, div#bg div#main div#helper div#content div#content_top div#left div.x_link ul.third_nav li.INFOS-NEWS a:hover {float:left;width:200px;height:28px;background:transparent url(../_nav_bt/_info_news_act.png) 0px 0px no-repeat;} div#bg div#main div#helper div#content div#content_top div#left div.x_link ul.third_nav li.KONTAKT a {float:left;width:200px;height:28px;background:transparent url(../_nav_bt/_kontakt.png) 0px 0px no-repeat;} div#bg div#main div#helper div#content div#content_top div#left div.x_link ul.third_nav li.KONTAKT_act a, div#bg div#main div#helper div#content div#content_top div#left div.x_link ul.third_nav li.KONTAKT a:hover {float:left;width:200px;height:28px;background:transparent url(../_nav_bt/_kontakt_act.png) 0px 0px no-repeat;} div#bg div#main div#helper div#content div#content_top div#left div.x_link ul.third_nav li.KUECHENSTUDIO a {float:left;width:200px;height:28px;background:transparent url(../_nav_bt/_kuechenstudio.png) 0px 0px no-repeat;} div#bg div#main div#helper div#content div#content_top div#left div.x_link ul.third_nav li.KUECHENSTUDIO_act a, div#bg div#main div#helper div#content div#content_top div#left div.x_link ul.third_nav li.KUECHENSTUDIO a:hover {float:left;width:200px;height:28px;background:transparent url(../_nav_bt/_kuechenstudio_act.png) 0px 0px no-repeat;} /* Bereich Footer */ div#bottom div.foot_nav {margin:auto;text-align:left;width:1250px;height:auto;padding:65px 0px 0px 0px;} div#bottom div.foot_nav div.unternehmen, div#bottom div.foot_nav div.kontakt, div#bottom div.foot_nav div.impressum, div#bottom div.foot_nav div.datenschutz {float:right;padding:0px 20px 0px 0px;text-transform:uppercase;} div#bottom div.foot_nav div.agb {float:right;padding:0px 155px 0px 0px;text-transform:uppercase;} div#bottom div.foot_nav div.copyright {float:right;padding:0px 108px 0px 0px;} div#bottom div.foot_nav div.unternehmen a, div#bottom div.foot_nav div.kontakt a, div#bottom div.foot_nav div.impressum a, div#bottom div.foot_nav div.datenschutz a, div#bottom div.foot_nav div.agb a, div#bottom div.foot_nav div.copyright a {color:#FFFFFF;text-decoration:none;} div#bottom div.foot_nav div.unternehmen a:hover, div#bottom div.foot_nav div.kontakt a:hover, div#bottom div.foot_nav div.impressum a:hover, div#bottom div.foot_nav div.datenschutz a:hover, div#bottom div.foot_nav div.agb a:hover, div#bottom div.foot_nav div.copyright a:hover {color:#FFFFFF;text-decoration:underline;} .active, .active p {text-decoration:underline;} /*Photogalerie*/ div.galerie div.image {float:left;width:250px;text-align:center;height:150px;} /* Formulargenerator */ /* REDAXO-Modul: do form! Beschreibung: CSS-DEMO Bereich: CSS Für: do form! 2.x und 3.x Stand: 20.04.2009 Version: 1.0 -------------------------------------------------------------------------- HINWEISE: -------------------------------------------------------------------------- !! Das CSS berücksichtigt nicht alle möglichen Felder !! Farben nicht 1 zu 1 übernehmen !! ist ja nicht wirklich hübsch Weitere Infos zu den CSS hier: http://wiki.redaxo.de/index.php?n=R4.DoForm ------------------------------------------------------- */ /* Formular Definition */ /*//////////////////////////////////////////////////////////////////////////////* /* Div das das Formular umschließt */ .formgen { font-size: 1em; padding-right: 10px; padding-left: 10px; } /* Was passiert wenn auf das Label geklickt wird? */ label, select, input[type=checkbox], input[type=radio], input[type=button], input[type=submit] { cursor : pointer; } .formgen form { line-height : 120%; margin-left:4px; } /* Wie sehen die einzelnen Blöcke aus? Jedes Feld wird von einem DIV umschlossen, das hier definiert werden kann */ .formgen .formblock { margin-bottom: 15px; margin-top: 10px; padding-top: 3px; padding-bottom: 3px; padding-right: 2px; padding-left: 5px; } .forminfo { width: 360px; margin:0px 0px 15px 15px; /*background-color: #FFCC33;*/ padding-top: 3px; padding-bottom: 3px; padding-right: 2px; padding-left: 10px; font-weight: bold; color:#990000; /*border: 5px dashed #990000;*/ } /* Verhalten von br-Tags */ .formgen br { clear : both; } /* --------- FORMULAR-OBJEKTE ------------ */ /* Mehrzeiliges Eingabefeld */ .formgen .formtextfield { width: 400px; height: 200px; margin:0px 0px 10px 4px; border:1px solid #011f55; background-color: #EFEFEF; } /* Textfeld */ .formgen .formtext { width: 250px; margin:3px 0px 10px 4px; padding-bottom: 4px; font-size: 1em; background-color: #EFEFEF; border: 1px solid #011f55; } .formgen input:focus, .formgen input:hover, .formgen select:focus, .formgen select:hover, .formgen textarea:focus, .formgen textarea:hover { } /* Label */ .formgen label { width: 120px; clear: left; float: left; height: 20px; font-weight: bold; color: #003399; padding:5px 0px 10px 10px; } /* Aussehen der Select-Ausgabe */ .formgen .formselect { width: 200px; background-color: #33FF33; margin-left: 4px; color: #000000; } /* Sende-Button */ .formgen .formsubmit { width: 531px; text-align: center; background-color: #EFEFEF; border: 1px solid #011f55; float: left; color: #000000; margin:0px 0px 30px 0px; } /* Fieldsetbeschriftung */ .formgen legend { color: #FFFFFF; background-color: #990000; width: 150px; } .formgen .fieldset { margin-bottom: 10px; } /* -------------- AUSGABEN / Fehlermeldungen --------*/ /* Markierung der Labels bei Fehler */ .formgen .formerror { border-bottom-width: 1px; color: #990000; } .formgen .formcaptcha { border: 2px solid #990000; vertical-align: top; float: left; margin-right: 10px; } .formgen .formreq { color: #006633; } .formgen .formheadline { color: #993300; background-color: #FFF7EA; padding-top: 4px; padding-bottom: 4px; margin-top: 5px; margin-bottom: 5px; font-style: italic; } /*//////////////////////////////////////////////////////////////////////////////* /* Ende der Formulardefinition */