/* body */ body {font-family: "Trebuchet MS", Arial; } #wrapper {width: 802px; margin: 0 auto 0 auto; background: url(img/body_bg.gif) repeat-y; clear:both; padding-bottom:20px; min-height: 100%; height: auto !important; height: 100%;} #header {background: url(img/h1_bg.png) no-repeat; width: 801px;} #logo {text-indent: -9999px; height: 108px; width: 199px; background: url(img/h1_bg.png) no-repeat; display: block;} /* #nav_main */ ul#nav_main {position:absolute; margin-left: 229px; top: 77px; height: 11px;} ul#nav_main li {float:left; list-style: none; margin-right: 21px; height: 11px;} ul#nav_main li a {display:block; text-indent: -9999px; height: 11px; } ul#nav_main li a:hover {background-position: 0 -11px;} #menu_agentur {width: 69px; background: url(img/nav_agentur.png) no-repeat; } #menu_team {width: 38px; background: url(img/nav_team.png) no-repeat;} #menu_news {width: 41px; background: url(img/nav_news.png) no-repeat;} #menu_jobs {width: 37px; background: url(img/nav_jobs.png) no-repeat;} #menu_kontakt {width: 66px; background: url(img/nav_kontakt.png) no-repeat;} ul#nav_main li.active a {background-position: 0 -11px;} /* #nav_units */ ul#nav_units {float:right; margin-right: 25px; list-style: none;} ul#nav_units li a {display:block; text-indent: -9999px; width: 27px; position:absolute; } #menu_design {height: 120px; background: url(img/tab_design.png) no-repeat; top: 108px; z-index: 3;} #menu_communication {height: 162px; background: url(img/tab_com.png) no-repeat; top: 224px; z-index: 2;} #menu_interactive {height: 135px; background: url(img/tab_int.png) no-repeat; top: 380px; z-index: 1;} #menu_design:hover {height: 125px; background: url(img/tab_design_active.png) no-repeat; z-index: 5;} #menu_communication:hover {height: 166px; background: url(img/tab_com_active.png) no-repeat; z-index: 4;} #menu_interactive:hover {height: 139px; background: url(img/tab_int_active.png) no-repeat; z-index: 5;} ul#nav_units li.active #menu_design {height: 125px; background: url(img/tab_design_active.png) no-repeat;} ul#nav_units li.active #menu_communication {height: 166px;background: url(img/tab_com_active.png) no-repeat; z-index: 4;} ul#nav_units li.active #menu_interactive {height: 139px; background: url(img/tab_int_active.png) no-repeat; z-index: 4;} /* #content_main */ #content_wrapper { float:right; width: 547px; margin-right: 26px; } #content_wrapper h2.bild_default {width: 547px; height: 273px; text-indent: -9999px;} #content_wrapper h2 {background: url(img/head_agentur.jpg) no-repeat;} #content_wrapper h2#bild_agentur { background: url(img/head_agentur.jpg) no-repeat;} #content_wrapper h2#bild_team { background: url(img/head_team.jpg) no-repeat;} #content_wrapper h2#bild_news, #content_wrapper h2#bild_newsbeitrag { background: url(img/head_news.jpg) no-repeat;} #content_wrapper h2#bild_jobs { background: url(img/head_jobs.jpg) no-repeat;} #content_wrapper h2#bild_kontakt { background: url(img/head_kontakt.jpg) no-repeat;} #content_wrapper h2#bild_design { background: url(img/head_design.jpg) no-repeat;} #content_wrapper h2#bild_communication { background: url(img/head_communication.jpg) no-repeat;} #content_wrapper h2#bild_interactive { background: url(img/head_interactive.jpg) no-repeat;} #content {font-size: 12px; color: #444; line-height: 16px; margin-top: 40px;} #content h1 {font-size: 14px; font-weight: bold; margin-bottom: 20px; } #content p {margin-bottom: 20px;} #content .item, #content .ce_text {margin-bottom: 38px;} #content ul {margin-left: 15px;} #content .ce_text, #content .mod_newslist, #content .mod_newsreader, #content .pagination, #content .mod_search, #map {margin-right: 30px; margin-left: 20px;} /* Units & Characters*/ #content #interactive .ce_text, #content #design .ce_text, #content #communication-content .ce_text, #content #characters .ce_text {border: 1px solid #ccc; margin-left: 0; margin-right: 10px; padding: 10px 10px 18px 18px; margin-bottom: 10px;} #content_wrapper #content .start {margin-left: 0; margin-right: 10px; padding: 16px 16px 20px 16px; color: #fff;} #content .start p {margin-bottom: 4px;} #content #interactive, #content #design, #content #communication-content {margin-top: -36px;} #content #interactive .start {background-color: #482355;} #content #interactive .ce_text h1 {color: #482355; margin-top: 10px;} #content #design .start {background-color: #6EAB22;} #content #design .ce_text h1 {color: #6EAB22;margin-top: 10px;} #content #communication-content .start {background-color: #DD730F;} #content #communication-content .ce_text h1 {color: #DD730F;margin-top: 10px;} #content .image_container img {border: 1px solid #ccc; margin-left: 10px;} #content .box_content {width: 302px; float:left;} #content_wrapper #content .start h1{color: #fff; text-transform: uppercase; margin-top: 0px;} /* .pagination */ #content .pagination ul {list-style:none; margin-left: 0;} #content .pagination ul li a, #content .pagination .pagination_current {padding: 3px 5px 4px 7px;float:left; font-weight: bold; margin-right: 4px; display: block;} #content .pagination .pagination_current {background-color: #efefef;} #content .pagination .pagination_link, #content .pagination .pagination_current {border: 1px solid #ccc; width: 10px; } #content .pagination .pagination_link:hover{background-color: #ccc;} /* team */ #content #team .box_31 {clear:both;} #content #team .image_container img {border: 1px solid #ccc; margin-right:20px;} #content #team .box_content {width: 280px; float:right;} #content_wrapper #content #team .ce_text {margin-left: 0; clear:both;} /* kontakt formular */ #f1 label {display:block;} #f1 input {margin-bottom: 12px;} #content .ce_form {margin-left: 20px; margin-right:40px;} .ce_form .textarea {width: 400px;} /* #box_content */ #box_contact {width: 199px; height: 273px; border-left: solid 20px #4c4c4c; background-color: #d8d8d8; font-size: 12px; line-height: 16px; color: #7C7B7B;} #box_contact .first {padding-top: 46px;} #box_contact p {margin-left: 20px; margin-bottom: 16px;} #box_contact a {font-weight: bold; color: #7C7B7B;} #box_contact form {margin-left: 20px;} #box_contact input {font-family: "Myriad Pro", Arial;} #box_contact #search_input, #box_contact #ctrl_5 {padding: 4px; font-size: 11px; color: #7C7B7B;} #box_contact #search_submit, #box_contact #ctrl_5_submit {font-size: 10px; padding: 4px 2px 4px 2px;} /* #box_news */ #box_news {width: 199px; padding-top: 40px; font-size: 12px; line-height: 16px; color: #7C7B7B;} #box_news a {color: #7C7B7B; font-weight: bold;} #box_news p {margin-left: 40px; margin-bottom: 20px;} #box_news ul {margin-left: 40px; list-style:none;} #box_news ul li {margin-bottom: 20px;} #box_news ul li a {font-weight: normal;} #box_news ul li a:hover {color: #444; text-decoration: none;}